@charset UTF-8;

/* RESET
-----------------------*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:separate;border-spacing:0;font-size:inherit;font:100%}* html body table{border-collapse:collapse}*:first-child+html body table{border-collapse:collapse}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif}fieldset,img{border:0}img{vertical-align:top}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}.txtc{text-align:center}.txtr{text-align:right}.txtl{text-align:left}.fright{float:right}.fleft{float:left}.clearfix{zoom:1}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}

/* BASE FONT SIZE
-----------------------*/
body{
font-size:14px;
font-family: "メイリオ", Meiryo,Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
-webkit-text-size-adjust:none;
}


/* HTML ELEMENTS
-----------------------*/
html{
overflow-y: scroll;
color:#222;
background: #666;
border-top: 4px #bf0300 solid;
}
body{
line-height:1.8;
background: #fff;
}
a{
zoom:1;
vertical-align:baseline;
color:#1065b0;
text-decoration:underline;
}
a:visited{
color:#1065b0;
}
a:hover{
text-decoration:none;
}
a.ext {
padding-right: 18px;
background: url(/assets/imgs/common/icn_ext.gif) no-repeat center right;
}
a.noext {
padding-right: 0!important;
background: none!important;
}
.btn a.ext {
padding-right: 32px;
background: #bf0300 url(/assets/imgs/common/icn_ext2.gif) no-repeat center right 10px;
}
.btn a.ext:hover {
background: #e30400 url(/assets/imgs/common/icn_ext2.gif) no-repeat center right 10px;
}


.bluebtn a.ext {
background: #003d98 url(/assets/imgs/common/icn_ext2.gif) no-repeat center right 10px;
}
.bluebtn a.ext:hover,
.bluebtn a.ext:active{
background: #0148b1 url(/assets/imgs/common/icn_ext2.gif) no-repeat center right 10px;
}

/* ジュニアカード申込みボタン */
.junior_btn {
padding:10px;
margin-bottom: 12px;
width:100%;
color:#fff;
background: #009865 url(/assets/imgs/common/icn_ext2.gif) no-repeat center right 10px;
}
.junior_btn:hover,
.junior_btn:active{
color:#fff;
background: #00ab72 url(/assets/imgs/common/icn_ext2.gif) no-repeat center right 10px;
}


.greenbtn a.ext {
background: #009865 url(/assets/imgs/common/icn_ext2.gif) no-repeat center right 10px;
}
.greenbtn a.ext:hover,
.greenbtn a.ext:active{
background: #00ab72 url(/assets/imgs/common/icn_ext2.gif) no-repeat center right 10px;
}

/* 一般カードカード申込みボタン */
.general_btn {
color:#fff;
padding:10px;
margin-bottom: 12px;
width:100%;
background: #003d98 url(/assets/imgs/common/icn_ext2.gif) no-repeat center right 10px;
}
.general_btn:hover,
.general_btn:active{
color:#fff;
background: #0148b1 url(/assets/imgs/common/icn_ext2.gif) no-repeat center right 10px;
}


/* スマホアプリ会員申込みボタン */
.gray_btn {
color:#fff;
padding:10px;
margin-bottom: 12px;
width:100%;
background: #626262 url(/assets/imgs/common/icn_ext2.gif) no-repeat center right 10px;
}
.gray_btn:hover,
.gray_btn:active{
color:#fff;
background: #808080 url(/assets/imgs/common/icn_ext2.gif) no-repeat center right 10px;
}


.graybtn a.ext {
background: #626262 url(/assets/imgs/common/icn_ext2.gif) no-repeat center right 10px;
}
.graybtn a.ext:hover,
.graybtn a.ext:active{
background: #808080 url(/assets/imgs/common/icn_ext2.gif) no-repeat center right 10px;
}


a.rss {
padding-left: 18px;
background: url(/assets/imgs/common/icn_rss.png) no-repeat center left;
font-size:small;
font-weight:bold;
}
a.int {
position: relative;
display: inline-block;
padding: 0 10px 0 0;
vertical-align: middle;
}
a.int::before,
a.int::after{
position: absolute;
top: 0;
bottom: 1px;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
}
a.int::after{
right: 0;
width: 4px;
height: 4px;
border-top: 2px solid #bf0300;
border-right: 2px solid #bf0300;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.lvl1 {
text-align:left;
border-bottom:2px #ccc solid;
font-size: 22px;
font-weight: bold;
padding:0 0 6px 5px;
margin-bottom:30px;
}
.lvl2 {
clear:both;
color:#291600;
font-size:18px;
padding:5px 0 4px 5px;
border-bottom:1px #ccc solid;
margin-bottom:22px;
font-weight:bold;
background: url(/assets/imgs/common/icn_bullet.png) left middle no-repeat;
}
.lvl3 {
clear:both;
font-size:16px;
padding:5px 0 3px 5px;
border-bottom:1px #ccc dotted;
margin:20px 0;
font-weight:bold;
}
.lvl3_news {
margin-bottom:10px;
}
.lvl4 {
clear:both;
font-size:15px;
padding:3px 0 0 5px;
margin:5px 0;
font-weight:bold;
}

a:hover img {
opacity: .8;
filter: alpha(opacity=80);
}

/* テキスト装飾 */
p.txt {
margin:0 0.5em 1em;
}
ol.numeric {
padding:0 0 1.5em 3em;
}
ol.numeric li {
list-style-type: decimal!important;
width:auto!important;
border: none!important;
}

ul.disc {
padding:0 0 0.5em 2em;
}
ul.disc li {
list-style-type: disc;
}

ul.disc2 {
padding:0 0 0.5em 2em;
}
ul.disc2 li {
list-style-type: disc!important;
}

ul.disc3 {
padding:0 0 0.5em 2em;
}
ul.disc3 li {
list-style-type: '※'!important;
}


ul.no-style li {
list-style-type: none;
}

div.txt_blk {
margin:1em;
}
div.txt_blk p {
margin:1em 0;
}
div.txt_blk2 p {
margin:1em 0;
}

.small {
font-size: 14px;
}
small {
line-height: 120%;
}

a[href$=".pdf"] {
padding:13px 18px 13px 2px;
background: url(../imgs/common/icn_pdf.gif) right no-repeat;
} 

.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }

img.fleft { float:left; margin:0 30px 16px 0; }
img.fright { float:right; margin:0 0 16px 30px; }
img.center { text-align: center; margin:16px 0; }
img.round { border-radius: 4px 4px 0px 0px / 4px 4px 0px 0px; }
p.right { text-align:right; }
p.left { text-align:left; }

.clear {
clear: both;
}
.center {
text-align: center;
}
.pc_hide {
display:none;
}
.sp_hide {
display:inline;
}

.red {
color:#bf0300;
}
.redb {
color:#bf0300;
font-weight: bold;
}

em {
font-weight: bold;
font-size:120%;
}
strong {
font-weight: bold;
}
ul.event_link li {
padding-left: 20px;
background: url(../imgs/common/icn_arrow.png) 0px center no-repeat;
}

.lbel_toriyose{
display: inline-block;
line-height: 24px;
outline: none;
background: #bf0300;
color: #fff;
height: 24px;
font-size:11px;
padding: 0 10px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

.glyphicon { padding:0 5px 0 0; }

.round {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

/* ボタン */
.button {
display: inline-block;
text-align: center;
text-decoration: none;
line-height: 24px;
border:1px #bf0300 solid;
background: #fff;
color: #bf0300;
height: 24px;
font-size:84%;
border-radius: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
transition: all .3s;
box-sizing: content-box;
}
.button:hover {
color:#fff;
background: #bf0300;
transition: all .3s;
}

/* SLICKSNAV
-----------------------*/
.slicknav_menu {
  display:none;
}

/* HEADER
-----------------------*/
header{
width:1000px;
margin:0 auto;
height:80px;
position:relative;
}
header #logo{
position:absolute;
left:3px;
/*top:5px;*/
top:16px;
width:170px;
}
header #contact {
position:absolute;
right:10px;
top:25px;
}
header #contact li{
float:right;
margin-left: 20px;
}
header #contact li a{
color:#888;
font-size: 13px;
}
header #contact li a:hover {
color:#333;
}
header #contact li input[type="text"],
.sitesearch input[type="text"] {
color:#333;
font-size: 12px;
padding:0 7px;
border:solid 1px #ccc;
height:28px;
width:120px;
-webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
border-top-bottom-radius: 3px;
-webkit-transition: all .3s;
transition: all .3s;
border-right: none;
margin-right: -5px;
}
header #contact li input[type="text"]:focus {
outline: 0;
width:200px;
-webkit-transition: all .3s;
transition: all .3s;
}
header #contact li input[type="submit"],
.sitesearch input[type="submit"] {
color:#fff;
background:#bf0300;
font-size: 12px;
text-align: center;
height:28px;
width:36px;
border:solid 1px #bf0300;
-webkit-border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
font-family: FontAwesome;
cursor: pointer;
}
header #contact li input[type="submit"]:focus,
.sitesearch input[type="submit"]:focus {
outline: 0;
background: #e30400;
}

/* FOOTER
-----------------------*/
footer {
clear:both;
width:100%;
padding:0;
color:#fff;
background:#666;
}
#footerbody {
width:1000px;
position:relative;
margin:0 auto;
}
#footermenu {
text-align: center;
padding: 30px 0 20px 0;
background: #666;
font-size:12px;
}
#footermenu .links {
float:left;
width:780px;
height:24px;
margin:0;
padding-bottom: 40px;
}
#footermenu .links li {
float:left;
font-size:12px;
}
#footermenu .links li a {
display:block;
float:left;
margin-right: 28px;
color:#fff;
text-decoration: none;
}
#footermenu .links li a:hover {
text-decoration: underline;
}
#footermenu p {
clear:both;
font-size: 11px;
text-align: left;
margin:15px 0;
}
#footermenu .sns {
float:right;
width: 160px;
height:24px;
padding-right: 50px;
}
#footermenu .sns li {
width:24px;
height:24px;
display: inline-block;
margin-left:16px;
}


/* LAYOUT
-----------------------*/

.wrapper{
width:1000px;
margin:0 auto;
padding-bottom: 50px;
min-height:600px;
}
.contents{
padding:10px 0 20px;
}

#maincol{
width:720px;
float:left;
display:block;
margin-top:10px;
padding-bottom: 50px;
}
#maincol img {
max-width: 720px;
}


#subcol{
width:240px;
float:right;
display:block;
margin:10px 0 30px;
}
section.bg_white {
background: #fff;
-webkit-box-shadow: 0 1px 3px #aaa;
-moz-box-shadow: 0 1px 3px #aaa;
     box-shadow: 0 1px 3px #aaa;
}
section.bg_gray {
background: #f3f1f2;
-webkit-box-shadow: 0 1px 2px #ddd inset;
-moz-box-shadow: 0 1px 2px #ddd inset;
    box-shadow: 0 1px 2px #ddd inset;
}
section div.body {
width:1000px;
margin: 0 auto;
padding: 10px 0 5px;
}


.sidemenu {
width: 100%;
padding-bottom: 20px;
}
.sidemenu li {
display: block;
}
.sidemenu li a {
display: block;
text-decoration: none;
position:relative;
/* padding: 15px 25px 15px 10px; */
padding: 12px 25px 12px 15px;
background: #fff;
border: 1px solid #ccc;
margin-top:-1px;
color:#333;
font-size:97%;
}
.sidemenu li a:hover {
text-decoration: none;
background: #eee;
color:#bf0300;
}
.sidemenu li a.current{
background: #efece6;
}
.sidemenu a,
.sidemenu a:before,
.sidemenu a:after {
-webkit-transition: all .3s;
transition: all .3s;
}
.sidemenu li a:after {
position: absolute;
top: 50%;
right: 10px;
display: block;
content: '';
width: 8px;
height: 8px;
margin-top: -4px;
border-top: 1px solid #bf0300;
border-right: 1px solid #bf0300;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sidemenu .separate {
margin-top:30px;
border-top:1px #ccc solid;
}
.sidemenu .border {
display:block;
width:100%;
padding-top:10px;
background: url(../imgs/common/line_h2.gif) bottom no-repeat;
}
.sidemenu li a.ext,
.sidemenu li a.ext:hover {
padding-right: 30px;
background: url(/assets/imgs/common/icn_ext.gif) no-repeat center right 6px;
}
.sidemenu li a.ext:after {
border:none;
}

#nearbyshop li {
display: block;
}
#nearbyshop li a {
color: #333;
display: block;
background:#efefef;
margin-bottom: 1px;
text-decoration: none;
padding:5px 10px;
font-size:13px;
}


/* BOTTOM MENU
-----------------------*/
#bottommenu {
clear: both;
padding: 30px 0 230px;
}
#bottommenu li {
display: inline;
}
#bottommenu li a {
width: 31%;
float:left;
position:relative;
text-decoration: none;
margin:1%;
display: block;
padding: 10px 25px 10px 10px;
background: #fff;
border: 1px solid #ccc;
text-align: left;
color:#333;
font-size:small;
}
#bottommenu li a.current {
background: #efece6;
}
#bottommenu li a:hover {
text-decoration: none;
background: #eee;
color:#bf0300;
}
#bottommenu a,
#bottommenu a:before,
#bottommenu a:after {
-webkit-transition: all .3s;
transition: all .3s;
}
#bottommenu li a:after {
position: absolute;
top: 50%;
right: 10px;
display: block;
content: '';
width: 8px;
height: 8px;
margin-top: -4px;
border-top: 1px solid #bf0300;
border-right: 1px solid #bf0300;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


/* BOTTOM BANNER
-----------------------*/

#bottombanner {
clear: both;
width: 100%;
padding: 0;
}
#bottombanner li {
display: inline;
}
#bottombanner li a {
text-decoration: none;
display: block;
padding: 20px 10px;
text-align: center;
border-radius:5px;
font-size:120%;
color:#fff;
font-weight:bold;
background: #bf0300;
}
#bottombanner li a.ext {
background: #bf0300 url(/assets/imgs/common/icn_ext2.gif) no-repeat center right 10px;
}
#bottombanner li a:hover {
text-decoration: none;
background: #e30400;
color:#fff;
}
#bottombanner li a.ext:hover {
background: #e30400 url(/assets/imgs/common/icn_ext2.gif) no-repeat center right 10px;
}


#bottombanner li a,
#bottombanner li a:before,
#bottombanner li a:after {
-webkit-transition: all .3s;
transition: all .3s;
}



/* BOX */
.box {
margin: 20px 0;
border:1px #ccc solid;
padding:10px 20px;
}


/* BREAD CRUMB */
#breadcrumb {
clear:both;
width:980px;
margin:10px auto;
padding:0 0 20px;
}
#breadcrumb ol li {
display: inline;
list-style-type: none;
font-size:12px;
}
#breadcrumb ol li:after {
content:" > ";
margin: 0 10px;
}
#breadcrumb ol li:first-child {
padding-left: 26px;
background:url(/assets/imgs/common/bg_home.png) 0 0 no-repeat;
}
#breadcrumb ol li:last-child:after {
content:none;
}


/* ページネーション */
.wp-pagenavi{
clear: both;
position: relative;
margin: 1em 0;
text-align: center;
}
.wp-pagenavi .pages{
display: none;
}
.wp-pagenavi .page,
.wp-pagenavi .current{
background-color: #eee;
display: inline-block;
padding: 0 .5em;
margin: 0 .25em;
text-decoration: none;
}
.wp-pagenavi .current{
background-color: #444;
color: #fff;
}
.wp-pagenavi .previouspostslink{
position: absolute;
left: 0;
}
.wp-pagenavi .nextpostslink{
position: absolute;
right: 0;
}

.btn a,
input.btn {
  text-decoration:none;
  background: #bf0300;
  border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
  color: #fff;
  padding:8px 16px 8px;
  margin: 20px 0;
}
.btn a:hover,
input.btn:hover {
  color: #fff;
  background:#e30400;
}
.btn a:active,
input.btn:active {
  color: #fff;
  background: #e30400;
}
p.btn {
margin: 0 10px 10px 0;
}

.next {
background:#dc7762 url(../imgs/common/icn_next.png) center right no-repeat!important;
padding-right: 24px!important;
}
.prev {
background:#dc7762 url(../imgs/common/icn_prev.png) center left no-repeat!important;
padding-left: 24px!important;
}



/* HOME
-----------------------*/

.bxslider {
display: none;
}

/* ピックアップバナー */
ul.home_banner {
margin:10px 0;
padding:0;
font-size:0;
}
ul.home_banner li{
display: inline-block;
width: 24%;
overflow: hidden;
margin: 15px 1.33% 20px 0;
font-size:14px;
}
ul.home_banner li:nth-child(4n){
margin-right: 0;
}
ul.home_banner li a {
display: block;
color:#666;
background: #fff;
border:3px #d4d4d4 solid;
padding:15px;
text-decoration: none;
}
ul.home_banner li a img {
width:100%;
height:auto;
margin-bottom:10px;
} 
ul.home_banner li a div {
font-size:18px;
font-weight: bold;
text-align: center;
}

#banner_main {
display: block;
width:670px;
float: left;
padding:18px 0;
}
#banner_sub {
display: block;
width:310px;
float: right;
padding:18px 0;
}
#banner_sub ul li:first-child {
margin-bottom:20px;
}

/* メインビジュアル */
#banner_main .bx-wrapper .bx-pager,
#banner_main .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -26px;
left: 0;
}
#banner_main .bx-wrapper .bx-viewport {
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#banner_main .bx-wrapper {
width:670px;
margin: 0 auto;
}

#banner_main .bx-wrapper .bx-controls-direction a {
margin-top:150px;
}
#banner_main .bx-next {
left: 25px;
background: url(/assets/imgs/common/r.png) no-repeat;
}
#banner_main .bx-prev {
left: 5px;
background: url(/assets/imgs/common/l.png) no-repeat;
}

/* アンダーバナー */
#home_under_banner .bx-wrapper .bx-pager {
display:none;
}
#home_under_banner .bx-wrapper {
  margin: 20px auto 20px;
}
#home_under_banner .bx-prev {
  left: -50px;
}
#home_under_banner .bx-next {
  right: -50px;
}
#home_under_banner .bx-viewport {
box-sizing: content-box;
}


/* 新着情報 new */
.news_blk {
width:100%;
padding:10px 0;
border-bottom:1px #ccc dotted;
}
.news_blk:last-child {
border:none;
}
.news_img {
float:left;
width:110px;
height:73px;
overflow: hidden;
}
.news_date {
float:left;
width:160px;
padding-left:1em; 
}
.news_txt {
float:right;
width:600px;
padding:2px 5px;
line-height:150%;
}
section.home .news_txt {
width:830px;
}
section.news .news_txt {
width:550px;
}
section.club_sanseido .news_txt {
width:720px;
}
.news_txt .date {
font-size:small;
color:#777;
}
.news_txt a {
color: #bf0300;
text-decoration: underline;
font-weight: bold;
font-size: 15px;
}
.news_txt a:hover {
text-decoration: none;
}
.news_txt p.tag {
font-weight:normal;
font-size: small;
}
.news_txt p.tag a {
font-weight:normal;
color:#1065b0;
font-size: small;
}
#blk_news,
#blk_news2 {
width:100%;
float:right;
padding-bottom: 20px;
}
.news_header{
clear: both;
margin:30px 0 10px;
width:100%;
height:35px;
position:relative;
}
.news_header a {
color:#bf0300;
text-decoration: underline;
font-weight:bold;
font-size:15px;
}
.news_header a:hover {
text-decoration: none;
}
.news_header a.button {
color:#bf0300;
text-decoration: none;
font-weight:bold;
}
.news_header .button {
padding-top:1px;
font-size:92%;
padding:2px 6px;
}
.news_header .button:hover {
color:#fff;
}
.news_title {
padding:6px 6px 6px 0;
font-size:125%;
font-weight: bold;
color:#32210a;
}
.news_index{
position:absolute;
right:6px;
top:6px;
line-height:100%;
}
.news_index li{
float:right;
margin-left:8px;
}


ul.text_link {
margin:20px 0;
}
ul.text_link li {
display: block;
float:left;
margin-right:15px;
margin-bottom: 5px;
}
ul.text_link li a {
display: inline-block;
background:#fff;
color:#bf0300;
padding:5px 15px;
font-size: 13px;
border: 1px #bf0300 solid;
text-decoration: none;
-webkit-transition: all .2s ease;
transition: all .2s ease;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
ul.text_link li a:hover {
background:#bf0300;
color:#fff;
}

.alert_blk {
margin-top:-52px;
}

/* ボックスの影 */
.box_effect a:hover {
box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);
opacity:0.8;
}
.box_effect a,
.box_effect a:before,
.box_effect a:after {
-webkit-transition: all .3s;
transition: all .3s;
}


/* PAGETOP
-----------------------*/

#pageTop{
position:fixed;
bottom:20px;
right:20px;
z-index:1;
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
font-size:84.6%;
text-decoration:none;
}
#pageTop:hover{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}



/* GLOBAL MENU
-----------------------*/
#sidr-right {
width:100%;
margin: 0 auto;
background:#fff;
border-top: 1px #ddd solid;
border-bottom: 1px #ddd solid;
}
#menu {
position: relative;
width: 1000px;
height: 60px;
margin: 0 auto;
padding: 0;
}
#menu > li {
float: left;
width: 20%;
height: 60px;
line-height: 60px;
background: #fff;
font-size:15px;
}
#menu > li a {
display: block;
text-align: center;
color: #333;
text-decoration: none;
}
#menu ul li a {
text-align: left;
padding-left:20px;
}
#menu > li a:hover,
#menu > li a.select {
color:#fff;
background: #bf0300;
}

#menu .menu__second-level {
visibility: hidden;
opacity: 0;
z-index: 99999;
-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.25);
-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.25);
box-shadow: 0px 3px 5px rgba(0,0,0,0.25);
}
#menu .menu__third-level {
visibility: hidden;
opacity: 0;
}
#menu > li:hover {
background: #f5f5f5;
-webkit-transition: all .5s;
transition: all .5s;
}
#menu .menu__second-level li {
line-height: 40px;
font-size: 14px;
text-align: left;
}
#menu .menu__third-level li {
border-top: 1px solid #111;
}
#menu .menu__second-level li a:hover {
color:#fff;
background: #cc0000;
}
#menu .menu__third-level li a:hover {
background: #cc0000;
}
#menu .init-bottom:after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 0 15px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#menu:before,
#menu:after {
content: " ";
display: table;
}
#menu:after {
clear: both;
}
#menu {
*zoom: 1;
}

/* --------------------------------------------------- single menu */
#menu > li.menu__single {
position: relative;
}

#menu li.menu__single ul.menu__second-level {
position: absolute;
top: 50px;
width: 100%;
background: #f5f5f5;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}

#menu li.menu__single:hover ul.menu__second-level {
top: 60px;
visibility: visible;
opacity: 1;
}

/* --------------------------------------------------- multi menu */

#menu li.menu__multi ul.menu__second-level {
position: absolute;
top: 50px;
left: 0;
box-sizing: border-box;
width: 100%;
padding: 20px 2%;
background: #f5f5f5;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}

#menu li.menu__multi:hover ul.menu__second-level {
top: 60px;
visibility: visible;
opacity: 1;
}

#menu li.menu__multi ul.menu__second-level li {
position: relative;
width:200px; /* 追加 */
}

#menu li.menu__multi ul.menu__second-level li:hover {
background: #eee;
}

#menu li.menu__multi ul.menu__second-level li ul.menu__third-level {
position: absolute;
top: 0;
left: 100%;
width: 760px;
background: #eee;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
#menu li.menu__multi ul.menu__second-level li:nth-of-type(2) ul.menu__third-level { top: -0; }
#menu li.menu__multi ul.menu__second-level li:nth-of-type(3) ul.menu__third-level { top: -40px; }
#menu li.menu__multi ul.menu__second-level li:nth-of-type(4) ul.menu__third-level { top: -80px; }
#menu li.menu__multi ul.menu__second-level li:nth-of-type(5) ul.menu__third-level { top: -120px; }
#menu li.menu__multi ul.menu__second-level li:nth-of-type(6) ul.menu__third-level { top: -160px; }

#menu li.menu__multi ul.menu__second-level li:hover ul.menu__third-level {
visibility: visible;
opacity: 1;
min-height:160px;
}

#menu li.menu__multi ul.menu__second-level li ul.menu__third-level li {
position: relative;
float:left;
border:none;
width:253px;
}

#menu li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover {
background: #cc0000;
}
#menu .init-right:after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 0 15px;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.book_search_box {
width:750px;
}

/* --------------------------------------------------- mega menu */
#menu li.menu__mega ul.menu__second-level {
position: absolute;
top: 50px;
left: 0;
box-sizing: border-box;
width: 100%;
padding: 20px 2%;
background: #f5f5f5;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
#menu li.menu__mega:hover ul.menu__second-level {
top: 60px;
visibility: visible;
opacity: 1;
}
#menu li.menu__mega ul.menu__second-level > li {
float: left;
width: 32%;
border: none;
}
#menu li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {
margin: 0 1%;
}

/* 書籍検索 */
.book_search_box input[type="text"],
.magmagform input[type="text"] {
color:#333;
font-size: 14px;
padding:3px 8px;
border:solid 1px #ccc;
height:40px;
width:320px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .3s;
transition: all .3s;
}
.book_search_box input[type="text"]:focus,
.magmagform  input[type="text"]:focus {
outline: 0;
-webkit-transition: all .3s;
transition: all .3s;
}




/* LOCAL MENU
-----------------------*/

#localtop {
text-align: center;
}

#localtop a {
text-align: center;
color:#333;
text-decoration: none;
}

.localtop {
text-align: center;
}
.localtop a {
text-align: center;
color:#333;
text-decoration: none;
}

.local_banner {
clear: both;
display: table;
vertical-align: middle;
width:100%;
border:2px #cc0000 solid;
margin-top:40px;
font-weight: bold;
}
.local_banner a {
display: table-cell;
width:auto;
text-align: center;
padding:16px 10px;
font-size: 16px;
background: #fff;
color:#cc0000;
text-decoration: none;
transition: 0.3s;
}
.local_banner a:hover {
background: #cc0000;
color:#fff;
transition: 0.3s;
}

/* 学校・官公庁の方へ ページのみ */
.local_banner_business {
margin-top:20px;
}

/* お知らせ */
#news_header{
position:relative;
}
#news_index{
position:absolute;
right:3px;
top:10px;
line-height:100%;
}

span.icn_news,
span.icn_event {
text-align: center;
margin-left:25px;
display: inline-block;
width:90px;
color:#fff;
font-size:74%;
padding:0px 4px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
span.icn_news {
background:#62c7dc;
color:#fff;
}
span.icn_event {
background:#dc7762;
color:#fff;
}

.newsbody {
padding:0.5em;
min-height: 450px;
}
.newsbody {
line-height: 200%;
}

.newsbody ol {
padding:0 0 0.5em 2em;
}
.newsbody ol li {
list-style-type: decimal;
}
.newsbody ul {
padding:0 0 0.5em 2em;
}
.newsbody ul li {
list-style-type: disc;
}


.newshead {
margin: 10px 0 10px;
font-size: 125%;
font-weight: bold;
text-align: center;
border:3px #ccc double;
padding: 20px;
}

img.aligncenter {
display: block;
margin: 0 auto;
text-align: center!important;
height:auto;
}
img.alignnone {
height:auto;
}


/* RSSボタンを非表示に */
.news_index .rss {
display:none;
}

/* コンセプト */
h3 img {
margin-bottom:14px;
}



/* 店舗情報
-----------------------*/

.shoplist {
width:710px;
margin:0 5px;
}
.shoplist tr {
border: 1px #ccc dotted;
}
.shoplist th {
width:200px;
}
.shoplist th span a {
display: inline-block;
background:#aaa;
color:#fff;
font-size:11px;
padding:1px 4px;
text-decoration: none;
margin-left:4px
}
.shoplist td:nth-of-type(1){
width:350px;
}
.shoplist td,
.shoplist th{
padding-top:5px;
vertical-align: top;
}
.shoplist .annotation {
display: block;
line-height: 1.5em;
font-weight:bold;
font-size:92%;
padding-bottom:5px;
}


/* 店舗情報の表 */
table.shop {
width:100%;
clear:both;
padding-top:20px;
border-collapse:collapse;
}
table.shop th {
background:#eee;
text-align:left;
width:150px;
border:1px solid #ccc;
padding:8px 16px;
color:#32210a;
}
table.shop td {
text-align:left;
width:500px;
border:1px solid #ccc;
padding:8px 16px;
}

/* クラブ三省堂とは */
table.sanseido {
width:100%;
clear:both;
padding-top:20px;
border-collapse:collapse;
}
table.sanseido th {
background:#eee;
text-align:left;
width:170px;
border:1px solid #ccc;
padding:8px 16px;
color:#32210a;
font-size:small;
}
table.sanseido td {
text-align:left;
width:290px;
border:1px solid #ccc;
padding:8px 16px;
font-size:small;
}

table.sciencecafe th {
width:20%;
font-size: small;
}
table.sciencecafe td:first-child {
width:65%;
}
table.sciencecafe td:last-child {
width:15%;
font-size: small;
}

iframe {
margin-top:30px;
width:100%;
height:350px;
border: none;
}
table.floor {
width:100%;
clear:both;
padding-top:20px;
border-collapse:collapse;
}
table.floor th {
background:#eee;
text-align:left;
width:100px;
border:1px solid #ccc;
padding:8px 16px;
color:#32210a;
}
table.floor td:nth-of-type(1){
text-align:left;
width:480px;
border:1px solid #ccc;
padding:8px 16px;
}
table.floor td:nth-of-type(2){
text-align:left;
width:70px;
border:1px solid #ccc;
padding:8px 16px;
}

.shop_button {
display: table;
width:100%;
margin-bottom:30px;
}
.shop_button a {
display: table-cell;
width:100%;
background: #bf0300;
color: #fff;
font-weight: bold;
text-align: center;
height:80px;
vertical-align: middle;
font-size: 15px;
text-decoration: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.shop_button a:hover {
background: #333;
}
.shop_button a,
.shop_button a:before,
.shop_button a:after {
-webkit-transition: all .3s;
transition: all .3s;
}


/* 会社情報
-----------------------*/

/* 会社情報 */
#com_contents {
padding-bottom:7px;
}
#com_contents li {
float:left;
margin-right:30px;
margin-bottom: 30px;
position:relative;
}
#com_contents li img {
border-bottom:1px #ddd solid;
}
#com_contents li a {
display:block;
border:1px #ddd solid;
width:342px;
color:#333;
text-decoration: none;
}
#com_contents div {
font-size: 15px;
padding:8px 32px 8px 16px;
min-height: 30px;
background:#fff url(../imgs/common/icn_arrow2.png) right no-repeat;
}
#com_contents span {
font-weight:bold;
}
#com_contents li:nth-child(2n) {
margin-right:0;
}
.com_photo {
float:right;
width:250px;
margin: 0 0 40px 30px;
}

/* 三省堂書店の歩み */
table.history {
width:100%;
clear:both;
padding-top:20px;
border-collapse:collapse;
}
table.history tr:nth-child(2n) {
background:#fafafa;
}
table.history th {
background:#eee;
text-align:left;
border:1px solid #ccc;
padding:8px 16px;
color:#32210a;
}
table.history td:nth-of-type(1){
text-align:left;
width:40px;
border:1px solid #ccc;
padding:8px 16px;
}
table.history td:nth-of-type(2){
text-align:right;
width:60px;
border:1px solid #ccc;
padding:8px 16px;
}
table.history td:nth-of-type(3){
text-align:right;
width:60px;
border:1px solid #ccc;
padding:8px 16px;
}
table.history td:nth-of-type(4){
text-align:left;
width:430px;
border:1px solid #ccc;
padding:8px 16px;
}
.onlinestore #com_contents li {
margin: 0 auto 30px;
float: none;
}
/* 広告媒体のご案内
-----------------------*/

/*　広告媒体一覧　*/
.adv_medium {
width:100%;
display:block;
margin-bottom:10px;
}
.adv_medium div {
display:block;
padding:0 5px 10px;
}
.adv_menu {
margin-bottom:15px;
}
.adv_menu li {
display:block;
float:left;
margin:5px 10px;
}



/* イベント情報
-----------------------*/
.control{
clear:both;
display: block;
float: right;
margin: 10px;
}
.control li{
float: right;
margin-left: 10px;
}
.control li a{
display: block;
background-image:url(../imgs/common/bg_control.png);
background-position:5px 50%;
background-repeat:no-repeat;
text-decoration: none;
background-color: #dbdbdb;
padding: 5px 10px 5px 20px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-decoration: none;
color:#444;
}
.control li.current a,
.control li a:hover{
color:#c00;
}

.hd_lv1 .date {
font-size: small;
}

article p img {
border: 1px solid #ccc;
padding: 1px;
margin:7px 0;
}

article .table{
width: 100%;
border-collapse:collapse!important;
margin: 10px 0;
}
article .table th,
article .table td{
padding: 10px;
border: 1px solid #333!important;
vertical-align: middle;
}
article .table th{
background-color: #4b4b4b;
color: #fff;
text-align: center;
width: 30%;
}


/* 電話お問い合わせ
-----------------------*/
div.contact_tel {
background: #bf0300;
padding:15px;
margin: 15px 0 0;
}
div.contact_tel li {
color:#fff;
font-size:92%;
 padding:10px 15px;
 text-align: center;
line-height:130%;
width:50%;
float:left;
}
div.contact_tel li span.telno {
 font-size:250%;
 font-weight:bold;
 line-height:140%;
}
div.contact_tel li span.cpname {
 font-size:150%;
 font-weight:bold;
 line-height:225%;
}
div.contact_tel li span.cpname2 {
 font-size:140%;
 font-weight:bold;
 line-height:175%;
}
div.contact_tel li a {
color: #fff;
}
div.contact_tel li:first-child {
border-right:1px #fff solid;
}


/* お問い合わせ
-----------------------*/
span.req {
background:#bf0300;
color:#fff;
font-size:10px;
padding:0px 4px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

dl.contact_form {
clear:both;
margin: 30px 0 10px 10px;
}
dl.contact_form dl,dt,dd {
margin: 0;
padding: 0;
}
dl.contact_form dt {
clear:both;
float:left;
vertical-align:top;
text-align:left;
padding:7px 24px 3px 0;
width:230px;
}
dl.contact_form dd {
margin-left:230px;
vertical-align:middle;
text-align:left;
padding:3px 0 20px 0;
display: block;
}
dl.contact_form dd p {
font-size:small;
padding: 0;
margin: 3px 0 0;
}
dl.contact_form dd input.txt{
vertical-align:middle;
padding: 2px 4px;
font-size:14px;
width:350px;
}
dl.contact_form dd input.txts {
vertical-align:middle;
padding: 2px 4px;
font-size:14px;
width:80px;
}
dl.contact_form dd select {
padding: 2px 4px;
font-size:14px;
max-width: 350px;
}
dl.contact_form dd textarea {
padding: 2px 4px;
font-size:14px;
width:470px;
}
dl.contact_form dt span.komoku {
float:left;
}
.req{
color:#d04040;
font-weight:bold;
}
dl.contact_form dt .req{
float:right;
}
dl.contact_form label {
display: inline-block;
margin:2px 16px 2px 0;
cursor: pointer;
font-size: 88%;
}

form.inline {
display: inline-block;
}

.btn_form1 input {
padding:6px 12px;
border-radius: 5px;
}
.btn_send{
margin:4em 200px 4em;
}
.btn_send input.back{
padding:8px 16px;
cursor:pointer;
font-size: 80%;
float:left;
border-radius: 5px;
}
.btn_send input.send{
padding:8px 32px;
cursor:pointer;
font-size: 107.8%;
float:right;
border-radius: 5px;
}


/* クラブ三省堂
-----------------------*/
.faqMenu dt{
display:block;
cursor:pointer;
padding:10px 0 4px 50px;
margin: 0 0 14px;
font-size:15px;
font-weight:bold;
background:url(../imgs/club/icn_q.png) 10px 4px no-repeat;
color: #cc0000;
position: relative;
}
.faqMenu dt:hover{
color:#cc0000;
text-decoration: underline;
}
.faqMenu dt:after{
font-family: 'FontAwesome';
  content: "\f054";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -12px;
}
.faqMenu dd{
display:none;
border:1px #cc0000 solid;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding:20px;
margin:20px 0 30px;
}

.regisheet {
background: #000;
color:#fff;
font-size:84%;
padding:6px 12px;
display: inline-block;
font-weight:normal;
}


/* サービスのご案内
-----------------------*/
ul.list_orange_icon {
padding:10px 0 10px 20px;
}
ul.list_orange_icon li {
padding:0 0 3px 20px;
margin-right:25px;
background:url(/assets/imgs/common/icn_arrow.gif) left 7px no-repeat;
}
span.new {
font-family:verdana;
font-size:72%;
padding:0.15em 0.4em;
margin-right:0.5em;
background:#cc0000;
color:#fff;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}


/* 企業・学校の方へ
-----------------------*/
div.bookcover_box {
border:1px #cc0000 solid;
margin:10px 0 30px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
div.bookcover_ttl {
font-weight:bold;
padding:8px 10px;
border-bottom:1px #666 dotted;
}
div.bookcover_body {
font-size:94%;
padding:10px 20px;
}

.sns_blk {
margin: 20px 0 20px;
}


/*　よくある質問　*/
#b2b_faq {
margin:0 10px 20px;
}
#b2b_faq dt {
color:#cc0000;
font-size:108%;
font-weight:bold;
padding:5px 0 5px 30px;
background:url(/assets/imgs/business/btob/icn_q.png) center left no-repeat;
}
#b2b_faq dd {
padding-left:30px;
font-size:96%;
margin:4px 0 10px;
}

/* サイトマップ
-----------------------*/
.sitemap {margin:0;padding:10px 0 40px 0;font-size:16px;line-height:120%;}
.sitemap a { color:#333; }
.sitemap li {
  list-style-type:none;
  font-weight:bold;
  border-bottom:1px dotted #ccc;
  padding:3px 0 15px 35px;
  margin:12px 0px 5px 0px;
}
.sitemap ul.sub-tree { margin:0;padding-left:200px;font-size:14px;}
.sitemap ul.sub-tree li {
  font-weight:normal;
  border:none;
  margin:0px;
  padding:3px 0 5px 35px;
}

.sitemap ul.bottom-tree { margin:0;padding-left:170px;font-size:12px;}
.sitemap ul.bottom-tree li {
  font-weight:normal;
  border:none;
  margin:0px;
  padding:3px 0 5px 35px;
}

/* サイエンスカフェ
-----------------------*/
.sc_photo {
float:right;
width:150px;
margin: 0 5px 40px 30px;
}


/* 採用情報先輩社員より
-----------------------*/
dl.schedule {
margin: 0 0.5em 1em;
}
dl.schedule dt{
clear: left ;
margin-right: 0.5em ;
width: 4em ;
font-weight: normal;
}

/* タブレット
---------------------------------------------------------------------*/
/*
@media only screen and (max-width: 768px) {
}
*/


/* スマートフォン
---------------------------------------------------------------------*/
@media only screen and (max-width: 740px) {

/* SLICKSNAV
-----------------------*/
  /* #menu is the original menu */
  .js #menu {
    display:none;
  }
  
  .js .slicknav_menu {
    display:block;
  }

  .js .slicknav_menu #logo {
  position: relative;
  display: block;
  vertical-align: middle;
  float: left;
  padding: 0.438em 0.625em 0.438em 0.625em;
}
  .slicknav_menu .slicknav_icon{
      display:none;
  }

/* メニュー内のサイト内検索 */
.js .slicknav_menu .sitesearch {
padding:15px;
}
.js .slicknav_menu .sitesearch input[type="input"] {
width:400px!important;
}
.js .slicknav_menu .sitesearch input[type="submit"] {
font-family: FontAwesome;
width:36px!important;
}


/* HOME
-----------------------*/

#banner_main {
width:100%;
float: none;
padding:0 0 20px;
}
#banner_sub {
width:100%;
float: none;
padding:10px;
}
#banner_sub img {
width:100%;
height:auto;
}
#banner_sub ul li {
margin-top:10px;
display: block;
}
#banner_sub ul li:first-child {
margin-bottom:0;
}
.bx-wrapper .bx-pager {
bottom: -36px!important;
}


/* メインビジュアル */
#banner_main .bx-wrapper .bx-controls-auto,
#banner_main .bx-wrapper .bx-controls-direction a {
display:none;
}
#banner_main .bx-wrapper {
width:100%;
height:auto;
margin: 0 auto;
}

/* メインビジュアル誤差調整 */
.bx-viewport {
margin-left: 5px;
margin-top:-10px;
}




/* ピックアップバナー */
ul.home_banner {
margin:0;
padding-bottom:25px;
}
ul.home_banner li{
width:100%;
height:auto;
margin: 10px 0;
}
ul.home_banner li img{
width:100%;
height:auto;
}
ul.home_banner li a {
float:none;
margin: 0 auto;
}

.lvl1 {
height:auto;
font-size: 18px;
line-height: 120%;
padding-top: 20px;
}
.lvl2 {
font-size:16px;
line-height: 1.4;
}
.lvl3 {
}
.lvl3_news {
margin-bottom:10px;
}

img.halfsize { width:50%; }
img.fullsize { width:100%; margin:0;height:auto; float:none;}

div.txt_blk,
div.txt_blk2 {
font-size:14px;
}

/* twitter */
.twitter {
height:350px;
overflow: hidden;
}

img.fleft,
img.fright {
float:none;
margin:0 auto 16px;
}

.alert_blk {
margin-top:0;
}


/* GLOBAL MENU
-----------------------*/

#sidr-right {
  display: none;
}


/* LOCAL MENU
-----------------------*/

#local_menu {
display: none;
}

.sidemenu {
font-size:92%;
padding-bottom: 0;
}
.sidemenu li a {
padding: 10px 25px 10px 10px;
}

/* LAYOUT
-----------------------*/
.pc_hide {
display:inline;
}
.sp_hide {
display:none!important;
}

.wrapper,
.contents,
#maincol,
#subcol {
float:none;
width:auto;
display:block;
}
#maincol,
#subcol {
padding:0 10px;
}
#subcol{
margin:10px 0 0;
}
#maincol img {
max-width: 100%;
height:auto;
}
#maincol{
min-height:250px;
padding-bottom: 30px;
}
.wrapper{
padding-bottom: 0;
min-height:0;
}



section div.body {
width:auto;
margin: 0 auto;
padding: 0　10px 5px;
}
section.bg_white div.body,
section.bg_gray div.body {
width:auto;
margin: 0 auto;
padding: 0　10px 5px;
}
section.bg_gray div.body {
padding: 10px 10px 0;
}

/* header */
header{
width:100%;
margin:0;
height:auto;
}
header #logo{
position:absolute;
left:10px;
top:2px;
/*top:8px;
width:110px;*/
}
header #logo img {
width:40px;
/*width:110px;*/  
}
header #contact {
display: none;
}

#breadcrumb {
display: none;
}

#bottommenu {
display: none;
}


/* 新着情報 new */
.news_img img {
width:110px;
}
.news_date {
float:none;
width:100%;
display:block;
padding-left:0.5em;
}
.news_txt {
display:block;
padding-left:120px;
width:100%;
margin-top:-75px;
}
section.home .news_txt,
section.news .news_txt,
section.club_sanseido .news_txt {
padding-left:0.5em;
padding-right:0.5em;
width:100%;
float:none;
margin-top:0;
}

/* footer */
footer {
clear:both;
padding-top: 0;
margin-top:0;
}
#footerbody {
width:auto;
}
#pageTop img {
width:40px;
bottom:5px;
right:5px;
}

/* フッターメニュー */
#footermenu {
margin-top:20px;
padding:20px;
}
#footermenu .links {
float:none;
width:100%;
height: auto;
display: block;
padding-bottom:0;
}
#footermenu .links li a {
margin-bottom: 8px;
font-size:11px;
}
#footermenu p {
clear:both;
margin:10px 0;
text-align: center;
width:100%;
font-size:10px;
}
#footermenu .sns {
clear:both;
float:none;
display: block;
width: 100%;
height:24px;
text-align: center;
padding:30px 0 30px;
}
#footermenu .sns li {
width:24px;
height:24px;
display: inline-block;
float:none;
margin-left:12px;
}
#footermenu .sns li:last-child {
margin-left:8px;
}




div.pline,
div#nextpage,
p.nextb {
width:100%;
margin:0 auto;
text-align: center;
}


/* HOME
-----------------------*/


/* 2列 */
#blk_news,
#blk_news2 {
width:100%;
float:none;
}
#blk_news,
#blk_news2 {
padding:0 10px;
}
.news_header{
width:auto;
margin-bottom:20px;
}

/* サービス */
#com_contents li {
float:none;
width:100%;
margin:0 0 18px 0;
}
#com_contents li a {
width:100%;
height:auto;
}
#com_contents li div {
height:auto;
}
#com_contents li a img {
width:100%;
height:auto;
}
#com_contents p {
left:18px;
top:18px;
font-size: 20px;
color:#333;
}
#com_contents div {
min-height: auto;
}

/* アンダーバナー */
#home_under_banner .bx-wrapper {
width:100%;
padding:0 10px 0 0;
}
#home_under_banner .bx-prev {
display:none;
}
#home_under_banner .bx-next {
display:none;
}


/* 店舗情報
-----------------------*/

.shoplist {
width:100%;
margin:0;
box-sizing:border-box;
}
.shoplist tr {
display: block;
margin-bottom: 1.2em;
border: 1px #ccc solid;
}
.shoplist td{
display: block;
border: none;
width:100%;
}
.shoplist th{
display: block;
width:100%;
padding:4px 0 4px 10px;
background: #fafafa;
}
.shoplist td{
/* margin-left: 10px; */
padding:2px 0 2px 10px;
width:100%!important;
}

/* 店舗情報の表 */
table.shop th {
padding:6px 12px;
}
table.shop td {
padding:6px 12px;
}

iframe {
height:250px;
}

/* 電話お問い合わせ
-----------------------*/
div.contact_tel li {
width:100%;
float:none;
}
div.contact_tel li span.cpname {
font-size:125%;
line-height:150%;
}
div.contact_tel li:first-child {
border-right:none;
}


/* お問い合わせ
-----------------------*/

dl.contact_form {
width:100%;
margin:0;
padding:0;
}
dl.contact_form dt {
width:auto;
float:none;
font-weight:bold;
}
dl.contact_form dt .req {
margin-left:5px;
float:none;
}
dl.contact_form dd {
width:auto;
float:none;
margin-left:0;
}
dl.contact_form dd p {
font-size:88%;
line-height:200%;
}
dl.contact_form textarea {
max-width:95%;
padding:4px 8px;
}
.btn_confirm {
width:auto;
margin:2em;
font-size:88%;
}
.btn_send{
margin:4em 10px 4em;
}

dl.contact_form dd input.txt{
max-width:95%;
}
dl.contact_form dd input.txts {
max-width:30%;
}
dl.contact_form dd select{
max-width:95%;
}

/* 会社情報
-----------------------*/

.com_photo {
float:none;
width:100%;
height:auto;
text-align: center;
margin-left: 0;
padding-bottom: 20px;
}
.com_photo img {
margin: 0 auto;
height:auto;
}

/* 三省堂書店の歩み */
table.history {
display: block; 
width: auto; 
overflow-x: auto; 
white-space: nowrap;
font-size:12px;
}
table.history th,
table.history td {
padding:0.5em!important;
}

/* EACH PAGES
-----------------------*/

/* TABLE */
.tbl th,
.tbl td{
width: auto!important;
display: block;
border-top: none;
text-align: left;
}
.tbl td{
border-top: none!important;
margin:0 0 20px;
font-size:91%;
}

/* サイトマップ
-----------------------*/
.sitemap {margin:0;padding:10px 0 40px 0;font-size:16px;line-height:120%;}
.sitemap a { color:#333; }
.sitemap li {
padding:3px 0 15px 5px;
margin:12px 0px 5px 0px;
}
.sitemap ul.sub-tree { padding-left:20px;font-size:14px;}
.sitemap ul.sub-tree li {
padding:3px 0 5px 5px;
}

.sitemap ul.bottom-tree { margin:0;padding-left:17px;font-size:12px;}
.sitemap ul.bottom-tree li {
padding:3px 0 5px 5px;
}


/* スライダーの位置調整 */
.bxslider li img {
width:100%;
height:auto;
}

.contactb img {
width:100%;
}

.small {
font-size: 13px;
}


.sns_blk {
display: none;
}

/* スマホの場合書籍検索ボックスは非表示 */
.book_search_box form {
display: none;
}

}