@charset "utf-8";


/* ==========================================================================
	hasei_main
========================================================================== */
#hasei_main h2{width:240px;}
#hasei_main.archive_tit h2{width: 100%;}

@media screen and ( max-width: 800px ) {#hasei_main h2{width:130px;}}



	
/* ==========================================================================
	top_category
========================================================================== */
#top_category{
	width:100%;
	position:relative;
	background:#f9f9f9;
	padding:80px 0 90px;
	}
#top_category:before{
	content:"";
	display:block;
	width:100%;
	height:70px;
	position:absolute;
	left:0;
	bottom:-1px;
	background:url(../../image/hasei_nami01.png) bottom center repeat-x;
	}

	
#top_category h2{width:371px;margin-bottom:20px;}

#top_category .c_tit{margin-bottom:40px;}

#top_category h3{width:135px;margin-bottom:40px;}
#top_category h3.tit02{width:249px;}
#top_category h3.tit03{width:166px;}

#top_category ul{
	margin-bottom:60px;
	box-sizing:border-box;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	/*
	-webkit-justify-content: space-between;
    justify-content: space-between;
	*/
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			margin-top:20px;
	}
	

#top_category ul.list02{max-width:648px;}
#top_category ul.list03{max-width:648px;}
	
	
#top_category  ul li{width:200px;margin-left:20px;}
#top_category  ul li:first-child,
#top_category  ul li:nth-child(6){margin-left:0px;}


#top_category  ul li a{
	display:block;
	width:100%;
	padding:25px 10px 27px ;
	box-sizing:border-box;
	border-radius:13px;
	background:#fff;
	border:2px solid #e2dbbc;
	text-align:center;
	-webkit-transition: background 0.4s ease,border 0.4s ease,opacity 0.4s ease;
    -moz-transition: background 0.4s ease,border 0.4s ease,opacity 0.4s ease;
    -o-transition: background 0.4s ease,border 0.4s ease,opacity 0.4s ease;
    transition: background 0.4s ease,border 0.4s ease,opacity 0.4s ease;
	}
	
#top_category ul.list01 li:last-child a{margin-top:20px;}
#top_category ul.list02 li{width:30%;}
	
	
	
#top_category  ul li a:hover{
	border-color:#fff !Important;
	
	}

#top_category ul li a.cate02{border-color:#95b6bd;}
#top_category ul li a.cate03{border-color:#979797;}


#top_news ul li a:hover{
	background:#f5edc9;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	-webkit-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    transition: background 0.4s ease;
	}
	
#top_category  ul li a img{	width:110px;border-radius:100%;margin-bottom:14px;}
#top_category  ul li a p{font-size:16px;line-height:28px;color:#1d1d1d;text-align:center;font-weight:500;}



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

#top_category  ul li:nth-child(4){margin-right:20px;}
#top_category  ul li:nth-child(5){margin-left:0px;}
#top_category  ul li:nth-child(5) a{margin-top:20px;}
#top_category  ul li:nth-child(6){margin-left:20px;}

#top_category ul.list01 li:last-child a{margin-top:20px;}

}


@media screen and ( max-width: 924px ) {
	
#top_category  ul li:nth-child(3){margin-right:20px;}
#top_category  ul li:nth-child(4){margin-left:0;}
#top_category  ul li:nth-child(4) a{margin:15% 0 0 0;}
	
	}

@media screen and ( max-width: 800px ) {
#top_category{padding:37px 0 47px;}
#top_category:before{
	height:35px;
	background:url(../../image/hasei_nami01_sp.png) bottom center;
	background-size:800px 35px;
	}

#top_category .c_tit{margin-bottom:25px;}




#top_category h3{width:111px;margin-bottom:0px;}
#top_category h3.tit02{width:204px;}
#top_category h3.tit03{width:137px;}

	




#top_category h2{width:306px;margin-bottom:15px;}


#top_category ul{margin-top:5px; margin-bottom:35px;
	-webkit-justify-content: space-between;
    justify-content: space-between;}
#top_category  ul li{width:47.4%; margin-left:0 !Important;margin-right:0 !important;}
#top_category  ul li a{padding:20px 10px;border-radius:10px;margin-top:18px !Important;}
#top_category  ul li a img{	width:90px;border-radius:100%;margin-bottom:12px;}
#top_category  ul li a p{font-size:14px;line-height:24px;}

#top_category ul.list02{max-width:100%;}
#top_category ul.list03{max-width:100%;}
	
	

#top_category ul.list03 li{width:47.4%;}

	
#top_category ul.list01 li:last-child a{margin-top:18px;}
#top_category ul.list02 li{width:47.4%;}
	
	

	
	}
/* ==========================================================================
	top_series
========================================================================== */
#top_series{background:#fff;padding:40px 0 93px;}
#top_series h2{width:371px;}
#top_series .series_box{
	margin-top:50px;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;

	}
#top_series .series_box a{
	display:block;
	width:48%;
	margin-bottom:20px;
	-webkit-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    transition: background 0.4s ease;
	}
	
#top_series .series_box a:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	-webkit-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    transition: background 0.4s ease;
	}

#top_series .series_box a .img_area{
	width:100%;
	position:relative;
	background-size:cover;
	border-radius:5px;
	overflow:hidden;
	}
#top_series .series_box a .img_area:before{
	content:"";
	display:block;
	padding-top:56.6%;
	}
	
#top_series .series_box a .img_area:after{
    content: "";
	z-index:-2;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background-size:cover;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out;
	}	
#top_series .series_box a:hover .img_area:after{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	}
	
#top_series .series_box .box01 .img_area:after{background-image:url(../../image/top_series_img01.jpg);}
#top_series .series_box .box02 .img_area:after{background-image:url(../../image/top_series_img02.jpg);}
#top_series .series_box .box03 .img_area:after{background-image:url(../../image/top_series_img03.jpg);}
#top_series .series_box .box04 .img_area:after{background-image:url(../../image/top_series_img04.jpg);}
#top_series .series_box .box05 .img_area:after{background-image:url(../../image/top_series_img05.jpg);}

#top_series .series_box a h3{
	display:inline-block;
	margin:25px 30px 10px 0;
	font-size:26px;
	line-height:28px;
	color:#1d1d1d;
	font-weight:500;
	vertical-align:sub;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out;
	}
#top_series .series_box a:hover h3{
	color:#ada162;
	}
	
	
#top_series .series_box a p{
	display:inline-block;
	font-size:14px;
	line-height:28px;
	color:#a6a6a6;
	font-weight:500;
	}
	
@media screen and ( max-width: 800px ) {
#top_series{padding:13px 0 50px;}
#top_series h2{width:306px; margin-bottom:15px;}
#top_series .series_box{margin-top:30px;}
#top_series .series_box a{width:100%;margin-bottom:15px;}
#top_series .series_box a h3{margin:10px 0 5px 0;font-size:18px;line-height:22px;}

	
	
#top_series .series_box a p{
	display:block;
	font-size:12px;
	line-height:22px;
	}
	
	
	
	}



/* ==========================================================================
	archive_con
========================================================================== */
#archive_con{
	width:100%;
	position:relative;
	background:#f9f9f9;
	padding:80px 0 90px;
	}
	
#archive_con .con_inr{
	margin-bottom:75px;
	}
#archive_con .con_inr h2{
	font-size:30px;
	color:#404040;
	line-height:1.5;
	padding-bottom:15px;
	border-bottom:3px solid #d6d0b0;
	box-sizing:border-bottom;
	margin-bottom:35px;
	}

#archive_con .con_inr h3{
	font-size:24px;
	color:#bbac66;
	font-weight:500;
	line-height:1.5;
	margin-bottom:24px;
	}
	

#archive_con .con_inr h4{
	font-size:20px;
	line-height:1.5;
	color:#404040;
    font-weight: 500;
	padding-left:35px;
	position:relative;
  margin-bottom:25px;
	}
#archive_con .con_inr h4:before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:5px;
	width:25px;
	height:24px;
	background:url(../image/h4_icon.png);
	background-size:cover;
	}
	
#archive_con .con_inr h5{
    font-size: 19px;
    line-height: 34px;    
	border-bottom:3px solid #d6d0b0;    
}
	
#archive_con .con_inr p{
	font-size:16px;
	line-height:34px;
	color:#5e5e5e;
	margin-bottom:40px;
	}
/*
#archive_con .con_inr p img{
	width:47.5%;
	}
*/	
#archive_con .con_inr a{
	text-decoration:underline;
	font-weight:700;
	}
	
#archive_con .con_inr img{max-width:100%;height:auto !Important;/*margin-bottom:45px;*/}



#archive_con .con_inr ul {
  position: relative;
    color: #5e5e5e;
  margin-bottom:35px;
}

#archive_con .con_inr ul li {
	position:relative;
	font-size: 15px;
    line-height: 34px;
  padding-left:24px;
  list-style-type: none!important;
}

#archive_con .con_inr ul li:before {
  content: '・';
  position: absolute;
  top:0;
  left:0;
  font-size:20px;
  color:#2c2c2c;
}


#archive_con .con_inr ol{
  position: relative;
    color: #5e5e5e;
    position:relative;	list-style-type:decimal-leading-zero;  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  margin-bottom:35px;
}
#archive_con .con_inr ol li{
	position:relative;
	font-size: 15px;
    line-height: 34px;
	padding-left:42px;
}

#archive_con .con_inr ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: '0'counter(number)'.';
  font-style:italic;
  /*以下数字のデザイン変える*/
  display:inline-block;
  color:#2c2c2c;
	font-family: 'Quicksand', sans-serif;
  font-weight:500;
  font-size: 20px;
  left: 0;
  line-height: 34px;

}
	


blockquote{
    padding: 30px 40px;
	box-sizing:border-box;
    background: #ececec;
    position: relative;
    color: #5e5e5e;
	font-size:15px;
	line-height:34px;
  margin-bottom:35px;
  border-radius:10px;
}

#archive_con .con_inr blockquote p{
	color:#5e5e5e;
    margin-bottom:0;
	}
	
	

	
#archive_con .ichiran_link{
	
	width:calc(100% - 30px);
	max-width:1100px;
	position:relative;
	margin:0 auto 30px;
	}
	
#archive_con .ichiran_link h2{
	font-size:34px;
	line-height:1.5;
	font-weight:500;
	border-bottom:3px solid #d6d0b0;
	padding-bottom:17px;
	margin-bottom:40px;
}

#archive_con .ichiran_link ul{
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: left;
    justify-content: left;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			
			}
#archive_con .ichiran_link ul li{
	width:17.8%;
	margin-right:2.75%;
	margin-bottom:35px;
	position:relative;
	}
#archive_con .ichiran_link ul li:nth-child(5n){margin-right:0;}
	
#archive_con .ichiran_link ul li a{display:block;}

#archive_con .ichiran_link ul li .img_area{
	width:100%;
	position:relative;
	background-size:cover;
	border-radius:5px;
    background-position: center center;
	box-shadow:0px 0px 5px 2px #e7e7e7;
	}
#archive_con .ichiran_link ul li .img_area:before{
	content:"";
	display:block;
	padding-top:100%;
	}
	
	
#archive_con .ichiran_link ul li h5{
	font-size:17px;
	color:#2c2c2c;
	font-weight:500;
	line-height:26px;
	margin:15px 0 9px;
	}
	
#archive_con .ichiran_link ul li p,
#archive_con .ichiran_link ul li p span{font-size:16px;color:#8c8c8c;}
#archive_con .ichiran_link ul li p span.size{font-size:14px;}
#archive_con .ichiran_link ul li p span.tax{font-size:12px;}


#archive_con .link_btn{margin-top:15px;}

@media screen and ( max-width: 800px ) {
#archive_con{padding:45px 0 55px;}
	
#archive_con .con_inr{margin-bottom:30px;}
#archive_con .con_inr h2{font-size:24px;padding-bottom:10px;border-bottom:2px solid #d6d0b0;margin-bottom:25px;}

#archive_con .con_inr h3{font-size:20px;line-height:27px;margin-bottom:15px;}
	

#archive_con .con_inr h4{font-size:18px;padding-left:25px; margin-bottom:15px;}
#archive_con .con_inr h4:before{top:4px;width:18px;height:18px;}
	
#archive_con .con_inr h5{ font-size: 15px;line-height:25px;border-bottom:2px solid #d6d0b0;}
#archive_con .con_inr p{font-size:13px;line-height:25px;margin-bottom:15px;}
#archive_con .con_inr img{/*margin-bottom:20px;*/}



#archive_con .con_inr ul { margin-bottom:15px;}

#archive_con .con_inr ul li {font-size: 13px; line-height: 25px; padding-left:15px;}

#archive_con .con_inr ul li:before { font-size:15px;}


#archive_con .con_inr ol{ margin-bottom:15px;}
#archive_con .con_inr ol li{font-size: 13px;line-height: 25px;padding-left:30px;}

#archive_con .con_inr ol li:before{ font-size:16px; line-height: 25px;}
	


blockquote{
    padding: 15px 20px;
	font-size:13px;
	line-height:25px;
  margin-bottom:20px;
  border-radius:5px;
}
	
	

	
#archive_con .ichiran_link{margin:0 auto 15px;}
	
#archive_con .ichiran_link h2{font-size:24px;border-bottom:2px solid #d6d0b0;padding-bottom:10px;margin-bottom:25px;}

#archive_con .ichiran_link ul li{
	width:47.5%;
	margin-right:5%;
	margin-bottom:20px;
	}
#archive_con .ichiran_link ul li:nth-child(5n){margin-right:5%;}
#archive_con .ichiran_link ul li:nth-child(2n){margin-right:0 !Important;}

	
#archive_con .ichiran_link ul li h5{
	font-size:15px;
	line-height:27px;
	margin:8px 0 3px;
	}
	
#archive_con .ichiran_link ul li p,
#archive_con .ichiran_link ul li p span{font-size:14px;color:#8c8c8c;}
#archive_con .ichiran_link ul li p span.size{font-size:13px;}
#archive_con .ichiran_link ul li p span.tax{font-size:10px;}

#archive_con .link_btn{margin-top:7px;}
	
	}
	
	
/* ==========================================================================
	item_main
========================================================================== */
#item_main{
	padding-bottom:90px;
	}
#slide_wrap{
	width:45%;
	float:left;
	}
#item_main .con_inr:after{
	content:"";
	display:block;
	clear:both;
	}
#item_main .con_inr{
	padding-top:60px;
	}
	
#item_main .sp-top-thumbnails .sp-thumbnail-container,
#item_main .sp-bottom-thumbnails .sp-thumbnail-container{
	margin-right:16px;
	margin-top:20px;
	border-radius:5px;
	}
	
#item_main .sp-thumbnail{
	border-radius:5px;
	}
#item_main .sp-thumbnail-container:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1);
}


#item_main .sp-selected-thumbnail:after {
	display:none;
	
	}
	
#item_main .sp-horizontal .sp-previous-arrow {
    width: 50px;
    height: 50px;
	left:-25px;
    background: url(../image/item_slider_l_ar.png);
    background-size: cover;
}
#item_main .sp-horizontal .sp-next-arrow {
    width: 50px;
    height: 50px;
	right:-25px;
    background: url(../image/item_slider_r_ar.png);
    background-size: cover;
}
.sp-grab{cursor:pointer !IMportant;}
.sp-grabbing{cursor:pointer !important;}



#item_main .text_area{
	width:50%;
	float:right;
	}
	
#item_main .text_area h3{
	font-size:24px;
	font-weight:500;
	line-height:40px;
	color:#bbac66;
	}
#item_main .text_area p{
	font-size:15px;
	line-height:34px;
	margin:14px 0 20px;
	color:#5e5e5e;
	}
	
#item_main .tag_area span {
    display: inline-block;
    font-size: 13px;
    padding: 8px 18px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;	
    color: #8c8c8c;
    margin: 0 15px 15px 0;
    font-weight: bold;
	border:2px solid #d0d0d0;
	-webkit-transition: border 0.4s ease,color 0.4s ease;
    -moz-transition: border 0.4s ease,color 0.4s ease;
    -o-transition: border 0.4s ease,color 0.4s ease;
    transition: border 0.4s ease,color 0.4s ease;
	}
/*
#item_main .tag_area a:hover{
	-webkit-transition: border 0.4s ease,color 0.4s ease;
    -moz-transition: border 0.4s ease,color 0.4s ease;
    -o-transition: border 0.4s ease,color 0.4s ease;
    transition: border 0.4s ease,color 0.4s ease;
	border-color:#bcad61;
	color:#bcad61;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	}
*/	
#item_main .gage_area{
	margin:5px 0 30px;
	}
	
#item_main .link_area{	
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: left;
    justify-content: left;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
#item_main .link_area a{
	display:block;
	positino:relative;
	width:31%;
	padding:11px 0 11px 10px;
	text-align:center;
	box-sizing:border-box;
	background:#fff;
	border:2px solid #bbac66;
	font-size:13px;
	font-weight:700;
	color:#bbac66;	
	margin-right:3.5%;
	border-radius:20px;
	-webkit-transition: background 0.4s ease,color 0.4s ease;
    -moz-transition: background 0.4s ease,color 0.4s ease;
    -o-transition: background 0.4s ease,color 0.4s ease;
    transition: background 0.4s ease,color 0.4s ease;
	}	
#item_main .link_area a:nth-child(3){
	margin-right:0;
	}
#item_main .link_area a:before{
	content:"";
	dispaly:block;
	width:16px;
	height:16px;
	position:absolute;
	left:10px;
	top:0;
	bottom:0;
	margin:auto;
	background:url(../image/s_li_uar.png);
	background-size:cover;
	-webkit-transition: background 0.4s ease,color 0.4s ease;
    -moz-transition: background 0.4s ease,color 0.4s ease;
    -o-transition: background 0.4s ease,color 0.4s ease;
    transition: background 0.4s ease,color 0.4s ease;
	}
	

#item_main .link_area a:hover{
	background:#bbac66;
	color:#fff;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	-webkit-transition: background 0.4s ease,color 0.4s ease;
    -moz-transition: background 0.4s ease,color 0.4s ease;
    -o-transition: background 0.4s ease,color 0.4s ease;
    transition: background 0.4s ease,color 0.4s ease;
	}
	
	
#item_main .link_area a:hover:before{
	
	background:url(../image/s_li_uar_af.png);
	background-size:cover;
	-webkit-transition: background 0.4s ease,color 0.4s ease;
    -moz-transition: background 0.4s ease,color 0.4s ease;
    -o-transition: background 0.4s ease,color 0.4s ease;
    transition: background 0.4s ease,color 0.4s ease;
	
	}
	
#item_main .price_area{
	margin-top:40px;
	padding-top:38px;
	border-top:2px dotted #eeebde;
	position:relative;
	}
#item_main .price_area h4{
	font-size:30px;
	color:#bbac66;
	font-weight:500;
	}
#item_main .price_area h4 span{
	color:#8c8c8c;
	font-weight:500;
	font-size:16px;
	}
item_main .price_area h4 span.sb_txt{
	font-size:18px;
	}
	
	
#item_main .price_area a{
	display:block;
	position:absolute;
	top:30px;
	right:0;
	width:220px;
	padding-left:15px;
	box-sizing:border-box;
	height:50px;
	background:#bbac66;
	border:2px solid #bbac66;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;	
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:500;
	padding-top:15px;
	box-sizing:border-box;
	-webkit-transition: background 0.4s ease,color 0.4s ease;
    -moz-transition: background 0.4s ease,color 0.4s ease;
    -o-transition: background 0.4s ease,color 0.4s ease;
    transition: background 0.4s ease,color 0.4s ease;
	}

#item_main .price_area a:hover{
	color:#bbac66;
	background:#fff;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	-webkit-transition: background 0.4s ease,color 0.4s ease;
    -moz-transition: background 0.4s ease,color 0.4s ease;
    -o-transition: background 0.4s ease,color 0.4s ease;
    transition: background 0.4s ease,color 0.4s ease;

	}
#item_main .price_area a:before{
	content:"";
	display:block;
	width:19px;
	height:19px;
	position:absolute;
	left:16px;
	top:13px;
	background:url(../../image/rt_link_icon.png);
	background-size:cover;
	}
#item_main .price_area a:hover:before{
	background-image:url(../../image/rt_link_icon_02.png);
	}
@media screen and ( max-width: 1050px ) {
	
#item_main .link_area a{
	display:block;
	positino:relative;
	width:47.5%;
	padding:11px 0 11px 10px;
	text-align:center;
	box-sizing:border-box;
	background:#fff;
	border:2px solid #bbac66;
	font-size:13px;
	font-weight:700;
	color:#bbac66;	
	margin-right:5%;
	border-radius:20px;
	-webkit-transition: background 0.4s ease,color 0.4s ease;
    -moz-transition: background 0.4s ease,color 0.4s ease;
    -o-transition: background 0.4s ease,color 0.4s ease;
    transition: background 0.4s ease,color 0.4s ease;
	}	
#item_main .link_area a:nth-child(2){
	margin-right:0;
	}
#item_main .link_area a:nth-child(3){
	margin-top:15px;
	}
	
	}
@media screen and ( max-width: 950px ) {
	
	
#item_main .price_area a{
	display:block;
	position:relative;
	top:auto;
	margin:25px auto 0;
	}
	}
	
	
@media screen and ( max-width: 800px ) {
#item_main{padding-bottom:50px;}
#slide_wrap{width:100%;float:none;}
#item_main .con_inr{padding-top:30px;}
	
#item_main .sp-top-thumbnails .sp-thumbnail-container,
#item_main .sp-bottom-thumbnails .sp-thumbnail-container{
	margin-right:15px;
	margin-top:15px;
	border-radius:5px;
	}
	
	
#item_main .sp-horizontal .sp-previous-arrow {
    width: 30px;
    height: 30px;
	left:-15px;
}
#item_main .sp-horizontal .sp-next-arrow {
    width: 30px;
    height: 30px;
	right:-15px;
}



#item_main .text_area{
	width:100%;
	float:none;
	margin-top:25px;
	}
	
#item_main .text_area h3{font-size:20px;line-height:27px;}
#item_main .text_area p{font-size:13px;line-height:25px;margin:10px 0 14px;}
	
#item_main .tag_area span {
    display: inline-block;
    font-size: 11px;
    padding: 7px 10px ;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;	
	margin: 0 10px 10px 0;
    }
	
#item_main .gage_area{
	margin:15px 0 20px;
	}
	

#item_main .price_area{
	margin-top:25px;
	padding-top:20px;
}
	}
	
	
/* ==========================================================================
	cms_area
========================================================================== */
	
#cms_area{
	width:100%;
	padding:80px 0 20px;
	background:#f9f9f9;
	}
#cms_area h2{
	font-size:30px;
	line-height:1.5;
	font-weight:500;
	color:#404040;
	padding-bottom:15px;
	border-bottom:3px solid #d6d0b0;
	margin-bottom:30px;
	}
#cms_area p{
	font-size:16px;
	line-height:34px;
	color:#5e5e5e;
    /*
	margin-bottom:30px;
*/	
}
#cms_area p  img{max-width:100%;height:auto !Important;}




#cms_area h3{
	font-size:24px;
	color:#bbac66;
	font-weight:500;
	line-height:1.5;
	margin-bottom:24px;
	}
	

#cms_area h4{
	font-size:20px;
	line-height:1.5;
	color:#404040;
    font-weight: 500;
	padding-left:35px;
	position:relative;
  margin-bottom:25px;
	}
#cms_area h4:before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:5px;
	width:25px;
	height:24px;
	background:url(../../image/h4_icon.png);
	background-size:cover;
	}
	
#cms_area h5{
    font-size: 19px;
    line-height: 34px;    
    background: -webkit-gradient(linear,left top,left bottom,color-stop(60%,#fff),color-stop(40%,#ffff66),to(#ffff66));
    background: -webkit-linear-gradient(#fff 60%,#ffff66 40%,#ffff66);
    background: linear-gradient(#fff 60%,#ffff66 40%,#ffff66);
    /*
	border-bottom:3px solid #d6d0b0;    
    */
}
	
/*
#archive_con .con_inr p img{
	width:47.5%;
	}
*/	
#cms_area a{
	text-decoration:underline;
	font-weight:700;
	}
	
#cms_area img{max-width:100%;height:auto !Important;/*margin-bottom:45px;*/}



#cms_area ul {
  position: relative;
    color: #5e5e5e;
  margin-bottom:35px;
}

#cms_area ul li {
	position:relative;
	font-size: 15px;
    line-height: 34px;
  padding-left:24px;
  list-style-type: none!important;
}

#cms_area ul li:before {
  content: '・';
  position: absolute;
  top:0;
  left:0;
  font-size:20px;
  color:#2c2c2c;
}


#cms_area ol{
  position: relative;
    color: #5e5e5e;
    position:relative;	list-style-type:decimal-leading-zero;  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  margin-bottom:35px;
}
#cms_area ol li{
	position:relative;
	font-size: 15px;
    line-height: 34px;
	padding-left:42px;
}

#cms_area ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: '0'counter(number)'.';
  font-style:italic;
  /*以下数字のデザイン変える*/
  display:inline-block;
  color:#2c2c2c;
	font-family: 'Quicksand', sans-serif;
  font-weight:500;
  font-size: 20px;
  left: 0;
  line-height: 34px;

}
	





blockquote{
    padding: 30px 40px;
	box-sizing:border-box;
    background: #ececec;
    position: relative;
    color: #5e5e5e;
	font-size:15px;
	line-height:34px;
  margin-bottom:35px;
  border-radius:10px;
}

#archive_con .con_inr blockquote p{
	color:#5e5e5e;
    margin-bottom:0;
	}


/*
#cms_area p img{
	width:47.5%;
	}
	*/

/*エディター追記分*/
#cms_area table{
    width:100% !Important;
    margin-bottom: 45px;
}
#cms_area table td{
    width:50% !Important;
    text-align:left!Important;
}
#cms_area table td:nth-child(2){
    width:50% !Important;
    text-align:right!Important;
}
#cms_area table td img{
 width: 100% !Important;
height:auto !Important;
    max-width: 95% !Important;
}

@media screen and ( max-width: 800px ) {
    
#cms_area table{
    margin-bottom: 20px;
}
}
@media screen and ( max-width: 800px ) {
#cms_area{
	padding:40px 0 15px;
	}
#cms_area h2{
	font-size:24px;
	line-height:1.5;
	font-weight:500;
	color:#404040;
	padding-bottom:10px;
	border-bottom:2px solid #d6d0b0;
	margin-bottom:15px;
	}
#cms_area p{
	font-size:13px;
	line-height:25px;
    /*
	margin-bottom:20px;
	*/
    }
	
#cms_area p img{margin-bottom:25px;}
    
    
#cms_area h3{font-size:20px;line-height:27px;margin-bottom:15px;}
	

#cms_area h4{font-size:18px;padding-left:25px; margin-bottom:15px;}
#cms_area h4:before{top:4px;width:18px;height:18px;}

#cms_area h5{ font-size: 15px;line-height:25px;/*border-bottom:2px solid #d6d0b0;*/}
    
#cms_area p{font-size:13px;line-height:25px;/*margin-bottom:15px;*/}
#cms_area img{/*margin-bottom:20px;*/ max-width:100%;}



#cms_area ul { margin-bottom:15px;}

#cms_area ul li {font-size: 13px; line-height: 25px; padding-left:15px;}

#cms_area ul li:before { font-size:15px;}

#cms_area ol{ margin-bottom:15px;}
#cms_area ol li{font-size: 13px;line-height: 25px;padding-left:30px;}

#cms_area ol li:before{ font-size:16px; line-height: 25px;}
	


blockquote{
    padding: 15px 20px;
	font-size:13px;
	line-height:25px;
  margin-bottom:20px;
  border-radius:5px;
}
	
	
    
	}
/* ==========================================================================
	person
========================================================================== */

#person{
	padding:80px 0 40px;	
	}
	
.cb_tit{
	width:100%;
	position:relative;
	}
.cb_tit:before{
	content:"";
	display:block;
	width:100%;
	height:3px;
	background:#3f7489;
	position:absolute;
	left:0;
	top:27px;
	}

.cb_tit h2{
	width:100%;
	max-width:500px;
	margin:0 auto;
	position:relative;
	padding-bottom:15px;
	background:#fff;
	}
.cb_tit span{
	font-size:14px;
	color:#3f7489;
	font-weight:300;
	display:block;
	text-align:center;
	text-transform: uppercase;
	margin-bottom:45px;
	}

#person .cb_tit h2 img{
	width:299px;
	margin:0 auto;
	}
	
	
#person ul{
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: left;
    justify-content:left;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			}
#person ul li{
	width:22%;
	margin-right:4%;
    margin-bottom: 40px;
	padding:25px 10px 30px;
	box-sizing:border-box;
	text-align:center;
	border-radius:10px;
	background:#f9f9f9;
	}
	
#person ul li:nth-child(4),
#person ul li:nth-child(8),
#person ul li:nth-child(12){
	margin-right:0;
	}
#person ul li img{
	max-width:119px;
	margin-bottom:30px;
	}
#person ul li.illust06 img{
    max-width: 152px;
}
#person ul li.illust07 img{
    max-width: 132px;
}
#person ul li.illust14 img{
     margin-bottom: 20px;   
}
#person ul li p{
	font-size:16px;
	line-height:1.5;
	font-weight:700;
	color:#404040;
	}
@media screen and ( max-width: 800px ) {
	
#person{
	padding:40px 0 30px;	
	}
	
.cb_tit:before{display:none;}

.cb_tit h2{
	padding-bottom:15px;
	background:none;
	}
.cb_tit span{
	font-size:11px;
	margin-bottom:0px;
	}

.cb_tit{
	padding-bottom:20px;
	border-bottom:2px solid #3f7489;
	margin-bottom:30px;
}
#person .cb_tit h2 img{
	width:246px;
	margin:0 auto;
	}
	
	
#person ul li{
	width:48%;
	margin-right:4% !Important;
	margin-bottom:4%;
	padding:20px 10px 25px;
	}
#person ul li:nth-child(2n){
    margin-right: 0 !Important;
    
    }
	
#person ul li img{
	max-width:119px;
	margin-bottom:20px;
	}
#person ul li.illust14 img{
     margin-bottom: 10px;   
}
#person ul li p{
	font-size:12px;
	}
	}
	
	
/* ==========================================================================
	component
========================================================================== */
#component{
	background:#f9f9f9;
	padding:80px 0;
	position:relative;
	}


#component .cb_tit h2{background:#f9f9f9;}
#component .cb_tit h2 img{
	width:134px;
	margin:0 auto;
	}
	
#component .text_box{
	width:100%;
	padding:30px 50px 26px;
	background:#fff;
	border:2px solid #ccd8dd;
	font-size:15px;
	line-height:34px;
	color:#5e5e5e;
	border-radius:10px;
	box-sizing:border-box;
	}
	
@media screen and ( max-width: 800px ) {
#component{	padding:40px 0;	}

#component .cb_tit h2{background:none;}
#component .cb_tit h2 img{width:110px;}
	
#component .text_box{
	padding:15px 25px 20px;
	font-size:13px;
	line-height:25px;
	border-radius:10px;
	
	}
	
	}
	
/* ==========================================================================
	how
========================================================================== */



#how{
	padding:80px 0;	
	}
	
#how h2 img{width:236px;margin:0 auto;}
	
#how ul{
	position:relative;
	/*
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: left;
    justify-content:left;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			*/
    position:relative;	list-style-type:decimal-leading-zero;  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
			}
			

#how ul:after{
	content:"";
	display:block;
	clear:both;
	}
#how ul li{
	float:left;
	position:relative;
	width:22%;
	margin-right:4%;
	padding:45px 0px 30px;
	box-sizing:border-box;
	text-align:center;
	border-radius:10px;
	background:#f9f9f9;
	}
#how ul li img{
	margin-bottom:25px;
	}
	
#how  ul li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: '0'counter(number);
  font-style:italic;
  /*以下数字のデザイン変える*/
  display:block;
  color:#3f7489;
	font-family: 'Quicksand', sans-serif;
  font-weight:300;
  font-size: 50px;
  left: 15px;
  top:-20px;
    text-align: left;
    width: 120px;

}
	
	
#how ul li:nth-child(4),
#how ul li:nth-child(8){
	margin-right:0;
	}
#how ul li p{
	font-size:14px;
	line-height:1.5;
	font-weight:500;
	color:#404040;
	padding:0 15px;
	box-sizing:border-box;
	text-align:left;
	}
	


.mb120{margin-bottom:120px;}
	
	
@media screen and ( max-width: 800px ) {
	
#how{padding:40px 0 10px;}
	
#how h2 img{width:194px;}

#how ul li{
	width:48%;
	margin-right:4%;
	margin-bottom:30px;
	padding:30px 0px 15px;
}
#how ul li img{
	margin-bottom:15px;
	}
	
#how  ul li:before{
  font-size: 30px;
  left: 10px;
  top:-12px;

}
	
	
#how ul li:nth-child(2),
#how ul li:nth-child(4),
#how ul li:nth-child(6),
#how ul li:nth-child(8){
	margin-right:0;
	}
#how ul li p{
	font-size:12px;
	padding:0 10px;
	box-sizing:border-box;
	text-align:left;
	}
	


.mb120{margin-bottom:60px;}
	
	}


/*エディター追記分*/
#archive_con .con_inr table{
    width:100% !Important;
    margin-bottom: 45px;
}
#archive_con .con_inr table td{
    width:50% !Important;
    text-align:left!Important;
}
#archive_con .con_inr table td:nth-child(2){
    width:50% !Important;
    text-align:right!Important;
}
#archive_con .con_inr table td img{
 width: 100% !Important;
height:auto !Important;
    max-width: 95% !Important;
}
.wc-shortcodes-one-half{width:48%;}

@media screen and ( max-width: 800px ) {
    
#archive_con .con_inr table{
    margin-bottom: 20px;
}
}