@charset "utf-8";
/*ｓ*/

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html{
    font-size: 62.5%；
}

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

body{
	color: #000;
	font-family: YuGothic, "游ゴシック","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial,sans-serif;
	line-height: 1.6;
	font-size: 16px;
	 font-size: 1.6rem; 
	/*font-family:"游明朝体","游明朝","YuMincho","Yu Mincho";*/
}
.fmin{
	font-family:"游明朝体","游明朝","YuMincho","Yu Mincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
}

img{
	vertical-align: bottom;
	border:0;
}

.bold {
	font-weight: bold;
}

ul,dl {
	margin:  0;
	padding: 0;
	list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size:inherit;
	color:#000;
}


/* -------------------------------------------------------------------- 
/* Link
-------------------------------------------------------------------- */
a,a img{ outline: none; }
a:link {   color: #000; text-decoration: none;}
a:visited {color: #000; text-decoration: none;}
a:hover {  color: #630; text-decoration: none;}
a:active { color: #000; text-decoration: none;}


/* -------------------------------------------------------------------- 
/* Base
-------------------------------------------------------------------- */
/* margin */
.t0  {margin-top: 0 !important;}
.t3  {margin-top: 3px !important;}
.t4  {margin-top: 4px !important;}
.t5  {margin-top: 5px !important;}
.t7  {margin-top: 7px !important;}
.t8  {margin-top: 8px !important;}
.t10 {margin-top:10px !important;}
.t15 {margin-top:15px !important;}
.t20 {margin-top:20px !important;}
.t25 {margin-top:25px !important;}
.t30 {margin-top:30px !important;}
.t35 {margin-top:35px !important;}
.t40 {margin-top:40px !important;}
.t45 {margin-top:45px !important;}
.t50 {margin-top:50px !important;}
.t55 {margin-top:55px !important;}
.t60 {margin-top:60px !important;}
.t70 {margin-top:70px !important;}
.t80 {margin-top:80px !important;}

.mgl5  {margin-left: 5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}

.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}


/* padding */
.pdt5  {padding-top: 5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt25 {padding-top:25px !important;}
.pdt30 {padding-top:30px !important;}
.pdt35 {padding-top:35px !important;}
.pdt40 {padding-top:40px !important;}
.pdt45 {padding-top:45px !important;}
.pdt50 {padding-top:50px !important;}
.pdt55 {padding-top:55px !important;}
.pdt60 {padding-top:60px !important;}
.pdt65 {padding-top:65px !important;}

.pdl5  {padding-left: 5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}
.pdl25 {padding-left:25px !important;}
.pdl30 {padding-left:30px !important;}

.pdr5  {padding-right: 5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}
.pdr25 {padding-right:25px !important;}
.pdr30 {padding-right:30px !important;}

.fs10{font-size:10px!important;}
.fs11{font-size:11px!important;}
.fs12{font-size:12px!important;}
.fs13{font-size:13px!important;}
.fs14{font-size:14px!important;}
.fs15{font-size:15px!important;}
.fs16{font-size:16px!important;}
.fs17{font-size:17px!important;}
.fs18{font-size:18px!important;}
.fs19{font-size:19px!important;}
.fs20{font-size:20px!important;}
.fs21{font-size:21px!important;}
.fs22{font-size:22px!important;}
.fs23{font-size:23px!important;}
.fs24{font-size:24px!important;}
.fs25{font-size:25px!important;}
.fs26{font-size:26px!important;}
.fs27{font-size:27px!important;}
.fs28{font-size:28px!important;}
.fs29{font-size:29px!important;}
.fs30{font-size:30px!important;}
.fs31{font-size:31px!important;}
.fs32{font-size:32px!important;}
.fs33{font-size:33px!important;}
.fs34{font-size:34px!important;}
.fs35{font-size:35px!important;}
.fs36{font-size:36px!important;}
.fs37{font-size:37px!important;}
.fs38{font-size:38px!important;}
.fs39{font-size:39px!important;}
.fs40{font-size:40px!important;}

/* float */
.floatL {float: left;}
.floatR {float: right;}


.alL {text-align: left;}
.alC {text-align: center;}
.alR {text-align: right;}
.alRm { margin:0 0 0 auto;}
.alCm { margin:0 auto;}

.vaT {vertical-align: top;}
.vaM {vertical-align: middle;}
.vaB {vertical-align: bottom;}

.nowrap {white-space: nowrap;}

.rel{ position:relative;}
.ab{position: absolute;}

.nd{display:none;}


img.wm{
width:100%;
}
img.wf{
width:50%;
}







/* ========== Clear ========== */
.clear {
	clear: both;
	background: transparent;
	height: 1px;
	font-size: 1px;
}

/* clearfix micro */
.cf:before,
.cf:after{
  content:"";
  display: table;
}
.cf:after{ clear:both;}

.cf{ *zoom:1;}








/* -------------------------------------------------------------------- 
/* PC
-------------------------------------------------------------------- */
body{
	/*background:#dbd7d3 url(../../../img/bg_fixed.jpg) no-repeat top center;*/
	/*background-size: contain;*/
	/*background-attachment:fixed;*/
}

.ndSP{display:none!important;}
.noCursor{cursor:default!important;}
.dpSP{display:block!important;}
.ovfh{overflow:hidden;}
.TODO{
	display: block;
	height:3000px;
	/*margin-top:500px;*/
	border-top:1px solid #c00;
}

.sec{
	/*background: url(../../img/dm.png) no-repeat center 0px;*/
	/*background-size: 100%;*/
	position:relative;
	overflow:hidden;
}

.sec .Inner,
.secend .Inner{
	width: 100%;
	margin: 0 auto;
	position:relative;
	padding: 8% 5%;
}
.sec .InnerMini{
	width:100%;/*940*/
	padding: 8% 5%;
}
.sec .InnerMini2{
	width:100%;/*750*/
	padding: 8% 5%;
}

@media screen and (max-width: 320px) {
	.classname_{
		/**/
	}
}

#pageTop{
	position:fixed;
	right:16px;
	bottom:16px;
	width:64px;
}
.sec ul.col2{}
.sec ul.col2 li{/* float:left; */}





/* ---------------------------------------------------------- 
/* before
---------------------------------------------------------- */
.fixedBg{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: #dbd7d3 url(../../../img/bg_fixed.jpg) no-repeat top left -60vw;
	background-size: cover;
}


/* ---------------------------------------------------------- 
/* s1
---------------------------------------------------------- */
#s1{
	background-color: #ffffff;
	overflow: hidden;
}
#s1 .Inner{

}
#s1 h1,
#s1 p,
#s1 .logo,
#s1 .bdg,
#s1 .fb,
#s1 .tw,
#s1 .fig1{
	position: absolute;
	top:0;
	left:50%;
}
#s1 h1{
    top: 54vw;
    /* margin-left: -621px; */
    left: inherit;
    width: 95vw;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#s1 p{
	    /* top: 24.8vw; */
	    /* margin-left: 15px; */
	    font-size: inherit;
	    line-height: 8.7vw;
	    /* color: #fff; */
	    position: relative;
	    left: inherit;
	    padding: 0 10vw;
	    margin: 40px auto 0;
}
#s1 .logo{
    top: 3.8vw;
    margin-left: 0;
    width: 27vw;
    left: 13vw;
}
#s1 .bdg{
	top: 20.4vw;
	margin-left: 0px;
	width: 34vw;
	right: 1vw;
	left: inherit;
	display: none;
}
#s1 .fb{/* margin-left: 528px; */top: 3vw;left: inherit;right: 10vw;width: 14vw;}
#s1 .tw{/* margin-left: 571px; */top: 3vw;left: inherit;right: -1vw;width: 14vw;}
#s1 .fig1{
	/* margin-left: -634px; */
	top: 1vw;
	width: 5vw;
	left: 4vw;
}
#s1 .fig_i{
	bottom:0;
	left:50%;
}
#s1 .fig_i_1{
	margin-left: -460px;
	bottom: 0px;
	width: 132px;
	/*animation: img-move 1s steps(5);*/
	/*-webkit-animation: fig01 11s ease 5s infinite alternate;*/
	/*animation: fig01 11s ease 5s infinite alternate;*/
}
#s1 .fig_i_2{
	margin-left: -10px;
	bottom: 0px;
	width: 132px;
	/*-webkit-animation: fig02 12s ease 15s infinite alternate;*/
	/*animation: fig02 12s ease 15s infinite alternate;*/
}
#s1 .fig_i_3{
	margin-left: 440px;
	bottom: 0px;
	width: 132px;
	/*-webkit-animation: fig03 14s ease 20s infinite alternate;*/
	/*animation: fig03 14s ease 20s infinite alternate;*/
}
#s1 .fig_i_4{
	margin-left: 240px;
	bottom: -120px;
	/*-webkit-animation: fig04 20s ease 15s infinite alternate;*/
			/*animation: fig04 20s ease 15s infinite alternate;*/
}
#s1 .fig_i_5{
	margin-left: 480px;
	bottom: -110px;
	/*-webkit-animation: fig05 19s ease 10s infinite alternate;*/
			/*animation: fig05 19s ease 10s infinite alternate;*/
}
@-webkit-keyframes fig05 {
	0% {-webkit-transform: translateY(10px);}
	20% {-webkit-transform: translateY(10px);}
	40% {-webkit-transform: translateY(-70px);}
	100% {-webkit-transform: translateY(-70px);}
}
@keyframes fig05 {
	0% {transform: translateY(10px);}
	20% {transform: translateY(10px);}
	40% {transform: translateY(-70px);}
	100% {transform: translateY(-70px);}
}
@-webkit-keyframes fig04 {
	0% {-webkit-transform: translateY(10px);}
	10% {-webkit-transform: translateY(10px);}
	30% {-webkit-transform: translateY(-90px);}
	100% {-webkit-transform: translateY(-90px);}
}
@keyframes fig04 {
	0% {transform: translateY(10px);}
	10% {transform: translateY(10px);}
	30% {transform: translateY(-90px);}
	100% {transform: translateY(-90px);}
}
@-webkit-keyframes fig03 {
	0% {-webkit-transform: translateY(10px);}
	40% {-webkit-transform: translateY(10px);}
	60% {-webkit-transform: translateY(-90px);}
	100% {-webkit-transform: translateY(-90px);}
}
@keyframes fig03 {
	0% {transform: translateY(10px);}
	40% {transform: translateY(10px);}
	60% {transform: translateY(-90px);}
	100% {transform: translateY(-90px);}
}
@-webkit-keyframes fig02 {
	0% {-webkit-transform: translateY(10px);}
	40% {-webkit-transform: translateY(10px);}
	50% {-webkit-transform: translateY(-190px);}
	100% {-webkit-transform: translateY(-190px);}
}
@keyframes fig02 {
	0% {transform: translateY(10px);}
	40% {transform: translateY(10px);}
	50% {transform: translateY(-190px);}
	100% {transform: translateY(-190px);}
}
@-webkit-keyframes fig01 {
	0% {-webkit-transform: translateY(50px);}
	30% {-webkit-transform: translateY(50px);}
	50% {-webkit-transform: translateY(-80px);}
	100% {-webkit-transform: translateY(-80px);}
}
@keyframes fig01 {
	0% {transform: translateY(50px);}
	30% {transform: translateY(50px);}
	50% {transform: translateY(-80px);}
	100% {transform: translateY(-80px);}
}




/* ---------------------------------------------------------- 
/* mainVisual
---------------------------------------------------------- */
.mainVisual{}
.mainVisual li{}
.mainVisual li img{width:100%;height:auto;}
/*.mainVisual li:nth-child(1){}
.mainVisual li:nth-child(2){}
.mainVisual li:nth-child(3){}
.mainVisual li:nth-child(4){}
.mainVisual li:nth-child(5){}*/



/* ---------------------------------------------------------- 
/* s2
---------------------------------------------------------- */
#s2{
	background-color: #fff;
	overflow: hidden;
}
#s2 .Inner{
	width: inherit;
	min-height: 440px;
	/*background: url(../img/dm_pc_s2.png) no-repeat center 430px;*/
	padding: 0 0;
	position: relative;
}
.noteText{
    color: #616161;
    font-size: inherit;
    text-align: center;
}
#s2 .noteText{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    margin: 0 auto;
    z-index: 10;
}
.noteText span{
    display: block;
    color: #9e9e9e;
    font-size: 3.5vw;
}
#s2 .loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff url(ajax-loader.gif) no-repeat center center;
	z-index: 100;
}
#s2 .slideArea{
    padding: 0px 0 40px;
    height: 440px;
    overflow: hidden;
}
#s2 ul.slider{}
#s2 ul.slider li{/* padding: 0 40px; */width: 250px;text-align: center;}
#s2 ul.slider li a{padding: 30px 20px 50px;display: block;}
#s2 ul.slider li a img{
	box-shadow:0px 10px 40px 9px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 10px 40px 9px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 10px 40px 9px rgba(0, 0, 0, 0.1);
}
/*#s2 ul.slider li a img:hover{
	box-shadow:0px 10px 40px 9px rgba(0,0,0,0.08);
	-moz-box-shadow:0px 10px 40px 9px rgba(0,0,0,0.08);
	-webkit-box-shadow: 0px 10px 40px 9px rgba(0, 0, 0, 0.08);
}*/
#s2 ul.slider li figure{

}
#s2 ul.slider li figcaption span{}

.pswp__top-bar{
	display:none;
}
.pswp__caption span{
	display: block;
	font-size:18px;
}
.pswp__caption{
	font-size:14px;
}
.pswp__caption__center{
	text-align: center;
	color:#000;
}
.pswp__bg{
	background-color: #fff;
}
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
    background-color: rgba(0, 0, 0, 0);
}
figcaption{
    display: none;
}
.customCloseBtn{
	position: absolute;
	top: 20px;
	right: 20px;
	/* left: 0px; */
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 100px;
	cursor: pointer;
	z-index: 10000;
	/*box-shadow: 0 0 4px rgb(155, 131, 121);*/
	color:#9B8379;
	/* border: 2px solid #9B8379; */
	background: url(../../../img/btn_popup_close_n.png) no-repeat center center;
	background-size: 40px 40px;
}
/*.customCloseBtn::before {
    content: '×';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 40px;
    font-weight: lighter;
    line-height: 1;
}*/





/* ---------------------------------------------------------- 
/* s3
---------------------------------------------------------- */
#s3{
	/*background-color: #fff;*/
	overflow: hidden;
}
#s3{

}
#s3 h3,
#s7 h3{font-size: 9vw;padding-top: 7.5vw;/* margin-bottom: 60px; *//* text-align: center; */}
#s3 ul,
#s7 ul{margin-top: 40px;}
#s3 ul li h4,
#s7 ul li h4{
	font-size: 5.8vw;
	margin-bottom: 20px;
	/* letter-spacing: -.13em; */
	line-height: 1.3;
}
#s3 ul li p,
#s7 ul li p{
	line-height: 2;
	font-size: inherit;
	letter-spacing: -.05em;
}
#s3 ul li:first-child,
#s7 ul li:first-child{
	/* float:left; */
	/* width: 580px; */
	/* padding: 40px 9vw 0; */
}
#s3 ul li:last-child,
#s7 ul li:last-child{
	/* float:right; */
	/* width: 305px; */
	padding: 40px 9vw 0;
}
#s3 ul li dl{/* padding: 40px 9vw 0; */}
#s3 ul li dl dt{
	
}
#s3 ul li dl dd,
#s7 ul li dl dd{
	font-size: 3.4vw;
	margin-bottom: 20px;
	margin-top: 10px;
	letter-spacing: -.05em;
}
#s3 ul li dl dd span{
	font-size: 4.6vw;
	display: block;
	letter-spacing: -.08em;
}
#s3 .adj1{
	letter-spacing: -.05em;
}
#s3 .col2{margin-top: 40px;}
#s3 .col2 dl{float: left;}
#s3 .col2 dl:first-child{width: 48%;}
#s3 .col2 dl:last-child{width: 48%;float: right;/* margin-left: 70px; */padding-top: 0;}

#s3 .col2 dl dt{
	
}
#s3 .col2 dl dd{
	/* margin-top: -5px; */
}

.pickup_book{
	/* width:1012px; */
	position: relative;
	margin: 0px auto 0;
	/* border: 1px solid #000; */
	/* border-radius: 7px; */
	padding-bottom: 30px;
	/*background-color: #e6e3e0;*/
	background-color: rgba(255, 255, 255, 0.3);
}
.pickup_book h3{text-align: center;padding-top: 110px!important;font-size: 6.3vw!important;}
.pickup_book h3 span{/* padding-right: 20px; */position: absolute;top: 40px;left: 0;right: 0;transform: rotateZ(90deg);width: 55px;margin: 0 auto;}
.pickup_book ul{margin-top: 20px!important;/* padding: 0 215px; *//* padding-left: 5vw; */}
.pickup_book ul li{

}
.pickup_book ul li .media_image{
	padding-left:5vw;
}
.pickup_book ul li:first-child{width: 250px!important;margin-right: auto!important;margin-left: auto!important;text-align: center;/* opacity: 0.2; *//* width: 100px; */}
.pickup_book ul li:last-child{width: inherit!important;padding-top: 0!important;/* float: left!important; */padding-left: 18vw!important;text-align: center;}
.pickup_book ul li p.txt1{text-decoration: underline;text-align: left;}
.pickup_book ul li p.txt2{font-size: 6vw!important;line-height: 1.4!important;text-decoration: underline;text-align: left;}
.pickup_book ul li p.txt3{font-size: 5.4vw!important;line-height: 2.2!important;text-decoration: underline;text-align: left;}
#s5 .pickup_book ul li p.txt3{font-size: 5.4vwpx!important;line-height: 2.2!important;text-decoration: none;}
.pickup_book ul li p.txt4{font-size: 4.2vw!important;line-height: 2!important;text-align: left;}
.pickup_book ul li p.txt5{font-size: 6vw!important;line-height: 1.4!important;text-align: left;text-decoration: underline;}
.pickup_book ul li .btn{margin-top: 20px!important;/* margin-left: 20px; *//* width: 225px; *//* margin: 0 auto; */text-align: center;/* margin-left: 30px; */padding: 0;}
.pickup_book ul li .pickup_book_btn{
    /*padding-left: -18vw!important;*/
    margin-left: -9vw!important;
}

.illustBottom{text-align: center;padding: 50px 0;}
.illustBottom_illust{}

#s3 ul li dl:last-child{
    padding-top: 20px;
}
#s3 ul li.p-list-f{
    /* padding: 40px 9vw 0; */
}
#s3 ul li.p-list-f dl{
    padding: 40px 9vw 0;
}
#s3 ul li.p-list-f dl:last-child{
    padding-top: 20px;
}
#s3 ul li.p-list-l{
    padding: 0px 0 0;
}


/* ---------------------------------------------------------- 
/* s4
---------------------------------------------------------- */
#s4{
	background-color: #fff;
	overflow: hidden;
	padding-bottom:120px;
}
#s4 .Inner{
	width:inherit;
}
.itemDescription{
	padding: 0px 0 10px;
}
.itemDescription .noteText{
	display:none;
	text-align: left;
}
.itemDescription .noteText.is-cat0{
	display: block;
}
#s4 h3{font-size: 9vw;padding-top: 110px;padding-bottom: 20px;/* margin-bottom: 60px; */text-align: center;}
#s4 h3 span{/* padding-right: 10px; */position: absolute;top: 30px;right: 0;left: 0;margin: 0 auto;width: 130px;}
#s4 ul.sortNav{
    text-align: center;
    z-index: 100!important;
    padding-top: 15px;
    background-color: #fff!important;
}
#s4 ul.sortNav.is-fixed{
    position: fixed;
    margin: auto;
    top: 0px;
    left: 0px;
    bottom: auto;
    right: auto;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 5% 0;
}
#s4 ul.sortNav.is-hide{
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
}
#s4 ul.sortNav li{
    font-size: 4vw;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    padding: 5px 15px;
    margin: 0px 4px 10px;
    cursor: pointer;
    border: 1px solid rgba(158, 158, 158, 0.2);
}
#s4 ul.sortNav li.alpha{}
#s4 ul.sortNav li.active,
#s4 ul.sortNav li:hover{
    background-color: #000;
    color: #fff;
}

#s4 ul.itemList{}
#s4 ul.itemList li{/* padding-top: 10px; *//* padding-bottom: 10px; */margin-top: 20px;text-align: center;}
#s4 ul.itemList li figure{
	/*display:block;*/
	/*padding:10px;*/
	/* margin-top: 10px; */
}
#s4 ul.itemList li figure img{
	width:100%;
	height:auto;
	/* padding: 0px 0; */
}
#s4 .itemContainer{
	/* padding-right:5%; */
	/* padding-left:5%; */
	/* width:1260px; */
	/*margin:0 auto;*/
}
.sizer-element {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  /*height:200px;*/
  /*width:200px;*/
}
.pswp__img--placeholder{
	display: none;
}
#s4 ul.itemList li[data-groups='["cat1"]'] figure a img{
	/*height:240px!important;*/
	/*width:auto;*/
}


#s4 .itemcat6 img{
	/*width:100%;*/
}

.p-voice{
	/*position: relative;*/
}
.voice_bottom{
	position: absolute;
	bottom: 5px;
	/* top: 10px; */
	left:0;
	right:0;
	margin:0 auto;
	/* width: 100%; */
	text-align: center;
}
.voice_text{
	text-align: center;
    color: #000;
}
.voice_text span{
	display: block;
    font-size: 18px;
}
.voiceClose {
    position: absolute;
    top: 10px;
    right: 20px;
    /* left: 0px; */
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 100px;
    cursor: pointer;
    z-index: 1000;
    /* box-shadow: 0 0 4px rgb(155, 131, 121); */
    color: #9B8379;
    /* border: 2px solid #9B8379; */
    background: url(../../../img/btn_popup_close_n.png) no-repeat center center;
    background-size: 40px 40px;
}




/* ---------------------------------------------------------- 
/* s5
---------------------------------------------------------- */
#s5{
	background-color: #f9f7f6;
	overflow: hidden;
}
#s5 .Inner{

}
#s5 h3{font-size: 9vw;padding-top: 10px;margin-bottom: 20px;/* text-align: center; */line-height: 1.4;padding-right: 5%;padding-left: 5%;}
#s5 h3 + div{
    margin-right: -6%;
    margin-left: -6%;
}
#s5 h4,
#s5 p,
#s5 .text_frame{
	padding: 0 10px;
}
#s5 h4{
    margin: 40px 0 30px;
    font-size: 6vw;
}
#s5 p{
    font-size: inherit;
    line-height: 2;
}
#s5 .text_frame{
    padding: 0;
    /* border: 1px solid #000; */
    /* border-radius: 7px; */
    /* width: 610px; */
    margin: 40px -6% 40px;
    background-color: #fff;
}
#s5 .text_frame p{padding: 40px 40px;letter-spacing: -.07em;line-height: 2.5;font-size: 4.5vw;}
#s5 ul{margin-bottom: 30px;}
#s5 p + ul{
    margin-top: 40px;
}
#s5 ul li{
    /* width: 365px; */
}
#s5 ul li:first-child{
    /* margin-right: 20px; */
    margin-bottom: 30px;
}
#s5 ul li:last-child{}
#s5 ul li p{
    padding: 0;
    font-size: 3.4vw;
    line-height: 1.6;
    margin-top: 5px;
}
#s5 .pickup_book{
	background-color: #fefdfd;
}
#s5 .pickup_book ul li:last-child{
	padding:0 9vw;
}
#s5 ul.col2.p-media-list{}
#s5 ul.col2.p-media-list li:first-child{}
#s5 ul.col2.p-media-list li:last-child{
    margin-top: 40px;
}
#s5 ul.col2.p-media-list li p{
    margin-top: -10px;
}



/* ---------------------------------------------------------- 
/* s6
---------------------------------------------------------- */
#s6{
	background: #fff url(../../../img/bg_mov.jpg) no-repeat top center;
	background-size: cover;
	overflow: hidden;
	padding: 20px 0 20px;
}
#s6 .Inner{
	/* width:1172px; */
}
#s6 h3{
    text-align: center;
    font-size: 6.5vw;
    margin-bottom: 50px;
    letter-spacing: -.02em;
}
#s6 ul{
    /* margin-bottom: 20px; */
}
#s6 ul li{
    /* margin-right: 20px; */
}
#s6 ul li:last-child{
	margin-right:0;
}
.video{}
.video iframe{
    width: 100%;
    height: 100%!important;
}



/* ---------------------------------------------------------- 
/* s7
---------------------------------------------------------- */
#s7{
	background: #fff url(../../../img/bg_bannen.jpg) no-repeat top center;
	background-size: cover;
	overflow: hidden;
	color: #fff;
}
#s7 .Inner{

}
#s7 h3{
    color: #fff;
}
#s7 h4{
    color: #fff;
    letter-spacing: -.13em;
}
#s7 ul li:last-child{
	padding: 0;
}
#s7 .line01{
	border-top:1px solid #fff;
	margin-top: 50px;
	margin-bottom: 40px;
}
#s7 .tits{
	font-size: 5vw;
	padding-bottom: 20px;
}
#s7 ul li dl{
    margin-top: 20px;
    padding: 0 10%;
}
#s7 ul li dl dt{}
#s7 ul li dl dd{}



/* ---------------------------------------------------------- 
/* s8
---------------------------------------------------------- */
#s8{
	background-color: #f5f5f5;
	overflow: hidden;
	/* padding-bottom: 40px; */
}
#s8 .Inner{padding-bottom: 0;}
#s8 h3{
    text-align: center;
    font-size: 6.3vw;
    padding-top: 110px;
    letter-spacing: .07em;
}
#s8 h3 span{
    /* padding-right: 20px; */
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 55px;
    transform: rotateZ(90deg);
}
#s8 ul{
    margin-top: 40px;
}
#s8 ul li{
    float: left;
    width: 48%;
    margin-right: 6px;
    text-align: center;
}
#s8 ul li:first-child{}
#s8 ul li:last-child{
    margin-right: 0;
}
#s8 ul li:nth-child(even){
    margin-right: 0;
    float: right;
}
#s8 ul li:nth-child(odd){}
#s8 .txtArea1{}
#s8 .txtArea2{
    margin-top: 20px;
}
#s8 .txt1{
    font-size: 4.6vw;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 0px;
}
#s8 .txt2{
    font-size: 4vw;
    font-weight: bold;
}
#s8 .txt3{
    text-align: left;
}
#s8 .txt2.txt{
    /*text-decoration: underline;*/
    font-weight: normal;
    font-size: 3.6vw;
}
#s8 .btn{
    margin-top: 20px;
    padding: 0;
}
#s8 .illustBottom{
    padding: 40px 0;
}
#s8 ul.p-col4-2 li a{
	/* display:block; */
}



/* ---------------------------------------------------------- 
/* s9
---------------------------------------------------------- */
#s9{
	/* background-color: #fff; */
	overflow: hidden;
	background: #fff url(../../../img/bg_shd.png) repeat-x top center;
}
#s9 .Inner{padding: 0;}
#s9 .frame{
    border: 12px solid #fff310;
    margin-top: 70px;
    padding: 20px;
}
#s9 ul{}
#s9 ul li:first-child{}
#s9 ul li:last-child{
    /* width: 520px; */
    /* margin-left: 70px; */
}
#s9 h3{
    font-size: 9.8vw;
    letter-spacing: -.08em;
    line-height: 1.2;
    margin-top: 30px;
}
#s9 h3 span{
    font-size: 5.6vw;
}
#s9 h3 span + span{
    font-size: 9vw;
}
#s9 .txt1{
    font-size: 4.6vw;
    margin-top: 10px;
    line-height: 1.8;
}
#s9 .txt2{
    font-size: 3.6vw;
    margin-top: 20px;
    line-height: 1.8;
    letter-spacing: -.05em;
}
#s9 .txt3{
    font-size: 3.6vw;
    color: #9e9e9e;
    margin-top: 10px;
}
#s9 .txt4{
    letter-spacing: -.07em;
    line-height: 1.8;
    font-size: 3.6vw;
}
#s9 .line02{
    border-top: 1px solid #bdbdbd;
    margin-top: 20px;
    margin-bottom: 20px;
}
#s9 a.oterhWin{
	border-bottom: 1px solid #630;
}
#s9 a.oterhWin span{
	width: 14px;
    height: 14px;
    background: url(../../../img/ico_otherwin.png) no-repeat;
    display: inline-block;
    margin: 0 4px;}

#s9 .u-letterspace_adj{
	letter-spacing: -.14em;
}





/* ---------------------------------------------------------- 
/* sFooter
---------------------------------------------------------- */
#sFooter{
	background-color: #fff;
	overflow: hidden;
	padding: 40px 0px;
}
#sFooter .Inner{

}
#sFooter ul{
    /* border-top: 1px solid #000; */
    /* background: url(../../../img/send_line.gif) repeat-x; */
    padding: 1px 0px 0;
    text-align: center;
}
#sFooter ul li{}
#sFooter ul li:first-child{
    width: 170px;
    margin: 0 auto 20px;
}
#sFooter ul li:last-child{
    /* float: right; */
}
#sFooter small{color: #999;font-size: 3vw;}