/*
Theme Name: シーボーン昭徳 コーポレートサイト
Theme URI: 
Description: シーボーン昭徳
Version: 1.0
*/
.sb-slidebar { color: #fff; }
.main_content { padding-top: 80px; background-color: #E7E7E7; }
#header { position: fixed; top: 0; width: 100%; height: 70px; background-color: #2D258C; z-index: 4; color: #FFF; }
.sb-toggle-left,.sb-toggle-right { background-color: #1D1757; text-align: center; font-size: 0.7px; height: 70px; margin: 0px; padding: 15px 0px 0px;cursor: pointer; }

body{ background-color: #E7E7E7; }
a { color: #006699; }
p { font-size: 0.9em; line-height: 1.8em; }
.logo { padding: 15px 0px; margin: 0px; text-align: center; }
h1{ font-size: 1.8em; }
.hd_text_box { background-color: #37358F; }
.hd_text { font-size: 0.7em; font-weight: normal; color: #FFF; background-color: #37358F; margin: 0px; padding: 0px; }
.gnav { background-image: url(img/nav_bg.jpg); background-repeat: repeat; clear: none; background-position: center bottom; }
.gnav ul { margin: 0px; padding: 0px; list-style: none; }
.gnav ul li { float: left; width: 20%; }
#contents div.row:first-child{ padding-top: 10px; }
#contents div { background-color: #FFF; }
.pagettl { color: #5D88C6; font-size: 1.4em; font-weight: bold; }
.bangou{ font-size: 0.8em; color: #FFF; background-color: #000; padding: 5px 15px; border: 2px solid #000; display: inline-block; }
.bangou_in{ font-size: 0.8em; color: #000; background-color: #FFF; padding: 5px 15px; border: 2px solid #000; display: inline-block; }
.reitou{ display: inline-block; font-size: 0.7em; background-color: #5D88C6; color: #FFF; border: 2px solid #5D88C6; margin-left: 10px; padding: 3px 15px; border-radius:4px; }
.item_image{ margin-bottom: 20px; vertical-align: bottom; }
.item_name{ font-size: 1.2em; display: block; padding-top: 10px; }
.price{ font-size: 1.4em; }
.price2{ font-size: 0.8em; }
.naiyou{ font-size: 0.7em; margin: 10px 0px 15px; }
.kome{ text-indent: -1em; padding-left: 1em; }
.box p{ font-size: 0.7em; margin-bottom: 5px; }
.box{ border-bottom: 1px solid #CCC; padding-bottom: 10px; margin-bottom: 20px; }
.tanpin_ttl{ background-color: #006; color: #FFF; padding: 10px; clear: both; font-size: 1.2em; }
.scb { color: #5B8AC7; font-size: 1.4em; }
footer{ font-size: 0.8em; text-align: center; margin: 20px 0px 0px; background-color: #D1D1D1; border-top: 1px solid #FFF; padding: 30px 0px; }
#dl-menu{ background-color: #2D258C; position: fixed; }
a.shoplink{ color: #FFF; text-decoration: none; background-color: #AB0006; display: block; text-align: center; padding: 15px; border-radius:6px; margin-bottom: 10px; }
a.shoplink:hover{ background-color: #CB8E8D; }
.back{ text-align: left;display: block; margin-top: 10px; }
.next{ text-align: right;display: block; margin-top: 10px; }
.next:hover,.back:hover{ background-color: #CEDEEC; }
.sb-slidebar ul{ margin: 5px 0px 0px; padding: 0px; list-style: none; }
.sb-slidebar ul li a{ margin: 0px; padding: 10px; list-style: none; color: #FFF; text-decoration: none; display: block; border-bottom: 1px dotted #CCC; }
.sb-slidebar ul li p{ margin: 0px; padding: 10px; list-style: none; color: #FFF; text-decoration: none; display: block; border-bottom: 1px dotted #CCC; cursor:pointer; font-size: 1em; }
.sb-slidebar ul li a:hover,.sb-slidebar ul li p:hover{ background-color: #333; }
.sb-slidebar ul ul{ display:none;}
.sb-slidebar ul li li a{ padding: 10px 10px 10px 20px; background-color: #003; }
.sb-close{ display: block; background-color: #333; color: #FFF; text-align: center; padding: 10px; }
/* ==========================================================================
   common
========================================================================== */
/*-- clearfix --*/
.cf { zoom: 1; padding: 15px 15px 15px 0px; }
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.mp0 { margin:0; padding:0; }
.mar0 { margin:0; }
.marT5 { margin-top:5px; }
.marT10 { margin-top:10px; }
.marT15 { margin-top:15px; }
.marT20 { margin-top:20px; }
.marB5 { margin-bottom:5px; }
.marB10 { margin-bottom:10px; }
.marB15 { margin-bottom:15px; }
.marB20 { margin-bottom:20px; }
.marL5 { margin-left:5px; }
.marL10 { margin-left:10px; }
.marL15 { margin-left:15px; }
.marL20 { margin-left:20px; }
.marR5 { margin-right:5px; }
.marR10 { margin-right:10px; }
.marR15 { margin-right:15px; }
.marR20 { margin-right:20px; }
.alignC { text-align:center }
.alignL { text-align:left }
.alignR { text-align:right }
.alignT { vertical-align:top; }
.alignM { vertical-align:middle; }
.color_red { color: #F00; }
.color_pink { color: #F36; }
.color_blue { color: #5D88C6; }
.color_yellow { color: #F60; }
.txt_size16 { font-size:1.6em; }
.txt_size14 { font-size:1.4em; }
.txt_size12 { font-size:1.2em; }
.txt_size10 { font-size:1.0em; }
.txt_size9 { font-size:0.9em; }
.txt_size8 { font-size:0.8em; }
.hidden { visibility:hidden; z-index: 10; display: none; }
.fixed { position: fixed; top: 0; }
.orange { color: #F63; }
.thumbL { float: left; margin: 0 15px 10px 0; padding: 0; }
.thumbR { float: right; margin:0 0 10px 15px; padding: 0; }
.description { overflow: hidden; }
.photo { background-color: #FFF; padding: 4px; }
hr { clear:both; margin: 30px 0px; padding: 0px; background-image: url(img/hr_bg.gif); background-repeat: no-repeat; height: 44px; border-width: 0px; background-size:100% auto; }
#mfp_OperationCheck { display:none; }
 @media only screen and (min-width: 40.063em) {
#contents img { height: auto; width: 100%; }
.gift_p{ margin-top:50px; }
#contents .bim img{ width:auto; height:auto;}
}
@media only screen and (max-width: 40.063em) {
#contents img { height: auto; width: 100%; }
.thumbL { float: none; margin: 0 0 15px; padding: 0; }
.thumbR { float: none; margin: 0 0 15px; padding: 0; }
}