@charset "UTF-8";

/*-------------------------
__hoge_style
-------------------------*/

#page_ttl{background: url(images/page_ttl.jpg) no-repeat center / cover;}

/*================================== news ==================================*/

#news{ overflow-x: hidden; padding: 0 0 150px; box-sizing: border-box; text-align: left;}
#news ul.news_list{ width: 100%; margin-top: 60px;}
#news ul.news_list li{ margin-bottom: 20px; padding-bottom: 20px; box-sizing: border-box; border-bottom: 1px solid #ddd;}
#news ul.news_list li .news_list_data{ display: flex; align-items: center; margin-bottom: 10px;}
#news ul.news_list li .news_list_data p.day{ font-size: 1.4em; margin-right: 10px; font-weight: bold;}
#news ul.news_list li .news_list_data p.icon{ font-size: 1.2em; text-align: center; background-color: #FF0000; color: #fff; padding: 5px 15px; box-sizing: border-box;}
#news ul.news_list li .news_list_text{ font-size: 1.4em; line-height: 1.5;}
#news ul.news_list li .news_list_text a{ color: #000; text-decoration: underline;}

.shop_select_btn{ margin:90px auto 90px; width: 100%; max-width: 1100px;}
.shop_select_btn ul{ display: flex; justify-content: space-between;}
.shop_select_btn ul li{ width: calc((100%/7) - 5px); text-align: center;}
.shop_select_btn ul li a{ display: block; font-size: 1.6em; padding: 15px 0; font-weight: 700; box-sizing: border-box; color: #fff; border-radius: 5px;}
.shop_select_btn ul li span{ display: block; font-size: 1.6em; padding: 15px 0; font-weight: 700;  border-radius: 5px; box-sizing: border-box; color: #fff;}

.shop_select_btn ul li.btn_chiba a{ color: #00a1e9; border: 1px solid #00a1e9;}
.shop_select_btn ul li.btn_matsudo a{ color: #ffbb00; border: 1px solid #ffbb00;}
.shop_select_btn ul li.btn_narita a{ color: #76B425; border: 1px solid #76B425;}
.shop_select_btn ul li.btn_yachiyo a{ color: #E30202; border: 1px solid #E30202;}
.shop_select_btn ul li.btn_kisarazu a{ color: #EE7800; border: 1px solid #EE7800;}
.shop_select_btn ul li.btn_kanagawa a{ color: #7203b2; border: 1px solid #7203b2;}
.shop_select_btn ul li.btn_okinawa a{ color: #28C2D2; border: 1px solid #28C2D2;}
.shop_select_btn ul li.btn_chiba span{ background-color: #00a1e9;border: 1px solid #00a1e9;}
.shop_select_btn ul li.btn_matsudo span{ background-color: #ffbb00; border: 1px solid #ffbb00;}
.shop_select_btn ul li.btn_narita span{ background-color: #76B425; border: 1px solid #76B425;}
.shop_select_btn ul li.btn_yachiyo span{ background-color: #E30202; border: 1px solid #E30202;}
.shop_select_btn ul li.btn_kisarazu span{ background-color: #EE7800; border: 1px solid #EE7800;}
.shop_select_btn ul li.btn_kanagawa span{ background-color: #7203b2; border: 1px solid #7203b2;}
.shop_select_btn ul li.btn_okinawa span{ background-color: #28C2D2; border: 1px solid #28C2D2;}

.ichiran_chiba .sub_ttl{ color: #00a1e9;}
.ichiran_matsudo .sub_ttl{ color: #ffbb00;}
.ichiran_narita .sub_ttl{ color: #76B425;}
.ichiran_yachiyo .sub_ttl{ color: #E30202;}
.ichiran_kisarazu .sub_ttl{ color: #EE7800;}
.ichiran_kanagawa .sub_ttl{ color: #7203b2;}
.ichiran_okinawa .sub_ttl{ color: #28C2D2;}

@media screen and (min-width: 768px) {
#news ul.news_list li .news_list_text a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
#news ul.news_list li .news_list_text a:hover{ opacity: 0.6;}
.shop_select_btn ul li a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
.shop_select_btn ul li a:hover{ opacity: 0.6;}
}

@media screen and (max-width: 767px) {

#news{ padding: 30px 20px 70px;}
#news ul.news_list{ width: 100%; margin-top: 15px;}
#news ul.news_list li .news_list_data p.day{ font-size: 1.3em; margin-right: 10px; }
#news ul.news_list li .news_list_data p.icon{ font-size: 1.1em; padding: 5px 10px;}
#news ul.news_list li .news_list_text{ font-size: 1.3em; line-height: 1.5;}

.shop_select_btn{ margin:20px auto 0; padding: 0 20px; box-sizing: border-box; max-width: 500px;}
.shop_select_btn ul{ flex-wrap: wrap; justify-content: center;}
.shop_select_btn ul li{ width: calc((100%/3) - 6px); margin-right: 9px; margin-bottom: 10px;}
.shop_select_btn ul li:nth-child(3){ margin-right: 0;}
.shop_select_btn ul li:nth-child(6){ margin-right: 0;}
.shop_select_btn ul li a,
.shop_select_btn ul li span{ font-size: 1.3em; padding: 10px 0;}

}