@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');



/* ==============================================
setting
============================================== */

* {
margin:0;
padding:0;
}
html{
}
body{
}
h1,h2,h3,h4,h5,p,th,td,dt,dd,li,input {
font-family: 'Roboto','Noto Sans JP', sans-serif;
font-weight:300;
font-size: 16px;
line-height: 28px;
margin:0;
padding:0;
color:#111111;
}
h1,h2,h3,h4,h5,div,table,th,td,dl,dt,dd,ul,li,p,a,strong,span,input {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
img {
width: 100%;
height: auto;
border:none;
vertical-align:middle;
}
table {
border-collapse:collapse;
border-spacing:0;
}
ul {
list-style:none;
}
ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html ul { display:inline-block; }
*:first-child+html ul { display:inline-block; }

a:link {color:#111111; text-decoration:none;}
a:visited {color:#111111; text-decoration:none;}
a:hover {color:#111111; text-decoration:none;}
a:active {color:#111111; text-decoration:none;}
a{
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
a:hover{
opacity: 0.7;
}



.pc{
display:none!important;
}



/* ==============================================
header
============================================== */

header{
width: 100%;
height: 60px;
position: relative;
z-index: 1001;
}
header::after{
content: "";
position: absolute;
top:0;
left: 0;
width: 100%;
height: 60px;
background: -moz-linear-gradient(left, #28c8ff, #14adff); 
background: -webkit-linear-gradient(left, #28c8ff, #14adff); 
background: linear-gradient(to right, #28c8ff, #14adff);
}
header.top::after{
background: #FFF;
}
header .logo{
position: absolute;
top:13px;
left: 16px;
z-index: 100;
}
header .logo a{
}
header .logo a img{
width: auto;
height: 20px;
}



header .menu{
position: absolute;
top:0;
right: 0;
display: block;
width: 52px;
height: 60px;
font-size: 10px;
line-height: 56px;
font-weight: 500;
color: #FFF;
z-index: 100;
cursor: pointer;
}
header.top .menu{
color: #28c8ff;
}
header .menu::after{
content: "";
display: block;
background: url("../images/cmn_hd_mn_icn.png");
background-size: 19px 5px;
width: 19px;
height: 5px;
position: absolute;
top:10px;
left: 0;
right: 0;
margin: auto;
}
header.top .menu::after{
background: url("../images/cmn_hd_mn_icn_blue.png");
background-size: 19px 5px;
}
header .menu span{
display: block;
width: 28px;
height: 4px;
background: #FFF;
position: absolute;
top:15px;
left: 0;
right: 0;
margin: auto;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
header.top .menu span{
background: #28c8ff;
}
header .menu span::before{
content: "";
display: block;
width: 28px;
height: 4px;
background: #FFF;
position: absolute;
top:8px;
left: 0;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
header.top .menu span::before{
background: #28c8ff;
}
header .menu span::after{
content: "";
display: block;
width: 28px;
height: 4px;
background: #FFF;
position: absolute;
top:16px;
left: 0;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
header.top .menu span::after{
background: #28c8ff;
}



header .menu.on{
font-size: 0;
}
header .menu.on::after{
}
header .menu.on span{
}
header .menu.on span::before{
top:17px;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
header .menu.on span::after{
top:17px;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}



header nav{
position: absolute;
width: 100%;
background: rgba(255,255,255,0.96);
top:-400px;
right: 0;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
header nav.on{
top: 0;
}
header nav ul{
padding: 100px 20px 0 20px;
}
header nav ul li{
font-size: 16px;
line-height: 16px;
margin: 0 0 35px 0;
}
header nav ul li a{
}
header nav ul li a img{
width: auto;
height: 20px;
display: inline-block;
margin: -3px 8px 0 0;
}
header nav div ul{
padding: 0 20px 22px 20px;
}
header nav div ul li{
margin: 0;
float: left;
width: 33.3333333333%;
border: solid 1px #e1e1e1;
border-right: none;
}
header nav div ul li:last-child{
border-right: solid 1px #e1e1e1;
}
header nav div ul li a{
display: block;
font-size: 16px;
line-height: 16px;
text-align: center;
height: 40px;
padding: 13px 0 0 0;
}
@media screen and (max-width:374px) {
header nav div ul li a{
font-size: 14px;
}
}



header .notice{
position: absolute;
top:0;
right: 52px;
z-index: 100;
}
header .notice a{
color: #FFF;
display: block;
width: 24px;
height: 60px;
font-size: 10px;
line-height: 10px;
font-weight: 500;
text-align: center;
padding: 12px 0 0 0;
}
header.top .notice a{
color: #28c8ff;
}
header .notice span{
display: block;
width: 24px;
height: 24px;
border-radius: 20px;
background: #FFF;
position: relative;
margin: 0 auto 2px auto;
}
header.top .notice span{
background: #ff5096;
}
header .notice span::before{
content: "";
display: block;
width: 4px;
height: 4px;
border-radius: 2px;
background: #ff5096;
position: absolute;
top:4px;
left: 0;
right: 0;
margin: auto;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
header.top .notice span::before{
background: #FFF;
}
header .notice span::after{
content: "";
display: block;
width: 4px;
height: 10px;
border-radius: 2px;
background: #ff5096;
position: absolute;
top:10px;
left: 0;
right: 0;
margin: auto;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
header.top .notice span::after{
background: #FFF;
}



/* ==============================================
footer
============================================== */

footer{
position: fixed;
bottom:0;
left: 0;
width: 100%;
z-index: 1000;
}
footer div{
height: 44px;
background: -moz-linear-gradient(left, #28c8ff, #14adff); 
background: -webkit-linear-gradient(left, #28c8ff, #14adff); 
background: linear-gradient(to right, #28c8ff, #14adff);
background: #28c8ff;
margin: 0 0 -1px 0;
position: relative;
z-index: 100;
overflow-x: scroll;
overflow-y: hidden;
-ms-overflow-style: none;
scrollbar-width: none;
text-align: center;
}
footer div::-webkit-scrollbar {
display:none;
}
footer div ul{
display: inline-block;
white-space: nowrap;
padding: 7px 6px 0 6px;
text-align: center;
}
footer div ul li{
display: inline-block;
margin: 0 1px 0 0;
}
footer div ul li a{
display: block;
height: 30px;
background: #FFF;
border-radius: 100px;
padding: 9px 12px 0 12px;
font-size: 12px;
line-height: 12px;
}
footer div ul li a img{
width: auto;
height: 11px;
vertical-align: middle;
margin: -3px 4px 0 0;
display: inline-block;
}
footer nav{
background: #FFF;
border-top: 1px solid #e1e1e1;
}
footer nav ul{
display: table;
table-layout:fixed;
width: 100%;
}
footer nav ul li{
display: table-cell;
width: 100%;
border-right: 1px solid #e1e1e1;
}
footer nav ul li:last-child{
border: none;
}
footer nav ul li a{
display: block;
font-size: 11px;
line-height: 11px;
text-align: center;
padding: 7px 0 0 0;
height: 44px;
}
footer nav ul li.here a{
background: #28c8ff;
color: #FFF;
}
footer nav ul li a img{
display: block;
width: auto;
height: 14px;
margin: 0 auto 5px auto;
}
footer nav ul li.here a img{
filter: saturate(0%) brightness(200%);
}



/* ==============================================
main
============================================== */

main{
padding: 0 0 105px 0;
}



main .button{
text-align: center;
}
main .back{
margin: 40px 15px 0px;
}
main .button a{
font-size: 16px;
line-height: 16px;
display: inline-block;
border-radius: 22px;
border: solid 1px #28c8ff;
padding: 14px 40px 14px 40px;
}
main .button a::after{
content: "";
display: inline-block;
background: url("../images/cmn_arw_r_blue.png") no-repeat;
background-size: 8px 13px;
width: 8px;
height: 13px;
vertical-align: middle;
margin: -2px 0 0 5px;
}
main .button.back a::before{
content: "";
display: inline-block;
background: url("../images/cmn_arw_r_blue.png") no-repeat;
background-size: 8px 13px;
width: 8px;
height: 13px;
vertical-align: middle;
margin: -2px 5px 0 0;
transform: scale(-1, 1);
}
main .button.back a::after{
display: none;
}
main .button.more a::after{
content: "";
display: inline-block;
background: url("../images/cmn_arw_b_blue.png") no-repeat;
background-size: 13px 7px;
width: 13px;
height: 7px;
vertical-align: middle;
margin: -2px 0 0 5px;
}
main .button.nomore a::after{
content: "";
display: inline-block;
background: url("../images/cmn_arw_u_blue.png") no-repeat;
background-size: 13px 7px;
width: 13px;
height: 7px;
vertical-align: middle;
margin: -2px 0 0 5px;
}


main table{
border: solid 1px #e1e1e1;
margin: 40px 0 0 0;
width: 100%;
}
main table tr:nth-child(odd){
background: #fafafa;
}
main table th{
width: 106px;
font-size: 16px;
line-height: 24px;
border-right: solid 1px #e1e1e1;
vertical-align: top;
text-align: left;
padding: 10px;
word-break: break-all;
}
main table td{
font-size: 16px;
line-height: 24px;
vertical-align: top;
text-align: left;
padding: 10px;
word-break: break-all;
}
main table td a{
color: #28c8ff!important;
}
main table td .link{
text-align: right;
}
main table td .link a img{
width: auto;
height: 16px;
margin: 0 0 0 2px;
}
main table td .button{
text-align: right;
padding: 5px 0 2px 0;
}
main table td .button a{
color:#111111!important;
font-size: 16px;
line-height: 16px;
padding: 7px 10px 8px 12px;
}
main table td .button a img{
}



/* ==============================================
#search
============================================== */

#search{
}
#search::after{
content: "";
position: fixed;
bottom:0;
right: 0;
background: url("../images/cmn_chr_r_search.png");
background-size: 156px 221px;
width: 156px;
height: 221px;
}
#search div{
position: absolute;
top:0;
bottom:0;
left: 0;
right: 0;
height: 320px;
margin: auto;
z-index: 100;
}
#search h1{
position: relative;
font-size: 16px;
line-height: 24px;
font-weight: 700;
text-align: center;
margin: 0 0 -3px 0;
z-index: 100;
color: #28c8ff;
}
#search h1 span{
display: block;
font-size: 50px;
line-height: 55px;
letter-spacing: -4px;
font-weight: 400;
margin: 10px 0 20px 0;
color: #111;
}
#search input{
display: block;
font-size: 16px;
line-height: 16px;
text-align: center;
color: #111;
margin: auto;
width: 200px;
height: 44px;
border: solid 2px #28c8ff;
padding: 0 0 2px 0;
}
#search .button{
}
#search .button a{
font-size: 16px;
line-height: 16px;
letter-spacing: 1px;
font-weight: 400;
text-align: center;
color: #FFF;
display: block;
width: 200px;
height: 44px;
border-radius: 22px;
margin: 15px auto 0 auto;
padding: 13px 0 0 0;
background: #28c8ff;
}
#search .button a::after{
content: "";
display: inline-block;
background: url("../images/cmn_icn_search.png") no-repeat;
background-size: 16px auto;
width: 16px;
height: 16px;
vertical-align: middle;
margin: -3px 0 0 5px;
}



#title{
position: relative;
z-index: 1000;
padding: 3px 0 0 0;
}
#title.fixed{
position: fixed;
top:0;
left: 0;
width: 100%;
padding: 12px 0 0 0;
}
#title::after{
content: "";
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
background: -moz-linear-gradient(left, #28c8ff, #14adff); 
background: -webkit-linear-gradient(left, #28c8ff, #14adff); 
background: linear-gradient(to right, #28c8ff, #14adff);
}
#title.fixed::after{
opacity: 0.9;
}
#title div{
position: relative;
z-index: 100;
padding: 0 0 13px 0;
}
#title div::before{
content: "";
display: block;
background: url("../images/cmn_icn_comment.png") no-repeat;
background-size: 18px 12px;
width: 18px;
height: 12px;
position: absolute;
bottom:-12px;
right: 58px;
}
#title div::after{
content: "";
display: block;
background: url("../images/cmn_chr_r_result.png") no-repeat;
background-size: 50px 80px;
width: 50px;
height: 80px;
position: absolute;
bottom:-35px;
right: 0;
}
#title h1{
font-size: 20px;
line-height: 26px;
font-weight: 400;
color: #FFF;
padding: 0 52px 0 15px
}
#title h1 img{
width: auto;
height: 24px;
margin: 0 auto 8px auto;
display: none;
}
#title p.hit{
display: none;
font-size: 14px;
line-height: 14px;
font-weight: 400;
color: #FFF;
position: absolute;
top:-5px;
right: 40px;
}
#title p.hit span{
font-size: 60px;
line-height: 60px;
font-weight: 500;
letter-spacing: -2px;
margin: 0 1px 0 0;
}
#title p.reload{
}
#title p.reload a{
display: block;
position: absolute;
bottom: 32px;
right: 10px;
color: #FFF;
}
#title p.reload a img{
display: inline-block;
width: auto;
height: 32px;
vertical-align: middle;
margin: -3px 0 0 6px;
}
#title p.reload span{
font-size: 10px;
line-height: 13px;
color: #111111;
display: block;
position: absolute;
bottom: 8px;
right: 47px;
text-align: right;
}
#title p.reload span img{
width: auto;
height: 9px;
display: inline-block;
margin: -2px 2px 0 0;
}
#title p.time{
font-size: 14px;
line-height: 22px;
font-weight: 400;
color: #FFFFFF;
padding: 0 0 0 15px;
}



#title .favorite h1{
padding: 0 0 15px 0;
text-align: center;
margin: auto;
}
#title .favorite h1 img{
display: block;
}
#title .favorite::before{
right: 40px;
}
#title .favorite::after{
background: url("../images/cmn_chr_r_favorite.png") no-repeat;
background-size: 50px 80px;
}
#title .result h1{
padding: 17px 0 30px 15px;
}
#title .result .hit{
display: block;
}
#title .shop-list h1{
padding: 0 0 15px 0;
text-align: center;
margin: auto;
}
#title .shop-list h1 img{
display: block;
filter: saturate(0%) brightness(200%);
}



#title .child::before{
content: "";
display: block;
background: url("../images/cmn_icn_comment.png") no-repeat;
background-size: 18px 12px;
width: 18px;
height: 12px;
position: absolute;
bottom:-12px;
right: 58px;
}
#title .child::after{
content: "";
display: block;
background: url("../images/cmn_chr_r_result.png") no-repeat;
background-size: 50px 80px;
width: 50px;
height: 80px;
position: absolute;
bottom:-50px;
right: 0;
}
#title .child .reload{
display: block;
}



#list{
padding: 0 15px;
}
#list ul{
}
#list ul li{
padding: 10px 0;
border-bottom: solid 1px #e1e1e1;
}
#list ul li a{
font-size: 16px;
line-height: 20px;
height: 44px;
display: table-cell;
position: relative;
padding: 2px 0 0 54px;
vertical-align: middle;
}
#list ul li a img{
width: auto;
height: 44px;
position: absolute;
top:0;
left: 0;
}
#list .button{
padding: 40px 0 0 0;
}
#list .more-contents{
}



#information{
padding: 30px 15px 0 15px;
}
#information div{
}
#information div .image{
padding: 0;
text-align:center;
margin: -30px -15px 25px -15px;
position: relative;
overflow: hidden;
}
#information div .image img{
max-width: 750px;
position: relative;
z-index: 100;
}
#information div .image span{
content: "";
display: block;
width: 120%;
height: 120%;
position: absolute;
top:-10%;
left: -10%;
background-size: cover;
-webkit-filter: blur(20px);
filter: blur(20px);
}
#information div .notice{
}
#information div .notice span{
display: inline-block;
width: 14px;
height: 14px;
border-radius: 7px;
background: #ff5096;
vertical-align: middle;
margin: -3px 3px 0 0;
position: relative;
}
#information div .notice span::before{
content: "";
width: 2px;
height: 2px;
border-radius: 1px;
position: absolute;
top:3px;
left: 0;
right: 0;
margin: auto;
background: #FFF;
}
#information div .notice span::after{
content: "";
width: 2px;
height: 5px;
border-radius: 1px;
position: absolute;
top:6px;
left: 0;
right: 0;
margin: auto;
background: #FFF;
}
#information div .notice a::after{
content: "";
display: inline-block;
background: url("../images/cmn_arw_r_blue.png") no-repeat;
background-size: 6px auto;
width: 6px;
height: 12px;
vertical-align: middle;
margin: -2px 0 0 6px;
}
#information h2{
font-size: 16px;
line-height: 28px;
font-weight: 700;
padding: 10px 0 0 0;
}
#information p{
padding: 4px 0 0 0;
}
#information ul{
border-top: solid 1px #28c8ff;
border-left: solid 1px #28c8ff;
margin: 15px 0 0 0;
}
#information ul li{
border-bottom: solid 1px #28c8ff;
border-right: solid 1px #28c8ff;
}
#information ul li a{
font-size: 16px;
line-height: 20px;
display: block;
padding: 12px 35px 12px 12px;
position: relative;
}
#information ul li a::after{
content: "";
display: block;
background: url("../images/cmn_arw_r_blue.png") no-repeat;
background-size: 8px 13px;
width: 8px;
height: 13px;
position: absolute;
top:0;
bottom: 2px;
right:14px;
margin: auto;
}



#about{
padding: 0 15px;
}
#about table td a{
color: #111111!important;
}
#about table td a img{
display: inline-block;
vertical-align: middle;
width: auto;
height: 16px;
margin: -2px 0 3px 2px;
}


#parking{
padding: 0 15px;
}
#parking ul{
border-bottom: 1px solid #e1e1e1;
padding: 40px 0 0 0;
}
#parking ul li{
font-size: 16px;
line-height: 20px;
border-top: 1px solid #e1e1e1;
position: relative;
padding: 13px 0 12px 26px;
}
#parking ul li img{
width: auto;
height: 20px;
position: absolute;
top:0;
bottom: 1px;
left: 0;
margin: auto;
}
#parking ul li span{
font-size: 16px;
line-height: 20px;
height: 18px;
position: absolute;
top:0;
bottom: 0;
right: 32px;
margin: auto;
}
#parking ul li a{
display: block;
padding: 13px 0 12px 25px;
margin: -13px 0 -12px -25px;
}
#parking ul li a::after{
content: "";
display: block;
background: url("../images/cmn_btn_r_blue.png") no-repeat;
background-size: 20px 20px;
width: 20px;
height: 20px;
position: absolute;
top:0;
bottom: 0;
right: 0;
margin: auto;
}



#status{
padding: 0 15px;
}
#status h2{
font-size: 20px;
line-height: 20px;
font-weight: 500;
padding: 40px 0 0 0;
}
#status h2 img{
width: auto;
height: 20px;
display: inline-block;
margin: -4px 8px 0 0;
}
#status div{
}
#status div h3{
font-size: 16px;
line-height: 22px;
font-weight: 500;
padding: 36px 0 0 0;
margin: 0 0 -4px 0;
position: relative;
}
#status div h3::before{
content: "";
display: block;
width: 44px;
height: 44px;
margin: auto;
position: absolute;
top:24px;
left: -1px;
}
#status div.default h3{
padding: 36px 0 0 50px;
}
#status div.default h3::before{
background: url("../images/cmn_chr_icn_default.png") no-repeat;
background-size: 44px 44px;
}
#status h2 div.default{
background: url("../images/cmn_chr_icn_default.png") no-repeat;
background-size: 44px 44px;
width: 44px;
height: 44px;
display: inline-block;
margin-bottom: -12px;
}
#status div.rush h3{
padding: 36px 0 0 50px;
}
#status div.rush h3::before{
background: url("../images/cmn_chr_icn_rush.png") no-repeat;
background-size: 44px 44px;
}
#status h2 div.rush{
background: url("../images/cmn_chr_icn_rush.png") no-repeat;
background-size: 44px 44px;
width: 44px;
height: 44px;
display: inline-block;
margin-bottom: -12px;
}
#status div.end h3{
padding: 36px 0 0 50px;
}
#status div.end h3::before{
background: url("../images/cmn_chr_icn_end.png") no-repeat;
background-size: 44px 44px;
}
#status h2 div.end{
background: url("../images/cmn_chr_icn_end.png") no-repeat;
background-size: 44px 44px;
width: 44px;
height: 44px;
display: inline-block;
margin-bottom: -12px;
}
#status div h3 a{
}
#status div h3 a::after{
content: "";
display: inline-block;
background: url("../images/cmn_arw_r_blue.png")  top 3px left 5px no-repeat;
background-size: 5.5px auto;
width: 15px;
height: 15px;
vertical-align: middle;
margin: -4px 5px 0 5px;
border: solid 1px #28c8ff;
border-radius: 100px;
}
#status div table{
margin: 20px 0 0 0;
}
#status div table th{
font-size: 16px;
line-height: 24px;
vertical-align: middle;
padding: 6px 10px;
}
#status div table td{
color: #28c8ff;
font-size: 30px;
line-height: 40px;
font-weight: 500;
padding: 6px 10px;
}
#status div table td span{
display: inline-block;
font-size: 16px;
line-height: 24px;
font-weight: 300;
color: #111111;
margin: 7px 5px 0 0;
}
#status div table td span strong{
display: inline-block;
font-size: 30px;
font-weight: 500;
letter-spacing: -0.5px;
vertical-align: middle;
margin: -8px 2px 0 0;
color: #28c8ff;
}
#status div .off{
font-size: 16px;
line-height: 28px;
font-weight: 500;
text-align: center;
border: solid 1px #e1e1e1;
width: 100%;
margin: 20px 0 0 0;
padding: 20px 0 20px 0;
}
#status div .comment{
padding: 13px 0 0 0;
}
#status div .more-contents{
padding: 13px 0 0 0;
}
#status div .comment strong{
font-weight: 500;
color: #28c8ff;
}
#status div .more-contents strong{
font-weight: 500;
color: #28c8ff;
}
#status div .comment span{
display: inline-block;
margin: 0 2px 0 3px;
}
#status div .more-contents span{
display: inline-block;
margin: 0 2px 0 3px;
}
#status div .comment span strong{
display: inline-block;
font-size: 30px;
font-weight: 500;
letter-spacing: -0.5px;
vertical-align: middle;
margin: -8px 2px 0 0;
color: #28c8ff;
}
#status div .more-contents span strong{
display: inline-block;
font-size: 30px;
font-weight: 500;
letter-spacing: -0.5px;
vertical-align: middle;
margin: -8px 2px 0 0;
color: #28c8ff;
}
#status div .button.more{
text-align: right;
padding: 5px 0 0 0;
}
#status div .button.more a{
font-size: 16px;
line-height: 16px;
padding: 8px 10px 8px 12px;
}
#status div .button.nomore{
text-align: right;
padding: 5px 0 0 0;
}
#status div .button.nomore a{
font-size: 16px;
line-height: 16px;
padding: 8px 10px 8px 12px;
}
#status div .more-contents{
display: none;
word-break: break-all;
overflow: hidden;
}

#bookmark{
padding: 0 15px;
text-align: center;
}
#bookmark h2{
font-size: 15px;
line-height: 20px;
font-weight: 500;
padding: 20px 0 80px 0;
color: rgb(141, 130, 130);
}
#bookmark h2 img{
width: auto;
height: 20px;
display: inline-block;
margin: -4px 8px 0 0;
}

#link{
padding: 20px 15px 0 15px;
}
#link ul{
border-top: solid 1px #28c8ff;
border-left: solid 1px #28c8ff;
margin: 15px 0 0 0;
}
#link ul li{
border-bottom: solid 1px #28c8ff;
border-right: solid 1px #28c8ff;
}
#link ul li a{
font-size: 16px;
line-height: 20px;
display: block;
padding: 12px 35px 12px 12px;
position: relative;
}
#link ul li a::after{
content: "";
display: block;
background: url("../images/cmn_arw_r_blue.png") no-repeat;
background-size: 8px 13px;
width: 8px;
height: 13px;
position: absolute;
top:0;
bottom: 2px;
right:14px;
margin: auto;
}



#shop-list{
padding: 0 15px 0 15px;
}
#shop-list div{
margin: 18px 0 0 0;
padding: 0 0 15px 0;
border-bottom: solid 1px #e1e1e1;
}
#shop-list div a{
display: block;
position: relative;
padding: 0 0 0 70px;
min-height: 60px;
}
#shop-list div a h2{
font-size: 16px;
line-height: 20px;
font-weight: 700;
}
#shop-list div a h2 img{
width: 60px;
height: 60px;
object-fit: cover;
border-radius: 30px;
position: absolute;
top:0;
left: 0;
}
#shop-list div a p{
font-size: 16px;
line-height: 20px;
padding: 2px 0 0 0;
}
#shop-list .button{
padding: 40px 0 0 0;
}
#shop-list .button a{
}



#shop{
padding: 0 15px;
}
#shop .main-visual{
padding: 0;
margin: 0 -15px;
text-align:center;
position: relative;
overflow: hidden;
}
#shop .main-visual img{
max-width: 750px;
position: relative;
z-index: 100;
}
#shop .main-visual span{
content: "";
display: block;
width: 120%;
height: 120%;
position: absolute;
top:-10%;
left: -10%;
background-size: cover;
-webkit-filter: blur(20px);
filter: blur(20px);
}
#shop h2{
font-size: 16px;
line-height: 22px;
font-weight: 700;
padding: 18px 0 0 0;
}
#shop p{
padding: 13px 0 0 0;
}
#shop .image{
padding: 20px 0 10px 0;
text-align: center;
}
#shop .image img{
max-width: 750px;
}
#shop table td .link{
padding: 0;
}
#shop .button{
padding: 40px 0 0 0;
}
#shop .button a{
}



#weather{
background: #f5f5f5;
margin: 40px 15px 0 15px;
position: relative;
}
#weather h2{
font-size: 16px;
line-height: 20px;
padding: 13px 0 13px 13px;
}
@media screen and (max-width:374px) {
#weather h2{
padding: 13px 0 43px 13px;
}
}
#weather h2 span{
margin: 0 0 0 -8px;
}
#weather p{
font-size: 12px;
line-height: 12px;
font-weight: 400;
position: absolute;
bottom:12px;
right: 12px;
}
#weather p img{
width: auto;
height: 20px;
display: inline-block;
vertical-align: middle;
margin: -10px 0 0 0;
}
#weather p span{
font-size: 24px;
line-height: 24px;
letter-spacing: -1px;
margin: 0 2px 0 4px;
}



/* ==============================================
#modal
============================================== */

#modal {
display: none;
}
#modal-win {
width: 100%;
position: absolute;
}
#modal-win-inner {
margin: auto;
position: relative;
z-index: 10000;
}
#modal-bg {
width: 100%;
height: 100%;
background: rgba(0,0,0,1.0);
position: fixed;
top: 0;
left: 0;
z-index: 9998;
cursor: pointer;
}
.pp {
display: none;
background: #FFF;
margin: 0 15px;
position: relative;
-webkit-filter: drop-shadow(0 0 4px rgba(0,0,0,1.0));
filter: drop-shadow(0 0 4px rgba(0,0,0,1.0));
/* height: 220px;
min-height: 185px; */
min-height: 150px;
word-break: break-all;
padding: 35px 20px 35px 30px;
}
.pp::before{
content: "";
display: block;
background: url("../images/cmn_chr_img_default.png") no-repeat;
background-size: 60px 35px;
width: 60px;
height: 35px;
position: absolute;
top:-28px;
left: 0;
right: 0;
margin: auto;
}
.pp.important::before{
content: "";
display: block;
background: url("../images/cmn_chr_img_rush.png") no-repeat;
background-size: 60px 35px;
width: 60px;
height: 35px;
position: absolute;
top:-28px;
left: 0;
right: 0;
margin: auto;
}
.pp div {
overflow:auto;
/* height: 220px;
min-height: 185px; */
min-height: 150px;
max-height: 60vh;
/* padding: 0 30px 0 30px; */
}
.pp div::-webkit-scrollbar{
width:4px;
}
.pp div::-webkit-scrollbar-thumb{
background: #28c8ff;
}
.pp div::-webkit-scrollbar-track-piece:start{
background: #dddddd;
}
.pp div::-webkit-scrollbar-track-piece:end{
background: #dddddd;
}
.pp h2{
font-size: 16px;
line-height: 20px;
font-weight: 500;
text-align: center;
padding: 0 0 15px 0;
}
.pp.important h2{
color: #ff5096;
}
.pp p{
padding: 0 0 0 0;
/* text-align: center; */
text-align: left;
}
.pp table{
border-left: solid 1px #ebebeb;
border-top: solid 1px #ebebeb;
margin: 40px 0 0 0;
width: 100%;
}
.pp table td.off{
background: #f5f5f5;
color: #999999;
}
.pp table th{
font-size: 16px;
line-height: 24px;
border-right: solid 1px #ebebeb;
border-bottom: solid 1px #ebebeb;
vertical-align: top;
text-align: center;
padding: 8px 0 8px 0;
}
.pp table th.sat{
color: #28c8ff;
}
.pp table th.sun{
color: #ff5096;
}
.pp table td{
font-size: 16px;
line-height: 24px;
border-right: solid 1px #ebebeb;
border-bottom: solid 1px #ebebeb;
vertical-align: top;
text-align: center;
padding: 8px 8px 8px 8px;
}
.pp .modal-close{
position: absolute;
top: 6px;
right: 9px;
text-align: center;
padding: 0;
width: 24px;
height: 24px;
}
.pp .modal-close a{
display: block;
width: 24px;
height: 24px;
border-radius: 12px;
font-size: 16px;
line-height: 22px;
color: #FFF;
background: #28c8ff;
}