@charset "utf-8";
@charset "utf-8";

/*------------------------------------------------------------------------------
  font
------------------------------------------------------------------------------*/
@font-face{
  font-family:"NotoSansCJKjpRegular";
	src:url('../../../../font/NotoSansCJKjpRegular.eot'); /* IE9 Compat Modes */
	src:url('../../../../font/NotoSansCJKjpRegular.eot?#') format('embedded-opentype'), /* IE6-IE8 */
		  url('../../../../font/NotoSansCJKjpRegular.woff') format('woff') /* Modern Browsers */
}
@font-face{
  font-family:"NotoSansCJKjpBold";
	src:url('../../../../font/NotoSansCJKjpBold.eot'); /* IE9 Compat Modes */
	src:url('../../../../font/NotoSansCJKjpBold.eot?#') format('embedded-opentype'), /* IE6-IE8 */
		  url('../../../../font/NotoSansCJKjpBold.woff') format('woff') /* Modern Browsers */
}

* {
      margin: 0px;
      padding: 0px;
	  box-sizing: content-box;
}
body{
	display: block;
	background: #ffffff;
	color: #333333;
	font-size: 12px;
	line-height: 1.6em;
	font-family: “ＭＳ Ｐゴシック”, Osaka, “ヒラギノ角ゴ Pro W3”;
	box-sizing: content-box;
}
a:link {
      color: #333333;
      text-decoration: none;
}
a:visited {
      color: #333333;
      text-decoration: none;
}
a:hover {
      /*color: #900;*/
      text-decoration: none;
}
a img {
      border-width: 0px;
      border-style: none;
      border-color: #fff;
      background: transparent;
}
img{
	vertical-align: bottom;
}
main{
	display: block;
}
/*------------------------------------------------------------------------------
　Common Setting
------------------------------------------------------------------------------*/
.link a:link { color:#f0bd04; text-decoration:underline !important;}
/*　文字・スペース
--------------------------------------------*/
.FontNSB{font-family:"NotoSansCJKjpBold";}
.txtB{font-weight:bold;}
.txtSize115{font-size:115%;}
.txtSize120{font-size:120%;}
.SpmT1{margin-top:1em;}
.SpmT1-5{margin-top:1.5em;}
.SpmT2{margin-top:2em;}
.SpmT3{margin-top:3em;}
.SpmT4{margin-top:4em;}
.SpmT5{margin-top:5em;}
.SpmT6{margin-top:6em;}
.SpmT7{margin-top:7em;}
.SpmB05{margin-bottom:0.5em;}
.SpmB1{margin-bottom:1em;}
.SpmB1-5{margin-bottom:1.5em;}
.SpmB2{margin-bottom:2em;}
.SpmR05{ margin-right: 0.5em;}
.SpmR1{ margin-right: 1em;}
.SpmR10{ margin-right: 10px; }
.SpmR40{ margin-right: 40px; }

.text_none{ font-size:13px; line-height:1.5;}

.flL{float: left;}
.flR{float: right;}

/*　clearfix
--------------------------------------------*/
.clearfix:after{
	content:",";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/*==============================================================================
　1. SP Setting
==============================================================================*/
@media screen and (max-width:768px){
html,body{ position: relative; width:100%; overflow-x: hidden;}
.brsp { display:none;} /*SPのみ改行消*/
.spDel{ display: none; }
#sapporo-topicpath-area{display:none;}

*, *: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;
}
/*----- パンくず非表示-----*/
#sapporo-topicpath-area{ display: none;}

/*　ページ全体＆背景設定 ==============================*/
#bodyZoneA {
	margin: 0;
	padding: 0;
	position:relative;
	background: #FFF !important;
	}
#allWrap{
	width:100%;
	margin:0;
	padding:0;
	font-family:"NotoSansCJKjpRegular";
	background-color:#2b2b2b;
	}
.snsbox{ text-align:center; padding: 20px 0 30px;}


/* Header ==============================================*/
#sectionHeaderWrap{ width: 100%;  background-color:#000; margin:0; padding:0;}
#sectionHeader{ display: block; width: 100%; height: 55px; margin: 0 auto; padding: 0; position: relative;}
#sectionHeader h1{
	float: left;
	width: 65%;
	height: 55px;
	margin: 0;
	background-image: url(../img/common/sitelogo.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
}
#sectionHeader h1 span{ display: none; }

/* Slider =============================================*/
.slider_area {
	position: relative;
	overflow:hidden;
	height:auto !important;
	width:100% !important;
}
#slider01,
#slider02,
#slider03,
#slider04,
#slider05 {
	background-position: center !important;
	background-size:cover !important;
}
#slider01 { background: url(../img/index/slider001.jpg) no-repeat; }
#slider02 { background: url(../img/index/slider002.jpg) no-repeat; }
#slider03 { background: url(../img/index/slider003.jpg) no-repeat; }
#slider04 { background: url(../img/index/slider004.jpg) no-repeat; }
#slider05 { background: url(../img/index/slider005.jpg) no-repeat; }
/* Slider ==============================================*/


/*Main Image ==========================================*/
#section_MainImg{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 62.5%;
	background-image:url(../img/2017/main_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

/*Product ==========================================*/
#section_ProductWrap{ width: 100%; background-color: #2b2b2b; margin: 0; padding: 30px 0 0; }
#section_Product,#section_Product02{ display: block; width: 90%; margin:0 auto; position: relative; }
#section_Product h2{
	width: 100%;
	height: 0;
	padding-top:10.30%;
	background-image:url(../img/index/title_product_sp.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	margin: 0 auto;
}
#section_Product h2 span{ display: none; }

#section_Product .productBox{ display: block; width: 100%; margin: 0 auto ; padding-top:25px; }
#section_Product .pr_ImgCan{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 50.76%;
	margin: 0;
	background-image:url(../img/index/top_prsp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	}
#section_Product .pr_ImgCan span{ display: none; }
#section_Product h3 { color: #FFF; font-size: 20px; line-height: 1.5;  font-weight: bold; margin: 25px 0 25px; text-align: center ; letter-spacing: 0.15em;}
#section_Product .pr_txt,#section_Product02 .pr_txt{color: #FFF; font-size: 15px; line-height: 1.8; margin-top:1.2em;}

.lineupBtn .pc{
	display: none;
}	
.lineupBtn .sp{
	display: block;
	width: 100%;
	max-width: 313px;
	margin: auto;
	margin-top: 30px;
	background-color: #ffffff;
}
.lineupBtn a{
	opacity: 1;
	-webkit-transition: all .3s;
	transition: all .3s;
}	
.lineupBtn a:hover,.lineupBtn a:active{
	opacity: 0.7;
}	
#section_ProductWrap a{
	text-decoration: underline;
	color: #f0bd04;
}
#section_ProductWrap a:hover{
	text-decoration: none;
}
	

/*Intervew ==========================================================*/
#section_IntWrap{ width: 100%; background-color: #2b2b2b; padding: 60px 0 0 ;	margin: 0 auto;}
#section_IntWrap #section_Int{ display: block; width: 90%; margin: 0 auto; }

#section_Int h2{
	width: 100%;
	height: 0;
	padding-top:10.30%;
	background-image:url(../img/index/title_interview_sp.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	margin: 0 auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item{ display: block; position: relative; width: 100%; height: auto; background-color: #404040; margin-bottom:20px; clear:both;}

/*============  鶴嶋 俊彦さん ============*/
#section_Int .Int_item .IntPh01{display:block; width:46%; float: left;}
#section_Int .Int_item .IntPh01 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:100%;
	background-image:url(../img/index/top_int01sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntName01{display:block; width:54%; float: right;}
#section_Int .Int_item .IntName01 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:85.7%;
	background-image:url(../img/index/top_int01sp_txt.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/*============  田代さん ============*/
#section_Int .Int_item .IntPh02{display:block; width:46%; float: left;}
#section_Int .Int_item .IntPh02 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:100%;
	background-image:url(../img/index/top_int02sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntName02{display:block; width:54%; float: right;}
#section_Int .Int_item .IntName02 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:85.7%;
	background-image:url(../img/index/top_int02sp_txt.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/*============  遠山さん ============*/
#section_Int .Int_item .IntPh04{display:block; width:46%; float: left;}
#section_Int .Int_item .IntPh04 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:100%;
	background-image:url(../img/index/top_int04sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntName04{display:block; width:54%; float: right;}
#section_Int .Int_item .IntName04 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:85.7%;
	background-image:url(../img/index/top_int04sp_txt.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}


/*============ 京さん ============*/
#section_Int .Int_item .IntPh03{display:block; width:46%; float: left;}
#section_Int .Int_item .IntPh03 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:100%;
	background-image:url(../img/index/top_int03sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntName03{display:block; width:54%; float: right;}
#section_Int .Int_item .IntName03 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:85.7%;
	background-image:url(../img/index/top_int03sp_txt.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/*============ 石田さん ============*/
#section_Int .Int_item .IntPh05{display:block; width:46%; float: left;}
#section_Int .Int_item .IntPh05 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:100%;
	background-image:url(../img/index/top_int05sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntName05{display:block; width:54%; float: right;}
#section_Int .Int_item .IntName05 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:85.7%;
	background-image:url(../img/index/top_int05sp_txt.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/*============ 大竹山さん ============*/
#section_Int .Int_item .IntPh06{display:block; width:46%; float: left;}
#section_Int .Int_item .IntPh06 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:100%;
	background-image:url(../img/index/top_int06sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntName06{display:block; width:54%; float: right;}
#section_Int .Int_item .IntName06 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:85.7%;
	background-image:url(../img/index/top_int06sp_txt.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/*============ 福山さん ============*/
#section_Int .Int_item .IntPh07{display:block; width:46%; float: left;}
#section_Int .Int_item .IntPh07 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:100%;
	background-image:url(../img/index/top_int07sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntName07{display:block; width:54%; float: right;}
#section_Int .Int_item .IntName07 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:85.7%;
	background-image:url(../img/index/top_int07sp_txt.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/*============ 鈴木さん ============*/
#section_Int .Int_item .IntPh08{display:block; width:46%; float: left;}
#section_Int .Int_item .IntPh08 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:100%;
	background-image:url(../img/index/top_int08sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntName08{display:block; width:54%; float: right;}
#section_Int .Int_item .IntName08 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:85.7%;
	background-image:url(../img/index/top_int08sp_txt.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/*============ 原田さん ============*/
#section_Int .Int_item .IntPh09{display:block; width:46%; float: left;}
#section_Int .Int_item .IntPh09 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:100%;
	background-image:url(../img/index/top_int09sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntName09{display:block; width:54%; float: right;}
#section_Int .Int_item .IntName09 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:85.7%;
	background-image:url(../img/index/top_int09sp_txt.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/*============ 長尾さん ============*/
#section_Int .Int_item .IntPh10{display:block; width:46%; float: left;}
#section_Int .Int_item .IntPh10 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:100%;
	background-image:url(../img/index/top_int10sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntName10{display:block; width:54%; float: right;}
#section_Int .Int_item .IntName10 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:85.7%;
	background-image:url(../img/index/top_int10sp_txt.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/*============ 昨年のインタビュー ボタン ============*/
#section_Int .Int_item .Intbtn{display:block; width:100%;}
#section_Int .Int_item .Intbtn a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:7.69%;
	right: 0;
	background-image:url(../img/index/intbtn_sp.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
	
/*============ 2025のインタビュー ボタン ============*/
#section_Int .Int_item .Intbtn25{display:block; width:100%;}
#section_Int .Int_item .Intbtn25 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:7.69%;
	right: 0;
	background-image:url(../img/index/intbtn_sp25.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/*============ 2024のインタビュー ボタン ============*/
#section_Int .Int_item .Intbtn24{display:block; width:100%;}
#section_Int .Int_item .Intbtn24 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:7.69%;
	right: 0;
	background-image:url(../img/index/intbtn_sp24.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/*============ 2023のインタビュー ボタン ============*/
#section_Int .Int_item .Intbtn23{display:block; width:100%;}
#section_Int .Int_item .Intbtn23 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:7.69%;
	right: 0;
	background-image:url(../img/index/intbtn_sp23.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
	
/*============ 2022のインタビュー ボタン ============*/
#section_Int .Int_item .Intbtn22{display:block; width:100%;}
#section_Int .Int_item .Intbtn22 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:7.69%;
	right: 0;
	background-image:url(../img/index/intbtn_sp22.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}		
	
/*============ 2021のインタビュー ボタン ============*/
#section_Int .Int_item .Intbtn21{display:block; width:100%;}
#section_Int .Int_item .Intbtn21 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:7.69%;
	right: 0;
	background-image:url(../img/index/intbtn_sp21.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}		
	
/*============ 2020のインタビュー ボタン ============*/
#section_Int .Int_item .Intbtn20{display:block; width:100%;}
#section_Int .Int_item .Intbtn20 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:7.69%;
	right: 0;
	background-image:url(../img/index/intbtn_sp20.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}	

/*============ 2019のインタビュー ボタン ============*/
#section_Int .Int_item .Intbtn19{display:block; width:100%;}
#section_Int .Int_item .Intbtn19 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:7.69%;
	right: 0;
	background-image:url(../img/index/intbtn_sp19.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/*============ 2017のインタビュー ボタン ============*/
#section_Int .Int_item .Intbtn17{display:block; width:100%;}
#section_Int .Int_item .Intbtn17 a{
	display:block;
	width: 100%;
	height: 0;
	padding-top:7.69%;
	right: 0;
	background-image:url(../img/index/intbtn_sp17.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}


/*============ TOPに戻る ボタン ============*/
.gotop a{
	display:block;
	width: 100%;
	height: 0; 
	padding-top:3.53%;
	margin-top:15px;
	background-image:url(../img/common/top_sp.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}


/*Onlineshop =====================*/
#section_ShopWrap{
	width: 100%;
	background-color: #FFF;
	/*background-image:url(../img/shop_bg.jpg);
	background-repeat: no-repeat;
	background-position:left bototm;
	background-size:cover;*/
	margin: 0;
	padding: 30px 0 20px;
	border-top:3px solid #968960;
	border-bottom: 3px solid  #968960;
	}
#section_ShopWrap #section_Shop{ display: block; width: 88%; margin: 0 auto; }
#section_Shop .url_txt1{color: #000;font-size:16px; line-height :1.4; font-weight:bold; text-align:center;}
#section_Shop .shoplogo{display: blcok; text-align:center; margin: 0.8em auto 0;}
#section_Shop .shoplogo img{ width: 90%; }
#section_Shop a:link,
#section_Shop a:visited,
#section_Shop a:hover {font-weight: bold;}


/*歴代熊本缶パッケージ*/	
	
#section_ProductWrap02{ width: 100%; background-color: #2b2b2b;margin-bottom: 20px; padding-top: 40px; }
#section_Product03{ display: block; width:90%; margin:0 auto; position: relative; }
#section_Product03 h2{
	width: 100%;
	height: 0;
	padding-top:10.30%;
	background-image:url("../img/index/title_limited_sp.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	margin: 0 auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Product03 h2 span{
	display: none;
}
#section_Product03 .limitedBox{
	width: 100%;
	margin: 0 auto;
	margin-top: 80px;
}
#section_Product03 .limitedBox ul{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: baseline;
	align-items: baseline;
}
#section_Product03 .limitedBox ul li{
	position: relative;
	margin: 0 auto;
	margin-bottom: 30px;
	padding-top: 30px;
}
#section_Product03 .limitedBox ul li:last-of-type{
	margin-bottom: 0;
}
#section_Product03 .limitedBox img{
    max-width: 170px;
}
#section_Product03 .limted_Ic{
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	max-width: 100px;
}
/*2缶*/
#section_Product03 .limitedBox ul.box_wrap {
	justify-content: center;	
}
	

}
/*------------------------------------------------------------------------------
2. PC Setting
------------------------------------------------------------------------------*/
@media screen and (min-width:769px){
html,body{min-width: 960px;}
.topicpath {position:relative; width:950px;}
.pcDel{ display: none; }
.brpc { display:none;} /*PCのみ改行消*/

/*----- パンくず-----*/
#sapporo-topicpath-area .topicpath{position: relative; width: 950px; }
#sapporo-topicpath-area .topicpath .snsarea { position:absolute; right:0; top:5px;}

/*　ページ全体＆背景設定
--------------------------------------------*/
#bodyZoneA {
	margin: 0;
	padding: 0;
	position:relative;
	background: #FFF !important;
	}
#allWrap{
	width:100%;
	margin:0;
	padding:0;
	font-family:"NotoSansCJKjpRegular";
	background-color:#2b2b2b;
	}
.snsbox{ text-align:center; padding: 30px 0 40px;}

/*--------------------------------------------------------------------
　　Contents Setting
--------------------------------------------------------------------*/
#sectionHeaderWrap{ width: 100%;  background-color:#000; margin:0; padding:0;}
#sectionHeader{ display: block; width: 950px; height: 75px; margin: 0 auto; padding: 15px 0 0 0; position: relative;}
#sectionHeader h1{
	width: 440px;
	height:75px;
	float: left;
	background-image: url(../img/common/sitelogo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#sectionHeader h1 span{ display: none; }
#sectionHeader ul.pageMenu{
	display: block;
	width: 330px;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	right: -2px;
}
#sectionHeader ul.pageMenu li{
	display: block;
	float:left;
	height:40px;
	font-size: 16px;
	letter-spacing:0.2em;
	font-family:"NotoSansCJKjpBold";
	}

/*▼▼ Slider▼▼-------------------------------------------*/
/*#keyVisualArea h1 {
	margin-bottom: 0px !important;
	padding-top: 0 !important;
	position: relative;
	z-index: 1;
}
#keyVisualArea h1 img { position: absolute; }*/
#keyVisualArea .inner { width: 950px; margin: 0 auto; }
.slider_area {
	position: relative;
	overflow:hidden;
	height:450px;
}
/*h1.logo {
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -272px !important;
}*/
#slider01,
#slider02,
#slider03,
#slider04,
#slider05 {
	background-position: center !important;
}
#slider01 { background: url(../img/index/slider001.jpg) no-repeat; }
#slider02 { background: url(../img/index/slider002.jpg) no-repeat; }
#slider03 { background: url(../img/index/slider003.jpg) no-repeat; }
#slider04 { background: url(../img/index/slider004.jpg) no-repeat; }
#slider05 { background: url(../img/index/slider005.jpg) no-repeat; }
/*▲▲Slider▲▲-------------------------------------------*/


/*Main Image-------------------------------------------*/
#section_MainImg{
	display: block;
	width: 100%;
	height: 450px;
	background-image:url(../img/2017/main_pc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

/*Product-------------------------------------------*/
#section_ProductWrap{ width: 100%; background-color: #2b2b2b; margin: 0; padding: 70px 0 0; }
#section_Product{ display: block; width:950px; margin:0 auto; position: relative; }
#section_Product h2{
	width: 950px;
	height: 65px;
	background-image:url(../img/index/title_product_pc.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	margin: 0 auto;
}
#section_Product h2 span{ display: none;}

#section_Product .productBox{ display: block; width:950px; margin: 0 auto ; padding-top:40px; }
#section_Product .pr_ImgCan{
	display: block;
	width:400px;
	height: 300px;
	margin-bottom: 35px;
	background-image:url(../img/index/top_prpc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#section_Product .pr_ImgCan span{ display: none; }
#section_Product h3 { color: #FFF; font-size: 22px; line-height: 1.6;  font-weight: bold; margin: 0 0 20px 0;}
/*#section_Product .kyusyuArea{
	display: blcok;
	padding: 5px 8px;
	background-color: #968960;
	font-size: 12px;
	color: #FFF;
	}*/
#section_Product,#section_Product02 .pr_txt{color: #FFF; font-size: 15px; line-height: 1.8; margin-top:1.2em;}
	
#section_Product .leftBox{
   float: left;
   margin-right: 35px;
}
.lineupBtn{
	background-color: #ffffff;
	width: 360px;
	margin: 0 auto;
}
.lineupBtn a{
	display: inline-block;
    opacity: 1;
	-webkit-transition: all .3s;
	transition: all .3s;
}	
.lineupBtn a:hover,.lineupBtn a:active{
	opacity: 0.7;
}
.lineupBtn .sp{
	display: none;
}
#section_ProductWrap a{
	text-decoration: underline;
	color: #f0bd04;
}
#section_ProductWrap a:hover{
	text-decoration: none;
}

/*Intervew-------------------------------------------*/
#section_IntWrap{ width: 100%; background-color: #2b2b2b; margin: 0; padding-top: 80px; }
#section_IntWrap #section_Int{ display: block; width: 950px; margin: 0 auto; }

#section_IntWrap #section_Int #section_Product02{
	margin-bottom: 30px;
}	
	
#section_IntWrap #section_Int .clearfix{
		width: 750px;
		margin: 0 auto;
		margin-bottom: 30px;
}	
	
#section_Int h2{
	width: 950px;
	height: 65px;
	background-image:url(../img/index/title_interview_pc.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	margin: 0 auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#section_Int .Int_item{ display: block; position: relative; width:233px; height: auto; float: left; margin-right:15px; background-color: #404040; }
.mR0{margin-right:0 !important;}

/*鶴嶋 俊彦さん*/
#section_Int .Int_item .IntPh01{
	display:block;
	width: 233px;
	height: 250px;
	background-image:url(../img/index/top_int01pc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntPh01 a:hover{
	display:block;
	width: 233px;
	height: 250px;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntName01{
	display:block;
	width: 213px;
	height: 150px;
	margin: 14px 0 0px 10px;
	background-image:url(../img/index/top_int01pc_txt.png);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-size:contain;
}

/*田代さん*/
#section_Int .Int_item .IntPh02{
	display:block;
	width: 233px;
	height: 250px;
	background-image:url(../img/index/top_int02pc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntPh02 a:hover{
	display:block;
	width: 233px;
	height: 250px;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntName02{
	display:block;
	width: 213px;
	height: 150px;
	margin: 14px 0 0px 10px;
	background-image:url(../img/index/top_int02pc_txt.png);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-size:contain;
}

/*田代さん*/
#section_Int .Int_item .IntPh04{
	display:block;
	width: 233px;
	height: 250px;
	background-image:url(../img/index/top_int04pc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntPh04 a:hover{
	display:block;
	width: 233px;
	height: 250px;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntName04{
	display:block;
	width: 213px;
	height: 150px;
	margin: 14px 0 0px 10px;
	background-image:url(../img/index/top_int04pc_txt.png);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-size:contain;
}

/*京さん*/
#section_Int .Int_item .IntPh03{
	display:block;
	width: 233px;
	height: 250px;
	background-image:url(../img/index/top_int03pc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntPh03 a:hover{
	display:block;
	width: 233px;
	height: 250px;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntName03{
	display:block;
	width: 213px;
	height: 150px;
	margin: 14px 0 0px 10px;
	background-image:url(../img/index/top_int03pc_txt.png);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-size:contain;
}
	
/*石田さん*/
#section_Int .Int_item .IntPh05{
	display:block;
	width: 233px;
	height: 250px;
	background-image:url("../img/index/top_int05pc.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntPh05 a:hover{
	display:block;
	width: 233px;
	height: 250px;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntName05{
	display:block;
	width: 213px;
	height: 150px;
	margin: 14px 0 0px 10px;
	background-image:url("../img/index/top_int05pc_txt.png");
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-size:contain;
}

/*大竹山さん*/
#section_Int .Int_item .IntPh06{
	display:block;
	width: 233px;
	height: 250px;
	background-image:url("../img/index/top_int06pc.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntPh06 a:hover{
	display:block;
	width: 233px;
	height: 250px;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntName06{
	display:block;
	width: 213px;
	height: 150px;
	margin: 14px 0 0px 10px;
	background-image:url("../img/index/top_int06pc_txt.png");
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-size:contain;
}
	
/*福山さん*/
#section_Int .Int_item .IntPh07{
	display:block;
	width: 233px;
	height: 250px;
	background-image:url("../img/index/top_int07pc.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntPh07 a:hover{
	display:block;
	width: 233px;
	height: 250px;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntName07{
	display:block;
	width: 213px;
	height: 150px;
	margin: 14px 0 0px 10px;
	background-image:url("../img/index/top_int07pc_txt.png");
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-size:contain;
}

/*鈴木さん*/
#section_Int .Int_item .IntPh08{
	display:block;
	width: 233px;
	height: 250px;
	background-image:url("../img/index/top_int08pc.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntPh08 a:hover{
	display:block;
	width: 233px;
	height: 250px;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntName08{
	display:block;
	width: 213px;
	height: 150px;
	margin: 14px 0 0px 10px;
	background-image:url("../img/index/top_int08pc_txt.png");
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-size:contain;
}
	
/*原田さん*/
#section_Int .Int_item .IntPh09{
	display:block;
	width: 233px;
	height: 250px;
	background-image:url("../img/index/top_int09pc.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntPh09 a:hover{
	display:block;
	width: 233px;
	height: 250px;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntName09{
	display:block;
	width: 213px;
	height: 150px;
	margin: 14px 0 0px 10px;
	background-image:url("../img/index/top_int09pc_txt.png");
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-size:contain;
}

/*長尾さん*/
#section_Int .Int_item .IntPh10{
	display:block;
	width: 233px;
	height: 250px;
	background-image:url("../img/index/top_int10pc.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntPh10 a:hover{
	display:block;
	width: 233px;
	height: 250px;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .IntName10{
	display:block;
	width: 213px;
	height: 150px;
	margin: 14px 0 0px 10px;
	background-image:url("../img/index/top_int10pc_txt.png");
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-size:contain;
}

/*2025のインタビュー ボタン*/
#section_Int .Int_item .Intbtn25 a{
	display:block;
	margin-bottom:8px;
	width: 155px;
	height: 30px;
	margin:auto;
	right: 0;
	bottom:14px;
	background-image:url(../img/index/top_int_btn25.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .Intbtn25 a:hover{
	display:block;
	width: 155px;
	height: 30px;
	margin:auto;
	right: 0;
	bottom:14px;
	background-image:url(../img/index/top_int_btn_o25.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/*2024のインタビュー ボタン*/
#section_Int .Int_item .Intbtn24 a{
	display:block;
	margin-bottom:8px;
	width: 155px;
	height: 30px;
	margin:auto;
	right: 0;
	bottom:14px;
	background-image:url(../img/index/top_int_btn24.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .Intbtn24 a:hover{
	display:block;
	width: 155px;
	height: 30px;
	margin:auto;
	right: 0;
	bottom:14px;
	background-image:url(../img/index/top_int_btn_o24.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/*2018のインタビュー ボタン*/
#section_Int .Int_item .Intbtn a{
	display:block;
	margin-bottom:8px;
	width: 155px;
	height: 30px;
	margin:auto;
	right: 0;
	bottom:14px;
	background-image:url(../img/index/top_int_btn.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .Intbtn a:hover{
	display:block;
	width: 155px;
	height: 30px;
	margin:auto;
	right: 0;
	bottom:14px;
	background-image:url(../img/index/top_int_btn_o18.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/*2023のインタビュー ボタン*/
#section_Int .Int_item .Intbtn23 a{
	display:block;
	margin-bottom:8px;
	width: 155px;
	height: 30px;
	margin:auto;
	right: 0;
	bottom:14px;
	background-image:url(../img/index/top_int_btn23.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .Intbtn23 a:hover{
	display:block;
	width: 155px;
	height: 30px;
	margin:auto;
	right: 0;
	bottom:14px;
	background-image:url(../img/index/top_int_btn_o23.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/*2022のインタビュー ボタン*/
#section_Int .Int_item .Intbtn22 a{
	display:block;
	margin-bottom:8px;
	width: 155px;
	height: 30px;
	margin:auto;
	right: 0;
	bottom:14px;
	background-image:url(../img/index/top_int_btn22.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .Intbtn22 a:hover{
	display:block;
	width: 155px;
	height: 30px;
	margin:auto;
	right: 0;
	bottom:14px;
	background-image:url(../img/index/top_int_btn_o22.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}	
/*2021のインタビュー ボタン*/
#section_Int .Int_item .Intbtn21 a{
	display:block;
	margin-bottom:8px;
	width: 155px;
	height: 30px;
	margin:auto;
	right: 0;
	bottom:14px;
	background-image:url(../img/index/top_int_btn21.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .Intbtn21 a:hover{
	display:block;
	width: 155px;
	height: 30px;
	margin:auto;
	right: 0;
	bottom:14px;
	background-image:url(../img/index/top_int_btn_o21.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}	
/*2020のインタビュー ボタン*/
#section_Int .Int_item .Intbtn20 a{
	display:block;
	margin-bottom:8px;
	width: 155px;
	height: 30px;
	margin:auto;
	right: 0;
	bottom:14px;
	background-image:url(../img/index/top_int_btn20.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .Intbtn20 a:hover{
	display:block;
	width: 155px;
	height: 30px;
	margin:auto;
	right: 0;
	bottom:14px;
	background-image:url(../img/index/top_int_btn_o20.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}	
	
/*2019のインタビュー ボタン*/
#section_Int .Int_item .Intbtn19 a{
	display:block;
	margin-bottom:8px;
	width: 155px;
	height: 30px;
	margin:auto;
	right: 0;
	bottom:14px;
	background-image:url(../img/index/top_int_btn19.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .Intbtn19 a:hover{
	display:block;
	width: 155px;
	height: 30px;
	margin:auto;
	right: 0;
	bottom:14px;
	background-image:url(../img/index/top_int_btn_o19.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/*2017のインタビュー ボタン*/
#section_Int .Int_item .Intbtn17 a{
	display:block;
	margin-bottom:8px;
	width: 155px;
	height: 30px;
	margin:auto;
	right: 0;
	bottom:14px;
	background-image:url(../img/index/top_int_btn17.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#section_Int .Int_item .Intbtn17 a:hover{
	display:block;
	width: 155px;
	height: 30px;
	margin:auto;
	right: 0;
	bottom:14px;
	background-image:url(../img/index/top_int_btn_o17.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.Intbtn{
	margin-bottom:10px;
}
.Intbtn19{
	margin-bottom:10px;
}	
.Intbtn17,.mb20,.Intbtn20,.Intbtn22,.Intbtn23,.Intbtn24,.Intbtn25{
	margin-bottom:20px;
}

.gotop a{
	display:block;
	width: 119px;
	height: 17px; 
	margin: 0 auto;
	background-image:url(../img/common/top_pc.png);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

















#section_InterviewWrap{ width: 100%; background-color: #2b2b2b; margin: 0; padding: 80px 0 0; }
#section_InterviewWrap #section_Interview{ display: block; width: 950px; margin: 0 auto; }

#section_InterviewWrap #section_Interview h2{
	width: 950px;
	height: 65px;
	background-image:url(../img/index/title_interview_pc.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	margin: 0 auto;
}
#section_InterviewWrap #section_Interview h2 span{ display: none; }
#section_InterviewWrap #section_Interview .int_txtLead{
	font-size: 16px;
	line-height: 1.9em;
	font-weight: bold;
	margin-top: 30px;
	}
	
/*Intervew Index*/
#section_Interview .IntIndox{width: 100%; margin: 50px auto 0; }
#section_Interview .IntInbox-item01{width: 290px; float: left; margin-right: 40px;}
#section_Interview .IntInbox-item02{width: 290px; float: left;}

#section_Interview .IndexPh01{
	display: block;
	width: 290px;
	height:155px;
	background-image: url(../img/2017/int_ph01_pc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#section_Interview .nameTitle01{
	display: block;
	width: 290px;
	height:115px;
	margin-top:0.5em;
	background-image: url(../img/2017/int_txt01_pc.png);
	background-repeat: no-repeat;
	background-position: center top;
	}
#section_Interview .IndexPh02{
	display: block;
	width: 290px;
	height:155px;
	background-image: url(../img/2017/int_ph02_pc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#section_Interview .nameTitle02{
	display: block;
	width: 290px;
	height:115px;
	margin-top:0.5em;
	background-image: url(../img/2017/int_txt02_pc.png);
	background-repeat: no-repeat;
	background-position: center top;
	}
#section_Interview .IndexPh03{
	display: block;
	width: 290px;
	height:155px;
	background-image: url(../img/2017/int_ph03_pc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#section_Interview .nameTitle03{
	display: block;
	width: 290px;
	height:115px;
	margin-top:0.5em;
	background-image: url(../img/2017/int_txt03_pc.png);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
#section_Interview .IndexPh01 span,
#section_Interview .IndexPh02 span,
#section_Interview .IndexPh03 span,
#section_Interview .nameTitle01 span,
#section_Interview .nameTitle02 span,
#section_Interview .nameTitle03 span { display: none;}
#section_Interview  .itemTxt{ font-size:13px; line-height:1.8; margin-top:0.3em;}


/*Intervew setting*/
#section_InterviewWrap #section_Interview .IntBox{ display: block; width: 950px; padding: 60px 0 0; }
#section_Interview h3{ font-size: 18px; color: #FFF; font-weight: bold; padding: 10px 0 10px 10px; background-color:#000;}
#section_Interview .Int_Inbox{display:block; margin-top: 30px;}
#section_Interview .IntPh01{
	display: block;
	width: 320px;
	height: 300px;
	float: left;
	margin: 0 30px 10px 0;
	background-image: url(../img/2017/int_phpc_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#section_Interview .IntPh02{
	display: block;
	width: 320px;
	height: 300px;
	float: left;
	margin: 0 30px 10px 0;
	background-image: url(../img/2017/int_phpc_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#section_Interview .IntPh03{
	display: block;
	width: 320px;
	height: 300px;
	float: left;
	margin: 0 30px 10px 0;
	background-image: url(../img/2017/int_phpc_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#section_Interview .IntPh01 span,
#section_Interview .IntPh02 span,
#section_Interview .IntPh03 span { display: none; }

#section_Interview .IntMidashi{ font-size:28px; margin-bottom:1.3em; color:#968960; font-family:"NotoSansCJKjpBold";}
#section_Interview .int_txtQ{ font-size: 16px; line-height: 1.8; margin-bottom:0.6em;font-family:"NotoSansCJKjpBold";}
#section_Interview .int_txtA{ font-size: 15px; line-height: 1.95; }
#section_Interview .backInt{ font-size:13px; text-align:right; margin-top:1.5em;ffont-weight: bold; }
#section_Interview .backInt a:link { color: #4d3b17; }
#section_Interview .backInt a:visited { color: #4d3b17; }
#section_Interview .backInt a:hover { color: #4d3b17; }
#section_Interview .backInt a:active { color: #4d3b17; }


/*Fukkojoshu-------------------------------------------*/
#section_FukkojoshuWrap{ width: 100%; background-color: #000; margin: 0; padding: 70px 0 70px; }
#section_FukkojoshuWrap #section_Fukkojoshu{ display: block; width: 950px; margin: 0 auto; }
#section_FukkojoshuWrap #section_Fukkojoshu h2{
	width: 950px;
	height: 40px;
	background-image:url(../img/2017/title_joshu_pc.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	margin: 0 auto;
}
#section_FukkojoshuWrap #section_Fukkojoshu h2 span{ display: none; }
#section_Fukkojoshu .joshu_txtLead{
	text-align: center;
	font-size: 20px;
	line-height: 1.9em;
	font-weight: bold;
	margin: 40px 0;
	color: #FFFFFF;
	}
#section_Fukkojoshu .joshu_Img {width: 350px; float: right;}
#section_Fukkojoshu .joshu_box {display: block; width:530px; float:left;}
#section_Fukkojoshu .joshu_txt{
display: block;
font-size: 15px;
line-height: 1.8;
color:#FFF;
}
#section_Fukkojoshu .joshu_More{ display: block; width:110px; padding: 10px 6px; background-color: #968960; font-size:14px; color:#FFF; text-align:center; margin-top: 1.5em;}
#section_Fukkojoshu .joshu_Link{margin-top: 1em; font-size:14px;}
#section_Fukkojoshu .joshu_More a:link { color: #FFF; }
#section_Fukkojoshu .joshu_More a:visited { color: #FFF; }
#section_Fukkojoshu .joshu_More a:hover { color: #FFF; }
#section_Fukkojoshu .joshu_More a:active { color: #FFF; }

	
/*歴代熊本缶パッケージ*/	
	
#section_ProductWrap02{ width: 100%; background-color: #2b2b2b; margin-bottom: 30px; padding: 70px 0 0; }
#section_Product03{ display: block; width:950px; margin:0 auto; position: relative; }
#section_Product03 h2{
	width: 950px;
	height: 64px;
	background-image:url("../img/index/title_limited_pc.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	margin: 0 auto;
}
#section_Product03 h2 span{
	display: none;
}
#section_Product03 .limitedBox{
	width: 740px;
	margin: 0 auto;
	margin-top: 90px;
}
#section_Product03 .limitedBox ul{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: baseline;
	align-items: baseline;
}
#section_Product03 .limitedBox ul li{
	position: relative;
	padding-top: 45px;
	margin-right: 30px;
}
	#section_Product03 .limitedBox ul li:last-child {
		margin-right: 0;
	}
#section_Product03 .limitedBox img{
    max-width: 164px;
}
#section_Product03 .limted_Ic{
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	margin: auto;
	width: 107px;
}	
/*2缶*/
#section_Product03 .limitedBox ul.box_wrap {
	margin-top: 20px;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
}
#section_Product03 .limitedBox ul.box_wrap li {
	margin-right: 130px;
}
#section_Product03 .limitedBox ul.box_wrap li:last-child {
	margin-right: 0px;
}	
	

/*オンラインショップ*/
#section_ShopWrap{
	width: 100%;
	background-color: #FFF;
	background-image:url(../img/2017/shop_bg.jpg);
	background-repeat: no-repeat;
	background-position:center bottom;
	background-size:contain;
	margin: 0;
	padding: 30px 0 0;
	border-top:3px solid #968960;
	border-bottom: 3px solid  #968960;
	}
#section_ShopWrap #section_Shop{ display: block; width: 950px; margin: 0 auto; }
#section_Shop .url_txt1{color: #000;font-size:17px; line-height :1.5; font-weight:bold; text-align:center;}
#section_Shop .shoplogo{display: blcok; text-align:center; padding:15px 0 25px; }
#section_Shop .shoplogo img{ width: 344px; }
#section_Shop a:link,
#section_Shop a:visited,
#section_Shop a:hover {font-weight: bold;}
/*#section_Shop .urlbox a:link { color: #000;font-size:17px; line-height :1.4; font-weight:bold; text-align:center; }
#section_Shop .urlbox a:visited { color: #000; }
#section_Shop .urlbox a:hover { color: #968960; }
#section_Shop .urlbox a:hover { color: #968960; }*/
/*#section_Shop .urlbox{ width:550px; margin:0 auto; padding:20px 30px; border: 3px double #FFF; display: block; position:relative;}
#section_Shop .urlbox .shopCan{display: block; position: absolute; width: 98px; hegiht:auto;  bottom: 0; right: 30px; top:-45px; padding:0;}
#section_Shop .urlbox .shopCan img{ width: 100%; height:auto; }
/
#section_Shop .url_tsuruya{font-size:14px; color:#FFF; margin-top:0.35em;}




}