@charset "utf-8";

/* CSS Document */

#smr_pages img { width: 100%; height: auto; }



#smr_pages {

	width: 100%;

	margin: 0 auto 0 auto;

	padding-bottom:0;

	color:#000000;

	background: #FFF;

}

#smr_pages {

	font-size:17px;

	line-height: 2em;

	font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;

	letter-spacing: 0.1em;

}



#main_wap {

	width:1080px;

	margin: 0 auto 200px auto;

}

.smr_header {

	width: 100%;

	margin: 0 auto 50px auto;

}



.ti_h01 {

	font-size: 200%;

	text-align: center;

	line-height: 1.5em;

	font-family: Adobe Garamond Pro, "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	letter-spacing: 0.15em;

}

.ti_h02 {

	font-size: 150%;

	text-align: center;

	line-height: 2.5em;

	font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;

	letter-spacing: 0.15em;

}

.ti_h03 {

	font-size: 150%;

	text-align: center;

	line-height: 2.5em;

	font-family: Adobe Garamond Pro, "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	letter-spacing: 0.15em;

}



.ti_wrap01 {

	width: 100%;

	margin: 0 auto 50px auto;

	text-align: left;

	font-family: Adobe Garamond Pro, "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

.ti_wrap01 p {

	margin: 0 auto 1em auto;

}

.ti_wrap02 {

	width: 100%;

	margin: 0 auto 5% auto;

	text-align: left;

}

.ti_wrap02 p {

	margin: 0 auto 1em auto;

}



.txt_wrap01 {

	width: 45%;

	margin: 0 auto 5% auto;

	text-align: center;

	letter-spacing: 1px;

}

.txt_wrap01 p {

	margin: 0 0 40px 0;

}





.txt_wrap02 {

	width: 63%;

	margin: 0 auto;

	text-align: left;

}

.txt_wrap02 p {

	margin: 0 0 1.2em 0;

}

.txt_wrap03 {

	width: 680px;

	margin: 0 auto 5% auto;

	text-align: center;

}

.txt_wrap03 p {

	margin: 0 0 1.8em 0;

}



.txt_wrap04 {

	width: 63%;

	margin: 0 auto;

	text-align: center;

}

.txt_wrap04 p {

	margin: 0 0 1.2em 0;

}



.img_wrap01 {

	width: 75%;

	margin: 0 auto 5% auto;

}

.img_wrap02 {

	width: 50%;

	margin: 0 auto 5% auto;

}

.img_wrap00 {

	width: 1080px;

	margin: 0 auto 5% auto;

}



/* CSS Document */



/*
.slick-dots li button { display: none!important; }

*/


.cont_wrap01 {

	width: 980px;

	margin: 0 auto 5% auto;

	}

.cont_box01 {

	width:300px;

	margin: 0 40px 0 0;

	float:left;

	}

.cont_box02 {

	width:300px;

	margin: 0 0 0 0;

	float:left;

	}

.cont_img_box {

	width:100%;

	}

.cont_img_txt {

	width:300px;

	margin: 0 0 2em 0;

	text-align: center;

	}

.cont_img_txt p {

	font-size: 85%;

	margin: 0 0 0.4em 0;

	}



/* day5 */



.main_imgwrap {

	width: 100%;

	margin: 0 0 65px 0;

}



.day5_wrap {

		margin: 0 0 150px 0;

	}



.day5_txtwrap {

	margin: 110px 0 0 0;

	text-align: center;

	font-size: 25px;

	font-family: futura-pt,   sans-serif;

	letter-spacing: 1px;

	line-height: 1.8em;

}



.day5_imgwrap {

	width: 100%;

	margin: 60px auto 80px auto;

	display: flex;

	flex-wrap: wrap;

}



.day5_imgwrap .L_box {

	width: 55.6%;

}



.day5_imgwrap .R_box, .day5_imgwrap .R_box02 {

	width: 44.4%;

}



.price_wrap {

	text-align: center;

}



/* detail */



.detail_box_wrap{

	width: 1080px;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	margin: 0 auto;

}



.detail_box {

	width: 210px;

	margin: 0 0 20px 0;

	background: #FFF;

}



.detail_txt_box {

	font-family: Adobe Garamond Pro;

	font-size: 1.8rem;

	line-height: 1.3em;

	color: #666666;

	padding: 0 20px;

	margin: 20px auto 30px auto;

	text-align: center;

	text-decoration: none!important;

}



.detail_box:nth-child(5n) {

	margin-right: 0!important;

}



/* egata */



.img_icon {

	width: 75%;

	margin: 0 auto 2% auto;

}



/* fotter */



.img_fbr {

	width: 400px;

	margin: 5% auto 5% auto;

}



.sns_icon_wrap {

	width: 350px;

	display: flex;

	justify-content: center;

	flex-wrap: wrap;

	margin: 0 auto;

}



.sns_icon_box {

	width: 70px;

	margin: 0 70px 0 0;

}



.sns_icon_box:last-child{

	margin-right: 0;

}





.bg_color {

  background-color: #F3F0ED;

}



.dli-chevron-down {

  display: inline-block;

  vertical-align: middle;

  color: #333;

  line-height: 1;

  width: 12px;

  height: 12px;

  border: 0.1em solid currentColor;

  border-left: 0;

  border-bottom: 0;

  box-sizing: border-box;

  transform: translateY(-25%) rotate(135deg);

  margin-top: 20px;

}





.btn_wrap{margin:50px auto 250px auto;}

.btn_box{width:50%;margin:0 auto 5% auto;}

.btn_01 {

	display: block;

	position: relative;

	padding: 1.5em;

	text-align: center;

	font-size:24px;

	font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;

	text-decoration: none!important;

	color: #fff!important;

	background: #444444;

}

.btn_01:hover {

	 opacity:0.8;

	 cursor: pointer;

	 text-decoration: none;

}

.btn_01:visited { color: #FFF!important; }



a:hover img{opacity: 1;filter: alpha(opacity=100);}





a img {border:none;}

a:link { color: #000; }

a:visited { color: #000; }

a:hover { color: #555; }

a:active { color: #000; }

a,.link_txt{color:#000;}



.T_center {text-align: center;}

.T_right {text-align: right;}

.float_L {float: left;}

.float_R {float: right;}

.float_C {clear: both; width: 0px; height: 0px;}



.mar_B10 {margin: 0px 0px 10px 0px;}

.mar_B20 {margin: 0px 0px 20px 0px;}

.mar_B30 {margin: 0px 0px 30px 0px;}

.mar_B40 {margin: 0px 0px 40px 0px;}

.mar_B50 {margin: 0px 0px 40px 0px;}

.mar_B60 {margin: 0px 0px 60px 0px;}

.mar_B80 {margin: 0px 0px 80px 0px;}

.mar_B90 {margin: 0px 0px 90px 0px;}

.mar_B100 {margin: 0px 0px 100px 0px;}

.pad_B100 { padding: 0px 0px 100px 0px;}



.ft_120 { font-size:120%; font-weight:bold;}

.ft_150 { font-size:150%; font-weight:bold; line-height:1.4em;}

.ft_85 { font-size:85%;}







.pc_only {display: block;}

.sp_only {display:none;}



.fadein_img {animation-name: fadein;animation-duration: 2s;}

@keyframes fadein {

from {opacity: 0;transform: translateY(0);}

to {opacity: 1;transform: translateY(0);}

}





.fuwatAnime {

 -webkit-animation-fill-mode:both;

 -ms-animation-fill-mode:both;

 animation-fill-mode:both;

 -webkit-animation-duration:1.5s;

 -ms-animation-duration:1.5s;

 animation-duration:1.5s;

 -webkit-animation-name: fuwatAnime;

 -ms-animation-name: fuwatAnime;

 animation-name: fuwatAnime;

 visibility: visible !important;

}

@-webkit-keyframes fuwatAnime {

 0% { opacity: 0; -webkit-transform: translateY(0px); }

 100% { opacity: 1; -webkit-transform: translateY(0); }

}

@keyframes fuwatAnime {

 0% { opacity: 0; -webkit-transform: translateY(0px); -ms-transform: translateY(-0px); transform: translateY(0px); }

 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

}







.f_in {

    opacity : 0;

    transform : translate(0, 50px);

    transition : all 1500ms;

}

.f_in.scrollin{

  opacity: 1;

  transform : translate(0, 0);

}

#_capsulemenu { position: fixed; transition: 0.3s; top: 50%; left: -45px; transform: translate(0, -50%); width: 45px; height: auto; z-index: 9999; cursor: pointer; padding: 0 0 0 10px;}

#_capsulemenu.slideIn { left: 0; }

#_capsulemenu ul { margin: 0; padding: 0; width: 100%; }

#_capsulemenu ul li { width: 45px; height: 45px; }

#_capsulemenu ul li a { display: block; width: 45px; height: 45px; }

#_capsulemenu ul li a img { opacity: 0.4; }

#_capsulemenu ul li:hover a img,

#_capsulemenu ul li a.is_current img { opacity: 1.0; }







/* テンプレート02*/

.t02_wrap {

	width: 1080px;

	margin: 0 auto 5% auto;

}

.t02_box_l {

	width: 46%;

	margin: 0 8% 0 0;

	float: left;

}

.t02_box_r {

	width: 46%;

	margin: 0 0 0 0;

	float: left;

}

.t02_box_img {

	width: 100%;

	margin: 0 0 3% 0;

}

.t02_box_ti {

	width: 100%;

	margin: 0 0 0.5em 0;

	font-size: 110%;

	letter-spacing: 0.15em;

	text-align: center;

}

.t02_box_txt {

	width: 100%;

	margin: 0 0 0 0;

	font-size: 85%;

}



.t02_box04 {

	width: 22%;

	margin: 0 4% 0 0;

	float: left;

}

.t02_box04:nth-child(4n) {

	margin-right: 0;	

}

.t02_box04_img {

	width: 100%;

	margin: 0 0 3% 0;

}

.t02_box04_txt {

	width: 100%;

	margin: 0 0 0.5em 0;

	font-size: 85%;

	text-align: center;

	line-height: 1.7em;

}



/* --------------------------------------------------------------------

	表示幅：固定

	表示順：左メニュー・メインコンテンツ・右メニュー

-------------------------------------------------------------------- */

div.block-footer, div.block-prod-list {

	margin: 0;

	width: 100%;

	text-align:left;

}



/* テンプレート02end*/



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

	#_capsulemenu { display: none !important; }

}























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

	



#smr_pages img { width: 100%; height: auto; }



#smr_pages {

	width: 100%;

	margin: 0 auto 0 auto;

	padding-bottom:0;

	color:#000000;

	background: #FFF;

}

#smr_pages {

	font-size:130%;

	line-height: 1.5em;

	font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;

	letter-spacing: 0.1em;

}

.txt_wrap01 p {

	font-size:120%;

	line-height: 2em;

	}





#main_wap {

	width:100%;

	margin: 0 auto 200px auto;

}

.smr_header {

	width: 100%;

	margin: 0 auto 50px auto;

}

.txt_wrap02 {

	width: 90%;

	margin: 0 auto 5% auto;

	text-align: left;

}

.txt_wrap02 p {

	margin: 0 0 1.8em 0;

	font-size: 120%;

}



.txt_wrap03 {

	width: 90%;

	margin: 0 auto 5% auto;

	text-align: left;

}

.txt_wrap03 p {

	margin: 0 0 1.8em 0;

}	





.txt_wrap04 {

	width: 90%;

	margin: 0 auto 5% auto;

	text-align: left;

}

.txt_wrap04 p {

	margin: 0 0 1.8em 0;

	font-size: 120%;

}





p.ti_h01 {

	font-size: 200%;

	text-align: center;

	line-height: 1.7em;

	letter-spacing: 0.15em;

	font-family: Adobe Garamond Pro, "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

p.ti_h02 {

	font-size: 150%;

	text-align: center;

	line-height: 1.7em;

	font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;

	letter-spacing: 0.15em;

}

p.ti_h03 {

	font-size: 150%;

	text-align: center;

	line-height: 1.7em;

	font-family: Adobe Garamond Pro, "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	letter-spacing: 0.15em;

}



.ti_wrap01 {

	width: 90%;

	margin: 0 auto 8% auto;

	text-align: left;

}

.ti_wrap01 p {

	margin: 0 auto 1em auto;

}

.ti_wrap02 {

	width: 90%;

	margin: 0 auto 6% auto;

	text-align: left;

}

.ti_wrap02 p {

	margin: 0 auto 1em auto;

}





.txt_wrap01 {

	width: 90%;

	margin: 0 auto 5% auto;

	text-align: left;

}

.txt_wrap01 p {

	margin: 0 0 1.8em 0;

}

	

.txt_wrap01 .p_wrap {

	margin: 0 auto;

}

	

.txt_wrap01 .p_wrap .s_txt {

		font-size: 80%;

	}	

	



.img_wrap01 {

	width: 100%;

	margin: 0 auto 5% auto;

}

.img_wrap00 {

	width: 100%;

	margin: 0 auto 5% auto;

}

.img_wrap02 {

	width: 75%;

	margin: 0 auto 5% auto;

}





.btn_wrap {

	margin:7% auto 30% auto;

}



.btn_box {

	width:90%;

	margin: 0 auto 5% auto;

}



.btn_01 {

	display: block;

	position: relative;

	width: 90%;

	margin:0 auto;

	padding: 1.5em;

	text-align: center;

	font-size:120%;

	text-decoration: none;

	color: #fff;

	background: #444444;

}



.f_in_sp {

    animation-name: fadein;

    animation-duration: 2s;

    animation-iteration-count: 1;

}

/*

@keyframes fadein {

from {

    opacity: 0;

    transform: translateY(20px);

}

to {

    opacity: 1;

    transform: translateY(0);

}

}

*/



footer {

	z-index: 2;

	background: #002a46!important;

}





.cont_wrap01 {

	width:100%;

	margin: 0 auto 0 auto;

	}	



.cont_box01 {

	width:80%;

	margin: 0 auto 15% auto;

	float: none;

	}

.cont_box02 {

	width:80%;

	margin: 0 auto 15% auto;

	float: none;

	}

.cont_img_box {

	width:70%;

	margin: 0 auto 0 auto;

	}

.cont_img_txt {

	width:100%;

	margin: 0 0 2em 0;

	text-align: center;

	}

.cont_img_txt p {

	font-size: 110%;

	margin: 0 0 0.8em 0;

	}

	

	

/* day5 */



.main_imgwrap {

	width: 100%;

	margin: 0 0 15% 0;

}

	

.day5_wrap {

		margin: 0 0 30% 0;

	}	



.day5_txtwrap {

	margin: 15% 0 15% 0;

    text-align: center;

    font-size: 160%;

	font-family: futura-pt,   sans-serif;

	letter-spacing: 1px;

	line-height: 1.8em;

}	

	

.day5_imgwrap {

	width: 100%;

	margin: 5% auto 10% auto;

	display:block;

}	



.day5_imgwrap .L_box {

	width: 100%;

}



.day5_imgwrap .R_box {

	width: 100%;

	margin-top: 10%;

}



.day5_imgwrap .R_box02{

	width: 100%;

	margin:10% auto 0 auto;

}

	

.price_wrap {

	width: 90%;

    margin: 0 auto;

    text-align: left;

    font-size: 90%;

}	

	

.txt_wrap01 span {

	font-size: 100%;

	}



/* detail */



.detail_box_wrap{

	width: 95%;

	display: flex;

	flex-wrap: wrap;

	margin: 0 auto;

}



.detail_box {

	width: 48%;

	margin: 0 3% 3% 0;

}



.detail_txt_box {

	font-family: Adobe Garamond Pro;

	font-size: 1.4rem;

	line-height: 1.3em;

	color: #666666;

	padding: 0 20px;

	margin: 20px auto 30px auto;

	text-align: center;

	text-decoration: none!important;

}



.detail_box:nth-child(2n) {

	margin-right: 0!important;

}



/* egata */



.img_icon {

	width: 100%;

	margin: 0 auto 4% auto;

}



/* fotter */



.img_fbr {

	width: 75%;

	margin: 10% auto 10% auto;

}



.sns_icon_wrap {

	width: 100%;

}	

	

.sns_icon_box {

	width: 15%;

	margin: 0 8% 0 0;

}



a:link { color: #000; }

a:visited { color: #000; }

a:hover { color: #000; }

a:active { color: #000; }



a,.link_txt{

	color:#000;

	text-decoration:underline;

}





#menu_wap{

	width:100%;

	margin: 0px 0px 20% 0px;

}



.pad_T180{padding: 10% 0 0 0;}





.mar_T30 {margin: 10% 0px 0px 0px;}

.mar_T50 {margin: 10% 0px 0px 0px;}

.mar_T60 {margin: 10% 0px 0px 0px;}

.mar_T85 {margin: 10% 0px 0px 0px;}

.mar_T95 {margin: 19% 0px 0px 0px;}

.mar_T115 {margin: 10% 0px 0px 0px;}



.mar_R15 {margin: 0 2% 0 2%;}

.mar_l2 {margin: 0 0 0 2%;}





.mar_B10 {margin: 0px 0px 1% 0px;}

.mar_B20 {margin: 0px 0px 2% 0px;}

.mar_B30 {margin: 0px 0px 5% 0px;}

.mar_B40 {margin: 0px 0px 4% 0px;}

.mar_B50 {margin: 0px 0px 5% 0px;}

.mar_B100 {margin: 0px 0px 20% 0px;}

.mar_R10 {margin: 0px 1% 0px 0px;}

.mar_R20 {margin: 0px 2% 0px 0px;}

.mar_R30 {margin: 0px 3% 0px 0px;}

.mar_R40 {margin: 0px 4% 0px 0px;}

.mar_R50 {margin: 0px 5% 0px 0px;}

.mar_L20 {margin: 0px 0px 0px 2%;}





.ft_120 { font-size:135%;}

.ft_85 { font-size:85%;}

.ft_title { font-size:200%; font-weight:bold; text-align:center;}

.ft_main { font-size:120%; text-align:center;}



.T_center_sp {text-align: left;}

.T_right {text-align: right;}



.pc_only {display:none;	}

.sp_only {display: block;}

.fb_box {

	margin: 0 10px 20px 0;

	float:right;

}





ul{  

  padding-top : 0px;

  padding-left : 0px;

  padding-right : 0px;

  padding-bottom : 0px;

  margin-top : 0px;

  margin-left : 0px;

  margin-right : 0px;

  margin-bottom : 0px;

  list-style-type: none;

}  



	

	/* テンプレート02*/

.t02_wrap {

	width: 90%;

	margin: 0 auto 5% auto;

}

.t02_box_l {

	width: 100%;

	margin: 0 0 13% 0;

	float: none;

}

.t02_box_r {

	width: 100%;

	margin: 0 0 13% 0;

	float: none;

}

.t02_box_img {

	width: 37%;

	margin: 0 0 3% 3%;

	float: right;

}

.t02_box_ti {

	width: 100%;

	margin: 0 0 0.5em 0;

	font-size: 135%;

	letter-spacing: 0.15em;

	text-align: left;

}

.t02_box_txt {

	width: 100%;

	margin: 0 0 0 0;

	font-size: 105%;

}



.t02_box04 {

	width: 48%;

	margin: 0 4% 8% 0;

	float: left;

}

.t02_box04:nth-child(2n) {

	margin-right: 0;	

}

.t02_box04_img {

	width: 100%;

	margin: 0 0 3% 0;

}

.t02_box04_txt {

	width: 100%;

	margin: 0 0 0.5em 0;

	font-size: 105%;

	text-align: center;

	line-height: 1.7em;

}







/* テンプレート02end*/

	



}