/* レスポンシブのはみ出し防止 */
html{
overflow-x : hidden;
overflow-y : scroll;
-webkit-overflow-scrolling: touch;
}
body {
overflow-x : hidden;
-webkit-overflow-scrolling: touch;
}

 /* navbarの装飾 */
.navbar .nav li a {
font-weight: bold;
text-align: center;
border-left: 1px solid rgba(0, 0, 0, .1);
border-right: 1px solid rgba(0, 0, 0, .1);
}
#menu {
border-top: 0px solid rgba(0, 0, 0, .1);
}
.nav_001 {
border-left: 1px solid rgba(0, 0, 0, .1);
}

/* navのリンク先 */
div#SHINKANSHO {
margin-top:-55px;
padding-top:55px;
}
div#RANKING {
margin-top:-55px;
padding-top:55px;
}
div#OSHIRASE {
margin-top:-55px;
padding-top:55px;
}
div#EVENT {
margin-top:-55px;
padding-top:55px;
}
div#MEDIA {
margin-top:-55px;
padding-top:55px;
}


 /* 画像の先読み込み */
img.preload{
width: 0px;
height: 0px;
display:none;
}

 /* ロゴ */
@media (max-width: 768px) {
.logo {
width: 221px;
height:33px;
margin:0px 5px 0px -10px;
}
}

.top-right_01 {
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 600;
font-size:14px;
text-align:right;
color:#555555;
padding:5px;
}
.top-right_01a {
font-size:14px;
font-weight: bold;
text-align:right;
color:#555555;
}
a.top-right_01a:link, a.top-right_01a:active, a.top-right_01a:visited {
color:#555555;
text-decoration:none;
}
a.top-right_01a:hover{
color:#c1272d;
text-decoration:none;
}
.top-right_01b {
font-size:12px;
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: bold;
text-align:right;
color:#ffffff;
position: relative;
display: inline-block;
padding: 5px 10px 3px 10px;
background: -webkit-linear-gradient(#0a7a83 , #0298a4);
background: linear-gradient(#0a7a83 , #0298a4);
border: 1px solid #0c838d;
border-radius: 4px;
text-decoration: none;
text-align: center;
}
.top-right_01b::after {
position: absolute;
top: 2px;
right: 2px;
bottom: 2px;
left: 2px;
content: '';
border: 2px solid #fff;
border-radius: 4px;
}
a.top-right_01b:link, a.top-right_01b:active, a.top-right_01b:visited {
color:#ffffff;
text-decoration:none;
}
a.top-right_01b:hover{
color:#ffffff;
text-decoration:none;
}

.owl-carousel {
width:1000px;
font-size:12px;
font-weight: bold;
}
@media (max-width: 1024px) {
.owl-carousel {
width: 900px;
}
}
@media (max-width: 768px) {
.owl-carousel {
width: 600px;
}
}
@media (max-width: 425px) {
.owl-carousel {
width: 380px;
}
}
@media (max-width: 375px) {
.owl-carousel {
width: 330px;
}
}
@media (max-width: 320px) {
.owl-carousel {
width: 300px;
}
}

/* タブ */
#tab1{
margin:0px 5px 0px -5px;
}
#tab2{
margin:0px 5px 0px -5px;
}
.tab_tab{
width:90%;
margin: 0px 0px 0px 60px;
display: table;
table-layout: fixed;
float:auto;
}
@media (max-width: 1200px) {
.tab_tab{
width:90%;
margin: 0px 0px 0px 50px;
display: table;
table-layout: fixed;
float:auto;
}
}
@media (max-width: 992px) {
.tab_tab{
width:90%;
margin: 0px 0px 0px 40px;
display: table;
table-layout: fixed;
float:auto;
}
}
@media (max-width: 768px) {
.tab_tab{
width:90%;
margin: 0px 0px 0px 35px;
display: table;
table-layout: fixed;
float:auto;
}
}
@media (max-width: 540px) {
.tab_tab{
width:90%;
margin: 0px 0px 0px 25px;
display: table;
table-layout: fixed;
float:auto;
}
}
@media (max-width: 480px) {
.tab_tab{
width:90%;
margin: 0px 0px 0px 20px;
display: table;
table-layout: fixed;
float:auto;
}
}
.week_rank{
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 600;
letter-spacing: 10px;
font-size:25px;
width:49.5%;
background:#ffffff;
margin: 0px 0px 0px 0px;
padding:0px;
border-color: #075a61;
border-style: solid;
float:auto;
}
.month_rank{
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 600;
letter-spacing: 10px;
font-size:25px;
width:49.5%;
margin: 0px 0px 0px 0px;
padding:0px;
border-color: #075a61;
border-style: solid;
float:auto;
}
@media (max-width: 1200px) {
.week_rank{
letter-spacing: 5px;
font-size:20px;
width:49.5%;
margin:0px;
padding:0px;
}
}
@media (max-width: 1200px) {
.month_rank{
letter-spacing: 5px;
font-size:20px;
width:49.5%;
margin:0px;
padding:0px;
}
}
@media (max-width: 768px) {
.week_rank{
letter-spacing: 2px;
font-size:18px;
width:49.5%;
margin:0px;
padding:0px;
}
}
@media (max-width: 768px) {
.month_rank{
letter-spacing: 2px;
font-size:18px;
width:49.5%;
margin:0px;
padding:0px;
}
}
@media (max-width: 540px) {
.week_rank{
letter-spacing: 1px;
font-size:14px;
width:49.5%;
margin:0px;
padding:0px;
}
}
@media (max-width: 540px) {
.month_rank{
letter-spacing: 1px;
font-size:14px;
width:49.5%;
margin:0px;
padding:0px;
}
}
@media (max-width: 480px) {
.week_rank{
letter-spacing: 1px;
font-size:12px;
width:49.5%;
margin:0px;
padding:0px;
}
}
@media (max-width: 480px) {
.month_rank{
letter-spacing: 1px;
font-size:12px;
width:49.5%;
margin:0px;
padding:0px;
}
}

/* ランキングの装飾 */
.syuukei{
font-family: 'Noto Sans Japanese', sans-serif;
text-align:left;
font-weight: bold;
margin:0px 0px 40px 40px;
}
@media (max-width: 320px) {
.syuukei{
font-family: 'Noto Sans Japanese', sans-serif;
text-align:center;
font-weight: bold;
margin:-20px 0px 40px 0px;
}
}
.rank_number {
font-size:22px;
color:#075a61;
font-weight: bold;
}
.ranking_weekly {
font-size:12px;
font-weight: bold;
}
.ranking_motto {
font-family: 'Noto Sans Japanese', sans-serif;
background:#349ea8;
color:#ffffff;
font-size:16px;
font-weight: bold;
position: relative;
float:right;
display: inline-block;
margin:50px 60px 0px 0px;
padding: .6em 1.5em;
text-decoration: none;
text-align: center;
}
@media (max-width: 540px) {
.ranking_motto {
font-family: 'Noto Sans Japanese', sans-serif;
background:#349ea8;
color:#ffffff;
font-size:16px;
font-weight: bold;
position: relative;
float:right;
display: inline-block;
margin:50px 10px 10px 0px;
padding: .6em 1.5em;
text-decoration: none;
text-align: center;
}
}
a.ranking_motto:link, a.ranking_motto:active, a.ranking_motto:visited {
color:#ffffff;
text-decoration:none;
}
a.ranking_motto:hover{
color:#ffffff;
text-decoration:none;
}
/* スマホ表示のランキング画像 */
@media (max-width: 1200px) {
.ranking_weekly {
width:900px;
}
}
@media (max-width: 990px) {
.ranking_weekly {
width:650px;
}
}
@media (max-width: 768px) {
.ranking_weekly {
width:600px;
}
}
@media (max-width: 650px) {
.ranking_weekly {
width:550px;
}
}
@media (max-width: 600px) {
.ranking_weekly {
width:500px;
}
}
@media (max-width: 520px) {
.ranking_weekly {
width:450px;
}
}
@media (max-width: 426px) {
.ranking_weekly {
width:350px;
}
}
@media (max-width: 320px) {
.ranking_weekly {
width:300px;
}
}
.ranking_sp {
padding:5px;
}
.ranking_sp img {
max-width: 180px;
height: 260px;
}
@media (max-width: 768px) {
.ranking_sp img {
width: 80%;
height: 125px;
}
}

/* 店舗 */
.event_sp{
width:480px;
}
.event_midashi{
color:#0087CF;
max-width:480px;
margin:5px 0px 0px 0px;
font-size:24px;
}
.event_midashi02{
color:#0087CF;
max-width:300px;
margin:5px 0px 0px 0px;
font-size:16px;
}
.event_txt{
color:#333333;
max-width:480px;
margin:15px 0px 10px 5px;
font-size:14px;
text-align:left;
}
.event_txt02{
color:#333333;
max-width:300px;
margin:15px 0px 10px 5px;
font-size:14px;
text-align:left;
}
.tenpo_motto {
font-family: 'Noto Sans Japanese', sans-serif;
background:#349ea8;
color:#ffffff;
font-size:16px;
font-weight: bold;
position: relative;
float:right;
display: inline-block;
margin:50px 70px 10px 0px;
padding: .6em 1.5em;
text-decoration: none;
text-align: center;
}
.tenpo_motto01 {
font-family: 'Noto Sans Japanese', sans-serif;
color:#ffffff;
font-size:16px;
font-weight: bold;
position: relative;
float:right;
display: inline-block;
margin:50px 0px 10px 0px;
padding: .6em 1.5em;
text-decoration: none;
text-align: center;
}
@media (max-width: 768px) {
.tenpo_motto {
font-family: 'Noto Sans Japanese', sans-serif;
background:#349ea8;
color:#ffffff;
font-size:16px;
font-weight: bold;
position: relative;
float:right;
display: inline-block;
margin:50px 15px 10px 0px;
padding: .6em 1.5em;
text-decoration: none;
text-align: center;
}
}
@media (max-width: 768px) {
.tenpo_motto01 {
font-family: 'Noto Sans Japanese', sans-serif;
color:#ffffff;
font-size:16px;
font-weight: bold;
position: relative;
float:right;
display: inline-block;
margin:50px 0px 10px 0px;
padding: .6em 1.5em;
text-decoration: none;
text-align: center;
}
}
a.tenpo_motto:link, a.tenpo_motto:active, a.tenpo_motto:visited {
color:#ffffff;
text-decoration:none;
}
a.tenpo_motto:hover{
color:#ffffff;
text-decoration:none;
}

/* スマホ表示の対応 */
@media (max-width: 768px) {
.xs_sp {
font-size:12px;
}
}

/* webフォント */
h1, h2 {
border-left: 7px solid #ffffff;
font-size:30px;
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 600;
padding:0px 3px 0px 15px;
}
.webfont {
font-family: 'Noto Sans Japanese', sans-serif;
}
/* スマホ表示のh1 */
@media (max-width: 768px) {
h1, h2 {
font-size:20px;
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 600;
padding:1px 3px 3px 10px;
}
}
.headline{
width:90%;
color:#ffffff;
padding:1px 5px 3px 15px;
text-align:left;
background:#097680;
}
@media (max-width: 768px) {
 h2 {
font-size:20px;
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 600;
margin:5px 0px 0px -40px;
padding:1px 3px 3px 10px;
}
}

/* TOPイメージ */
@media (max-width: 992px) {
.top-img {
width: 80%;
}
}

/* 新刊 */
@media (max-width: 992px) {
.shinkan {
width: 80%;
}
}
.shinkan-img{
padding:5px;
}
.shinkan-img img {
max-width: 180px;
height: 260px;
}
@media (max-width: 768px) {
.shinkan-img img {
width: 80%;
height: 125px;
}
}
.shinkan_tate{
min-height: 260px;
}
@media (max-width: 768px) {
.shinkan_tate{
min-height: 220px;
}
}
@media (max-width: 540px) {
.shinkan_tate{
min-height: 200px;
}
}
@media (max-width: 480px) {
.shinkan_tate{
min-height: 160px;
}
}
@media (max-width: 320px) {
.shinkan_tate{
min-height: 118px;
}
}

 /* お知らせ */
.hiduke{
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 500;
background: #F1F1E9;
display: inline-block;
margin:5px;
padding: 4px 6px;
font-size: 12px;
color: #333;
line-height: 1em;
text-align: center;
width: 120px;
}
.level_01{
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 500;
background: #ff3366;
display: inline-block;
margin:4px;
padding: 4px 6px;
font-size: 12px;
color: #ffffff;
line-height: 1em;
text-align: center;
width: 120px;
}
.level_02{
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 500;
background: #9966cc;
display: inline-block;
margin:4px;
padding: 4px 6px;
font-size: 12px;
color: #ffffff;
line-height: 1em;
text-align: center;
width: 120px;
}
.level_03{
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 500;
background: #66cc99;
display: inline-block;
margin:4px;
padding: 4px 6px;
font-size: 12px;
color: #ffffff;
line-height: 1em;
text-align: center;
width: 120px;
}
.news_text{
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 600;
font-size: 14px;
margin:5px 0px 0px 0px;
padding: 4px 6px 4px 9px;
color: #0087CF;
line-height: 1em;
}
@media (max-width: 768px) {
.news_text{
font-size: 14px;
}
}
.news_all{
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 600;
background: #efefef;
display: inline-block;
margin:15px 5px 5px 5px;
padding: 9px 20px;
font-size: 15px;
color: #333333;
line-height: 1em;
text-align: center;
width: 180px;
}
@media (max-width: 768px) {
.news_all{
font-size: 13px;
}
}
.news_all_01{
color:#333333;
}
a.news_all_01:link, a.news_all_01:active, a.news_all_01:visited {
color:#333333;
text-decoration:none;
}


 /* 公式アカウント snsアイコン */
.sns{
padding:5px;
}
.sns01{
margin-bottom:20px;
}

 /* フッター */
.hooter{
background: #efefef;
color: #333333;
text-align:left;
padding:5px;
}
.hooter_01{
background: #efefef;
color: #333333;
padding:15px 5px 15px 5px;
}
.hooter_midashi{
font-family: 'Noto Sans Japanese', sans-serif;
font-weight:bold;
color: #333333;
padding:8px;
}
.hooter_text{
font-family: 'Noto Sans Japanese', sans-serif;
color: #333333;
}
a.hooter_text:link, a.hooter_text:active, a.hooter_text:visited {
color:#333333;
font-size:14px;
text-decoration:none;
}

 /* snsアカウント */
 .account_haikei{
 background: #efefef;
 }
.account_logo{
text-align:left;
margin:15px 5px;
}
@media (max-width: 768px) {
.account_logo{
text-align:left;
margin:15px 5px;
width:40px;
height:40px;
}
}
.account_midashi{
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 600;
text-align:left;
margin:5px;
font-size:22px;
color:#0087cf;
}
.account_text{
font-family: 'Noto Sans Japanese', sans-serif;
margin:5px;
font-weight: 500;
text-align:left;
}
.douga_text{
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 500;
margin-left:60px;
text-align:left;
}
@media (max-width: 768px) {
.douga_text{
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 500;
margin:5px;
font-size:14px;
text-align:left;
}
}
@media (max-width: 768px) {
.douga01{
width:120px;
height:50px;
}
}
@media (max-width: 768px) {
.douga02{
width:150px;
height:44px;
}
}

 /* バナーエリア */
.banner{
margin:10px;
padding:10px;
}


/* topへ戻る */
.pagetop {
display: none;
position: fixed;
bottom: 30px;
right: 15px;
}
.pagetop a {
display: block;
text-align: center;
color: #222;
font-size: 12px;
text-decoration: none;
padding: 5px 10px;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.pagetop a:hover {
display: block;
text-align: center;
color: #fff;
font-size: 12px;
text-decoration: none;
padding:5px 10px;
	filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}
/* topへ戻る */

/* SNSボタン*/
/******************************

 ソーシャルエリア全体を囲む要素
 * 他のコンテンツと距離を取りたい場合は[margin]を設定して下さい

******************************/
.social-area-syncer {
width: 100% ;
min-height: 190px ;
background: #F5F1E9 ;/* 背景色 */
padding: 1.5em 0 ;
}

/* デスクトップPCでは高さを拡張する */
@media screen and ( min-width:480px ) {
.social-area-syncer {
min-height: 119px ;
}
}


/******************************

 [ul]要素

******************************/
/* スマホ */
ul.social-button-syncer {
width: 238px ;
margin: 24px auto ;
padding: 0 ;
border: none ;
list-style-type: none ;
}

/* デスクトップ */
@media screen and ( min-width:480px ) {
ul.social-button-syncer {
width: 410px ;
}
}


/******************************

 [li]要素

******************************/
ul.social-button-syncer li {
float: left ;
text-align: center ;
height: 71px ;
margin: 0 8px ;
padding:0 ;
}


/******************************

 各種ボタン

******************************/
/* [Twitter] */
.sc-tw {
width: 71px ;
}
.sc-tw svg {
width: 30px ;
height: 30px ;
 }
.sc-tw a {
height: 56px ;
margin: 0 auto ;
padding-top: 6px ;
display: block ;
background: #1B95E0 ;
font-size: 12px ;
color: #fff ;
font-weight: 700 ;
text-decoration: none ;
letter-spacing: .5px ;
border-radius: 2px ;
}
.sc-tw a:hover {
color: #fff ;
background: #0c7abf ;
}
.sc-tw span:before {
white-space: pre ;
content: '\A' ;
}

/* [Facebook] */
.sc-fb {
z-index: 99 ;
width: 69px ;
}

/* [LINE] */
.sc-li {
width: 50px ;
}
.sc-li-img {
border: none ;
margin: 0 auto ;
padding:0 ;
width: 36px ;
height: 60px ;
}

/* デスクトップPCではLINEボタンを表示しない */
@media screen and ( min-width:480px ) {
.sc-li {
display: none ;
}
}


 /* リンクボタンの半透明効果 */
a:hover, a:active, a:focus {
filter: alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
text-decoration: underline;
color: #004EB6;
}
.alpha a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}