@charset "Shift_JIS";

/* --------------------------------------------------------------------
  common Module
-------------------------------------------------------------------- */

.contents_inner_{
  width: 1000px;
  margin: 50px auto 0;
  box-sizing: border-box;
}

.temp_wrap_{
	margin: 0 0 15px;
}

/* .temp_pan */
.temp_pan {
	overflow: hidden;
	color: #aaa;
	font-size: 12px;
	margin: 0 0 30px 0;
}
.temp_pan ul li{
  display: inline;
}
.temp_pan ul li a{
	color: #aaa;
	font-size: 12px;
	margin: 0 1em;
}
.temp_pan ul li.home a{
	margin: 0 1em 0 0;
}
.temp_pan ul li:before{
  content:">";
  color: #aaa;
  font-size: 12px;
}
.temp_pan ul li.home:before{
  content:"";
}
.temp_pan ul li span{
  display: inline-block;
  line-height: 130%;
  font-size: 12px;
  padding-left: 10px;
  font-weight: bold;
}


/* .temp_h1txt */
.temp_h1txt h1{
	color: #292f3f;
	font-size: 18px;
	font-weight: bold;
	line-height: 140%;
	margin: 0 0 15px 0;
}
.temp_h1img {
	margin: 0 0 15px 0;
}
/* .temp_h1txt_img */
.temp_h1txt_img{
	margin-bottom: 15px;
}
.temp_h1txt_img:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.temp_h1txt_img img{
  float: left;
}
.temp_h1txt_img h1{
  min-height: 50px;
  line-height: 50px;
	color: #292f3f;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
  margin-left: 55px;
}

/* .temp_h2 */
.temp_h2 h2{
	padding: 5px 0;
	border-bottom: 1px solid #292f3f;
	color: #292f3f;
	font-size: 14px;
	font-weight: bold;
	line-height: 140%;
	margin: 0 0 20px 0;
}
/* .temp_h3 */
.temp_h3 h3{
	margin: 0 0 10px 0;
	padding: 5px 0;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}
/* .temp_h4 */
.temp_h4 h4{
  padding: 10px 0;
  font-size: 14px;
}
/* .temp_h5 */
.temp_h5 h5{
  padding: 8px 5px;
}
/* .temp_i1 */

/* .temp_i2 */
.temp_i2 img{
  float: left;
  /*width: 49%;*/
}
.temp_i2 img:nth-child(2n-1){
  margin-right: 20px;
}
/* .temp_i3 */
.temp_i3 img{
  float: left;
  /*width: 32%;*/
}
.temp_i3 img:nth-child(-n+2){
  margin-right: 20px;
}
/* .temp_i4 */
.temp_i4 img{
  float: left;
  /*width: 23%;*/
}
.temp_i4 img:nth-child(-n+3){
  margin-right: 20px;
}

/* .temp_inm1 */
.temp_inm1 img{
  width: 100%;
}
/* .temp_inm2 */
.temp_inm2 img{
  float:left;
  width:50%;
}
/* .temp_inm3 */
.temp_inm3 img{
  float:left;
  width:33.3%;
}
.temp_inm3 img:first-child{
  width:33.4%;
}
/* .temp_inm4 */
.temp_inm4 img{
  float:left;
  width:25%;
}
/* .temp_inm5 */
.temp_inm5 img{
  float:left;
  width:20%;
}

/*　.temp_h2_txt : テキストつきのh2*/
.temp_h2_txt h2 {
	font-size: 13px;
	font-weight: bold;
	padding: 0px 13px;
	padding: 18px 20px;
	margin: 0 0 10px 0;
	border: 1px solid #d9d5d4;
	background: #efebea;
	border-radius: 3px;
}

/* .temp_txt : テキスト全般 */
.temp_txt{
  padding: 5px;
  line-height: 1.6;
}

/* .temp_t1 */

/* .temp_t2 */
.temp_t2{
  float: left;
  width: 490px;
}
.temp_t2:nth-child(1){
  margin-right: 20px;
}
/* .temp_t3 */
.temp_t3{
  float: left;
  width: 320px;
}
.temp_t3:nth-child(-n+2){
  margin-right: 20px;
}
/* .temp_t4 */
.temp_t4{
  float: left;
  width: 235px;
}
.temp_t4:nth-child(-n+3){
  margin-right: 20px;
}

/* .temp_itl */
.temp_itl .img_wrap_{
  float: left;
}
.temp_itl .temp_txt{
  margin-left: 400px;
  padding: 0 5px;
}
/* .temp_itr */
.temp_itr .img_wrap_{
  float: right;
}
.temp_itr .temp_txt{
  padding: 0 5px;
  width: 600px;
}

/*** .temp_b1 ***/
.temp_b1{
  text-align: center;
}
/*.temp_b1 a{
  background-color: #001e84;
  padding: 5px 15px;;
  color: #ffffff;
  display:inline-block;
}*/
/*** .temp_b2 ***/
.temp_b2_inner{
  float: left;
  width: 490px;
  text-align:center;
}
.temp_b2_inner:nth-child(1){
  margin-right: 20px;
}
/*.temp_b2_inner a{
  background-color: #001e84;
  padding: 5px 15px;;
  color: #ffffff;
  display:inline-block;
}*/

/*** .temp_b3 ***/
.temp_b3_inner{
  float: left;
  width: 320px;
  text-align:center;
}
.temp_b3_inner:nth-child(-n+2){
  margin-right: 20px;
}
/*.temp_b3_inner a{
  background-color: #001e84;
  padding: 5px 15px;;
  color: #ffffff;
  display:inline-block;
}*/
/*** .temp_b4 ***/
.temp_b4_inner{
  float: left;
  width: 247px;
  text-align:center;
}
.temp_b4_inner:nth-child(-n+3){
  margin-right: 3px;
}
/*.temp_b4_inner a{
  background-color: #001e84;
  padding: 5px 15px;
  color: #ffffff;
  display:inline-block;
}*/

/* .temp_b系 ボタンデザイン */
.temp_b1 a,
.temp_b2_inner a,
.temp_b3_inner a,
.temp_b4_inner a{
  background: #f7f7f7 url(../img/usr/master_template/btn_icon.jpg) right -1px center no-repeat;
  padding: 10px 40px 8px 25px;
  display: inline-block;
  border: 1px solid #ccc;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
}

/* .temp_qa */
.temp_qa dl{
  margin-bottom: 20px;
}
.temp_qa dt{
  cursor: pointer;
  overflow: hidden;
  position: relative;
  padding: 10px 35px 10px 0;
  border-bottom: 1px solid #d6d6d6;
}
.temp_qa dt .q_{
	font-size: 14px;
}
.temp_qa dt .btn_{
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 10px;
  margin-top: -10px;
}
.temp_qa dt.close_ .btn_{
  background: #ffffff url(../img/usr/master_template/qa_on.png) no-repeat left top;
	background-size: auto 20px;
}
.temp_qa dt.open_ .btn_{
  background: #ffffff url(../img/usr/master_template/qa_off.png) no-repeat left top;
	background-size: auto 20px;
}

.temp_qa dd{
  padding: 10px 10px 11px 10px;
}

/* .temp_tb */
.temp_tb table{
  box-sizing: border-box;
  width: 100%;
  line-height: 1.6;
}
.temp_tb th{
  border: 1px solid #ccc;
  border-collapse: collapse;
  /*width: 20%;*/
  padding: 10px;
  font-weight: bold;
  /*white-space: nowrap;*/
  background-color: #FCFCFC;
  /*max-width: 200px;*/
}
.temp_tb td{
  /*border: 1px solid #001e84;
  width: 80%;
  padding: 5px 10px;*/

  border: #CCC 1px solid;
  border-collapse: collapse;
  padding: 10px;
  font-weight: normal;
  background-color: #FFF;
}

/* .temp_ls */
.temp_ls ul{
}
.temp_ls ul li{
  /*list-style: disc;*/
  padding: 5px 10px 5px 22px;
  /*list-style-position: inside;*/
  /*border-bottom: 2px solid #001e84;*/
  text-indent: -16px;
  line-height: 1.6;

}
.temp_ls ul li:before{
  content: "■ ";
  color: #000;
}

/* .temp_lsn */
.temp_lsn ol{
}

.temp_lsn ol li{
  /*list-style: decimal;*/
  padding: 5px 10px 5px 30px;
  /*list-style-position: inside;*/
  /*border-bottom: 2px solid #001e84;*/
  text-indent: -23px;
  line-height: 1.6;
}
.temp_lsn ol li.counter:before{
  counter-increment: count_num;
  content: counter(count_num)"） ";
}
.temp_lsn{
  content:"";
  counter-reset: count_num;
}

/* .temp_lsi */
.temp_lsi ul{
}
.temp_lsi ul li{
  margin-bottom: 10px;
}
.temp_lsi ul li a{
  display: inline-block;
}
.temp_lsi ul li a img{
  float: left;
}
.temp_lsi ul li a .temp_txt{
  padding-left: 40px;
}


/* .temp_cp */
.temp_cp .bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0 0 45px 0;
}
.temp_cp .slides_ li{
  display: none;
}
.temp_cp.forcms_ .slides_ li{
  display: block !important;
}
.temp_cp .bx-viewport .slides_ li{
  display: block !important;
}
.temp_cp .bx-wrapper .bx-viewport {
}
.temp_cp .bx-wrapper .bx-pager {
  text-align: center;
  padding-top: 18px;
  position: absolute;
  width: 100%;
}
.temp_cp .bx-wrapper .bx-pager .bx-pager-item{
  display: inline-block;
  *display: inline;  
  *zoom: 1;  
}
.temp_cp .bx-wrapper .bx-pager .bx-pager-item a{
  background: #fff;
  width: 11px;
  height: 11px;
  display: block;
  margin: 0 5px;
  text-indent: -9999px;
	border: 1px solid #aaa;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.temp_cp .bx-wrapper .bx-pager .bx-pager-item a.active{
  background: #aaa;
}
.temp_cp .bx-wrapper .bx-controls-direction{
  position: absolute;
  z-index: 100;
  width: 100%;
}
.temp_cp .bx-wrapper .bx-controls-direction a{
  position: absolute;
  width: 13px;
  height: 25px;
  display: block;
  top: 10px;
  text-indent: -9999px;
}
/*.temp_cp .bx-wrapper .bx-controls-direction a.bx-prev{
  background: url(../img/usr/master_template/module_ico_slide_arrow.png) no-repeat left;
  left: 0;
}
.temp_cp .bx-wrapper .bx-controls-direction a.bx-next{
  background: url(../img/usr/master_template/module_ico_slide_arrow.png) no-repeat right;
  right: 0;
}*/

/* .temp_gm */
.temp_gm {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.temp_gm iframe,
.temp_gm object,
.temp_gm embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* clearfix */
.temp_h1txt_img:after,
.temp_i2:after,
.temp_i3:after,
.temp_i4:after,
.temp_inm2:after,
.temp_inm3:after,
.temp_inm4:after,
.temp_inm5:after,
.temp_itl:after,
.temp_itr:after,
.temp_t2_wrap_:after,
.temp_t3_wrap_:after,
.temp_t4_wrap_:after,
.temp_b2:after,
.temp_b3:after,
.temp_b4:after,
.temp_lsi ul li a:after{
  content: "";
  display: block;
  clear: both;
}

/* ************************************************** */

/*textArea*/
textarea.tag_txt_{
  width: 1000px;
  height: 100px;
  box-sizing: border-box;
  margin: 0px 0px 30px;
}


/* **************** 20170403 ********************************** */
.temp_i1{text-align: center;}
.temp_i2 img{max-width: 490px;}	
.temp_i3 img{max-width: 320px;}
.temp_i4 img{max-width: 235px;}	

.temp_i2 div:last-child,
.temp_i3 div:last-child,
.temp_i4 div:last-child,	
.temp_i4 div:last-child{margin-right: 0;}
.temp_i2 img:nth-child(2n-1),
.temp_i3 img:nth-child(2n-1),
.temp_i4 img:nth-child(2n-1){margin-right: 0;}	
.temp_i2 img,
.temp_i3 img,
.temp_i4 img{float:none;}	

.temp_inm1 div{text-align: center;}
.temp_inm1 div img{max-width: 1000px;width: auto;}

.temp_i2 div{width:490px; float:left;text-align: center;margin-right: 20px;}
.temp_i3 div{width:320px; float:left;text-align: center;margin-right: 20px;}
.temp_i4 div{width:235px; float:left;text-align: center;margin-right: 20px;}

.temp_inm2 img{max-width:500px;width:auto;float:none;}
.temp_inm3 img{max-width:333px;width:auto;float:none;}
.temp_inm4 img{max-width:250px;width:auto;float:none;}
.temp_inm5 img{max-width:200px;width:auto;float:none;}
.temp_inm2 img:first-child,
.temp_inm3 img:first-child,
.temp_inm4 img:first-child,
.temp_inm5 img:first-child{width: auto;}
.temp_inm3 div:first-child{width: 334px;}
.temp_inm3 div:first-child img{max-width: 334px;}	
	
.temp_inm2 div{width:500px;float:left;text-align: center;}
.temp_inm3 div{width:333px;float:left;text-align: center;}
.temp_inm4 div{width:250px;float:left;text-align: center;}
.temp_inm5 div{width:200px;float:left;text-align: center;}
.temp_h1img h1{text-align: center;}
	
.img_wrap_inner{width: 380px;/*height:180px;*/display: table;}
.img_wrap_{display:table-cell;text-align: center;vertical-align: middle;}
.img_wrap_ img{max-width: 380px; margin: 0 auto;display:inline-block;}
.temp_itl .img_wrap_,
.temp_itr .img_wrap_{float:none;}
.temp_itl .temp_fl{float: left;}
.temp_itr .temp_fl{float: right;}


/* **************** contents 800px ********************************** */
.contents_inner_w800,
.contents_inner_w800 textarea.tag_txt_{width: 800px;}
.contents_inner_w800 .temp_i2 img{max-width: 390px;}
.contents_inner_w800 .temp_i2 div{width: 390px;}
.contents_inner_w800 .temp_i3 div{width: 253px;}
.contents_inner_w800 .temp_i3 img{max-width: 253px;}
.contents_inner_w800 .temp_i4 div{width: 185px;}
.contents_inner_w800 .temp_i4 img{max-width: 185px;}
.contents_inner_w800 .temp_inm1 div img{max-width: 800px;}
.contents_inner_w800 .temp_inm2 div{width: 400px;}
.contents_inner_w800 .temp_inm2 img{max-width: 400px;}
.contents_inner_w800 .temp_inm3 div{width: 266px;}
.contents_inner_w800 .temp_inm3 img{max-width: 266px;}
.contents_inner_w800 .temp_inm3 div:first-child{width: 268px;}
.contents_inner_w800 .temp_inm3 div:first-child img{max-width: 268px;}
.contents_inner_w800 .temp_inm4 div{width: 200px;}
.contents_inner_w800 .temp_inm4 img{max-width: 200px;}
.contents_inner_w800 .temp_inm5 div{width: 160px;}
.contents_inner_w800 .temp_inm5 img{max-width: 160px;}
.contents_inner_w800 .temp_t2{width: 390px;}
.contents_inner_w800 .temp_t3{width: 253px;}
.contents_inner_w800 .temp_t4{width: 185px;}
.contents_inner_w800 .temp_b2_inner{width: 390px;}
.contents_inner_w800 .temp_b3_inner{width: 235px;}
.contents_inner_w800 .temp_b4_inner{width: 197px;}

@charset "Shift_JIS";

/** 大枠の調整 **************/
div.wrapper_, div.contents_{
  overflow: hidden;
}
@media screen and (min-width:751px) {
  div.contents_{
    padding: 0 10px;
    margin: 0 -10px;
  }
}
@media screen and (max-width:750px) {
  body{
    min-width: 0;
  }
  .contents_inner_{
    max-width: 100%;
    padding: 0 10px;
  }
}

/** グレー背景エリア **************/
.temp_wrap_ .bg_gray{
  background: #F7F7F7;
  padding: 32px 0 12px 0;
}
@media screen and (min-width:1040px) {
	.temp_wrap_ .bg_gray{
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
		padding-right: calc(50vw - 50%);
		padding-left: calc(50vw - 50%);
	}
}
@media screen and (max-width:1039px) {
	.temp_wrap_ .bg_gray{
		margin-right: -25px;
		margin-left:-25px;
		padding-right: 25px;
		padding-left: 25px;
	}
}
@media screen and (max-width:750px) {
	.temp_wrap_ .bg_gray{
		margin-right: -10px;
		margin-left:-10px;
		padding-right: 10px;
		padding-left: 10px;
	}
}


/** ボタン **************/
a.btn{
  display: block;
  width: 100%;
  max-width: 290px;
  color: #ffffff;
  font-size: 16px;
  /*font-weight: bold;*/
  line-height: 165%;
  text-align: center;
  padding: 15px 0;
  background: #2b2b2b;
  margin: 20px 0;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
    text-decoration: none;
}
a.btn:hover{
  text-decoration: none;
  opacity: 0.8;
}

a.btn.red{
  background: #ED8F8F;
}
a.btn.orange{
  background: #E89E79;
}
a.btn.pink{
  background: #D35E95;
}
a.btn.navy{
  background: #05415C;
}
a.btn.gray{
  color: #333333;
  background: #CCCCCC;
}

/** タイトル **************/
.temp_ttl_area{
  position: relative;
  color: #6B6660;
  font-family: 'Lora', serif;
  font-size: 22px;
  margin: 0 0 28px;
}
.temp_ttl_area .link_txt{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 14px;
  transition: all 0.2s ease-in-out;
}
.temp_ttl_area .link_txt::after{
  content: '';
  display: inline-block;
  width: 7px;
  height: 8px;
  border-left: solid 7px #6B6660;
  border-top: solid 4px transparent;
  border-bottom: solid 4px transparent;
  margin-left: 8px;
  vertical-align: middle;
  box-sizing: border-box;
}
.temp_ttl_area .link_txt:hover{
  text-decoration: none;
  opacity: 0.8;
}

.temp_ttl_center{
  color: #6B6660;
  font-family: 'Lora', serif;
  font-size: 22px;
  text-align: center;
  padding: 20px 0;
  background-image: linear-gradient(0deg, #B3B3B3, #B3B3B3);
  background-size: 100% 1px;
  background-position: center;
  background-repeat: no-repeat;
  margin: 40px 100px 0;
}
.temp_ttl_center span{
  display: inline-block;
  padding: 0 20px;
  background: #ffffff;
}

/** スライダー **************/
.slide{
  position: relative;
  display: flex;
  margin: 0 0 20px;
  overflow: hidden;
}
.slide a {
	outline: none;
}
/** 1000px **/
.slide .slide_col{
  width: 320px;
  padding: 0 20px 0 0;
}
.slide.md .slide_col{
  width: 280px;
  padding: 0 17px 0 0;
}
.slide.sm .slide_col{
  width: 200px;
  padding: 0 15px 0 0;
}
.slide.square .slide_col{
  width: 410px;
}
.slide.square_md .slide_col{
  width: 280px;
  padding: 0 17px 0 0;
}
.slide.square_sm .slide_col{
  width: 241px;
  padding: 0 15px 0 0;
}

/** 800px **/
.contents_ .slide .slide_col,
.contents_inner_w800 .slide .slide_col{
  width: 340px;
  padding: 0 20px 0 0;
}
.contents_ .slide.md .slide_col,
.contents_inner_w800 .slide.md .slide_col{
  width: 240px;
  padding: 0 17px 0 0;
}
.contents_ .slide.sm .slide_col,
.contents_inner_w800 .slide.sm .slide_col{
  width: 192px;
  padding: 0 15px 0 0;
}
.contents_ .slide.slide.square .slide_col,
.contents_inner_w800 .slide.square .slide_col{
  width: 328px;
}
.contents_ .slide.square_md .slide_col,
.contents_inner_w800 .slide.square_md .slide_col{
  width: 224px;
  padding: 0 17px 0 0;
}
.contents_ .slide.square_sm .slide_col,
.contents_inner_w800 .slide.square_sm .slide_col{
  width: 292px;
  padding: 0 15px 0 0;
}

.slick-prev, .slick-next{
  position: absolute;
  top: 50%;
  left: -40px;
  width: 80px;
  height: 80px;
  background: rgba(255,255,255,0.8);
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  margin: 0;
  z-index: 99;
}
.slick-next{
  left: auto;
  right: -40px;
  border-top-right-radius: 0;
  border-top-left-radius: 100%;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 100%;
}
.slick-prev::before, .slick-next::before{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  display: block;
  width: 20px;
  height: 20px;
  border-top: solid 1px #333333;
  border-left: solid 1px #333333;
  margin: auto 0;
  transform: rotateZ(-45deg);
}
.slick-next::before{
  right: auto;
  left: 10px;
  transform: rotateZ(135deg);
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
  background: #ffffff;
  opacity: 0.8;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{
  opacity: 1;
}

.slide.md .slick-prev, .slide.md .slick-next {
  height: 60px;
  width: 60px;
}
.slide.md .slick-next {
  right: -30px;
}
.slide.md .slick-prev {
  left: -30px;
}
.slide.md .slick-prev::before, .slide.md .slick-next::before{
  right: 8px;
  width: 16px;
  height: 16px;
}
.slide.md .slick-next::before{
  left: 8px;
}

.slide.sm .slick-prev, .slide.sm .slick-next {
  height: 44px;
  width: 44px;
}
.slide.sm .slick-next {
  right: -22px;
}
.slide.sm .slick-prev {
  left: -22px;
}
.slide.sm .slick-prev::before, .slide.sm .slick-next::before{
  right: 6px;
  width: 12px;
  height: 12px;
}
.slide.sm .slick-next::before{
  left: 6px;
}




/** アイテムリスト **************/
.item_list{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px 40px -15px;
  padding: 30px 0 0;
}
.item_list li{
  margin: 0 15px 30px;
  width: calc(100% / 3 - 30px);
}
.item_list li a{
	height: 100%;
  display: block;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.item_list li a:hover{
  opacity: 0.8;
}
.item_list li .item_card{
  height: 100%;
  padding: 40px;
  border: solid 1px #E7E3E2;
  box-sizing: border-box;
}
.item_list li .item_card .card_txt{
  text-align: center;
  margin: 20px 0 0;
}
.item_list li .item_card .card_txt p{
  font-size: 12px;
  line-height: 166%;
}
.item_list li .item_card .card_txt .txt_ttl{
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px;
}

/** パーツリスト **************/
ul.parts_list{
  display: flex;
  padding: 30px 0;
  margin: 0 -10px 40px;
}
ul.parts_list li{
  width: 16.6666%;
  padding: 0 10px;
  box-sizing: border-box;
}
ul.parts_list li a{
  transition: all 0.2s ease-in-out;
}
ul.parts_list li a:hover{
  text-decoration: none;
  opacity: 0.8;
}
ul.parts_list li .list_item{
  display: block;
}
ul.parts_list li .list_item figure{
  margin: 0;
}
ul.parts_list li .list_item figure img{
  border: solid 1px #E7E3E2;
}
ul.parts_list li .list_item figure figcaption{
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  padding: 15px 0 0;
}
ul.parts_list li .list_item figure figcaption .sp{
  display: none;
}

/** レシピエリア **************/
.recipe_area{
  padding: 30px 0;
}
.recipe_area .recipe_block{
  display: flex;
  padding: 40px 40px 40px 0;
  border: solid 1px #E7E3E2;
  margin: 0 0 40px;
}
.recipe_area .recipe_block:last-child{
  margin-bottom: 0;
}
.recipe_area .recipe_block .recipe_img{
  width: 512px;
  padding: 0 0 0 40px;
}
.recipe_area .recipe_block .recipe_img .recipe_img_item{
  display: block;
}
.recipe_area .recipe_block .recipe_img .recipe_img_item + .recipe_img_item{
  margin: 25px 0 0;
}
.recipe_area .recipe_block .recipe_txt{
  width: 448px;
  padding: 0 0 0 40px;
}
.recipe_area .recipe_block .recipe_txt p{
  font-size: 14px;
  line-height: 170%;
  margin: 30px 0;
}
.recipe_area .recipe_block .recipe_txt .txt_ttl{
  font-size: 20px;
  font-weight: bold;
  margin: 0;
}
.recipe_area .recipe_block .recipe_txt .btn{
  margin-top: 45px;
}


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

  /** ボタン **************/
  a.btn{
    max-width: 295px;
    margin: 20px auto;
  }

  /** タイトル **************/
  .temp_ttl_center{
    margin: 30px 0 0;
  }

  /** スライダー **************/
  .slide{
    margin: 0 0 12px;
  }
  .slide .slide_col,
  .contents_ .slide .slide_col,
  .contents_inner_w800 .slide .slide_col{
    width: 200px;
    padding: 0 8px 0 0;
  }
  #top_pickup .group01_ .slide .slide_col,
  #top_pickup .group01_ .contents_ .slide .slide_col,
  #top_pickup .group01_ .contents_inner_w800 .slide .slide_col{
    width: 200px;
    padding: 0 8px 0 0;
  }    
  .slide.md .slide_col,
  .contents_ .slide.md .slide_col,
  .contents_inner_w800 .slide.md .slide_col{
    width: 140px;
    padding: 0 8px 0 0;
  }
  #top_pickup .group01_ .slide.md .slide_col,
  #top_pickup .group01_ .contents_ .slide.md .slide_col,
  #top_pickup .group01_ .contents_inner_w800 .slide.md .slide_col{
    width: 140px;
    padding: 0 8px 0 0;
  }
  .slide.sm .slide_col,
  .contents_ .slide.sm .slide_col,
  .contents_inner_w800 .slide.sm .slide_col{
    width: 100px;
    padding: 0 8px 0 0;
  }
  #top_pickup .group01_ .slide.sm .slide_col,
  #top_pickup .group01_ .contents_ .slide.sm .slide_col,
  #top_pickup .group01_ .contents_inner_w800 .slide.sm .slide_col{
    width: 100px;
    padding: 0 8px 0 0;
  }
  .slide.square .slide_col,
  .contents_ .slide.slide.square .slide_col,
  .contents_inner_w800 .slide.square .slide_col{
    width: 260px;
  }
  #top_pickup .group01_ .slide.square .slide_col,
  #top_pickup .group01_ .contents_ .slide.slide.square .slide_col,
  #top_pickup .group01_ .contents_inner_w800 .slide.square .slide_col{
    width: 260px;
  }    
  .slide.square_md .slide_col,
  .contents_ .slide.square_md .slide_col,
  .contents_inner_w800 .slide.square_md .slide_col{
    width: 150px;
    padding: 0 8px 0 0;
  }
  #top_pickup .group01_ .slide.square_md .slide_col,
  #top_pickup .group01_ .contents_ .slide.square_md .slide_col,
  #top_pickup .group01_ .contents_inner_w800 .slide.square_md .slide_col{
    width: 150px;
    padding: 0 8px 0 0;
  }
  .slide.square_sm .slide_col,
  .contents_ .slide.square_sm .slide_col,
  .contents_inner_w800 .slide.square_sm .slide_col{
    width: 113px;
    padding: 0 8px 0 0;
  }
  #top_pickup .group01_ .slide.square_sm .slide_col,
  #top_pickup .group01_ .contents_ .slide.square_sm .slide_col,
  #top_pickup .group01_ .contents_inner_w800 .slide.square_sm .slide_col{
    width: 113px;
    padding: 0 8px 0 0;
  }

  .slick-prev, .slick-next{
    width: 44px;
    height: 44px;
    left: -22px;
    background: rgba(255,255,255,0.8);
  }
  .slick-next{
    left: auto;
    right: -22px;
  }
  .slick-prev::before, .slick-next::before{
    right: 4px;
    width: 10px;
    height: 10px;
  }
  .slick-next::before{
    right: auto;
    left: 4px;
  }

	.slide.md .slick-prev, .slide.md .slick-next {
	  height: 38px;
	  width: 38px;
	}
	.slide.md .slick-next {
	  right: -19px;
	}
	.slide.md .slick-prev {
	  left: -19px;
	}
	.slide.md .slick-prev::before, .slide.md .slick-next::before{
	  right: 3px;
	  width: 8px;
	  height: 8px;
	}
	.slide.md .slick-next::before{
	  left: 3px;
	}
	
	.slide.sm .slick-prev, .slide.sm .slick-next {
	  height: 26px;
	  width: 26px;
	}
	.slide.sm .slick-next {
	  right: -13px;
	}
	.slide.sm .slick-prev {
	  left: -13px;
	}
	.slide.sm .slick-prev::before, .slide.sm .slick-next::before{
	  right: 2px;
	  width: 6px;
	  height: 6px;
	}
	.slide.sm .slick-next::before{
	  left: 2px;
	}



  /** アイテムリスト **************/
  .item_list{
    margin: 0 -7.5px 40px;
  }
  .item_list li{
    width: calc(100% / 2 - 15px);
    padding: 0 7.5px;
    margin: 0 0 20px;
  }
  .item_list li .item_card{
    padding: 16px;
  }
  .item_list li .item_card .card_txt{
    margin: 15px 0 0;
  }

  /** パーツリスト **************/
  ul.parts_list{
    flex-wrap: wrap;
    padding: 30px 0 0;
    margin: 0 -6px 40px;
  }
  ul.parts_list li{
    width: 33.3333%;
    padding: 0 6px;
    margin: 0 0 20px;
  }
  ul.parts_list li .list_item figure figcaption .sp{
    display: block;
  }

  /** レシピエリア **************/
  .recipe_area{
    padding: 30px 0 20px;
  }
  .recipe_area .recipe_block{
    position: relative;
    display: block;
    padding: 30px 30px 86px;
  }
  .recipe_area .recipe_block:nth-child(even){
    padding-bottom: 125px;
  }
  .recipe_area .recipe_block .recipe_img{
    width: 100%;
    padding: 0;
  }
  .recipe_area .recipe_block .recipe_img .recipe_img_item{
    margin: 0 0 20px;
  }
  .recipe_area .recipe_block .recipe_img .recipe_img_item + .recipe_img_item{
    margin-top: 20px;
  }
  .recipe_area .recipe_block .recipe_txt{
    width: 100%;
    padding: 0;
  }
  .recipe_area .recipe_block .recipe_txt p{
    margin: 15px 0 25px;
  }

  .recipe_area .recipe_block .recipe_txt .btn{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto 30px;
  }

}

#top_feature ul {
    display: flex;
}

#top_feature li {
    margin: 0 auto;
}
#top_feature li:nth-child(odd) {
    float: left;
}
#top_feature li:nth-child(even) {
    float: left;
}

.general_template{
    margin: 20px 0;
}