@charset "UTF-8";
#live_content{max-width:1100px;margin:auto auto;}
h1{text-align:center;color:#e50012;font-size:8vw;}
h2{text-align:center;color:#00135d;font-size:5vw;}
.date,.date span{text-align:center;font-size:4vw;margin:2% 0;}
.blue{color:#0000aa;font-weight:bold;}
.red{color:#e50012;font-weight:bold;}
.bold{font-weight:bold;}
.main_image{background:linear-gradient(to bottom,#fabe00 0,#fff100 25%,#ffffff 100%) no-repeat;}
.to_ec{border:1px solid #00135d;text-align:center;display:flex;flex-flow:row wrap;width:96%;margin:0 2% 2%;justify-content:space-around;}
.to_ec p{width:100%;margin:0;background:#00135d;color:#ffffff;}
.link_note{font-size:0.8em;width:100%;}
.live_items_link{width:100%;}
.live_items_link a{text-decoration:none;}
.item_button dl{width:94%;margin:2% auto;border:1px solid #00135d;box-shadow:1px 1px 4px #333333;}
.item_button dt{background:#eeeeee;}
.item_button dt img{width:100%;filter:drop-shadow(2px 2px 4px rgba(0,0,0,0.4));}
.item_button dd{background:#00135d;color:#ffffff;margin:0;position:relative;}
.item_button dd::after{content:"";display:block;width:0.4em;height:0.4em;border:5px solid #ffffff;transform:rotate(45deg);border-bottom:none;border-left:none;position:absolute;top:25%;right:2%;}
image.fixed_image,svg{width:100%;}
.live_items_link_table{width:96%;margin:auto;border:1px solid #cccccc;}
.items{display:flex;flex-flow:row wrap;width:100%;border-bottom:1px solid #cccccc;}
.items:last-of-type{border:none;}
.item_names{width:100%;background:#00135d;}
.maker_name{color:#ffffff;font-weight:bold;}
.variation{width:100%;margin:0;padding:0;display:flex;flex-flow:row wrap;justify-content:space-around;}
.item_button{width:46%;margin:2% auto;border:1px solid #cccccc;box-shadow:1px 1px 3px #cccccc;position:relative;}
.item_button a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
.item_button a::after{content:"";display:block;width:10px;height:10px;border:5px solid #cccccc;transform:rotate(45deg);border-bottom:none;border-left:none;position:absolute;top:45%;right:5%;}
.item_button img{width:100%;}
.item_button.blank{border:none;box-shadow:none;display:none;}
.item_button.wide{width:96%;}
.live_items_link .item_button{width:100%;}
.explane{background:#ffffff;border:1px solid #333333;width:92%;margin:auto;padding:2%;}
.comment{width:90%;margin:0 auto;padding:1%;font-size:3.5vw;}
.souvenir{width:90%;margin:auto;border:1px solid #333333;display:none;}
.souvenir p.bold{background:#00135d;margin:0;text-align:center;color:#ffffff;padding:2% 0;}
.souvenir img{max-width:100%;display:block;margin:0 auto;}
.flex{flex-flow:row wrap;}
.souvenir.flex p.bold{width:100%;}
.maker_camp{background:#f3f7f8;border:none!important;}
.maker_camp span.camp_title{display:block;text-align:center;margin:0;width:100%;}
.right{text-align:right;}
.store{margin:3% 0;font-size:3.5vw;}
.store_title::before{content:"";width:0.8em;height:0.8em;background:#333333;display:inline-block;margin:0 0.5em 0 1em;}
.store dd{margin:0;text-align:center;font-weight:bold;}
.store dd .link{margin:auto;max-width:75%;background:linear-gradient(to bottom,#eae7e3 0,#9a959a 25%,#f9f9f9 50%,#8e888b 90%,#b5b5b6 100%);border-radius:30px;border:1px solid #ffffff;box-shadow:0 0 0 2px #b5b5b6;}
.store dd .link a{font-weight:bold;text-decoration:none;display:block;width:100%;height:100%;color:#00135d;text-shadow:0.5px 0.5px 1px #ffffff;}
table.stores{width:98%;margin:1% auto;border:3px solid #333333;border-collapse:collapse;}
table.stores th{background:#fff000;border:3px solid #333333;}
table.stores td{background:#ffffff;border:3px solid #333333;}
table.stores th.areaname{width:25%;}
table.stores td.storename{border-bottom:none;}
footer{width:100%;max-width:100%;}
footer p{margin:0 0 3%;text-align:center;font-size:3vw;}

/* for PC Browser */
@media screen and (min-width: 1025px){
h1{font-size:60px;}
h2{font-size:40px;}
.date,.date span{font-size:25px;}
.comment{font-size:22px;}
.souvenir p.bold{font-size:27px;}
.souvenir.flex p.bold{width:50%;display:flex;align-items:center;justify-content:center;}
.store{font-size:15px;}
.store dd .link{max-width:350px;}
.live_items_link{width:350px;}
.live_items_link_table{width:1000px;margin:10px auto;}
.item_names{width:300px;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}
.item_names span{display:flex;justify-content:center;width:100%;}
.item_button.blank{display:block;}
.item_button.wide{width:46%;}
.variation{width:700px;}
footer p{font-size:14px;}
.sp,.mobile{display:none;}
}