@charset "UTF-8";
*{box-sizing:border-box;}
.container{max-width:98%;margin:0 auto;display:grid;}
h1{text-align:center;color:#ffffff;font-size:8vw;background:url('../image/title_bg.png') no-repeat center center / cover #e50012;text-shadow:3px 3px 2px#333333;}
h1 span.comment{font-size:3.8vw;display:block;width:100%;}
.txt_link,.txt_link a{font-size:4vw;text-align:center;}
h2{font-weight:bold;border-bottom:2px solid #333333;}
.blue{color:#0000aa;}
.red{color:#e50012;}
.bold{font-weight:bold;}
.usageGuide{width:100%;text-align:right;}
.usageGuide::before{content:"";background:#eeeeee;display:inline-block;vertical-align:middle;margin:0 1% 0 0;width:15%;height:100%;}
svg{width:100%;}
.main_contents{min-height:100vh;}
.radiobutton{display:flex;flex-flow:row wrap;}
.radiobutton label{max-width:47%;display:block;margin:auto 1%;}
p.select_comment{background:#00135d;color:#ffffff;text-align:center;width:100%;}
.list_hide{display:none;}
#selector{position:relative;width:96%;margin:0 2%;display:none;}
#selector select{-webkit-appearance:none;appearance:none;width:100%;margin:1% auto;padding:1%;font-size:5vw;text-align:center;position:relative;}
#selector::after{content:"";position:absolute;right:4%;top:40%;width:5px;height:5px;border:3px solid #0080c0;border-right:none;border-bottom:none;pointer-event:none;transform:translateY(-50%) rotate(-135deg);}
.table-box{display:grid;}
.th-item{border:1px solid #ffffff;font-weight:bold;display:flex;align-items:center;justify-content:center;}
.date,.name-list .th-item{background:#999999;}
.td-item{background:#ffcccc;border:1px solid #ffffff;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;text-align:center;}
.usageGuide::before{width:100px;height:100%;}
.common{background:#eeeeee;}
.name-list .td-item{background:#e50012;}
.name-list a{color:#ffffff;}
.hol{background:#fff000;}
.date.item_1{grid-row:1/2;}
.date.item_2{grid-row:2/3;}
.date.item_3{grid-row:3/4;}
.date.item_4{grid-row:4/5;}
.date.item_5{grid-row:5/6;}
.date.item_6{grid-row:6/7;}
.date.item_7{grid-row:7/8;}
.item1-2{grid-row:1/2;}
.item1-3{grid-row:1/3;}
.item1-4{grid-row:1/4;}
.item1-5{grid-row:1/5;}
.item1-6{grid-row:1/6;}
.item1-7{grid-row:1/7;}
.item1-8{grid-row:1/8;}
.item1-9{grid-row:1/9;}
.item2-3{grid-row:2/3;}
.item2-4{grid-row:2/4;}
.item2-5{grid-row:2/5;}
.item2-6{grid-row:2/6;}
.item2-7{grid-row:2/7;}
.item2-8{grid-row:2/8;}
.item3-4{grid-row:3/4;}
.item3-5{grid-row:3/5;}
.item3-6{grid-row:3/6;}
.item3-7{grid-row:3/7;}
.item3-8{grid-row:3/8;}
.item4-5{grid-row:4/5;}
.item4-6{grid-row:4/6;}
.item4-7{grid-row:4/7;}
.item4-8{grid-row:4/8;}
.item5-6{grid-row:5/6;}
.item5-7{grid-row:5/7;}
.item5-8{grid-row:5/8;}
.item6-7{grid-row:6/7;}
.item6-8{grid-row:6/8;}
.item7-8{grid-row:7/8;}
.store-name{font-size:3.5vw;margin:1% 0 0;padding:1% 0;}
a.to_chirashi{text-decoration:none;background:rgba(28,51,91,1);border:1px solid #ffffff;border-radius:20px;padding:0 3%;box-shadow:0 0 0 1px #00135d;display:block;margin:2% 0;min-width:55%;}
.group_link{width:100%;text-align:center;}
.group_link a{display:block;width:95%;margin:5% auto;text-decoration:none;}
.group_link a.bic_store{background:#e50010;color:#ffffff;border:2px solid #ffffff;border-radius:20px;box-shadow:0 0 0 2px #e50010;}
.group_link a.sof_store{background:#0080c0;color:#ffffff;border:2px solid #ffffff;border-radius:20px;box-shadow:0 0 0 2px #0080c0;}
p.comment{margin:0 0 0 1em;text-indent:-1em;font-size:0.8em;text-align:left;}
footer p{width:100%;border-top:3px solid #00135d;text-align:center;}
.pc{display:none;}

/* for pc browser */
@media screen and (min-width: 1029px){
.container,.container *{max-width:1100px;}
h1{font-size:85px;margin-bottom:0;}
h1 span.comment{font-size:20px;}
.txt_link,.txt_link a{text-align:right;margin-bottom:2%;font-size:18px;}
#selector select{-webkit-appearance:auto;appearance:auto;width:auto;margin:1% auto;padding:1%;font-size:15px;text-align:left;}
#selector::after{content:none;}
.table-item{display:grid;}
.name-list{grid-column:1/2;display:grid;width:240px;}
.table-box{grid-column:2/10;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;width:860px;}
.common,.name-list .td-item{font-size:0.85rem;background:#eeeeee;}
.name-list a{color:#000aaa;}
.name-list a.to_chirashi{color:#ffffff;margin:0 0 2%;}
.store-name{font-size:0.8rem;margin:0;padding:0;}
.th-item{height:30px;}
.td-item{height:90px;}
.date{width:100%;}
.date.item_1{grid-column:1/2;grid-row:1/2;}
.date.item_2{grid-column:2/3;grid-row:1/2;}
.date.item_3{grid-column:3/4;grid-row:1/2;}
.date.item_4{grid-column:4/5;grid-row:1/2;}
.date.item_5{grid-column:5/6;grid-row:1/2;}
.date.item_6{grid-column:6/7;grid-row:1/2;}
.date.item_7{grid-column:7/8;grid-row:1/2;}
.item1-2{grid-column:1/2;grid-row:2/3;}
.item1-3{grid-column:1/3;grid-row:2/3;}
.item1-4{grid-column:1/4;grid-row:2/3;}
.item1-5{grid-column:1/5;grid-row:2/3;}
.item1-6{grid-column:1/6;grid-row:2/3;}
.item1-7{grid-column:1/7;grid-row:2/3;}
.item1-8{grid-column:1/8;grid-row:2/3;}
.item2-3{grid-column:2/3;grid-row:2/3;}
.item2-4{grid-column:2/4;grid-row:2/3;}
.item2-5{grid-column:2/5;grid-row:2/3;}
.item2-6{grid-column:2/6;grid-row:2/3;}
.item2-7{grid-column:2/7;grid-row:2/3;}
.item2-8{grid-column:2/8;grid-row:2/3;}
.item3-4{grid-column:3/4;grid-row:2/3;}
.item3-5{grid-column:3/5;grid-row:2/3;}
.item3-6{grid-column:3/6;grid-row:2/3;}
.item3-7{grid-column:3/7;grid-row:2/3;}
.item3-8{grid-column:3/8;grid-row:2/3;}
.item4-5{grid-column:4/5;grid-row:2/3;}
.item4-6{grid-column:4/6;grid-row:2/3;}
.item4-7{grid-column:4/7;grid-row:2/3;}
.item4-8{grid-column:4/8;grid-row:2/3;}
.item5-6{grid-column:5/6;grid-row:2/3;}
.item5-7{grid-column:5/7;grid-row:2/3;}
.item5-8{grid-column:5/8;grid-row:2/3;}
.item6-7{grid-column:6/7;grid-row:2/3;}
.item6-8{grid-column:6/8;grid-row:2/3;}
.item7-8{grid-column:7/8;grid-row:2/3;}
.spacer{display:block;width:100%;}
.group_link a{display:inline-block;margin:1%;padding:0 2%;width:auto;}
.pc{display:block;}
.pc.th-item{display:flex;}
.none,.th-item.none{display:none;}
}