@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body{
font-family: 'Noto Sans Japanese', sans-serif;

}
.clearfix{
	zoom: 100%;
}
.clearfix:after{
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}
a:link, a:visited {
    color: #666;
    text-decoration: none;
}











@media screen and (min-width: 769px) {

    

    
/* title-box */
/*
.title-box {
  position: relative;
  min-width: 1020px;
  margin: 0 auto;
  padding: 0 0 2px;
  border-top: 1px solid #e9e7e7;
  background: #fff;
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15);
}

.title-box-inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 12px 8px;
}

.title-box:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, #ff8008 0%, #f4d03f 100%);
}

.title-box h1 {
  /*color: #2b2b2b;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.5;
}

.title-box h1.general {
  color: #ea6d02;
}

.title-box.title-box-sticky {
  display: none;
  position: fixed;
  z-index: 101;
  top: 0;
  width: 100%;
  height: 64px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.title-box.title-box-sticky:before {
  display: none;
}*/
/* cta */
.cta {
  padding: 47px 0;
  background: #f5f0ec;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.02) inset;
}

.cta .inner {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 930px;
  margin: 0 auto;
  padding-left: 0;
}

.cta .inner .left {
  width: 730px;
  height: 90px;
  background: url(/common/pic/recommend_bg.png) 70px 50% no-repeat;
}

.cta .inner .left a {
  display: block;
  text-decoration: none;
}
.cta .inner .left a p {
  padding: 15px 0 0 270px;
  color: #e96f24;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
.cta .inner .left a p span {
  margin: 0 5px 0 0;
  color: #e96f24;
  font-size: 26px;
}
.cta .inner .right {
  flex: 1;
}
.cta .inner .right a {
  display: block;
}
.cta .inner .right a img.sp {
  display: none;
}
    
    
    
    
    

#container{
	/**/

}
.kv{
	position: relative;
	text-align: center;
/**/
}
.kv img{
	max-width:100%;
}
.kv h2{
	padding: 56px 0 40px;
	font-size: 28px;
	line-height: 180%;
	font-weight: 400;
	background: #eee;
}
.anchor{
	-moz-box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.16);
	-ms-box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.16);
	margin-bottom: 80px;
}
.anchor ul{
	text-align: center;
	font-size: 0;
}
.anchor ul li{
	display: inline-block;
	margin: 0 15px;
}
.anchor ul li a{
	font-size: 16px;
	text-decoration: none;
	color:#000;
	line-height: 60px;
/**/

}
.anchor ul li a:before{
    display: inline-block;
    content: '';
    left: 3px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-right: 7px;
    vertical-align: 3px;
}
h3{
	text-align: center;
	font-size: 30px;
	font-weight: 400;


}
h3 img{
	display: block;
	margin: 0 auto 15px;

}
.about{
	background: url('../img/img01.png') no-repeat right 50px;
	width: 930px;
	margin: 0 auto 0px;
}
.about .lead{
	width: 348px;
	line-height: 180%;
	color:#4D4D4D;
	margin-bottom: 80px;
}
.about h3{
	margin-bottom: 55px;
}
.about dl{
	margin-bottom: 10px;
}
.about dt{
	width: 60px;
}
.about dt,.about dd{
	float: left;
}
.about dd{
	padding-left: 10px;
	box-sizing: border-box;
	width: calc(100% - 60px);
}
.about h4{
	padding: 8px 15px;
	font-size: 24px;
	border-bottom:1px dashed #D0C6B6;
	margin-bottom: 20px;
	font-weight: 400;


}
.about ul{
	margin-bottom: 5px;
}
.about ul li{
	margin-bottom: 20px;
	line-height: 100%;
	color:#4D4D4D;
	font-weight: 400;

}
.about ul li:before{
	content:'●';
	font-size: 150%;
	color:#AACD65;
	padding-right: 0.5em;
}
.about dd p{
	line-height: 180%;
	padding-left: 15px;
}
.about dd a{
	display: block;
	padding-left: 5px;
}
.about dd a:before{
    display: inline-block;
    content: '';
    left: 3px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-right: 7px;
    vertical-align: 3px;
}

.about .step2{
	background: url('../img/img02.png') no-repeat right top;
}
.about .step2 h4{
	box-sizing: border-box;
	display: inline-block;
	padding-right: 0;
}
.about .step3 p{
	width: 360px;
	float: left;
}
.step_slide_wrap{
	width: 428px;
	float: right;
	margin-left: 20px;
	position: relative;
}
.step_slide_wrap .slick-dots li{
    position: relative;
    z-index: 11;
    display: inline-block;
    width: auto!important;
    height: 0px;
    margin: 0;
    padding: 0;
    height: auto!important;
    cursor: pointer;
    color: #000;
    margin:0 0px;
}


.step_slide_wrap .slick-dots li:before{
    color: #AFAFAF;
    content: '■';
    font-size: 20px;
}
.step_slide_wrap .slick-dots li.slick-active:before{
	color:#000;

}
.step_slide_wrap .slick-dots li button:before{
	content:none;

}
.step_slide_wrap .slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.movie_line{
	width: 100%;
	margin-bottom: 30px;
}
.movie_line img{
	width: 100%;
}
.try{
	margin-bottom: 132px;
}
.try h3{
	line-height: 180%;
	/*background: url('../img/tri.png') no-repeat center 30px;*/
	background: url('../img/sentaku2-sentaku1.png') no-repeat center 30px;
	padding-bottom: 10px;
	z-index: 10;
	position: relative;
	font-weight: 400;
}
.try .sentaku2-sentaku1{background: url('../img/sentaku2-sentaku1.png') no-repeat center bottom;}
.try .sentaku2-honnin{background: url('../img/sentaku2-honnin.png') no-repeat center bottom;}
.try .sentaku2-otto{background: url('../img/sentaku2-otto.png') no-repeat center bottom;}
.try .sentaku2-tsuma{background: url('../img/sentaku2-tsuma.png') no-repeat center bottom;}
.try .sentaku2-sohu{background: url('../img/sentaku2-sohu.png') no-repeat center bottom;}
.try .sentaku2-sobo{background: url('../img/sentaku2-sobo.png') no-repeat center bottom;}
.try .sentaku2-kodomo{background: url('../img/sentaku2-kodomo.png') no-repeat center bottom;}

.try .otto-sentaku1{background: url('../img/otto-sentaku1.png') no-repeat center bottom;}
.try .otto-honnin{background: url('../img/otto-honnin.png') no-repeat center bottom;}
.try .otto-tsuma{background: url('../img/otto-tsuma.png') no-repeat center bottom;}
.try .otto-sohu{background: url('../img/otto-sohu.png') no-repeat center bottom;}
.try .otto-sobo{background: url('../img/otto-sobo.png') no-repeat center bottom;}
.try .otto-kodomo{background: url('../img/otto-kodomo.png') no-repeat center bottom;}
.try .otto-otto{background: url('../img/otto-otto.png') no-repeat center bottom;}

.try .tsuma-sentaku1{background: url('../img/tsuma-sentaku1.png') no-repeat center bottom;}
.try .tsuma-honnin{background: url('../img/tsuma-honnin.png') no-repeat center bottom;}
.try .tsuma-otto{background: url('../img/tsuma-otto.png') no-repeat center bottom;}
.try .tsuma-sohu{background: url('../img/tsuma-sohu.png') no-repeat center bottom;}
.try .tsuma-sobo{background: url('../img/tsuma-sobo.png') no-repeat center bottom;}
.try .tsuma-kodomo{background: url('../img/tsuma-kodomo.png') no-repeat center bottom;}
.try .tsuma-tsuma{background: url('../img/tsuma-tsuma.png') no-repeat center bottom;}

.try .sohu-sentaku1{background: url('../img/sohu-sentaku1.png') no-repeat center bottom;}
.try .sohu-honnin{background: url('../img/sohu-honnin.png') no-repeat center bottom;}
.try .sohu-otto{background: url('../img/sohu-otto.png') no-repeat center bottom;}
.try .sohu-tsuma{background: url('../img/sohu-tsuma.png') no-repeat center bottom;}
.try .sohu-sobo{background: url('../img/sohu-sobo.png') no-repeat center bottom;}
.try .sohu-kodomo{background: url('../img/sohu-kodomo.png') no-repeat center bottom;}
.try .sohu-sohu{background: url('../img/sohu-sohu.png') no-repeat center bottom;}

.try .sobo-sentaku1{background: url('../img/sobo-sentaku1.png') no-repeat center bottom;}
.try .sobo-honnin{background: url('../img/sobo-honnin.png') no-repeat center bottom;}
.try .sobo-otto{background: url('../img/sobo-otto.png') no-repeat center bottom;}
.try .sobo-tsuma{background: url('../img/sobo-tsuma.png') no-repeat center bottom;}
.try .sobo-sohu{background: url('../img/sobo-sohu.png') no-repeat center bottom;}
.try .sobo-kodomo{background: url('../img/sobo-kodomo.png') no-repeat center bottom;}
.try .sobo-sobo{background: url('../img/sobo-sobo.png') no-repeat center bottom;}

.try .kodomo-sentaku1{background: url('../img/kodomo-sentaku1.png') no-repeat center bottom;}
.try .kodomo-honnin{background: url('../img/kodomo-honnin.png') no-repeat center bottom;}
.try .kodomo-otto{background: url('../img/kodomo-otto.png') no-repeat center bottom;}
.try .kodomo-tsuma{background: url('../img/kodomo-tsuma.png') no-repeat center bottom;}
.try .kodomo-sohu{background: url('../img/kodomo-sohu.png') no-repeat center bottom;}
.try .kodomo-sobo{background: url('../img/kodomo-sobo.png') no-repeat center bottom;}
.try .kodomo-kodomo{background: url('../img/kodomo-kodomo.png') no-repeat center bottom;}

.try .kazoku-sentaku1{background: url('../img/kazoku-sentaku1.png') no-repeat center bottom;}
.try .kazoku-honnin{background: url('../img/kazoku-honnin.png') no-repeat center bottom;}
.try .kazoku-otto{background: url('../img/kazoku-otto.png') no-repeat center bottom;}
.try .kazoku-tsuma{background: url('../img/kazoku-tsuma.png') no-repeat center bottom;}
.try .kazoku-sohu{background: url('../img/kazoku-sohu.png') no-repeat center bottom;}
.try .kazoku-sobo{background: url('../img/kazoku-sobo.png') no-repeat center bottom;}
.try .kazoku-kodomo{background: url('../img/kazoku-kodomo.png') no-repeat center bottom;}

.try .lead{
	text-align: center;
	font-size: 14px;
	line-height: 180%;
	position: relative;
	z-index:10;
    margin-bottom: 80px;
}
.try h4{
    text-align: center;
    font-size: 24px;
    line-height: 160%;
    margin-bottom: 25px;
    font-weight: 500;
	width: 100%;
	position: relative;
	z-index:10;
}
.try .select_area{
	background: url('../img/tri_bg.png') no-repeat center bottom;
	background-size:100% auto;
	padding-bottom: 74px;
	position: relative;
}
.try .select_area ul{
	-moz-box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, 0.1);
	width: 980px;
    margin: -135px auto 42px;
	padding: 65px 45px;
	box-sizing: border-box;
	border-radius: 15px;
	margin-top:;
	background: #fff;
}
.try .select_area .select_family{
    box-shadow: none;
    width: 980px;
    margin: -254px auto 42px;
    padding: 65px 45px;
    box-sizing: border-box;
    border-radius: 15px;
    margin-top: ;
    background: transparent;
    position: absolute;
    z-index: 15;
    left: 50%;
    top: -41px;
    margin-left: -490px;
}
.try ul li{
	display:table;
	width: 100%;
	color:#4D4D4D;
}
.try ul li:first-child{
	padding-top: 86px;
}
.try ul li .left,.try ul li .center,.try ul li .right{
	display: table-cell;
	vertical-align: bottom;
	padding: 25px 0 25px;
	border-bottom:1px solid #C8C8C8;
}
.try .select_family li .left,.try .select_family li .center,.try .select_family li .right{
	border-bottom:none;
}
.try ul li .center{
	text-align: center;
	width:50%;
}
.try ul li .center span{
	display: inline-block;
	background: #657683;
	color:#fff;
	font-size: 15px;
	padding: 3px 10px;
	text-align: center;
	margin-bottom: 15px;
}
.try ul li .left,.try ul li .right{
	width: 25%;
}
/*
.try ul li .left select,.try ul li .right select{
	width: 100%;
	box-sizing: border-box;
	font-size: 16px;
	padding: 8px 20px 15px;
	line-height: 100%;
	border-radius: 5px;
	border:2px solid #959595;
	color:#4D4D4D;
}
*/



.try ul li .select_box {
    position: relative;
}
.try ul li .select_box:before {
    z-index: 1;
    position: absolute;
    right: 15px;
    top: 0;
    content: "▼";
    line-height: 37px;
    color: #4D4D4D;
    pointer-events: none;
}
.try ul li select{
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 40px;
    padding: 8px 12px;
    border:2px solid #959595;
    color:#4D4D4D;
    width:100%;
    border-radius:3px;
}
.try ul li select option{
  background-color: #fff;
  color: #333;
}
.try ul li select::-ms-expand {
  display: none;
}
.try ul li select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}






.try ul li select option{
  background-color: #fff;
  color: #333;
}
.try ul li select::-ms-expand {
  display: none;
}
.try ul li select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}



.try ul li .center p{
	line-height: 180%;
	color:#4D4D4D;
	font-weight: 500;
}
.try .submit_area{
	text-align: center;
}
.try .submit_area .submit{
    cursor: pointer;
	background: #fff;
	border-radius: 10px;
	border:none;
	font-size: 20px;
	padding: 18px 36px;
	margin-bottom: 12px;

	-moz-box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, 0.1);
	min-width: 500px;
}
.try .submit_area .caution{
	color:#fff;
	font-size: 12px;
	margin-bottom: 30px;
}
.try .submit_area .lead_shop{
	color:#fff;
	font-size: 17px;
	margin-bottom: 40px;
}
.try .submit_area a.submit{
	color: #000;
	text-decoration: none;
	padding: 15px 30px;
}
.eye_line{
	width: 100%;
	margin-bottom: 30px;
}
.eye_line img{
	width: 100%;
}
.voice h3{
	margin-bottom: 33px;
}
.voice{
	width: 965px;
	margin: 0 auto;
}
.voice > div{
	width: 965px;
	margin: 0 auto 15px;

}
.voice_slider_wrap{
	width: 600px;
	float: left;
}
.voice .right{
	float: right;
	width: 365px;
	padding-left: 35px;
	box-sizing: border-box;
}
.voice .right table{
	width: 100%;
	margin-bottom: 15px;
}
.voice .right table th,
.voice .right table td{
	vertical-align: top;
}
.voice .right span{
	display: block;
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 180%;
}
.voice .right table th{
	text-align: left;
	width: 80px;
	padding-right: 10px;
}
.voice .right table td{
	line-height: 160%;
	font-size: 14px;
}
.voice .right p{
	line-height: 160%;
	font-size: 14px;
}
.voice_slider_wrap .slick-dots li{
    position: relative;
    z-index: 11;
    display: inline-block;
    width: auto!important;
    height: 0px;
    margin: 0;
    padding: 0;
    height: auto!important;
    cursor: pointer;
    color: #000;
    margin:0 0px;
}
.voice_slider_wrap .slick-dots li:before{
    color: #AFAFAF;
    content: '■';
    font-size: 20px;
}
.voice_slider_wrap .slick-dots li.slick-active:before{
	color:#000;

}
.voice_slider_wrap .slick-dots li button:before{
	content:none;

}
.voice_slider_wrap .slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.voice a{
	text-align: right;
	display: block;
	font-size: 16px;
	color:#000;
	font-weight: 700;
	text-decoration: none;
}
.voice a:before{
	content:'';
	display: inline-block;
	left: 3px;
	width: 8px;
	margin-right: 10px;
	height: 8px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*
.eye_slider .slick-slide{

}*/
#carousel{
	margin-bottom: 45px;
}
.caroufredsel_wrapper{
	height: 620px!important;
}
.eye_slide{
	width: 300px;
	vertical-align: top;
    display: inline-block;
	margin: 15px 16px;
	padding: 25px;
	min-height: 550px;
	box-sizing: border-box;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 7px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 7px 5px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 7px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 7px 5px rgba(0, 0, 0, 0.1);
}
.eye_slide .left{
	text-align: center;
	font-size: 12px;
	line-height: 160%;
}
.eye_slide .left a{
	text-decoration: underline;
	color:#000;
}
.eye_slide .right{
	font-size: 14px;
	line-height: 180%;
}
.eye h3{
	margin-bottom: 30px;
}

#fix-pager{
	text-align: center;
	margin-bottom: 160px;
}
#fix-pager a{
	display: inline-block;
	margin:0 5px;
	text-indent: -9999px;
	width: 10px;
	height: 10px;
	background: #AFAFAF;
}
#fix-pager a.selected{
	background: #000;
}

.shop_search h3{
	padding: 68px 0 74px;
	margin-bottom: 71px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4ce98+1,9ac8aa+100 */
background: #d4ce98; /* Old browsers */
background: -moz-linear-gradient(left, #d4ce98 1%, #9ac8aa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #d4ce98 1%,#9ac8aa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #d4ce98 1%,#9ac8aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4ce98', endColorstr='#9ac8aa',GradientType=1 ); /* IE6-9 */
}
.shop_search > div{
	width: 872px;
	margin: 0 auto 75px;
}
.shop_search .left{
	width: 424px;
	float: left;
}
.shop_search .left p{
	font-size: 16px;
	line-height: 180%;
	margin-bottom: 30px;
}
.shop_search .left a{
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	color:#000;

}
.shop_search .left a:before{
	content:'';
	display: inline-block;
	left: 3px;
	width: 8px;
	margin-right: 10px;
	height: 8px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.shop_search .right{
	width: 416px;
	float: right;
}


.sp{
	display:none!important;
}

}