@charset "shift-jis";

/*
-------------------------------------------------------------------------------
SHOKUBI CSS
-------------------------------------------------------------------------------
DATE   : 2020/07
AUTHOR : http://www.ntsys.co.jp
-------------------------------------------------------------------------------
framework  : Bootstrap v4.3.1
Breakpoint : 
sm- 576px
md- 768px
lg- 992px
xl-1200px


defalt-color:#212529
-------------------------------------------------------------------------------
*/

@import url("form.css");
@import url("item.css");

/*
-------------------------------------------------------------------------------
フォント読み込み
-------------------------------------------------------------------------------
*/

/*noto sans*/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400&display=swap&subset=japanese');/*font-family: 'Noto Sans JP', sans-serif;*/
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:800&display=swap');font-family: 'Open Sans', sans-serif;*/
/*@import url('https://fonts.googleapis.com/css?family=Oxygen:700&display=swap'); font-family: 'Oxygen', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap');/*font-family: 'Roboto', sans-serif;*/




.container-fluid{
	max-width:1920px;
}

/*
-------------------------------------------------------------------------------
初期設定
-------------------------------------------------------------------------------
*/
body{
	font-size:100%;
	font-family:'Noto Sans JP','游ゴシック Medium','游ゴシック体','Yu Gothic Medium', YuGothic,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
h1,h2,h3,h4,h5,dt,.head{
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-weight:bold;
}
h1.page-title{
	font-size:1.5rem;
	margin:16px 0;
	font-weight:bold;
}

@media screen and (max-width:575px){
html{
	font-size:90%;
}
}

/*chrome83対応*/

input:focus,
button:focus,
select:focus,
a:focus,
li:focus{
	outline:none;
}
input[type*="text"],
textarea{
	border:1px solid #999;
	outline:none;
}

/*iframe対策（fancybox3）*/
div.fancybox-content,
iframe.fancybox-iframe{
	-webkit-overflow-scrolling:touch !important;
}

a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
/*
-------------------------------------------------------------------------------
共通設定
-------------------------------------------------------------------------------
*/

/*点滅*/
.efct-blink{
	-webkit-animation:efct-blink 0.4s linear infinite alternate;
	-moz-animation:efct-blink 0.4s linear infinite alternate;
	animation:efct-blink 0.4s linear infinite alternate;
}
@-webkit-keyframes efct-blink{
	0% {opacity:0.7;}
	100% {opacity:1;}
}
@-moz-keyframes efct-blink{
	0% {opacity:0.7;}
	100% {opacity:1;}
}
@keyframes efct-blink{
	0% {opacity:0.7;}
	100% {opacity:1;}
}

img.icon-inline{
	width:30px;
	margin:0 .2rem;
	height:auto;
	vertical-align:text-bottom;
}


/*
-------------------------------------------------------------------------------
ヘッダ
-------------------------------------------------------------------------------
*/

/*特設バナーなど*/

.info-bar{
	background-color:#E61212;
	padding:.5rem 1rem;
	text-align:center;
}
.info-bar p{
	text-align:center;
	margin:0;
	font-size:0.9rem;
}
.info-bar p img{
	margin:auto;
}


.info-global{
	border-bottom:1px solid #DDD;
}
.info-global p{
	text-align:center;
	margin:0 -15px;
}
.info-global p a{
	padding:.2rem;
	display:block;
	background-color:#F9F9F9;
	font-size:.85rem;
	color:#212529;
	text-decoration:underline;
}
.info-global p a:hover{
	background-color:#FFF;
}
.info-global p a i{
	color:#F00;
}
/*
-------------------------------------------------------------------------------
ログイン
-------------------------------------------------------------------------------
*/

div.login-nav{
	background-color:#F30;
	color:#FFF;
	padding:.5rem 15px;
	margin:0 -15px;
	line-height:1;
}
div.login-nav p,
div.login-nav ul{
	font-size:0.85rem;
	margin:0;
}
div.login-nav p{
	padding:0;
}
div.login-nav ul{
	padding:0;
}
div.login-nav ul li{
	display:inline-block;
	margin-left:6px;
}
div.login-nav ul li a:before{
	font-family:"Font Awesome 7 Free";
	content : "\f0da";
	font-weight:900;
	letter-spacing:2px;
}

div.login-nav a{
	color:#FFF;
}
div.login-nav p a{
	font-weight:bold;
	text-decoration:underline;
}
div.login-nav a.name{
	font-weight:bold;
	margin:0 0.2rem;
}


header,
footer{
}

header .member{
	background-color:#999;
	margin:0 -15px;
}



ul.item-list,
ul.item-list li{
	margin:0 !important;
	padding:0 !important;
}

header .logo{
	margin:0;
	padding:0;
	line-height:1;
}
header .logo img{
	height:auto;
	vertical-align:top;
	width:170px;
	height:45px;
}

@media screen and (max-width:576px){
header .logo img{
	margin:5px 0 0;
	width:130px;
	height:auto;
}
}
header ul.menu{
	margin:0 0 0 10px;
	padding:0;
	border-left:1px dotted #DDD;
	font-size:0;
}

header ul.menu li{
	display:inline-block;
	text-align:center;
}
header ul.menu li a{
	color:#333;
	display:block;
	border-right:1px dotted #DDD;
	padding:0 5px;
}
header ul.menu li i{
	font-size:1.7rem;
}
header ul.menu li p{
	margin:0;
	padding:3px 0 0 0;
	font-size:0.70rem;
}
header div.cart{
	position:relative;
}

/*クーポン配信中表示*/

header div.cart div.tip-coupon{
    min-width:80px; 
    top:50%;
    right:100%;
    margin-right:3px;
    transform:translate(0, -50%);
    color:#FFFFFF;
    background-color:#FF0000;
    font-weight:normal;
    border-radius:4px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
	padding:.2rem;
    border:1px solid transparent;
	box-shadow:0 1px 4px rgba(0,0,0,0.2);
	cursor:default;
}
header div.cart div.tip-coupon p{
	margin:0;
	text-align:center;
	line-height:1.1;
	font-size:.85rem;
	color:#FF0;
	font-weight:bold;
}
@media screen and (max-width:576px){
header div.cart div.tip-coupon{
    min-width:50px; 
	padding:.3rem 0;
}
header div.cart div.tip-coupon p{
	font-size:.7rem;
}
}
header div.cart div.tip-coupon i{
    position:absolute;
    top:50%;
    left:100%;
    margin-top:-12px;
    width:12px;
    height:24px;
    overflow:hidden;
}
header div.cart div.tip-coupon i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:0;
    top:50%;
    transform:translate(-50%,-50%) rotate(-45deg);
    background-color:#FF0000;
    border:1px solid transparent;
	box-shadow:0 1px 4px rgba(0,0,0,0.2);
}


header div.cart a{
	display:block;
}
header div.cart button{
	background-color:#FFF;
	color:#F00;
	padding:0 3px;
	border:2px solid #F00;
	border-radius:5px;
	min-width:3rem;
}
header div.cart button div{
	font-size:1.2rem;
}
header div.cart button div span{
	background-color:#F00;
	font-size:0.8rem;
	padding:0.12rem;
	margin-left:2px;
	vertical-align:top;
	display:inline-block;
	border:2px solid #F00;
	border-radius:3px;
	color:#FFF;
	line-height:1;
	min-width:1.3rem;
	font-family: 'Roboto', sans-serif;
}

header div.cart button span.label{
	display:block;
	font-size:0.7rem;
	padding:3px 0 0;
	font-weight:bold;
	color:#333;
}
@media screen and (max-width:768px){
header div.cart button span{
	font-size:0.6rem;
}
header div.cart button span.label{
	display:none;
}
}
/*ハンバーガーメニュー*/
button#ham-trigger{
	background-color:#FFF;
	color:#212529;
	font-size:2.25rem;
	padding:0;
}
button#ham-trigger span{
	display:block;
	font-size:0.5rem;
}
nav#ham-slider{
	background-color:#FFF;
	z-index:1000;
	display:none;
	text-align:center;
	overflow:scroll;
	box-shadow:2px 2px 2px 2px rgba(0,0,0,0.2); 
}
#ham-slider p{
	background-color:#F30;
	color:#FFF;
	padding:5px 5px;
	font-size:0.8rem;
	text-align:center;
	margin:0;
	font-weight:bold;
}
#ham-slider p i{
	font-size:1.0rem;
	margin-right:4px;
}
#ham-slider ul{
	margin:0;
	padding:0;
	text-align:left;
}
#ham-slider ul li{
	border-bottom:1px solid #DDD;
}
#ham-slider ul li a{
	padding:5px;
	display:block;
	font-size:1rem;
	color:#212529;
}
#ham-slider ul li a:before{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	content : "  \f054";
	font-weight:900;
	margin-right:4px;
}

#ham-close{
	background-color:#FFF;
	color:#212529;
	text-align:center;
	width:auto;
	border:1px solid #999999;
	margin:5px auto;
	padding:5px 30px;
}
#ham-close i{
	margin-right:4px;
}
/*グローバルメニュー*/


.global{
	border-top:2px solid #400A00;
	border-bottom:2px solid #400A00;
	background-color:#FAF8F5;
	text-align:center;
	line-height:1;
}
.global .category ul.top-category{
	display:block;
	margin:0;
	padding:0;
}

.global .category ul.top-category li{
	display:inline-block;
	table-layout:fixed;
	text-align:center;
}

.global .category ul.top-category li a{
	color:#400A00;
	font-size:0.75rem;
	text-align:center;
	font-weight:bold;
	line-height:1;
	padding:10px 5px;
	display:block;
}

.global .category ul.top-category li a:hover{
	color:#F30;
	text-decoration:none;
	background:linear-gradient(transparent 90%, #F30 10%);
}

@media screen and (max-width:1400px){
.global .category ul.top-category li{
	vertical-align:top;
}

.global .category ul.top-category li a{
	font-size:0.7rem;
}
}
@media screen and (max-width:992px){
.global .category ul.top-category li a{
	font-size:0.5rem;
}
.global .category ul.top-category li a:hover{
	color:#04C;
	text-decoration:none;
	background:none;
}
}

.global .category{
	position:relative;
}
.global .category button{
	background-color:#FAF8F5;
	color:#400A00;
	font-weight:bold;
	margin:5px 0;
	width:100%;
	padding:10px 0;
}
.global .category button:hover{
	opacity:1.0;
}
@media screen and (max-width:992px){
.global .category ul.top-category{
	display:none;
	position:absolute;
	top:3rem;
	left:0;
	width:100%;
	background-color:rgba(255,255,255,0.97);
	z-index:10000;
	border:1px solid #DDD;
	text-align:left;
}
.global .category ul.top-category li{
	display:block;
	text-align:left;
}
.global .category ul.top-category li a{
	color:#04C;
	text-align:left;
	font-size:0.9rem;
	border-top:1px solid #DDD;
}
.global .category ul.top-category li a:before{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	content : "\f0da";
	font-weight:900;
	margin-right:4px;
}
.global .category button{
	margin:0;
}
}


/*ブランド*/
.search-nav .brand{
	padding-top:5px;
	padding-bottom:5px;
}

.search-nav .brand button{
	font-size:.9rem;
	width:218px;
	margin-right:16px;
	background-color:#E8180C;
	color:#FFF;
	font-weight:bold;
}

@media screen and (max-width:768px){
.search-nav .brand button{
	width:auto;
}
}
.search-nav .brand .dropdown-menu{
	box-shadow:1px 1px 2px rgba(0,0,0,.1);
}

.search-nav .brand .dropdown-menu .dropdown-item{
	font-size:.9rem;
}
/*検索*/

div.search{
	padding:5px 15px;
	position:relative;
}
div.search select,
div.search input,
div.search button{
	font-size:.9rem;
	outline:0;
	box-shadow:none;

}
div.search button.btn{
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
div.search select{
	color:#400A00;
	font-weight:bold;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	border-right:none;
	background-color:#FFF2EE;
	z-index:1000;
	position:relative;
	padding-left:.2rem;
	padding-right:1.4rem;
	font-size:.75rem;
	height: calc(1.5em + 1rem + 2px);
}
@media screen and (max-width:768px){
div.search select{
	height: calc(1.5em + .95rem + 2px);
}}
div.search input{
	border:1px solid #ced4da;
	border-top-left-radius:.25rem;
	border-bottom-left-radius:.25rem;
	z-index:100;
	position:relative;
	outline:none;
	border-right:none;
}

div.search select option{
	color:#212529;
}
div.search input[name=Keywords]{
	font-weight:bold;
	color:#212529;
	border-color:#777;
}
div.search .result input[name=Keywords]{
	color:#400A00;
}
div.search .result input[name=Keywords]:focus{
	color:#212529;
}

div.search select:focus{
	box-shadow:0px 0px 0px 2px rgba(51,0,0,0.4);
	outline:0;
	border:1px solid #ced4da;
	border-right:none;
}

div.search input:focus{
	box-shadow:none;
	outline:0;
	border:1px solid #777;
	border-right:none;
}
div.search-unit-focus{
	box-shadow:0px 0px 0px 2px rgba(51,0,0,0.4);
	border-radius:.25rem;
}

div.search button,
div.search button:hover,
div.search button:focus{
	background-color:#400A00;
	border:1px solid #400A00;
	color:#FFF;
	box-shadow:none;
}
div.search button i{
	margin-right:5px;
}
@media screen and (max-width:768px){
div.search button i{
	margin:0;
}
div.search button span{
	display:none;
}
}

div.search div.empty{
	background-color:#C00;
	position:absolute;
	top:40px;
	left:0px;
	cursor:pointer;
	opacity:1;
	display:none;
		padding:0.75rem 1rem;
	border-radius:4px;
	z-index:10000000;
	box-shadow:2px 2px 1px rgba(0,0,0,0.2);
}
div.search div.empty:hover{
	opacity:0.8;
}


div.search div.empty p{
	margin:0;
	color:#FFF;
	font-size:0.8rem;
	font-weight:bold;
}
div.search div.empty p i{
	margin-left:5px;
	font-size:1rem;
}
div.search div.empty:before{
	content: "";
	position: absolute;
	top: -20px;
	left: 20px;
 	margin-left: -10px;
	border: 10px solid transparent;
	border-bottom: 15px solid #C00;
}

/*
-------------------------------------------------------------------------------
お知らせ
-------------------------------------------------------------------------------
*/

h1.info{
	font-size:1.5rem;
	margin-top:1rem;
	margin-bottom:1rem;
	text-align:center;
	padding-bottom:.3rem;
	border-bottom:2px solid #212529;
}

h2.info{
	font-size:1.2rem;
	margin-top:2rem;
	margin-bottom:1rem;
	text-align:left;
	padding-bottom:.3rem;
	border-bottom:2px solid #DDD;
}

@media screen and (max-width:768px){
h1.info{
	text-align:left;
}
}

h1.info span{
	font-size:1.0rem;
}


ul.newsList{
	width:100%;
	margin:10px 0px;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:0;
}
ul.newsList li{
	font-size:0.9rem;
	list-style-type:none;
	padding:5px;
}
ul.newsList li.even{
	background-color:#EEEEEE;
}

ul.newsList li a:link,
ul.newsList li a:visited,
ul.newsList li a:hover,
ul.newsList li a:active{
	text-decoration:underline;
}
ul.newsList li a strong{
	text-decoration:underline;
}

ul.newsList li span{
	color:#666666;
	margin:0px 0px 0px 5px;
}

/*
-------------------------------------------------------------------------------
ガイド
-------------------------------------------------------------------------------
*/
h1.guide{
	color:#600;
	font-size:1.5rem;
	font-weight:bold;
	text-align:center;
}
h1.guide span{
	font-weight:normal;
	font-size:1.2rem;
	margin:0 0 0 1rem;
}
h2.guide{
	color:#600;
	font-size:1.3rem;
	padding:.7rem;
	margin:5rem 0 1rem;
	line-height:1;
	background-color:rgba(102,0,0,.1);
}
h3.guide{
	font-size:1rem;
	padding:5px 0;
	margin:30px 0 15px;
	color:#600;
	border-top:2px solid #600;
}
h3.guide:before{
    font-family: "Font Awesome 7 Free";
    white-space: pre;
    content: "\f0c8";
    font-weight:900;
    margin-right:0.2rem;
}

h4.guide{
	font-size:1rem;
	padding:5px 0;
	margin:30px 0 15px;
	color:#600;
}
h4.guide:before{
    font-family: "Font Awesome 7 Free";
    white-space: pre;
    content: "\f0c8";
    font-weight:400;
    margin-right:0.2rem;
}
img.block{
	margin:15px 0;
}


ul.guide-index li div{
	border:2px solid #CCC;
	padding:7.5px;
	border-radius:4px;
	font-size:0.9rem;
}

ul.guide-index li div h2{
	font-size:1.2rem;
	text-align:center;
}
ul.guide-index li div h2 a{
	color:#600;
	font-weight:bold;
}
ul.guide-index li div h2 a i{
	margin-right:4px;
}

ul.guide-navi{
	width:230px;
	border-right:1px solid #DDD;
	margin:0;
	padding:0 15px 0 0;
	font-size:0.9rem;
}

ul.guide-navi li{
	list-style:none;
}
ul.guide-navi li a{
	padding:3px 0 3px 1rem;
	text-indent:-1em;
	display:block;
	color:#212529;
}
ul.guide-navi li a:before {
    font-family: "Font Awesome 7 Free";
    white-space: pre;
    content: "\f0da";
    font-weight: 900;
    margin-right: 0.3rem;
}
@media screen and (max-width:992px){
ul.guide-navi{
	width:auto;
	border-right:none;
	border:1px solid #DDD;
	border-radius:4px;
	margin:0 0 15px 0;
	padding:0;
	font-size:0.9rem;
}
ul.guide-navi li a{
	display:block;
	padding:5px;
	text-indent:0;
	border-bottom:1px solid #DDD;
}
ul.guide-navi li:last-child a{
	border:none;
}
}

table.guide-mark{
	border:2px solid #DDD;
}

table.guide-mark th,
table.guide-mark td{
	font-size:0.9rem;
	padding:2px 5px;
}





table.payment{
	border-collapse:collapse;
	border:1px solid #DDD;
}
table.payment th,
table.payment td{
	border:1px solid #DDD;
	padding:3px;
	font-size:0.9rem;
}


table.payment th{
	background-color:#EEE;
	white-space:nowrap;
	text-align:center;
}

table.payment td.price{
	white-space:nowrap;
	text-align:center;
}
table.payment td.price-eq-width{
	white-space:nowrap;
	text-align:right;
}
table.payment td strong{
	display:block;
	padding:5px 0;
	font-size:1rem;
}

.guide-frame{
	border:2px solid #CCC;
	border-radius:4px;
	margin:10px 0;
	padding:10px;
}
.guide-frame p{
	margin:0.5rem 0;
}

@media screen and (max-width:768px){
.guide-frame{
	width:auto;
}
}

p.total-price{
	font-weight:bold;
	font-size:1.5rem;
	margin:0.5rem 0;
}
p.total-price span{
	font-weight:normal;
	font-size:1rem;
}

ol.flow-cvs{
   margin: 0;
   counter-reset: number;
   padding:0;
}
ol.flow-cvs li div{
	border:2px solid #DDD;
	border-radius:4px;
	padding:5px;
}
ol.flow-cvs li h4{
	text-align:center;
	font-size:0.9rem;
	color:#F30;
}
ol.flow-cvs li h4:before{
   counter-increment: number;
   content:"STEP " counter(number);
   margin-bottom:5px;
   padding:0.2rem;
   background-color:#F30;
   display:block;
   color:#FFF;
   text-align:center;
   border-radius:4px;
   font-weight:bold;
   font-size:0.9rem;
}

ol.flow-cvs li img{
	display:block;
	margin:5px auto;
}
ol.flow-cvs li p{
	font-size:0.9rem;
	margin:0;
}

ul.guide-inquiry-list dl{
	margin:0;
	padding:0;
}
ul.guide-inquiry-list dl dt{
	border-bottom:1px solid #DDD;
	color:#600;
}
ul.guide-inquiry-list dl dd{
	font-weight:bold;
	font-size:1.2rem;
}
ul.guide-inquiry-list dl dd a{
	color:#212529;
	text-decoration:underline;
}
/*
-------------------------------------------------------------------------------
送料
-------------------------------------------------------------------------------
*/



body#delivery-info{
	padding-bottom:150px;
}
body#delivery-info h1{
	text-align:center;
	font-size:1.3rem;
	margin:0;
}

body#delivery-info ul.item-icon li{
	text-align:center;
}
body#delivery-info ul.item-icon li a{
	color:#212529;
	text-decoration:none;
	display:block;
}
body#delivery-info ul.item-icon li a:hover{
	opacity:0.5;
}
body#delivery-info ul.item-icon li div{
	border:2px solid #CCC;
	border-radius:5px;
	margin:1rem 0 0;
	padding:.5rem 0;
	box-shadow:0 7px 3px -2px rgba(0,0,0,0.1);
}
body#delivery-info ul.item-icon li div p.head{
	margin:0 0 0.5rem;
	font-size:.9rem;
}
body#delivery-info ul.item-icon li ul li{
	display:inline-block;
}
body#delivery-info ul.item-icon li ul li img{
	width:50px;
	height:auto;
	margin:0 0.3rem;
}
body#delivery-info ul.item-icon li ul li p{
	font-size:.7rem;
	margin:0;
}
body#delivery-info ul.item-icon li p.additional{
	font-size:.7rem;
}
body#delivery-info h2{
	text-align:center;
	background-color: rgba(102,0,0,.1);
	color:#600;
	font-size:1.1rem;
	padding:0.5rem;
	margin-top:4rem;
}
body#delivery-info h3{
	text-align:left;
	color:#600;
	font-size:1rem;
	padding:0 0 0.2rem 0;
	margin-top:1rem;
	border-bottom:2px solid #600;
}


body#delivery-info h3:before{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	content : "\f05a";
	font-weight:900;
	margin-right:0.2rem;
}

body#delivery-info div.postage-free{
	border:3px solid #F00;
	text-align:center;
	margin-bottom:1rem;
    background-color: #FFF;
}
body#delivery-info div.postage-free p{
	font-size:.8rem;
}
body#delivery-info div.postage-free strong{
	font-size:1.3rem;
	font-weight:bold;
	color:#F00;
	display:block;
	margin:.5rem 0;
}


/*
-------------------------------------------------------------------------------
フッタ
-------------------------------------------------------------------------------
*/
footer{
	border-top:2px solid #400A00;
	padding:15px 0 50px;
}
body#article footer{
	padding-bottom:150px;
}
footer div.article a{
	display:block;
	padding:15px 0;
	background-color:#FFF;
	text-align:center;
	margin:8px 0;
}

/*お問い合わせ*/

footer .inquiry{
	background-color:#FFF;
	border:1px solid rgba(64,10,0,0.3);
	padding:0 10px;
}
@media screen and (max-width:575px){
footer .inquiry{
	margin:0 -15px;
}
}


footer .inquiry p.head{
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding-bottom:4px;
	margin-bottom:0;
	border-top:none;
	font-size:1rem;
	font-family:'Noto Sans JP','游ゴシック Medium','游ゴシック体','Yu Gothic Medium', YuGothic,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

footer .inquiry p{
	font-size:.8rem;
	padding:0.5rem 0;
	margin:0;
}
footer .inquiry div div{
	border-bottom:1px solid rgba(0,0,0,0.1);
}
footer .inquiry dl{
	text-align:center;
	border-right:1px dotted rgba(0,0,0,0.1);
	margin-top:16px;
}
footer .inquiry div div dl.tel a,
footer .inquiry div div dl.fax dd{
	font-family: 'Roboto', sans-serif;
	color:#C00;
}

@media screen and (max-width:768px){
footer .inquiry dl{
	border-right:none;
}
footer .inquiry div div dl.tel a{
	text-decoration:underline;
}
}
footer .inquiry div div dl.fax{
	border:none;
}
footer .inquiry dl dt{
	font-size:0.9rem;
}
footer .inquiry dl dt span{
	font-weight:normal;
}

footer .inquiry dl dd{
	font-size:1.3rem;
	font-weight:bold;
	word-break: break-all;
}
footer .inquiry dl dd a{
	color:#212529;
	text-decoration:none;
}
footer .inquiry dl.tel dd,
footer .inquiry dl.tel dd a,
footer .inquiry dl.fax dd{
	text-decoration:none;
}


footer .menu{
}
@media screen and (max-width:575px){
footer .menu{
	margin:0 -30px;
}
}

footer .menu div{
	margin:15px auto;
}
footer .menu p{
	font-size:0.9rem;
	background-color:#600;
	color:#FFF;
	font-weight:bold;
	padding:3px;
	text-align:center;
	margin:0;
}
footer .menu p i{
	font-size:1.3rem;
	margin-right:5px;
	vertical-align:bottom;
}
footer .menu p a{
	color:#FFF;
}


footer div.menu div{
	border-right:1px solid rgba( 64,10,0 ,0.3 );
}
footer div.menu div:last-child{
	border-right:none;
}
@media screen and (max-width:991px){
footer div.menu div:nth-child(2){
	border-right:none;
}
}
@media screen and (max-width:575px){
footer div.menu div{
	border-right:none;
}
}
footer div.menu div ul{
	margin-left:0.2rem;
}

footer div.menu div ul li{
	text-align:left;
}
footer .menu a{
	font-size:0.85rem;
	color:#212529;
}

footer .menu li a:before{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	content : "\f054  ";
	font-weight:900;
}



footer ul.footer-menu{
	margin:0;
	font-size:0.8rem;
	text-align:center;
}

footer ul.footer-menu li{
	display:inline;
	margin-left:10px;
}
footer ul.footer-menu li a{
	color:#212529;
}


footer small{
	display:block;
	text-align:center;
	color:#212529;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7rem;
	margin:20px auto 0;
	line-height:1.05;
}

footer small a{
	color:#212529;
}


/*
-------------------------------------------------------------------------------
エラー
-------------------------------------------------------------------------------
*/
div.error{
	text-align:center;
}
div.error h1{
	text-align:center;
	font-size:1.5rem;
	color:#600;
}
div.error p{
	font-size:1rem;
}
div.error button{
    font-size: 1rem;
    padding: 20px 25px;
    background-color: #04C;
    border: 3px solid #04C;
    font-weight: bold;
}

/*
-------------------------------------------------------------------------------
汎用
-------------------------------------------------------------------------------
*/
h1.normal{
	font-size:1.5rem;
	color:#600;
}
h2.normal{
	font-size:1.2rem;
	background-color:#600;
	color:#FFF;
	padding:5px;
	margin:1em 0 0.5em;
}
h3.normal{
	font-size:1.2rem;
	color:#600;
	margin:1em 0 0.5em;
	border-bottom:2px solid #600;
	padding-bottom:4px;
}

table.normal{
	border-collapse:collapse;
	border:1px solid #CCC;
	width:100%;
}
table.normal-auto{
	border-collapse:collapse;
	border:1px solid #CCC;
	width:auto;
}
table.normal th,
table.normal td,
table.normal-auto th,
table.normal-auto td{
	border:1px solid #CCC;
	padding:5px;
	font-size:0.9rem;
}

table.normal th,
table.normal-auto th{
	text-align:center;
	background-color:#EEE;
	color:#600;
	white-space:nowrap;
}
table.normal td strong,
table.normal-auto td strong{
	text-align:center;
	display:block;
	white-space:nowrap;
}

.table-overflow{
	overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 0 0;
    -webkit-overflow-scrolling: touch;
    margin:15px 0;
	font-size:0.9rem;
}
@media screen and (max-width:768px){
.table-overflow{
	cursor:pointer;
}

.table-overflow::-webkit-scrollbar {
  height:5px;
}
.table-overflow::-webkit-scrollbar-track {
  margin:2px;
  background:#DDD;
  border-radius:5px;
}
.table-overflow::-webkit-scrollbar-thumb {
  border-radius:5px;
  background: #999;
}


}

/*
-------------------------------------------------------------------------------
特集記事一覧
-------------------------------------------------------------------------------
*/

div.article-list section h2{
	text-align:center;
	font-size:1.5rem;
}
div.article-list section ul{
	text-align:center;
	font-size:1.5rem;
}



div.article-list section ul{
	width:100%;
	margin:10px 0px;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:0;
}
div.article-list section ul li{
	font-size:0.9rem;
	list-style-type:none;
	padding:5px;
	text-align:left;
}
div.article-list section ul li:nth-child(even){
	background-color:#EEEEEE;
}
div.article-list section p{
	display:none;
}


/*
-------------------------------------------------------------------------------
エラー
-------------------------------------------------------------------------------
*/
div.error h2{
	font-size:1rem;
}
div.error ul{
	font-size:0.9rem;
	border:2px solid #C00;
	padding:1em 1em 1em 2em;
	text-align:left;
	color:#C00;
	border-radius:4px;
}

div.error ul li{
	margin:.2rem .2rem .2rem .2rem;
	font-size:.9rem;
	color:#C00;
	list-style:none;
}
div.error ul li:before{
	font-family:"Font Awesome 7 Free";
	content : "\f058";
	font-weight:900;
	margin-right:0.2rem;
}


/*
-------------------------------------------------------------------------------
デバッグ
-------------------------------------------------------------------------------
*/
div.debug {
	margin:0;
	clear:both;
}
div.debug div.title {
	background-color:#555555;
	color:#FFF;
	cursor:pointer;
	font-size:0.8rem;
	margin:0px;
	padding:.5rem;
	text-align:center;
}
div.debug div.title:hover{
	opacity:0.7;
}
div.debug div.title span{
}
div.debug div.body {
	background-color:#EEEEEE;
	font-size:.8rem;
	margin:0px;
	padding:1.5rem;
	text-align:left;
}
div.debug div.body table {
	background-color:#333333;
}
div.debug div.body table tr th {
	background-color:#888888;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	padding:2px;
	word-break: break-all;
}
div.debug div.body table tr td {
	background-color:#EEEEEE;
	font-size:12px;
	padding:2px;
}
div.debug div.body table caption {
	font-size:12px;
	padding:0px 0px 2px 0px;
	text-align:left;
}

/*クーポン*/

body#coupon p.msg i{
	color:#F00;
	margin-right:.3rem;
}
body#coupon p.msg{
	font-size:1.1rem;
	color:#333;
	text-align:center;
	display:block;
	border:2px solid #F00;
	padding:.7rem .5rem;
	font-weight:bold;
}
body#coupon p.msg strong{
	font-size:larger;
	text-decoration:underline;
	font-weight:bold;
	color:#F00;
}
body#coupon img.coupon-flow{
	width:1000px;
}
h3.order-optional{
	text-align:center;
	font-size:1.1rem;
	padding:.5rem 0;
	color:#F00;
	border-top:2px solid #F00;
	border-bottom:2px solid #F00;
	margin:2rem 0 1rem;
}



table.topCalendar{
	border-collapse:collapse;
	border:2px solid #CCC;
	width:100%;
}
table.topCalendar caption{
	caption-side:top;
	text-align:center;
	font-weight:bold;
	color:#036;
}
table.topCalendar tr th,
table.topCalendar tr td{
	border:1px solid #CCC;
	font-family: Roboto,sans-serif;
	width:14.28%;
}
table.topCalendar tr th{
	background-color:#EEE;
}
table.topCalendar tr td.closed,
div.closed-tips span{
	color: #FF0000;
    background-color: #FFEEEE;
	font-weight:bold;
}
table.topCalendar tr td.semi-closed{
	color: #FF0000;
	font-weight:bold;
}
div.closed-tips span{
	display:inline-block;
	width:2rem;
	margin-right:.2rem;
	border:1px solid #CCC;
}