@charset "utf-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-style:normal;font-weight: normal;font-size: 100%;vertical-align: baseline; background:none;box-sizing:border-box;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}html{    overflow-y: scroll;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}input, textarea,{margin: 0;padding: 0;}ol, ul{    list-style:none;}table{    border-collapse: collapse;     border-spacing:0;}caption, th{    text-align: left;}a:focus {outline:none;}.clearfix:after {content: "."; display: block;clear: both;height: 0;visibility: hidden;}.clearfix {min-height: 1px;}* html .clearfix {height: 1px;/*\*//*/height: auto;overflow: hidden;/**/}
body{
	width:100%;
	text-align:center;
	font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
img{
	width:auto;
	height:auto;
}
section{
	font-size:10pt;
	line-height:1.6;
}
.pc_header .headSign{
	font-size:12px;
}
.WB_navi{
	position:relative;
}
.WB_header .menu-btn{
	position:absolute;
	top:0; left:0;
	height:64px;
	line-height:64px;
}
.WB_header .menu-btn:fixed{
	position:fixed;
}
.WB_header .menu-btn:hover,
.WB_header .menu-btn a.menu-open{
	color:#fff;
	background:#444;
}
.WB_header .menu-btn span{
	vertical-align:middle;
	font-size:200%;
}
.WB_header .menu-btn a{
	cursor:pointer;
	display:block;
	height:64px;
	padding:0 0.4em;
	text-decoration:none;
	color:#ccc !important;
}
.menu-btn-a .glyphicon-remove{
	display:none;
}
.menu-btn-a .glyphicon-menu-hamburger{
	display:inline;
}
.menu-btn-a.menu-open .glyphicon-remove{
	display:inline;
}
.menu-btn-a.menu-open .glyphicon-menu-hamburger{
	display:none;
}
.WB_header .op2{
	cursor:pointer;
}
.WB_header .menu-box{
	position:absolute;
	top:64px; left:0; right:0;
	margin:auto;
	clear:both;
	display:none;
	background:rgba(0,0,0,0.9);
}
.WB_header .menu-box.fixed{
	position:fixed;
	top:0; left:0; right:0;
}
.WB_header .menu-primary{
	width:60%;
	float:left;
	background:#444;
}
.WB_header .to-form{
	border-top:1px solid #555;
	border-bottom:1px solid #555;
}
.WB_header .to-form a{
	color:#ddd;
	background:#666;
}
.WB_header .to-form a:hover{
	color:#ddd;
	background:#777 !important;
}
.WB_header .menu-secondary .to-form a{
	color:#fff;
	background:#777;
}
.WB_header .menu-secondary .to-form a:hover{
	color:#fff;
	background:#888 !important;
}
@media only screen and (min-width:640px){
.WB_header .menu-primary{
	width:33.3%;
}
}
@media only screen and (min-width:800px){
.WB_header .menu-primary{
	width:25%;
}
}
.WB_header .menu-primary li{
	width:100%;
	clear:both;
}
.WB_header .menu-primary li a{
	padding:0;
	border-right:1px solid #555;
	border-bottom:1px solid #555;
	color:#ccc !important;
}
.WB_header .menu-primary li a:hover,
.WB_header .menu-primary li a.menu-open{
	background:#555;
}
.WB_header .menu-primary li a span.glyphicon-chevron-left,
.WB_header .menu-primary li a span.glyphicon-chevron-right{
	display:block;
	float:right;
	width:2em;
	height:64px;
	line-height:64px;
}
.WB_header .menu-primary li a span.glyphicon-chevron-left{
	display:none;
}
.WB_header .menu-primary li a.menu-open span.glyphicon-chevron-left{
	display:block;
}
.WB_header .menu-primary li a span.glyphicon-chevron-right{
	display:block;
}
.WB_header .menu-primary li a.menu-open span.glyphicon-chevron-right{
	display:none;
}
.WB_header .menu-secondary{
	position:absolute;
	top:0; right:0;
	width:100%;
	max-height:90vh;
	overflow:auto;
	float:right;
	display:none;
}
.WB_header .menu-secondary ul{
	width:100%;
	background:#555;
}
@media only screen and (min-width:640px){
.WB_header .menu-secondary{
	position:relative;
	width:66.6%;
	float:left;
}
}
@media only screen and (min-width:800px){
.WB_header .menu-secondary{
	width:75%;
	max-height:auto;
	overflow:auto;
}
.WB_header .menu-secondary ul{
	float:left;
	width:33.33%;
}
}
.WB_header .menu-secondary li{
	width:100%;
	clear:both;
}
.WB_header .menu-secondary li a{
	color:#bbb;
}
.WB_header .menu-secondary li a:hover{
	color:#ddd;
}
.WB_header .menu-secondary.stores{
	text-align:left;
	font-size:0;
}
.WB_header .menu-secondary.stores li{
	font-size:11pt;
}
.WB_header .menu-secondary.shuccho2 li.sc-top a,
.WB_header .menu-secondary.takuhai2 li.th-top a,
.WB_header .menu-secondary.stores li.st-top a{
	font-weight:bold;
	color:#ddd;
	background:#666;
}
.WB_header .menu-secondary.shuccho2 li.sc-top a:hover,
.WB_header .menu-secondary.takuhai2 li.th-top a:hover,
.WB_header .menu-secondary.stores li.st-top a:hover{
	color:#fff;
	background:#777;
}
.WB_header .menu-secondary.stores li a{
	text-align:center;
	border-right:1px solid #666;
}
.sitelogo{
	line-height:64px;
	text-align:center;
}
.sitelogo a{
}
.sitelogo img{
	max-height:30px;
	margin:auto;
}
ul{
	margin:0 auto; padding:0;
	list-style:none;
}
.WB_navi ul{
	margin:0 auto;
}
#h1_menu ul li a.ubox-link {
    width: 100%;
    height: 64px;
    display: block;
    margin: 0;
    text-indent: -9999px;
    background: url(https://store.ishibashi.co.jp/ec/images_smt/menu_bg_ubox.png) no-repeat;
    background-size: contain;
}
#h1_menu ul li a.kaitori-link {
    width: 100%;
    height: 64px;
    display: block;
    margin: 0;
    text-indent: -9999px;
    background: url(https://store.ishibashi.co.jp/ec/images_smt/menu_bg_kaitori.png) no-repeat;
    background-size: contain;
}
.WB_header{
	position:relative;
	background:#222;
	opacity:1;
	transition: opacity 0.4s;
	z-index:100;
}
.WB_header.fixed{
	position:fixed;
	top:0; left:0; right:0;
	opacity:0.2;
	transition: opacity 0.4s;
}
.WB_header.fixed:hover{
	opacity:1;
	transition: opacity 0.2s;
}
.WB_header .WB_navi{
	max-width:1200px;
	margin:auto;
}
.WB_header ul{
	text-align:center;
}
.WB_header ul li{
	display:inline-block;
	height:4em;
	font-size:10pt;
	line-height:4em;
}
.WB_header.fixed ul li{
	transition: height 0.2s, line-height 0.2s;
}
.WB_header.fixed:hover ul li{
	height:4em;
	line-height:4em;
	transition: height 0.2s, line-height 0.2s;
}
.WB_header ul li a{
	display:block;
	padding:0 0.5em;
	text-decoration:none;
	color:#999;
}
.WB_header ul li a:hover{
	color:#ddd;
	background:#444;
}
.mw400,
.mw800,
.mw1000,
.mw1200{
	width:100%;
	margin:auto;
}
#snsbox{
	clear:both;
	text-align:center;
}
#snsbox ul{
	width:100%;
	font-size:90%;
	max-width:100%;
	list-type:none;
	height:32px
	line-height:32px;
	padding:0;
	margin:0;
	text-align:center;
	vertical-align:middle !important;
}
#snsbox ul{
	background:#e1e2e6;
}
#snsbox ul li{
	display:inline-block;
	padding: 0;
	margin: 0 2px;
	width:96px;
	height:32px
	margin:1px;
	line-height:32px;
	text-align:center !important;
	vertical-align:middle !important;
}
#snsbox ul li.apbtn{
	width:106px;
}
#snsbox ul li *{
	vertical-align:middle !important;
}
section h2,
section h3{
	font-weight:bold;
	line-height:1.6;
}
section h2{
	position:relative;
	font-size:180%;
	line-height:1.6;
	letter-spacing:0.1em;
	font-family: Helvetica, Arial, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", Osaka, ���C���I, Meiryo, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	color:#e60021;
}
section h2 span{
	padding:0 0.4em;
	font-weight:bold;
	color:#fff;
	background:#e60021;
}
section h2 span.underdot{
	color:#e60021;
	border-bottom:3px dotted #e60021;
	background:none;
}
section h3{
	font-size:130%;
}
.cols{
	width:100%;
	font-size:0pt;
}
.cols > div{
	display:inline-block;
	margin:1%;
	font-size:9pt;
	vertical-align:top;
}
.cols > .padding1{
	padding:1%;
}
.cols > .padding2{
	padding:2%;
}
.cols > .val_b{
	vertical-align:baseline;
}
.cols > div img{
	max-width:100%;
}
.cols .col_2{
	width:98%;
}
.cols .col_2.nomargin{
	width:100%;
	margin:0;
}
.cols .col_2.sm,
.cols .col_3.sm,
.cols .col_4{
	width:48%;
}
.cols .col_4.nomargin{
	width:50%;
	margin:0;
}
a.is_btn{
	display:block;
	margin:1em auto;
	line-height:3em;
	text-align:center;
	text-decoration:none !important;
	color:#06c !important;
	border:1px solid #06c;
}
a.is_btn:hover{
	color:#fff !important;
	background-color:#06c;
	transition: background-color 0.4s;
}
a.is_btn:visited{
	color:inherit !important;
}
a.is_btn.wh{
	color:#fff !important;
	border:1px solid #fff;
}
a.is_btn.wh:hover{
	color:#322 !important;
	background-color:#fff;
}
a.is_btn img{
	width:100%; height:auto;
	max-width:240px;
}
a.is_btn-s{
	font-size:140%;
}
a.is_btn-m{
	font-size:160%;
}
a.is_btn-l{
	font-size:190%;
}
a.is_btn_no{
	line-height:3em;
	text-align:center;
	text-decoration:none !important;
	color:#fff !important;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background-color:#a99;
}
.stxt{
	font-size:80%;
	line-height:1.3;
}
.youtube{
	position:relative;
	width:100%;
	height:auto;
}
.youtube:after{
	content:"";
	display:block;
	padding-top:56.25%;
}
.youtube.as43:after{
	content:"";
	display:block;
	padding-top:75%;
}
.youtube iframe{
	position:absolute;
	top:0; 
	left:0;
	width:100% !important;
	height:100%;
}
.sp_btn{
	width:90%;
	margin:20px auto;
	padding:0;
	list-style:none;
	text-align:center;
	font-size:0;
}
.sp_btn li{
	display:inline-block;
	width:50%;
	height:2.4em;
	margin:auto;
	line-height:2.4;
	font-size:14pt;
	background:#eee;
}
.sp_btn li a{
	display:block;
	color:#fff;
	background:#06f;
}
img.pc{
	display:none;
}
img.sp{
	display:inline;
	max-width:100%;
}
.sp_footer{
	padding:1em;
	text-align:center;
	background:#333;
}
.sp_footer .ishi-top{
	display:block;
	float:left;
	width:20%;
	text-align:center;
}
.sp_footer .ishi-top img{
	max-width:100%;
	margin:auto;
}
.sp_footer ul li{
	display:inline-block;
	margin:0.4em 1em;
}
.sp_footer ul li a{
	color:#ccc;
}
img.lg{display:none;}
img.sm{display:inline; max-width:100%;}
.wakudot{
	padding:1em;
	border:dotted 1px; #666;
	/*background:#eee;*/
}
@media only screen and (min-width:640px){
.cols > div{
	font-size:10pt;
}
.youtube{
	width:100%;
	height:auto;
	text-align:center;
}
.youtube iframe{
	margin:auto;
}
}
@media only screen and (min-width:768px){
.mw400{
	max-width:400px;
}
.mw800{
	max-width:768px;
}
section,
.cols > div{
	font-size:12pt;
}
.WB_header ul li{
	font-size:12pt;
}
.WB_header ul li a{
	padding:0 1.6em;
}
section h2{
	font-size:220%;
}
section h3{
	font-size:160%;
}
.cols .col_2.col_33,
.cols .col_3.sm,
.cols .col_3{
	width:31.33%;
}
.cols .col_2.col_66{
	width:64.66%;
}
.cols .col_2{
	width:48%;
}
.cols .col_2.nomargin{
	width:50%;
}
.cols .col_4{
	width:23%;
}
.cols .col_4.nomargin{
	width:25%;
}
.cols .col_4.md{
	width:48%;
}
img.lg{display:inline; max-width:100%;}
img.sm{display:none;}
}
@media only screen and (min-width:1000px){
img.pc{
	display:inline;
	max-width:100%;
}
img.sp{
	display:none;
}
.mw1000{
	max-width:1000px;
}
.cols .col_4.md{
	width:31.33%;
}
}
@media only screen and (min-width:1200px){
section,
.cols > div{
	font-size:13pt;
}
.cols .col_4.md{
	width:23%;
}
.mw1200{
	max-width:1200px;
}
section h2{
	font-size:250%;
}
section h3{
	font-size:180%;
}
}

.WB_footer{
	padding:1em;
	text-align:center;
	font-size:9pt;
	color:#ccc;
	background:#222;
	box-sizing:border-box;
}
.WB_footer .totop,
.WB_footer ul{
	display:inline-block;
	vertical-align:top;
}
.WB_footer .totop{
	width:46%;
	text-align:left;
}
.WB_footer .totop img{
	max-height:80px;
	max-width:auto;
}
.WB_footer ul{
	width:46%;
	padding:2%;
	text-align:left;
}
.WB_footer ul li h3{
	margin:0 auto 1em;
	text-align:left;
	color:#fff;
}
.WB_footer ul li a{
	color:#999;
	text-decoration:none;
}
.WB_footer ul li a:hover{
	color:#ddd;
}
.WB_footer .copyright{
	width:100%;
}
@media only screen and (min-width:640px){
.WB_footer{
	font-size:11pt;
}
.WB_footer .totop,
.WB_footer ul,
.WB_footer .copyright{
	display:inline-block;
}
.WB_footer .totop{
	width:14%;
}
.WB_footer .totop img{
	max-width:100%;
	max-height:auto;
}
.WB_footer ul{
	width:26%;
}
}
.menu-section a:visited{
	color:#fff !important;
}
.search-box input[type="text"]{
	padding: 0.5em;
	background:#fff;
}