@charset "UTF-8";

@media all and (min-width:668px){
	.pc { display: block; }
	.sp { display: none; }
}

@media screen and (max-width:667px){
	.pc { display: none; }
	.sp { display: block; }
}
body { background: #FFF; }
#contents_inner { background: none; margin: 0 auto; }
#footer { margin-top: 0!important; background: #FFF; position: relative;}
@media all and (min-width:668px){
  #contents_frame{
    background: #ffffff;
  }
}

.wrapperBg {
    z-index: 2;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.7);
} 
/* --------------------------------------------------------------
 .lp_wrap
--------------------------------------------------------------*/
.lp_wrap { position: relative; background: url("../img/cont_bg01.jpg") repeat; background-size: 100%;  }
.lp_wrap img { width: 100%; }
.lp_wrap a { color: #282828;}
.lp_wrap a:hover { color: #282828; text-decoration: underline; }

.lp_wrap .mB00 { margin-bottom: 0!important; }

.lp_wrap .cmn_bg01 { padding: 0 2px 2px;
	background: #deb33f; /* Old browsers */
	background: -moz-linear-gradient(left, #deb33f 0%, #f9f1b2 50%, #deb33f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #deb33f 0%,#f9f1b2 50%,#deb33f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #deb33f 0%,#f9f1b2 50%,#deb33f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deb33f', endColorstr='#deb33f',GradientType=1 ); /* IE6-9 */
}
.lp_wrap .cmn_bg01 .cmn_bg01-title01{ width: 100%; text-align: center; padding: 14px 0;
	background: #deb33f; /* Old browsers */
	background: -moz-linear-gradient(left, #deb33f 0%, #f9f1b2 50%, #deb33f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #deb33f 0%,#f9f1b2 50%,#deb33f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #deb33f 0%,#f9f1b2 50%,#deb33f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deb33f', endColorstr='#deb33f',GradientType=1 ); /* IE6-9 */
}
.lp_wrap .cmn_bg01 .cmn_bg01-title01 img { display: inline-block; width: auto; height: 30px; text-align: center;}
.lp_wrap .cmn_bg01 .cmn_bg01-inner {
	background: #cfcfd4; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #cfcfd4 0%, #fefeff 20%, #eef0f0 56%, #fefeff 75%, #d4d7d8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #cfcfd4 0%,#fefeff 20%,#eef0f0 56%,#fefeff 75%,#d4d7d8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #cfcfd4 0%,#fefeff 20%,#eef0f0 56%,#fefeff 75%,#d4d7d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfd4', endColorstr='#d4d7d8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.lp_wrap .cmn_bg02 { width: 996px; margin: 0 -18px; position: relative; padding: 37px 0; }
.lp_wrap .cmn_bg02:before { content: "";background: url("../img/cont_bgT.png") no-repeat; width: 996px; height: 37px; display: block; position: absolute; top: 0; left: 0; }
.lp_wrap .cmn_bg02:after { content: "";background: url("../img/cont_bgB.png") no-repeat; width: 996px; height: 37px; display: block; position: absolute; bottom: 0; left: 0; }
.lp_wrap .cmn_bg02 .cmn_bg02-inner { padding: 22px 68px 30px; box-sizing: border-box; background: url("../img/cont_bgC.png") repeat-y left top; }
.lp_wrap .present_title02{ width: 100%; margin: 0 auto 15px; }

.lp_wrap .cmn-text01 { text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 35px; }
.lp_wrap .cmn-text01 strong { font-size: 26px; }

@media all and (min-width:668px){
	.lp_wrap .fn-opa-01 img { -webkit-backface-visibility:hidden; backface-visibility:hidden; }
	.lp_wrap .fn-opa-01:hover img { opacity:0.75; }
}
@media screen and (max-width:667px){
	.lp_wrap .cmn_bg01 .cmn_bg01-title01 { padding: calc((14/640)*100vw) 0; }
	.lp_wrap .cmn_bg01 .cmn_bg01-title01 img { height: calc((30/640)*100vw); }
	.lp_wrap .cmn_bg02 { width: 98%; margin: auto; padding: calc((35/640)*100vw) 0 calc((36/640)*100vw); }
	.lp_wrap .cmn_bg02:before { content: "";background: url("../img/sp/cont_bgT.png") no-repeat; background-size: contain; width: 100%;  }
	.lp_wrap .cmn_bg02:after { content: "";background: url("../img/sp/cont_bgB.png") no-repeat; background-size: contain; width: 100%; height: calc((37/640)*100vw) }
	.lp_wrap .cmn_bg02 .cmn_bg02-inner { padding: 10px 7% 15px; background: url("../img/sp/cont_bgC.png") repeat-y left top; background-size: contain; }
	
	.lp_wrap .cmn-text01 {font-size: calc((20/640)*100vw); line-height: 150%; margin-bottom: 15px; }
	.lp_wrap .cmn-text01 strong {font-size: calc((24/640)*100vw); line-height: 175%; }
}


/* --------------------------------------------------------------
.lp_nav
--------------------------------------------------------------*/
.lp_wrap .lp_nav { position: fixed; z-index: 100; right: 0; bottom: 100px; background: #FFF;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;}
.lp_wrap .lp_nav.open { right: 0; }
.lp_wrap .lp_nav.close { right: -254px; }
.lp_wrap .lp_nav .lp_nav_btn { background: #55256f; color: #FFF; width: 33px; position: absolute; top: 0; left: -33px; }
.lp_wrap .lp_nav .lp_nav_btn + ul { width: 254px; position: relative; }


/* --------------------------------------------------------------
.sideNav
--------------------------------------------------------------*/
.sideNav.sideNav--active,
.sideNav.sideNav--scroll,
.sideNav{
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition:  all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.sideNav__inner__list ul li a:hover,
.sideNav__inner__list ul li a:active{    
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha( opacity=80 );
    opacity: .8;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition:  all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.sideNav__inner__list ul img { vertical-align: top; }

@media all and (min-width:668px){
	.sideNav{
		position: fixed;
		top: 0; /* 323px */
		right: -399px; /* -438px */
		z-index: 100;
		padding: 10px 0 0 0;
	} 
	.sideNav__inner__cara{
		width: 241px;
		text-align: right;
		margin-left: auto;
		margin-right: 0;
	}
	.sideNav__inner__cara img{
		max-width: 241px;
		width: 100%;
		height: auto;
	}
	.sideNav.sideNav--scroll{
		right: -241px; /*-386px*/
	}
	.sideNav.sideNav--active{
		right: 0;
	}    
	.sideNav__inner{
		-js-display: flex;
		display:-ms-flexbox;
		display:-webkit-flex;
		display: flex;
	}    

	.sideNav__inner__btn{
		cursor: pointer;
	}
	.sideNav__inner__list{
		display:block;
		background-image: url(../img/side_commonNav_bg.png);
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: top right;
		width: 241px; /* 386px */
		height:648px; /* 783px */
		position: relative;
	} 
	.sideNav__inner__list ul{ position: absolute; bottom: 8px; right: 0; }
}

@media screen and (max-width:667px){
	.sideNav{ position: fixed; top: 64%; right: -287px;
		transform: translateY(-65%);
		-webkit- transform: translateY(-65%);
		-moz--transform: translateY(-65%);
		z-index: 100;
	} 
	.sideNav.sideNav--scroll{ right: -254px; }
	.sideNav.sideNav--active{ right: 0; }    
	.sideNav__inner{
		-js-display: flex;
		display:-ms-flexbox;
		display:-webkit-flex;
		display: flex;
	}    
	.sideNav__inner__btn{ cursor: pointer; width: 33px; }
	.sideNav__inner__cara img { width: 287px; }
	.sideNav__inner__list{
		display:block;
		background-image: url(../img/sp/side_commonNav_bg.png);
		background-size: auto;
		background-repeat: no-repeat;
		background-position: top left;
		width: 254px;
		height: 456px;
	} 
	.sideNav__inner__list ul{ position: absolute; bottom: 7px; right: 0; }
	.sideNav__inner__list ul img { width: 240px; }
}
/* --------------------------------------------------------------
#main_img
--------------------------------------------------------------*/
.lp_wrap .main_warp { position: relative; margin-bottom: 30px; }
.lp_wrap #main_img { width: 100%; }
@media all and (min-width:668px){
	.lp_wrap .main_warp ul { letter-spacing: -.4em; text-align: center; position: absolute; top: 20px; right: 14px; }
	.lp_wrap .main_warp ul > * { letter-spacing: 0; display: inline-block; width: 42px; margin: 0 6px; }
}
@media screen and (max-width:667px){
	.lp_wrap .main_warp { margin-bottom: calc((30/640)*100vw); }
	.lp_wrap .main_warp ul { position: absolute; top:10px; right: 2%; width: 8%; }
	.lp_wrap .main_warp ul > * { display: block; margin-bottom: 8px; }
}

/* --------------------------------------------------------------
.lp_wrap .present_nav
--------------------------------------------------------------*/
.lp_wrap .present_nav { margin-bottom: 24px;  }
.lp_wrap .present_nav ul { letter-spacing: -.4em; text-align: center;padding: 11px 0 13px; }
.lp_wrap .present_nav ul li { display: inline-block; width: 302px; letter-spacing: 0; }

@media screen and (max-width:667px){
	.lp_wrap .present_nav  { width: 94%; margin: 0 auto 15px; }
	.lp_wrap .present_nav ul { padding: 12px 0 10px;}
	.lp_wrap .present_nav ul li { width: 94%; }
}

/* --------------------------------------------------------------
.lp_menu
--------------------------------------------------------------*/
.lp_wrap .lp_menu { margin-bottom: 25px; }
.lp_wrap .lp_menu ul { letter-spacing: -.4em; text-align: center; margin: 0 -8px; }
.lp_wrap .lp_menu ul li { display: inline-block; width: 244px; letter-spacing: 0;  }
@media screen and (max-width:667px){
	.lp_wrap .lp_menu { margin-bottom: 5px; }
	.lp_wrap .lp_menu ul { width: 98%; margin: 0 auto;}
	.lp_wrap .lp_menu ul li { width: 50%; }
	.lp_wrap .lp_menu ul li:nth-child(3),
	.lp_wrap .lp_menu ul li:nth-child(4) { margin-top: -10px; }
}

/* --------------------------------------------------------------
.twitter_btn
--------------------------------------------------------------*/
.lp_wrap .twitter_btn { width: 462px; margin: 0 auto 25px; }
@media screen and (max-width:667px){
	.lp_wrap .twitter_btn { width: 75%; margin: 0 auto 5px; }
}

/* --------------------------------------------------------------
.present_wrap
--------------------------------------------------------------*/
.lp_wrap #present00 { margin-bottom: 70px; }
.lp_wrap #present00 > div { padding: 25px 30px; }
.lp_wrap #present00 > div > p { margin-bottom: 20px; }
.lp_wrap #present01 { margin-bottom: 60px; }
.lp_wrap #present01 .present01_box { background: url("../img/present01_border01.png") no-repeat left bottom; padding-bottom: 25px; margin-bottom: 25px; }
.lp_wrap #present01 .present01_box.present01_border_none { background: none; padding-bottom: 15px; margin-bottom: 0; }
.lp_wrap #present01 ul { letter-spacing: -.4em; text-align: center; margin: 0 -9px; position: relative; }
.lp_wrap #present01 ul li { display: inline-block; letter-spacing: 0; width: 157px; padding: 0 9px; }
.lp_wrap #present02 { margin-bottom: 70px; }
.lp_wrap #present02 .present02_box01 { margin-bottom: 40px; }
.lp_wrap #present02 .present02_box01 > div { display: flex; margin: 0 -20px; }
.lp_wrap #present02 .present02_box01 dl { margin-bottom: 45px; width: 33.3%; padding: 0 20px; }
.lp_wrap #present02 .present02_box01 dl dt { margin-bottom: 10px; }
.lp_wrap #present02 .present02_box01 dl dt img { width: auto; height: 40px; }
.lp_wrap #present02 .present02_box01 dl:last-child dt img { width: auto; height: 58px; }
.lp_wrap #present02 .present02_box01 dl dd { text-align: center; font-size: 16px; }
.lp_wrap #present02 .present02_box01 dl dd .present02_box01-text01 { margin-bottom: 20px; }
.lp_wrap #present02 .present02_box01 dl dd .present02_box01-img01 { margin: 0 -9px 15px; width: 277px; position: relative;  }
.lp_wrap #present02 .present02_box01 ul li { text-indent: -1em; padding-left: 1em; font-size: 14px; }
.lp_wrap #present02 .present02_box02 { margin-bottom: 30px; }
.lp_wrap #present02 .present02_box02 h4 { margin-bottom: 20px; }
.lp_wrap #present02 .present02_box02 dl { margin-bottom: 15px; }
.lp_wrap #present02 .present02_box02 dl dt { position: relative; text-align: center; font-size: 22px; line-height: 64px; font-weight: bold; background: url("../img/present02_bg01.png") no-repeat center center; background-size: contain; width: 860px; height: 64px; margin-bottom: 10px; }
.lp_wrap #present02 .present02_box02 ul { text-align: center; letter-spacing: -.4em; }
.lp_wrap #present02 .present02_box02 ul li { display: inline-block; letter-spacing: 0; padding: 7px 10px; font-size: 16px; }
.lp_wrap #present02 .present02_box02 ul li.border01 { border-bottom: 2px solid #eaeaea; width: 100%; display: block; padding: 0; }
.lp_wrap #present02 .present02_box02 ul li:not(.border01):before { content: "■"; color: #56236e; }
.lp_wrap #present02 .present02_box02 ul li a { text-decoration: underline; }
.lp_wrap #present02 .present02_box02 ul li a:hover { text-decoration: none; }
.lp_wrap #present02 .present02_box03 .cmn_bg01-inner { padding: 20px 0 40px;}
.lp_wrap #present02 .present02_box03-text01 { font-size: 20px;font-weight: bold; text-align: center; margin-bottom: 20px; }
.lp_wrap #present02 .present02_box03-btn01 { width: 460px; margin: auto; }
.lp_wrap #present03 > .cmn-text01 { margin-bottom: 20px; }
.lp_wrap #present03 .present03_text01 { font-size: 14px; margin-bottom: 20px; }
.lp_wrap #present03 .present03_qr { width: 544px; margin: 0 auto 25px; }
.lp_wrap #present03 .present03_btn01 { width: 460px; margin: 0 auto 60px; }
.lp_wrap #present03 .present03_box01 { margin-bottom: 55px; }
.lp_wrap #present03 .present03_box01-title { margin-bottom: 20px; }
.lp_wrap #present03 .present03_box01-img01 { position: relative; }
.lp_wrap #present03 ul.present03_imgwrap01 { display: flex; margin: 0 -20px; }
.lp_wrap #present03 ul.present03_imgwrap01 li{ width: 33.3%; padding: 0 20px; position: relative; }
.lp_wrap #present03 .present03_box02,
.lp_wrap #present03 .present03_box03 { background: url("../img/present01_border01.png") no-repeat left bottom; padding-bottom: 37px; margin-bottom: 25px; }
.lp_wrap #present03 .present03_box04 { margin-bottom: 40px; }
.lp_wrap #present03 .present03_box05 { margin-bottom: 60px; }
.lp_wrap #present03 .present03_box05 h4 { margin-bottom: 10px; }
.lp_wrap #present03 .present03_box05 ul { text-align: center; }
.lp_wrap #present03 .present03_box05 ul li { background: url("../img/cont_border02.png") no-repeat left bottom; background-size: contain; display: inline-block; font-size: 20px; line-height: 40px; padding: 6px 0 8px; }
.lp_wrap #present03 .present03_box05 ul li img {width: auto; height: 40px; margin-right: 12px; vertical-align: bottom;}
.lp_wrap #present03 .present03_box06 .cmn-text01 { display: flex; align-items: center; justify-content: center; margin-bottom: 0; }
.lp_wrap #present03 .present03_box06 .cmn-text01 img { width: 54px; height: 54px; }
.lp_wrap #present03 .present03_box06 .cmn-text01 >* { }
.lp_wrap #present03 .present03_box06 ul { display: flex; flex-wrap: wrap; margin: 0 -20px 25px; }
.lp_wrap #present03 .present03_box06 ul li { width: 33.3%; padding: 0 20px; box-sizing: border-box; margin-top: 40px; }
.lp_wrap #present03 .present03_box06 ul li:not(:nth-child(3n)) { background: url("../img/cont_border01.png") no-repeat right top; background-size: contain;}
.lp_wrap #present03 .present03_box06 ul li .present03_box06-step01 { margin-bottom: 10px; }
.lp_wrap #present03 .present03_box06 ul li .present03_box06-text01 { font-size: 16px; margin-bottom: 15px; }
.lp_wrap #present03 .present03_box06 ul li .present03_box06-text01 span { font-weight: bold; }
.lp_wrap #present03 .present03_box06 ul li .present03_box06-text01 strong{ color: #55246e; background: linear-gradient(transparent 60%, #f8de00 60%); font-size: 21px; font-weight: bold; }
.lp_wrap #present03 .present03_box06 ul li .present03_box06-ant01 { font-size: 14px; }
.lp_wrap #present03 .present03_box06 ul li:nth-child(5) .present03_box06-img01 { margin-bottom: 10px; }
.lp_wrap #present03 .present03_box06 ul li:nth-child(6) .present03_box06-ant01 { margin-bottom: 15px; }
.lp_wrap #present03 .present03_box07 h4 { margin-bottom: 15px; }
.lp_wrap #present03 .present03_box08 h4 { margin-bottom: 20px; }
.lp_wrap #present03 .present03_box08 > div { height: 600px; overflow-y: scroll; font-size: 16px; border:1px solid #e9e9e9; padding: 20px 30px 20px 20px; }
.lp_wrap #present03 .present03_box08 > div p.present03_box08-title { font-weight: bold; margin-top: 25px; }
.lp_wrap #present03 .present03_box08 > div ul li { text-indent: -1em; padding-left: 1em; line-height: 175%; }
.lp_wrap #present03 .present03_box08 > div ul li span { color: #55246e; }
.lp_wrap #present03 .present03_box08 > div ul li a { color: #167ac6; }

@media all and (min-width:668px){
	.lp_wrap #present00 > div > ul li { display: inline-block; }
	.lp_wrap #present00 > div > ul li p { display: block; line-height: 175%; }
	.lp_wrap #present01 .present01_title01 { margin: 0 auto 16px; height: 40px; }
	.lp_wrap #present01 .present01_title01 img { width: auto; height: 40px; }
	.lp_wrap #present02 .present02_box01 dl:not(:last-child) { background: url("../img/cont_border01.png") no-repeat right top; background-size: contain;}
	.lp_wrap #present02 .present02_box01 dl:last-child dd .present02_box01-text01 { margin-bottom: 2px; }
	.lp_wrap #present03 .present03_box01-title img { width: auto; height: 54px; }
	.lp_wrap #present03 ul.present03_imgwrap01 li:not(:last-child) { background: url("../img/cont_border01.png") no-repeat right top; background-size: contain;}
	.lp_wrap #present03 .present03_box06 ul li:not(:nth-child(3n)) { background: url("../img/cont_border01.png") no-repeat right top; background-size: contain;}
}
@media screen and (max-width:667px){
	.lp_wrap #present00 { margin-bottom: calc((70/640)*100vw); }
	.lp_wrap #present00 > div { padding: 15px 4%; }
	.lp_wrap #present00 > div > p { width: 90%; margin: 0 auto 10px; }
	.lp_wrap #present00 > div > ul p { font-size: calc((18/640)*100vw); line-height: 175%; padding-left: 1em; text-indent: -1em; }
	.lp_wrap #present01 { margin-bottom: calc((60/640)*100vw); }
	.lp_wrap #present01 .present01_box { background: url("../img/sp/present01_border01.png") no-repeat left bottom; padding-bottom: 15px; margin-bottom: 15px; }
	.lp_wrap #present01 .present01_title01 { margin: 0 auto 10px;}
	.lp_wrap #present01 ul { margin: 0 -5px;}
	.lp_wrap #present01 ul li { width: 33.3%; padding: 0 5px; margin-bottom: 10px; box-sizing: border-box; }
	.lp_wrap #present01 .present01_ant {font-size: calc((18/640)*100vw); }
	.lp_wrap #present02 { margin-bottom: calc((70/640)*100vw); }
	.lp_wrap #present02 .present02_box01 { margin-bottom: 20px; }
	.lp_wrap #present02 .present02_box01 > div { flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 -10px; }
	.lp_wrap #present02 .present02_box01 dl { margin-bottom: 20px; width: 50%; padding: 0 10px; box-sizing: border-box; }
	.lp_wrap #present02 .present02_box01 dl dt img { height: calc((40/640)*100vw); }
	.lp_wrap #present02 .present02_box01 dl:last-child dt img { height: calc((58/640)*100vw); }
	.lp_wrap #present02 .present02_box01 dl:first-child { background: url("../img/cont_border01.png") no-repeat right top; background-size: contain;}
	.lp_wrap #present02 .present02_box01 dl dd .present02_box01-img01 { width: 100%; margin: 0 -5px 15px }
	.lp_wrap #present02 .present02_box01 dl dd p { font-size: calc((20/640)*100vw);  }
	.lp_wrap #present02 .present02_box01 ul li { font-size: calc((18/640)*100vw); line-height: 175%; }
	.lp_wrap #present02 .present02_box02 { margin-bottom: 15px; }
	.lp_wrap #present02 .present02_box02 dl { margin-bottom: 10px; }
	.lp_wrap #present02 .present02_box02 dl dt { text-align: center; font-size: calc((22/640)*100vw); line-height: calc((64/640)*100vw); background: url("../img/sp/present02_bg01.png") no-repeat center center; background-size: contain; width: 100%; height: calc((64/640)*100vw); margin-bottom: 5px; }
	.lp_wrap #present02 .present02_box02 ul li { font-size: calc((20/640)*100vw); padding: 5px 6px; }
	.lp_wrap #present02 .present02_box03 .cmn_bg01-inner { padding: 10px 0 20px}
	.lp_wrap #present02 .present02_box03-text01 { font-size: calc((20/640)*100vw); margin-bottom: 15px; }
	.lp_wrap #present02 .present02_box03-btn01 { width: 90%; }
	.lp_wrap #present03 .present03_qr { width: 38%; margin: 0 auto 20px; }
	.lp_wrap #present03 .present03_btn01 { width: 89%; margin: 0 auto 30px; }
	.lp_wrap #present03 ul.present03_imgwrap01 { flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 -10px; }
	.lp_wrap #present03 ul.present03_imgwrap01 li {  width: 50%; padding: 0 10px; box-sizing: border-box; margin-bottom: 20px; }
	.lp_wrap #present03 ul.present03_imgwrap01 li:first-child { background: url("../img/cont_border01.png") no-repeat right top; background-size: 2px;}
	.lp_wrap #present03 .present03_box02,
	.lp_wrap #present03 .present03_box03 { background: url("../img/sp/present01_border01.png") no-repeat left bottom; padding-bottom: 3px; margin-bottom: 13px; }
	.lp_wrap #present03 .present03_box04 p { font-size: calc((18/640)*100vw); }
	.lp_wrap #present03 .present03_box05 { margin-bottom: calc((60/640)*100vw); }
	.lp_wrap #present03 .present03_box05 ul li { background: url("../img/sp/cont_border02.png") no-repeat left bottom; background-size: contain; font-size: calc((18/640)*100vw); line-height: calc((32/640)*100vw); padding: 6px 0 8px; }
	.lp_wrap #present03 .present03_box05 ul li img { height: calc((32/640)*100vw); margin-right:5px; }
	.lp_wrap #present03 .present03_box06 .cmn-text01 { line-height: 175%; }
	.lp_wrap #present03 .present03_box06 .cmn-text01 { margin-top: 0px; }
	.lp_wrap #present03 .present03_box06 ul li { width: 50%; margin-top:15px;  }
	.lp_wrap #present03 .present03_box06 ul li:not(:nth-child(2n)) { background: url("../img/cont_border01.png") no-repeat right top; background-size: 2px;}
	.lp_wrap #present03 .present03_box06 ul li .present03_box06-text01 { font-size: calc((20/640)*100vw); }
	.lp_wrap #present03 .present03_box06 ul li .present03_box06-text01 strong { font-size: calc((20/640)*100vw); }
	.lp_wrap #present03 .present03_box06 ul li .present03_box06-ant01  { font-size: calc((18/640)*100vw); }
	.lp_wrap #present03 .present03_box08 > div { height: 400px; font-size: calc((20/640)*100vw);  padding: 10px 15px 10px 10px; }
	.lp_wrap #present03 .present03_box08 > div p + p { font-weight: bold; margin-top: 25px; }
	
}

/* --------------------------------------------------------------
.broadcast_wrap
--------------------------------------------------------------*/
.lp_wrap .broadcast_wrap > div > div { position: relative; margin:  0 -18px 0 0; }
.lp_wrap .broadcast_wrap > div > div > .cmn-text01 { position: absolute; bottom: 20px; width: 100%; margin-bottom: 0;}
.lp_wrap .broadcast_wrap h4 { margin-bottom: 15px; }

@media screen and (max-width:667px){
	.lp_wrap .broadcast_wrap > div > div { position: relative; margin:  0 -8% 7% 0; }
	.lp_wrap .broadcast_wrap > div > div > .cmn-text01 { top: calc((130/640)*100vw); bottom: auto; padding-right: 8%; box-sizing: border-box; }
	.lp_wrap .broadcast_wrap h4 + p { font-size: calc((18/640)*100vw); }
}

/* --------------------------------------------------------------
.panel_wrap
--------------------------------------------------------------*/
.lp_wrap .panel_wrap .cmn_bg01-title01 { margin-bottom: 15px; }
.lp_wrap .panel_wrap .panel_box01 { margin-bottom: 55px; }
.lp_wrap .panel_wrap .panel_box01 h4 { margin-bottom: 45px; }
.lp_wrap .panel_wrap .panel_box02 h4 { margin-bottom: 30px; }
.lp_wrap .panel_wrap .panel_box02 h5 { position: relative; text-align: center; font-size: 22px; line-height: 64px; font-weight: bold; background: url("../img/present02_bg01.png") no-repeat center center; background-size: contain; width: 860px; height: 64px; margin-bottom: 15px; cursor: pointer; }
.lp_wrap .panel_wrap .panel_box02 table { width: 100%; border-spacing: 0; margin-bottom: 35px; }
.lp_wrap .panel_wrap .panel_box02 table th { height: 40px; text-align: center; width: 33.3%; }
.lp_wrap .panel_wrap .panel_box02 table th img { width: auto; height: 100%;}
.lp_wrap .panel_wrap .panel_box02 table th:nth-child(1) { border-right: 2px solid #dcb4cf; 
background: #58266f; /* Old browsers */
background: -moz-linear-gradient(left, #58266f 0%, #b9699e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #58266f 0%,#b9699e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #58266f 0%,#b9699e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58266f', endColorstr='#b9699e',GradientType=1 ); /* IE6-9 */
}
.lp_wrap .panel_wrap .panel_box02 table th:nth-child(2) { border-right: 2px solid #fcf4a1;
background: #f7dd00; /* Old browsers */
background: -moz-linear-gradient(left, #f7dd00 0%, #fae742 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #f7dd00 0%,#fae742 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f7dd00 0%,#fae742 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7dd00', endColorstr='#fae742',GradientType=1 ); /* IE6-9 */
}
.lp_wrap .panel_wrap .panel_box02 table th:nth-child(3) {
background: #fae840; /* Old browsers */
background: -moz-linear-gradient(left, #fae840 0%, #fbef7f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fae840 0%,#fbef7f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fae840 0%,#fbef7f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae840', endColorstr='#fbef7f',GradientType=1 ); /* IE6-9 */
}
.lp_wrap .panel_wrap .panel_box02 table td { padding: 5px 0;  text-align: center; width: 33.3%; font-size: 16px; border-right: 2px solid #e3e3e5; border-bottom: 2px solid #e3e3e5; }
.lp_wrap .panel_wrap .panel_box02 table td:nth-child(1) { background: #f4f2f7; border-left: 2px solid #e3e3e5; }
.lp_wrap .panel_wrap .panel_box02 table td a { text-decoration: underline; }
.lp_wrap .panel_wrap .panel_box02 table td a:hover { text-decoration: none; }

@media all and (min-width:668px){
	.lp_wrap .panel_wrap .panel_box02 table th img.pc { display: inline-block; }
}

@media screen and (max-width:667px){
	.lp_wrap .panel_wrap .cmn_bg01-title01 { margin-bottom: calc((18/640)*100vw); }
	.lp_wrap .panel_wrap .panel_box01 { margin-bottom: 25px; }
	.lp_wrap .panel_wrap .panel_box01 h4 { margin-bottom: 15px; }
	.lp_wrap .panel_wrap .panel_box01 h4 + p { margin: 0 -2%; }
	.lp_wrap .panel_wrap .panel_box02 > div { margin-bottom: 10px; }
	.lp_wrap .panel_wrap .panel_box02 h5 { text-align: center; font-size: calc((22/640)*100vw); line-height: calc((64/640)*100vw); background: url("../img/sp/present02_bg01.png") no-repeat center center; background-size: contain; width: 100%; height: calc((64/640)*100vw); margin-bottom: 8px; }
	.lp_wrap .panel_wrap .panel_box02 table { margin-bottom: 10px; }
	.lp_wrap .panel_wrap .panel_box02 table th { height: calc((68/640)*100vw); text-align: center; width: auto; }
	.lp_wrap .panel_wrap .panel_box02 table th img.sp { display: inline-block; }
	.lp_wrap .panel_wrap .panel_box02 table th:nth-child(1) { border-right: 1px solid #dcb4cf; }
	.lp_wrap .panel_wrap .panel_box02 table th:nth-child(2) { border-right: 1px solid #fcf4a1; }
	.lp_wrap .panel_wrap .panel_box02 table td { width: auto; font-size: calc((20/640)*100vw); border-right: 1px solid #e3e3e5; border-bottom: 1px solid #e3e3e5; }
	.lp_wrap .panel_wrap .panel_box02 table td:nth-child(1) { border-left: 1px solid #e3e3e5; }
}

/* --------------------------------------------------------------
.collaboration_wrap
--------------------------------------------------------------*/
.lp_wrap .collaboration_wrap { position: relative; }
.lp_wrap .collaboration_wrap h2 { margin-bottom: 15px; }
.lp_wrap .collaboration_wrap p + h4 { margin-bottom: 50px; }
.lp_wrap .collaboration_wrap h4 + h4 { margin-bottom: 25px; }
.lp_wrap .collaboration_wrap .collaboration-img01 { position: absolute; top:50px; left: -75px; width: 158px; }
.lp_wrap .collaboration_wrap .collaboration-img02 { position: absolute; top:32px; right: -68px; width: 201px; }
@media screen and (max-width:667px){
	.lp_wrap .collaboration_wrap h2 { margin-bottom: calc((18/640)*100vw); }
	.lp_wrap .collaboration_wrap p + h4 { margin-bottom: 25px; }
	.lp_wrap .collaboration_wrap h4 + h4 { margin-bottom: 15px; }
	.lp_wrap .collaboration_wrap .collaboration-ant { font-size: calc((18/640)*100vw); padding-left: 1em; text-indent: -1em; }
	.lp_wrap .collaboration_wrap .collaboration-img01 { top:30%; left: 2%; width: 14.5%; }
	.lp_wrap .collaboration_wrap .collaboration-img02 { position: absolute; top: 29%; right: 1%; width: 18%; }
}

/* --------------------------------------------------------------
.goods_wrap
--------------------------------------------------------------*/
.lp_wrap .goods_wrap { position: relative; }
.lp_wrap .goods_wrap h2 { margin-bottom: 15px; }
.lp_wrap .goods_wrap h4 { margin-bottom: 40px; }
.lp_wrap .goods_wrap .goods-btn01 { width: 460px; margin: auto; }
.lp_wrap .goods_wrap .goods-img01 { position: absolute; top:10px; left: -67px; width: 180px; }
@media screen and (max-width:667px){
	.lp_wrap .goods_wrap h2 { margin-bottom: calc((18/640)*100vw); }
	.lp_wrap .goods_wrap h4 { margin-bottom: 20px; }
	.lp_wrap .goods_wrap .goods-btn01 { width: 89%; }
}
/* --------------------------------------------------------------
.contact_wrap
--------------------------------------------------------------*/
.lp_wrap .contact_wrap  h4 { margin-bottom: 15px; }
.lp_wrap .contact_wrap .contact-text01 { font-size: 23px; text-align: center; font-weight: bold; line-height: 175%; }
.lp_wrap .contact_wrap .contact-text02 { font-size: 26px; text-align: center; font-weight: bold; line-height: 175%; }
.lp_wrap .contact_wrap .contact-text03 { font-size: 20px; text-align: center; }
@media screen and (max-width:667px){
	.lp_wrap .contact_wrap .contact-text01,
	.lp_wrap .contact_wrap .contact-text02 { font-size: calc((24/640)*100vw); }
	.lp_wrap .contact_wrap .contact-text03 { font-size: calc((20/640)*100vw); }
}

/* --------------------------------------------------------------
.bnr01
--------------------------------------------------------------*/
.lp_wrap .bnr01 { width: 340px; margin: 20px auto 25px; }
@media screen and (max-width:667px){
	.lp_wrap .bnr01 { width: 100%; max-width: 340px; margin: 10px auto 20px; }
}
/* --------------------------------------------------------------
.sns_wrap
--------------------------------------------------------------*/
.lp_wrap .sns_wrap { letter-spacing: -.4em; text-align: center; margin-bottom: 30px; }
.lp_wrap .sns_wrap > * { letter-spacing: 0; display: inline-block; width: 42px; margin: 0 20px; }
@media screen and (max-width:667px){
	.lp_wrap .sns_wrap { margin-bottom: 15px; }
	.lp_wrap .sns_wrap > * { margin: 0 10px; }
}

/* --------------------------------------------------------------
.lp_copy
--------------------------------------------------------------*/
.lp_wrap .lp_copy { font-family: 14px; text-align: center; padding-bottom: 20px; }
@media screen and (max-width:667px){
	.lp_wrap .lp_copy { font-size: calc((18/640)*100vw); padding-bottom: 10px; }
}
/* --------------------------------------------------------------
.lp_pagetop
--------------------------------------------------------------*/
.lp_wrap .lp_pagetop { width: 540px; margin: auto;  }
@media screen and (max-width:667px){
	.lp_wrap .lp_pagetop { width: 84%; }
}

.lp_wrap #present02 .present02_box02 dl dt span,
.lp_wrap .panel_wrap .panel_box02 h5 span { width: 30px; height: 30px; background: url("../img/shop_icon-off.png") no-repeat center center; position: absolute; top: 50%; right: 20px; margin-top: -15px; }
.lp_wrap #present02 .present02_box02 dl dt.on span,
.lp_wrap .panel_wrap .panel_box02 h5.on span { background: url("../img/shop_icon-on.png") no-repeat center center; }

@media screen and (max-width:667px){
	.lp_wrap #present02 .present02_box02 dl dt span,
	.lp_wrap .panel_wrap .panel_box02 h5 span { width: 5.6%; height: 20px; background: url("../img/shop_icon-off.png") no-repeat center center; background-size: contain; top: 50%; right: 3%; margin-top: -10px; }
	.lp_wrap #present02 .present02_box02 dl dt.on span,
	.lp_wrap .panel_wrap .panel_box02 h5.on span { background: url("../img/shop_icon-on.png") no-repeat center center; background-size: contain;  }
}

/* --------------------------------------------------------------
.close-box
--------------------------------------------------------------*/
.lp_wrap .close-box  { height: 100%; display: flex!important; align-items: center; justify-content: center; text-align: center; color:#FFF; font-weight: bold; position: absolute; background: rgba(119,119,119,0.7); border-radius: 20px; }
.lp_wrap #present01 ul li.close-box { width: 100%!important; top:-8px; left: -10px;  padding: 8px 10px 5px; font-size: 30px; }
.lp_wrap #present02 .present02_box01 dl dd .close-box { width: 100%!important; top:-8px; left: 0; padding: 8px 0; font-size: 22px; }
.lp_wrap #present03 ul.present03_imgwrap01 li .close-box  { width: 94%!important; bottom: -8px; left: 3%; padding: 8px 0; font-size: 22px; }
.lp_wrap #present03 .present03_box01-img01 .close-box { width: 100%!important; top:-8px; left: -10px; padding: 8px 10px; font-size: 22px; }
@media screen and (max-width:667px){
	.lp_wrap .close-box  { border-radius: 10px; }
	.lp_wrap #present01 ul li.close-box { top:-8px; left: -1px; padding: 8px 1px 0; font-size: calc((28/640)*100vw); box-sizing: content-box; }
	.lp_wrap #present02 .present02_box01 dl dd .close-box { left: 0; padding: 8px 4px 0; font-size: calc((28/640)*100vw);  }
	.lp_wrap #present03 ul.present03_imgwrap01 li .close-box  { top:-5px; left: 5px; padding: 5px 0; font-size: calc((28/640)*100vw); box-sizing: content-box; }
	.lp_wrap #present03 .present03_box01-img01 .close-box { top:-8px; left: -4px; padding: 8px 4px 0; font-size: calc((28/640)*100vw); box-sizing: content-box; }
}