/*html{scroll-behavior: smooth;}*/

#under-buy{font-family: "繝｡繧､繝ｪ繧ｪ", Meiryo, Calibri, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "sans-serif"; color:#002060;}
h2{display:none;}
#under h2{display:block; margin:0; font-weight: normal;}
.h1, .h2, .h3, h1, h2, h3{margin: 0;}
.breadcrumb{margin-bottom: 0;}
button{background-color: transparent !important;}
.col-sm-12{padding:0;}

p{
margin: 0;
color:#002060;
line-height: 1.4;
font-size: 14px;
}
.ja p{line-height: 1.4;}
a{color:#002060;}

.contWrap{
width: 980px;
margin:0 auto;
padding-top: 20px;
}

.flexBox{
width: 100%;
margin-bottom: 20px;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.flexBox.justify{
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-justify-content:space-between;
-ms-justify-content:space-between;
}

.exBox{margin-bottom: 40px;}
.exBox:last-child{margin-bottom: 60px;}

.flexBox-ex01{max-width: 78%; flex-basis: 78%;}
.flexBox-ex02{max-width: 20%; flex-basis: 20%;}

.topBox .txtBox{margin-left:10px;}
.topBox .txtBox p{line-height: 1.8;}

.btn_online{text-align: center;}
.btn_online a{
width: 100%;
text-align: center;
padding: 15px 0;
display: block;
border-radius: 40px;
}
.btn_online a:after{
/*content: "";
background: url(/sites/default/files/contents/images/icons/icon_pageanc.png) no-repeat right center;
background-size: 8px auto;
*/
font-family: 'Glyphicons Halflings';
content: "\e114";
color: #fff;
display: inline-block;
margin-left: 10px;
vertical-align: text-bottom;
}

.btn_online.arrow-r a:after{
font-family: 'Glyphicons Halflings';
content: "\e080";
color: #fff;
display: inline-block;
margin-left: 10px;
vertical-align: text-bottom;
}
.exBox01 .btn_online a{
background-color: #165ea8;
color: #ffffff;
}
.exBox02 .btn_online a{
background-color: #34518c;
color: #fff;
}

.btn_online a:hover{
text-decoration: none;
opacity: 0.7;
}
.selectTop-wrap{margin: 20px auto; width: 80%;}
.mainArea-wrap{margin: 100px auto 0; width: 80%;}

.top-ttlBox{
width: 100%;
background-color: #002060;
color: #fff;
margin-bottom: 20px;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

.top-ttlBox-ttl{
flex-basis: 20%;
font-weight: normal;
display: -webkit-flex;
display: flex;
-webkit-align-items: center; /* 邵ｦ譁ｹ蜷台ｸｭ螟ｮ謠�∴��Safari逕ｨ�� */
align-items: center; /* 邵ｦ譁ｹ蜷台ｸｭ螟ｮ謠�∴ */
margin: 0;
padding: 0 0 0 20px;
}
.top-ttlBox-ttl h1{font-size: 20px;}
.top-ttlBox-ph{flex-basis: 80%;}

.box-wrap{margin-bottom: 20px;}
.top-lead{font-size: 18px; text-align: center;}
.topBox .txtBox a{text-decoration: underline;}
.topBox .ttl{
font-size: 16px;
padding: 5px 10px;
margin-bottom: 10px;
background-color: #002060;
color: #fff;
}
.cont-ttlBox{padding:0 0 30px 0; text-align: center;}

.cont-ttlBox h1{
font-size: 16px;
display: inline;
border-bottom: 3px solid #002060;
}

/*--縲€蠎苓�諠��ｱ驛ｨ蛻�€€--*/
.shopWrap{
margin-top: 100px;
max-width: 980px;
margin: 0 auto;
font-family: "繝｡繧､繝ｪ繧ｪ", Meiryo, Calibri, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "sans-serif"; color:#002060;
}
.ancArea{padding: 0 5%;}
.ancArea .ancBox_name{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
padding-bottom: 5px;
padding-left: 20px;
margin-bottom: 5px;
border-bottom: 1px solid #f1f1f1;
font-size: 14px;
}

.ancArea .ancBox_name .areaBox{flex-basis: 20%; max-width: 20%;}
.ancArea .ancBox_name .areaBox_part{flex-basis: 80%; max-width: 80%;}
.ancArea .ancBox_name .areaBox_part a{display: inline-block; margin-right: 20px;}

.anc-other.flexBox{justify-content: space-between;}
.anc-other .ancBtn{flex-basis: 45%; max-width: 45%;margin-top: 30px;}
.anc-other .btn_online a {
background-color: #34518c;
color: #fff;
}

.shopArea-wrap{
margin-top: 60px;
}
.shopArea-ttl{
background-color: #002060;
color: #fff;
font-weight: normal;
font-size: 16px;
padding:10px;
margin-bottom: 10px;
}
.ttl_detail{
text-align: right;
margin-bottom: 10px;
}
.ttl_detail-pc{display: inline-block;}

.shopBox{
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;
margin-bottom: 20px;
padding:0 0 10px 0;
border-bottom:1px #002060 dotted;

}
.shopBox .box01{flex-basis: 30%;}
.shopBox .box02{flex-basis: 58%;}
.shopBox .box03{flex-basis: 11%;}

.ja .shopBox .box02{flex-basis: 48%;}
.ja .shopBox .box03{flex-basis: 21%;}

#bookseller .shopBox .box02{flex-basis: 68%;}
#bookseller .shopBox .box03{display: none;}


.shopBox_area{
border-bottom: 2px solid #002060;
padding-bottom: 5px;
margin-bottom: 15px;
font-size: 16px;
}
.shopBox_area:before{
content: "笆�";
background-size: 8px auto;
}

.shopBox .shopBox_name{
flex-basis: 100%;
font-size: 14px;
font-weight: bold;
}
#onlinShop .shopBox .shopBox_add{word-wrap: break-word; overflow-wrap: break-word;}
.shopBox .shopBox_zip{display: block;}
.shopBox .shopBox_tel{}
.icon_tel{
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.icon_tel:before {
content: "\e183";
padding-right: 5px;
}

.shopBox .shopBox_books{text-align: center;}
.shopBox .shopBox_books .hand_ttl{
display: block;
background-color: #748bbb;
color: #fff;
margin-bottom: 5px;
border-radius: 5px;
padding: 5px 0;
}

.shopicon:after{
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
-webkit-font-smoothing: antialiased;
}
.shopicon:after{content: "\e144"; padding-left: 10px;}
#onlinShop .shopicon:after {content: "";}

.shopMapicon{
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.shopMapicon:after {content: "\e062";}
#onlinShop .shopMapicon:after{content: "\e144";}

.to-map{text-align: right;}
/*
.to-map .to-map-link:after{
position: relative;
top: 1px;
display: inline-block;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*/
.to-map .to-map-link:after{
font-family: 'Glyphicons Halflings';
content: "\e113";
background-color: #34518c;
border-radius: 5px;
color: #fff;
font-size: 10px;
padding: 3px 3px 3px 4px;
font-weight: normal;
}
.to-map .to-map-link a{margin-right: 5px;}
/*
.ns_footerTop .ns_pageTop {
position: fixed;
top:auto;
right: 10px;
z-index: 10000000;
bottom: 10px;
width: 100px;
background-color: #00206073;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-align: center;
}

.ns_footerTop .ns_pageTop a {
font-size: 1.2rem;
line-height: 1.2rem;
background-image: none;
text-decoration: none;
color: #fff;
text-align: center;
display: block;
padding:15px 0 20px 0;
}
.ns_footerTop .ns_pageTop a:before {
display: block;
font-family: 'Glyphicons Halflings';
content: "\e113";
color: #fff;
font-size: 10px;
padding: 3px 2px 3px 4px;
font-weight: normal;
}
*/
#pagetop-area {
width:  auto;
height: auto;
position: fixed;
right: -200px;
bottom: 50px;
padding: 10px;
background: #34518c;
border-radius: 5px;
cursor: pointer;
text-align: center;
z-index: 10000000;
}
#pagetop-area a{
position: relative;
display: block;
width: 100px;
height: auto;
text-decoration: none;
color: #fff;
}
#pagetop-area a::before{
font-family: 'Glyphicons Halflings';
content: "\e113";
display: block;
color: #fff;
}


@media (max-width: 768px){
#under-buy{padding: 0 15px;}
.contWrap{
width: 100%;
padding-top: 20px;
}
.top-ttlBox{display: block;}
.top-ttlBox-ttl{
width: 100%;
height: auto;
padding: 10px 20px;
}
.top-ttlBox-ttl h1{font-size: 16px;}
.flexBox{display: block;}
.flexBox-ex01{max-width: 100%; flex-basis: 100%;}
.flexBox-ex02{max-width: 80%; flex-basis: 80%; margin: 0 auto;}

.topBox .ttl{font-size: 15px;}
.top-lead {font-size: 14px; text-align: left;}
.btn_online a {padding: 10px 0; margin-top: 20px;}
.anc-other .ancBtn{max-width: 80%; flex-basis: 80%; margin:0 auto;}
.topBox .txtBox{margin-left:0;}

/*--縲€蠎苓�諠��ｱ驛ｨ蛻�€€--*/
.ancArea{ padding: 0;}
.ancArea .ancBox_name{
display: block;
text-align: center;
padding-left: 0;
margin-bottom: 20px;
}
.ancArea .ancBox_name .areaBox{
max-width: 100%;
margin-bottom: 3px;
font-weight: bold;
}
.ancArea .ancBox_name.one-col{padding-bottom: 0;}
.ancArea .ancBox_name.one-col .areaBox{ margin-bottom: 0;}
.ancArea .ancBox_name .areaBox_part{max-width: 100%;}
.shopBox{
display: block;
padding: 0;
border-bottom-style: solid;
}
.shopBox .box01 {
border-bottom: 1px #002060 dotted;
padding-bottom: 5px;
}
.shopBox > div{margin-bottom: 10px;}
.shopBox .shopBox_add{margin-bottom: 10px;}
.shopBox .shopBox_zip{display: block;}
.shopBox .shopBox_books{text-align: left;}
.shopBox .shopBox_books .hand_ttl{
background-color: #fff;
color: #002060;
display: inline-block;
margin-right: 5px;
}
.shopBox .shopBox_books .hand_ttl:after{
content: ": ";
padding-left: 5px;
}
}

@media (max-width: 767px){
.ttl_detail-pc{display: none;}
.ttl_detail-sp{display: block;}
#pagetop-area{
background: #0020605e;
bottom: 10px;
}
}