@charset "UTF-8";
/*
	BASE
*******************************/

/*body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,'Hiragino Kaku Gothic Pro',Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}*/
/*
* {
	font-family: "Lato","Shin Go Medium","UD Shin Go NT Medium","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,'Hiragino Kaku Gothic Pro',Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	margin: 0;
	padding: 0;
}
font-family: 'Montserrat', sans-serif;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
font-family: 'Cinzel', serif;
font-family: 'Manrope', sans-serif;
*/
* {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,'Hiragino Kaku Gothic Pro',Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	margin: 0;
	padding: 0;
}
html {
	font-size:62.5%;
	line-height:1em;
}
body {
	font-size:1.6rem;
	min-width:1024px;
}
img {
	vertical-align:bottom;
	line-height:0;
}

p,th,td,dt,dd,li,h1,h2,h3,h4,h5,h6 { color:#606060;}

a,
a:link,
a:visited {
	color:#606060;
	text-decoration:none;
	outline:none;
	border:none;
}
a:hover {
	color:#909090;
	text-decoration:none;
	transition:.3s;
}

a img {
	outline:none;
	border:none;
	-webkit-backface-visibility: hidden;
}
area {
	border:none;
	outline:none;
}

.clear { clear:both;}

* img {
	max-width: 100%;
	height: auto;
}

/*//////////////////////////////////////////////////////////////////////////*/


/*
	BASE LAYOUT
******************/

body {
}

#main {
	width:100%;
	margin:0;
	padding:0;
}
p {
	font-size:1.6rem;
	line-height: 2em;
	margin: 0;
	padding:0;
}


/*//////////////////////////////////////////////////////////////////////////*/


/*基本：左右配置　上下センター　折り返しなし*/
.fbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
	width:100%;
}

/*折り返しなし*/
.fbox.nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

/*左寄せ*/
.fbox.bxstart {
  -webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
}

/*右寄せ*/
.fbox.bxend {
  -webkit-box-pack: end;
     -ms-flex-pack: end;
   justify-content: flex-end;
}

/*中央寄せ*/
.fbox.bxcenter {
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}

/*上寄せ*/
.fbox.alstart {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    align-content: flex-start;
}

/*下寄せ*/
.fbox.alend {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    align-content: flex-end;
}

/*上下中央*/
.fbox.alcenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-content: center;
}

/*上下端*/
.fbox.albt {
  -ms-flex-line-pack: justify;
       align-content: space-between;
}

/*上下均等*/
.fbox.linedist {
  -ms-flex-line-pack: distribute;
       align-content: space-around;
}



/*子要素に設定　順番を1番目に*/
.pos0 {
  -webkit-box-ordinal-group: 1;
             -ms-flex-order: -1;
                      order: -1;
}

/*//////////////////////////////////////////////////////////////////////////*/

/*
	Header LAYOUT
******************/

.header {
	text-align:center;
}
.header_box {
	max-width: 900px;
	width:calc(100% - 20px);
	margin:0 auto;
	box-sizing:border-box;
	padding:15px 0;
}

/*
	Contents LAYOUT
******************/

.wrap {
	width:100%;
	text-align:center;
    box-sizing:border-box;
}
.contents {
	max-width:900px;
	width:calc(100% - 20px);
	box-sizing:border-box;
	margin:0 auto;
	text-align:left;
	position:relative;
}

.att {
	font-size:1.4rem;
	line-height:1.3;
	box-sizing:border-box;
}
a img {
	transition:.3s;
}
a:hover img {
	opacity:.8;
}

/**fv**/
#fv {
    margin:0;
}
#fv .contents {
	max-width:1280px;
	width:100%;
	margin:0 auto;
	background:url(../img/fv_bg2.jpg) no-repeat center center;
	background-size:auto 770px;
}
#fv .fv_wrap {
	position:relative;
	margin:0 auto;
}
#fv .fv_inner {
	position:relative;
	max-width:900px;
	height:770px;
	margin:0 auto;
}
#fv .fv_body {
	width: 100%;
	position:
	absolute;
	top:45px;
	left:50%;
	transform:
	translateX(-50%);
}
#fv .fv_img {
	width:600px;
	display:block;
	position:absolute;
	left:27%;
	top:35%;
}
#fv .fv_item1 {
	width: 155px;
	position:
	absolute;
	left: -1%;
	bottom: 9%;
}
#fv .fv_item2 {
	width: 100px;
	position:absolute;
	left:66%;
	top:25.5%;
}
#fv .fv_item3 {
	display: block;
	width:215px;
	position:absolute;
	left:0;
	top:74%;
}
#fv .fv_inner .att {
	position:absolute;
	left:0;
	bottom:2.5%;
	text-align:left;
	padding-top:.5em;
	line-height:1.5;
}

/**offer**/
#offer .wrap {
	padding-top:90px;
}
#offer .offerbox {
	position:relative;
	margin-bottom:15px;
}
#offer .offerbox a {
	display:block;
	position:absolute;
	top:58%;
	left:50%;
	transform:translateX(-50%);
}
.btnbox a {
	display:block;
	width:80%;
	max-width:384px;
	margin:0 auto;
}

/**sec1**/
.section1 .wrap {
	padding-top:30px;
}
.section1 .contents_title {
	text-align:center;
	margin-bottom:30px;
}
.section1 .att {
	text-align:right;
	padding-top:.5em;
}

/**sec2**/
.section2 .wrap {
	padding-top:75px;
}
.section2 .contents_title {
	text-align:center;
	margin-bottom:45px;
	transform:translateX(-2.2%);
}
.section2 .secret_box {
	position:relative;
}
.section2 .secret_box img {
    display:block;
}
.section2 .secret_box .txt {
	position:absolute;
	left:1%;
	top:60%;
	width:27%;
	display: none;
}
.section2 .secret_box .txt.txt2 {
	left:auto;
	right:1%;
	text-align:right;
}
.section2 .secret_box .txt dt {
	display:inline-block;
	background:#4699b9;
	color:#FFFFFF;
	line-height:1.6;
	padding:0 .5em;
	font-weight:600;
	margin-bottom:1em;
}
.section2 .secret_box .txt dd {
	line-height:2.4;
	text-align:left;
}

.section2 .att {
	text-align:right;
	padding-top:.5em;
	margin-bottom:30px;
}

/**sec3**/
.section3 .wrap {
	padding-top:75px;
	padding-bottom:75px
}
.section3 .contents_title {
	margin-bottom:10px;
}
.section3 .contents_title2 {
	margin-bottom:15px;
}
.section3 .body {
	font-size:2rem;
	font-weight:600;
	margin-bottom:40px;
}
.section3 .body.body2 {
	margin-bottom:15px;
}
.section3 .contents_img {
	width:58%;
	float:right;
	margin-left:20px;
}
.section3 .txt {
	line-height:2.4;
}

/**sec4**/
.section4 .wrap {
	padding-top:60px;
	padding-bottom:90px;
	clear:both;
}

/**sec5**/
.section5 .wrap {
	padding-top:90px;
	padding-bottom:90px;
	background:url(../img/bg1.jpg) no-repeat center center;
	background-size:cover;
}
.section5 .contents_title {
	text-align:center;
	margin-bottom:30px;
}
.section5 .use {
	position:relative;
}

.section5 .use_anim {
	position:absolute;
	left:5.5%;
	top:18%;
	width:35%;
	overflow:hidden;
	border-radius:50%;
}
.section5 .use_inner::before {
	content:'';
	display:block;
	width:100%;
	padding-top:100%;
	background:url(../img/sec5_img3.png) no-repeat center center;
	background-size:105%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.section5 .use_inner {
	width:100%;
	padding-top:100%;
}
.section5 .use_anim img {
	position:absolute;
	left:-25%;
	top:0;
	height:100%;
	width:auto;
	max-width:200%;
	z-index:1;
}

/**sec6**/
.section6 .wrap {
	padding-top:90px;
}
.section6 .contents_title {
	text-align:center;
	margin-bottom:30px;
}
.section6 .body {
	text-align:center;
	margin-bottom:60px;
}
.section6 .att {
	padding:.5em 0;
	margin-left:6em;
	margin-bottom:3em;
}
.section6 .att2 {
	padding:.5em 0;
	margin-bottom:3em;
	margin-left:0;
	text-align:right;
}

/**sec7**/
.section7 .wrap {
	padding-top:90px;
}
.section7 .contents_title {
	text-align:center;
	margin-bottom:90px;
}
.section7 .buy_item {
	text-align:center;
}
.section7 .buy_item img {
	display:block;
}
.section7 .buy_item a img {
	display:inline;
}

/**sec8**/
.section8 .wrap {
	padding-top:90px;
}
.section8 .contents_title {
	text-align:center;
	margin-bottom:60px;
}
.section8 .movie_wrap {
	max-width:680px;
	margin:0 auto;
}
.section8 .movie_wrap .movie {
	width:100%;
	position:relative;
	padding-top:56.25%;
}
.section8 .movie_wrap .movie iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:5px solid #FFFFFF;
	box-shadow:1px 1px 8px rgba(0,0,0,.2);
}

/**sec9**/
.section9 .wrap {
	padding-top:90px;
	padding-bottom:150px;
}
.section9 .contents {
	background:url(../img/sec9_img2.jpg) no-repeat right bottom;
	background-size:auto 90%;
}
.section9 .telbox {
	margin-bottom:20px;
}
.section9 .contents_title {
	font-size:2.0rem;
	color:#FFFFFF;
	background:#606060;
	line-height:1.8;
	box-sizing:border-box;
	padding:0 1em;
	margin-right:1.5em;
}
.section9 .txt {
	font-size:1.5rem;
	width:75%;
	line-height:1.8;
}
.section9 .txt .txt_s {
	font-size:.8em;
	margin-left:.5em;
}

.linkbox {
	width:100%;
	position: fixed;
	left:0;
	bottom:-300px;
	/*background:url("../img/foot_bg.jpg") no-repeat center center;
	background-size: cover;*/
	background-color:
	rgba(141,165,199,.7);
	z-index:10;
	transition:.5s;
}
.linkbox.show {
	bottom: 0;
}
.linkbox .linkwrap {
	max-width: 900px;
	position: relative;
	margin:0 auto;
}
.linkbox .footitem1 {
	display:block;
	width:6.4%;
	position:absolute;
	left: 9%;
	bottom:16%;
}
.linkbox .footitem2 {
	display:block;
	width:23%;
	position:absolute;
	right:2%;
	top:50%;
	transform:translateY(-50%);
}
.linkbox .btnbox {
	padding-top:45px;
}
.linkbox .btnbox a {
	width:45%;
}


/*
	Footer LAYOUT
******************/

.footer {
	background:#eff3f8;
	padding:45px 0 20px;
}
.footer_box {
    max-width:1280px;
	width:calc(100% - 20px);
    margin:0 auto;
}
.footer_box .pagetop {
	text-align:right;
	padding-bottom:30px;
	border-bottom:1px solid #dfe3e8;
    margin-bottom:10px;
}


/*
	DRAG STORE
******************/

.dragstore #main {
	background:url(../img/bg2.jpg) no-repeat center top;
	background-size:cover;
	box-sizing:border-box;
	padding:0 10px;
}
.dragstore #wrap {
	max-width:980px;
	margin:0 auto;
	background:rgba(255,255,255,.8);
	box-sizing:border-box;
	padding:30px 40px;
}

/**sec10**/
.section10 .contents img {
	display:block;
	margin:0 auto;
}

/**sec11**/
.section11 .wrap {
	padding-top:90px;
}
.section11 .contents_title {
	text-align:center;
	margin-bottom:60px;
}
.section11 .contents_title2 {
	text-align:center;
	margin-bottom:45px;
}
.section11 .storelist {
	text-align:center;
	margin-bottom: 60px;
}
.section11 .storelist .att {
	max-width:850px;
	margin:0 auto;
	padding-top:2em;
	margin-bottom:3em;
	text-align:right;
}
.section11 .storelist.storelist--sp {
	margin-bottom:30px;
}

@media screen and (max-width:1024px){

}

@media screen and (max-width:900px){


.linkbox .footitem1 {
	left: 11.6%;
}

}


@media screen and (max-width:640px){

body {
	min-width:100%;
}

/*
	Header LAYOUT
******************/

.header_box {
	padding:10px 0;
}
.header .logo {
	width:100px;
}
.header .logo2 {
	width:150px;
}


/*
	Contents LAYOUT
******************/

.att {
	font-size:1.2rem;
}
a img {
	transition:0s;
}
a:hover img {
	opacity:1;
}

.contents {
	width:100%;
}
/**fv**/

#fv .contents {
	background:url(../img/fv_bg2.jpg) no-repeat center bottom;
	background-size:cover;
}
#fv .fv_wrap {

}
#fv .fv_inner {
	height:120vw;
}
#fv .fv_body {
	width: 100%;
	top: 2.5vw;
}
#fv .fv_img {
	width:80%;
	left:12%;
	top:46vw;
}
#fv .fv_item1 {
	left: 2%;
	top:auto;
	bottom:2vw;
	width: 22%;
}
#fv .fv_item2 {
	left: 57%;
	top:34vw;
	width: 15%;
}
#fv .fv_item3 {
	left: 3vw;
	width:30%;
	top:auto;
	bottom:5.5vw;
}
#fv .fv_inner .att {
	bottom:-3.5em;
	left:1em;
	font-size: 1.0rem;
}

/**offer**/
#offer .wrap {
	padding-top: 50px;
}
#offer .offerbox {
	width:calc(100% - 20px);
	margin:0 auto;
}
#offer .offerbox a {
    top: 61%;
    width:45%;
}

/**sec1**/
.section1 .wrap {
	padding-top:0vw;
}
.section1 .contents_title {
	margin:0;
}
.section1 .att {
	margin-right:10px;
}

/**sec2**/
.section2 .wrap {
	padding-top:10vw;
}
.section2 .contents_title {
	transform:translateX(0%);
	margin-bottom:0;
}
.section2 .att {
	margin-bottom:5vw;
}
.section2 .att {
	margin-right:10px;
}

/**sec3**/
.section3 .wrap {
	padding-top:10vw;
	padding-bottom: 10vw;
}
.section3 .contents_title {
	margin-bottom:3vw;
}
.section3 .contents_title2 {
	margin-bottom:1vw;
	margin-bottom:3vw;
}
.section3 .body {
	font-size:4vw;
	line-height:1.5;
	width:calc(100% - 30px);
	margin:0 auto 4vw;
}
.section3 .body.body2 {
	margin-bottom:3vw;
}
.section3 .contents_img {
	width:100%;
	max-width:500px;
	text-align:left;
	float:none;
	margin-left:0;
	margin-bottom:3vw;
}
.section3 .txt {
	font-size:3.5vw;
	line-height:1.5;
	width:calc(100% - 30px);
	margin:0 auto 4vw;
}

/**sec4**/
.section4 .wrap {
	padding-top:10vw;
	padding-bottom:10vw;
	clear:both;
}

/**sec5**/
.section5 .wrap {
	padding-top:0;
	padding-bottom:0;
}
.section5 .contents_title {
	margin-bottom:0;
}
.section5 .use_anim {
	left:5.5%;
	top:10%;
	width:65%;
}

/**sec6**/
.section6 .wrap {
	padding-top:10vw;
}
.section6 .contents_title {
    margin-bottom:0;
}
.section6 .body {
    margin-bottom:0;
}
.section6 .att {
	margin-right:15px;
}

/**sec7**/
.section7 .wrap {
	padding-top:10vw;
}
.section7 .contents_title {
	margin-bottom:10vw;
}
.section7 .buy_item {
	display:block;
	margin:0 auto 10vw;
}

/**sec8**/
.section8 .wrap {
	padding-top:0;
}
.section8 .contents_title {
	margin-bottom:5vw;
}
.section8 .movie_wrap {
    margin: 0 15px;
}

/**sec9**/
.section9 .wrap {
	padding-top:10vw;
	padding-bottom:10vw;
}
.section9 .contents {
	background:none;
	width:calc(100% - 30px);
}
.section9 .telbox {
	margin-bottom:5vw;
}
.section9 .contents_title {
}
.section9 .telbox img {
	margin-top:2vw;
	width:300px;
}
.section9 .txt {
	font-size:3.5vw;
	width:100%;
	line-height:1.6;
}


.linkbox .btnbox {
	padding-top:20px;
}


/*
	DRAG STORE
******************/

.dragstore #main {
	padding:0;
}
.dragstore #wrap {
	padding:0;
}
.dragstore .contents {
    width: 100%;
}
.dragstore .wrap {
	padding:0;
}
.section11 .contents_title {
    margin-bottom: 0;
}
.section11 .contents_title2 {
    margin-bottom: 0;
}
.section11 .storelist .att {
	font-size:3vw;
	position:absolute;
	right: 10vw;
	bottom:10vw;
}
.section11 .storelist {
    margin-bottom: 0;
    position:relative;
}
.section11 .storelist a {
	display:block;
	width:40%;
	position:absolute;
	left:30%;
	bottom:2vw;
}
/*
	Footer LAYOUT
******************/

.footer {
	padding:30px 0 15px;
}
.footer_box .pagetop {
	padding-bottom:15px;
}


.linkbox .footitem1 {
	display:none;
}
.linkbox .footitem2 {
	width:30%;
	right:5vw;
}
.linkbox .btnbox a {
	width:56%;
	margin-left:5vw
}

.section11 .storelist.storelist--sp {
	margin-bottom:0;
}

}

@media screen and (max-width:640px){
	.pcOnly {
		display:none;
	}
}


@media screen and (min-width:641px){
	.spOnly {
		display:none;
	}
}