﻿@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@700;900&display=swap');


/* reset */
/* -------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
html {width:100%; height:100%; overflow-y:scroll;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:bold;}
p, ul, ol, dl, address, blockquote, table, div {font-size:100%;}
p {margin:0 0 0 0;}
ol,ul {list-style:none;}
fieldset,img {border:0; vertical-align:top;}
table {border-collapse:collapse; border-spacing:0;}
caption,th {text-align:left;}
th {vertical-align:top; font-weight:normal; text-align:left;}
td {vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}


/* common */
/* -------------------------------------------------------- */
html,body {font-variant-ligatures:none;}
html {font-size:62.5%;}
body {font-size:14px; font-size:1.4rem; font-family:'Noto Sans JP', sans-serif, "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif; line-height:1.6; color:#333; text-align:center; -webkit-text-size-adjust:100%; text-size-adjust:100%; background:none;}

h1, h2, h3, h4, h5, h6, h7 {line-height:1.2;}
p, li, dt, dd, th, td, address, blockquote, div {line-height:inherit; text-align:inherit;}
input, select, option, textarea, button {font-size:16px; font-size:1.6rem; font-family:'Noto Sans JP', sans-serif, "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif; line-height:1; vertical-align:middle; text-align:inherit; color:inherit; outline:none;}
textarea {line-height:1.4;}
input[type='submit'],input[type='reset'],input[type='button'], button {cursor:pointer; appearance:none;}
:placeholder-shown {color:#ccc;}
::-webkit-input-placeholder {color:#ccc;}
:-moz-placeholder {color:#ccc; opacity:1;}
::-moz-placeholder {color:#ccc; opacity:1;}
:-ms-input-placeholder {color:#ccc;}

strong {font-weight:bold;}
ol {list-style-type:decimal; margin-left:2.2em;}
img {max-width:100%; width:auto; height:auto; line-height:0; vertical-align:top; border:0; display:inline;}

a {color:#004e97; text-decoration:underline;}
a:hover {color:#004e97; text-decoration:none;}

@media screen and (max-width:640px){
	body {font-size:16px; font-size:1.6rem;}
}


/* decision */
/* -------------------------------------------------------- */
#bpCheck {display:none;}

body .pc {display:block;}
br.pc, span.pc, img.pc {display:inline;}
body .sp, br.sp, span.sp, img.sp {display:none;}

a.off {pointer-events:none; cursor:default; opacity:0.3;}
a[href^="tel:"] {pointer-events:none; cursor:default;}
body.mobile a[href^="tel:"] {pointer-events:auto; cursor:pointer;}

.cfix::before,
.cfix::after {display:table; content:" ";}
.cfix::after {clear:both;}

@media screen and (max-width:640px){
	#bpCheck {display:block;}

	body .pc, br.pc, span.pc, img.pc {display:none;}
	body .sp {display:block;}
	br.sp, span.sp, img.sp {display:inline;}
}


/* container */
/* -------------------------------------------------------- */
#container {width:100%; overflow:hidden;}


/* header */
/* -------------------------------------------------------- */
#header .inr {max-width:800px; text-align:left; margin:0 auto; padding:5px 0 8px 0; position:relative; z-index:300;}
#header .btns {text-align:right; margin:0 5px 5px 0;}
#header .btns a {font-family:"Noto Serif JP", serif; font-size:18px; font-weight:700; line-height:1; letter-spacing:0.1em; text-decoration:none; color:#fff; margin:0 0 0 auto; padding:0.2em 0.5em 0.4em 0.5em; background-color:#900; border-radius:5px; box-sizing:border-box; display:inline-block; transition:background-color 0.3s ease;}
#header .btns a:hover {background-color:#c00;}
@media screen and (max-width:640px){
	#header .btns {margin:0; display:flex; display:none;}
	#header .btns > div {width:50%; padding:0 2px; box-sizing:border-box;}
	#header .btns a {font-size:13px; text-align:center; margin:0 auto; display:block;}
	#header .inr {padding:5px 0 5px 5px; background:url(../img/nav_bg.gif) repeat-x left bottom;}
}

#hTxt {font-weight:normal; line-height:1.4; position:absolute; top:30%; left:24%;}
@media screen and (max-width:640px){
	#hTxt {font-size:10px; text-align:center; position:static; display:none;}
}

#hLogo {width:23.0%; height:85px; display:flex; align-items:center; position:absolute; top:0; left:0; z-index:10;}
#hLogo img {width:100%;}
@media screen and (max-width:640px){
	#hLogo {width:200px; height:38px; margin:0 auto; padding:0 88px 5px 0; position:static;}
}

#hBtn {display:none;}
@media screen and (max-width:640px){
	#hBtn {display:block;}
}

#hAddress {font-size:11px; line-height:1.2; text-align:right; margin:0 5px 0 0;}
#hAddress img {width:25.6%;}
@media screen and (max-width:640px){
	#hAddress {display:none;}
}

#gNav {padding:0 0 6px 0; background:#2c1d1d url(../img/nav_bg.gif) repeat-x left bottom;}
#gNav ul {max-width:800px; text-align:left; margin:0 auto; display:flex; align-items:center;}
#gNav li {padding:0 5px;}
#gNav li a {font-size:16px; line-height:1; color:#fff; text-decoration:none; padding:10px 10px 8px 25px; background:url(../img/nav_icon.png) no-repeat 10px center; display:block;}
#gNav li.on a,
#gNav li a:hover {color:#fff; text-decoration:none; background-color:#4b3f3f;}

#gNavBtn {width:40px; height:40px; background-color:rgba(255,255,255,0.7); border-radius:0 0 0 5px; position:fixed; top:0; right:0; z-index:301; cursor:pointer; display:none;}
#gNavBtn > span {width:80%; height:4px; margin:-2px 0 0 0; background-color:rgba(44, 29, 29, 1); border-radius:5px; display:block; position:absolute; top:50%; left:10%; transition-property:background-color;}
#gNavBtn > span::before,
#gNavBtn > span::after {content:''; width:100%; height:4px; background-color:rgba(44, 29, 29, 1); border-radius:5px; display:block; position:absolute; left:0;}
#gNavBtn > span::before {top:-9px; transition-property:top;}
#gNavBtn > span::after {bottom:-9px; transition-property:bottom;}
body.load #gNavBtn,
body.load #gNavBtn > span::before,
body.load #gNavBtn > span::after {transition-duration:0.3s; transition-delay:0s; transition-timing-function:ease;}

#gNavCheck {display:none;}
#gNavCheck:checked + #header #gNavBtn > span {background-color:rgba(44, 29, 29, 0);}
#gNavCheck:checked + #header #gNavBtn > span::before {top:0; transform:rotate(45deg); transition-property:transform;}
#gNavCheck:checked + #header #gNavBtn > span::after {bottom:0; transform:rotate(-45deg); transition-property:transform;}

@media screen and (max-width:640px){
	#header #gNavBtn {display:block;}

	#gNav {width:100%; height:0; overflow:hidden; padding:0; background:rgba(44, 29, 29, 0.9); position:fixed; top:0; left:0; z-index:300; transition:height 0.6s ease;}
	#gNav ul {padding:40px 0 0 0; display:block;}
	#gNav li {padding:0 10px; border-bottom:solid 1px #968e8e;}
	#gNav li a {letter-spacing:0.1em; padding:12px 10px 10px 25px; background-position:5px center;}
	#gNav li.on a,
	#gNav li a:hover {background-color:#4b3f3f;}
	#gNavCheck:checked + #header #gNav {height:100vh; overflow:auto;}
}


/* contents */
/* -------------------------------------------------------- */
#contents {max-width:800px; text-align:left; margin:0 auto; padding:18px 10px 30px 10px; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;}
@media screen and (max-width:640px){
	#contents {padding:15px 10px 30px 10px;}
}


/* footer */
/* -------------------------------------------------------- */
#footer {padding:30px 0; background:#ecebeb url(../img/f_bg.gif) repeat-x left top; position:relative;}
#footer .clm {display:flex; justify-content:center;}
#footer .clm > div {padding:0 15px; box-sizing:border-box;}
#footer .logo {width:150px; margin:0 auto;}
#footer .tel {margin:5px 0 0 0;}
#footer .tel a {font-family:"Noto Serif JP", serif; font-size:18px; font-weight:700; line-height:1; letter-spacing:0.1em; text-decoration:none; color:#fff; margin:0 0 0 auto; padding:0.2em 0.5em 0.4em 0.5em; background-color:#900; border-radius:5px; box-sizing:border-box; display:inline-block; transition:background-color 0.3s ease;}
#footer .tel a:hover {background-color:#c00;}
#footer .txt {margin:10px 0 0 0;}
#footer .txt > div {line-height:1.4; text-align:center;}
@media screen and (max-width:640px){
	#footer {padding:25px 0 15px 0;}
	#footer .clm {display:block;}
	#footer .clm > div {padding:0 0 20px 0;}
	#footer .tel a {font-size:16px;}
	#footer .txt > div {font-size:12px;}
}

#fBtn {max-width:800px; margin:0 auto; position:relative;}
#fBtn a {width:115px; display:block; position:absolute; top:-48px; right:10px;}
@media screen and (max-width:640px){
	#fBtn a {top:-43px; right:10px;}
}

#fNav {margin:0 10px 20px 10px; display:flex; flex-wrap:wrap; justify-content:center;}
#fNav li {padding:0 10px; position:relative;}
#fNav li::before {content:''; width:1px; height:70%; background-color:#333; display:block; position:absolute; top:10%; left:0;}
#fNav li:first-of-type::before {display:none;}
#fNav li a {color:#000; text-decoration:none;}
#fNav li a:hover {color:#000; text-decoration:underline;}
@media screen and (max-width:640px){
	#fNav {text-align:center; margin:0 10px 15px 10px;}
}

#fCopy {font-size:11px; text-align:center; color:#333;}
#fCopy sub {font-size:8px; line-height:1; vertical-align:baseline;}
#fCopy a {color:#333; text-decoration:none;}
#fCopy a:hover {color:#333; text-decoration:underline;}
@media screen and (max-width:640px){
	#fCopy {font-size:10px;}
}

.calendarObj {width:280px; margin:0 auto 20px auto; user-select:none; touch-action:auto;}
.calendarObj ul {width:100%; list-style-type:none; margin:0 0 3px 0; padding:0; background:#d0d0d0; border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; position:relative;}
.calendarObj ul li {font-size:12px; font-weight:bold; text-align:center; margin:0; padding:0;}
.calendarObj ul li.prev {left:-25px;}
.calendarObj ul li.next {right:-25px;}
.calendarObj ul li.prev,
.calendarObj ul li.next {width:18px; position:absolute; top:60px;}
.calendarObj ul li.prev span,
.calendarObj ul li.next span {width:18px; height:18px; background-repeat:no-repeat; background-position:0 0; display:block;}
.calendarObj ul li.prev span {background-image:url(../img/arrow4_prev.png);}
.calendarObj ul li.next span {background-image:url(../img/arrow4_next.png);}
.calendarObj ul li span {cursor:pointer;}
.calendarObj table {width:100%; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:fixed; user-select:none; -ms-user-select:none; -webkit-user-select:none; -moz-user-select:none;}
.calendarObj th,
.calendarObj td {font-size:12px; line-height:1.6; text-align:center; vertical-align:middle; padding:1px 1px;}
.calendarObj td span {padding:0.2em 0; border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; display:block;}
.calendarObj td.no span {background:#eee;}
.calendarObj td.sun span {color:#c00;}
.calendarObj td.sat span {}
.calendarObj td.today span {}
.calendarObj td.holiday span {background:#d3a4a4;}
.calendarObj td a {color:#fff; text-decoration:none; background:#2c1d1d; border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; display:block;}
.calendarObj td a:hover {background:#4b3f3f;}
.calendarObj .txt {font-size:11px; border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px;}
.calendarObj .txt span {width:12px; height:12px; vertical-align:middle; border-radius:2px; -ms-border-radius:2px; -webkit-border-radius:2px; display:inline-block;}
.calendarObj .txt span.event {background:#2c1d1d;}
.calendarObj .txt span.holiday {background:#d3a4a4;}
@media screen and (max-width:640px){
	.calendarObj {width:240px;}
}




/* parts */
/* -------------------------------------------------------- */
.b {font-weight:bold !important;}
.le {text-align:left !important;}
.ri {text-align:right !important;}
.cen {text-align:center !important;}

.f10 {font-size:10px !important;}
.f11 {font-size:11px !important;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f17 {font-size:17px !important;}
.f18 {font-size:18px !important;}
.f19 {font-size:19px !important;}
.f20 {font-size:20px !important;}
.f21 {font-size:21px !important;}
.f22 {font-size:22px !important;}
.f23 {font-size:23px !important;}
.f24 {font-size:24px !important;}
.f25 {font-size:25px !important;}
.f26 {font-size:26px !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}

.auto {width:auto !important;}
.w10 {width:10% !important;}
.w20 {width:20% !important;}
.w30 {width:30% !important;}
.w40 {width:40% !important;}
.w50 {width:50% !important;}
.w60 {width:60% !important;}
.w70 {width:70% !important;}
.w80 {width:80% !important;}
.w90 {width:90% !important;}
.w100 {width:100% !important;}

.lBlock {float:left;}
.rBlock {float:right;}


.imgTxt {width:100%; height:100%; padding:0% 0 0 0; position:relative;}
.imgTxt span {width:100%; height:100%; text-indent:-9999px; background-repeat:no-repeat; background-position:left top; background-image:none; background-size:100% auto; -ms-background-size:100% auto; -webkit-background-size:100% auto; position:absolute; top:0; left:0; display:block;}


/* link */
a {color:#2c1d1d; text-decoration:underline;}
a:hover {color:#2c1d1d; text-decoration:none;}
a:hover img {opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);}
a,
a img {transition:all 0.2s ease; -ms-transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}


/* list */
ul.discList {list-style-type:disc; margin-left:2em;}

ul.txtList1 {margin-left:1.2em;}
ul.txtList1 li {width:100%; position:relative;}
ul.txtList1 li span {position:absolute; top:0; left:-1.2em;}

ul.bnrList1 li {width:33.33%; padding:0 10px; float:left; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;}
@media screen and (max-width:640px){
	ul.bnrList1 li {width:auto; text-align:center; margin:0 0 10px 0; padding:0; float:none;}
}

ul.bnrList2 {text-align:center;}
ul.bnrList2 li {padding:0 5px; display:inline-block;}
@media screen and (max-width:640px){
	ul.bnrList2 li {width:80%; margin:0 auto 10px auto; padding:0; display:block;}
	ul.bnrList2 li a,
	ul.bnrList2 li input {width:100%; display:block;}
}

ul.checkList li {padding:3px 0 3px 22px; background:url(../img/icon_check.png) no-repeat 0 .1em;}

ul.iconList1 li {margin:0 0 10px 0; padding:0 0 10px 20px; border-bottom:dotted 2px #958e8e; background:url(../img/arrow1_right.png) no-repeat 5px .4em;}
ul.iconList1 li a {text-decoration:none;}
ul.iconList1 li a:hover {text-decoration:underline;}
ul.iconList1 li dt {font-weight:bold;}

ul.itemList1 li .inr {width:100%; margin:0 0 15px 0; display:table; table-layout:fixed;}
ul.itemList1 li .img {width:60%; text-align:left; vertical-align:top; display:table-cell;}
ul.itemList1 li .ctx {text-align:left; vertical-align:top; padding:0 0 0 15px; display:table-cell;}
ul.itemList1 li .txt {font-size:12px; margin:0 5px 5px 5px;}
ul.itemList1 li .price {font-size:16px; font-weight:bold; margin:0 0 10px 0; padding:2px 10px 0 10px; background:#ECEBEB; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px;}
ul.itemList1 li .price span {font-size:12px; font-weight:normal;}
ul.itemList1 li .btn form {width:50%; padding:0 5px; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; float:left;}
ul.itemList1 li .btn input {width:100%; padding:10px 0;}
@media screen and (max-width:640px){
	ul.itemList1 li .inr {margin:0 0 30px 0; display:block;}
	ul.itemList1 li .img {width:auto; margin:0 0 10px 0; display:block;}
	ul.itemList1 li .ctx {padding:0; display:block;}
}

a.bnr-01 {width:250px; height:50px; font-family:"Noto Serif JP", serif; font-size:20px; font-weight:700; line-height:1.2; letter-spacing:0.1em; text-align:center; text-decoration:none; border:1px solid #333; border-radius:3px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; transition:opacity 0.3s ease;}
a.bnr-01 > span > span {font-size:70%; display:block;}
a.bnr-01:hover {opacity:0.7;}


/* table */
table.fix {table-layout:fixed !important;}
table .le {text-align:left !important;}
table .cen {text-align:center !important;}
table .ri {text-align:right !important;}
table .top {vertical-align:top !important;}
table .middle {vertical-align:middle !important;}
table .bottom {vertical-align:bottom !important;}

.table1 {width:100%; border-collapse:collapse; border-spacing:0; empty-cells:show;}
.table1 th,
.table1 td {font-weight:normal; text-align:left; vertical-align:top; padding:5px 0; border-top:dotted 2px #958e8e; border-bottom:dotted 2px #958e8e;}
.table1 th {width:1%; white-space:nowrap; padding-left:5px; padding-right:12px;}

.table2 {width:100%; border-collapse:collapse; border-spacing:0; empty-cells:show;}
.table2 th,
.table2 td {font-weight:normal; text-align:left; vertical-align:top; position:relative;}
.table2 th {width:1%; white-space:nowrap; padding-right:15px;}
.table2 th:after {content:'：'; position:absolute; top:0; right:0;}


/* ttl */
.ttlStyle1 {font-size:18px; font-weight:bold; line-height:1.2; margin:0 0 15px 0; padding:0 0 2px 20px; background:url(../img/icon_01.png) no-repeat 3px .2em; border-bottom:solid 2px #2c1d1d; position:relative;}
.ttlStyle1 .btn {width:90px; height:21px; display:block; position:absolute; bottom:0; right:0;}
.ttlStyle2 {font-size:18px; font-weight:normal; line-height:1.2; color:#fff; margin:0 0 15px 0; padding:4px 0 2px 5px; background:#2c1d1d; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px;}


/* btn */
.btnStyle1 li {margin:3px 0 0 0;}
.btnStyle1 a,
.btnStyle1 input {width:100%; line-height:1; text-align:left; color:#fff; text-decoration:none; padding:6px 5px 4px 20px; background:#2c1d1d url(../img/arrow2_right.png) no-repeat 5px center; border:none; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; display:block; cursor:pointer;}
.btnStyle1 a:hover,
.btnStyle1 input:hover {background-color:#4b3f3f;}

.btnStyle2 li {margin:3px 0 0 0;}
.btnStyle2 a,
.btnStyle2 input {width:100%; text-align:center; color:#000; text-decoration:none; padding:2px 0 0 0; background-color:#fff; border:solid 1px #2c1d1d; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; display:block; cursor:pointer;}
.btnStyle2 a:hover,
.btnStyle2 input:hover {background-color:#e9e8e8;}

.btnStyle3 a,
.btnStyle3 input {line-height:1; text-align:center; color:#fff; text-decoration:none; padding:12px 30px 10px 30px; background:#2c1d1d; border:none; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; display:inline-block; cursor:pointer;}
.btnStyle3 a:hover,
.btnStyle3 input:hover {background:#4b3f3f;}

.txtList1 dl {padding:0.5em 1.0em; border-bottom:solid 1px #f1f1f1; display:flex;}
.txtList1 dl:nth-of-type(odd) {background-color:#f9f9f9;}
.txtList1 dl:nth-of-type(even) {background-color:#fff;}
.txtList1 dt {width:12em;}
.txtList1 dd {flex:1;}
@media screen and (max-width:640px){
	.txtList1 dl {padding:0.5em 1.0em; display:block;}
	.txtList1 dl:nth-of-type(odd) {background-color:#f9f9f9;}
	.txtList1 dl:nth-of-type(even) {background-color:#fff;}
	.txtList1 dt {width:auto; font-weight:700;}
	.txtList1 dt::before {content:'【';}
	.txtList1 dt::after {content:'】';}
}


/* modal */
#overlay {width:100%; height:100%; position:fixed; top:0; left:0; z-index:1000; display:none;}
.modal {max-width:96%; position:absolute; z-index:1001; display:none;}
.modal .btnClose {text-align:right; padding:5px 0 0 0;}
.modal .btnClose a {width:25px; height:25px; background:url(../img/btn_close.png) no-repeat 0 0; background-size:100% auto; -ms-background-size:100% auto; -webkit-background-size:100% auto; display:inline-block;}


/* txtBlock */
.txtBlock {margin:0 10px 30px 10px;}
.txtBlock .ttl {font-size:16px; font-weight:bold; margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:dotted 2px #958e8e;}
.txtBlock .ttl span {font-size:12px; font-weight:normal;}
.txtBlock .lImg,
.txtBlock .rImg {width:45%; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;}
.txtBlock .lImg {text-align:left; padding:0 15px 10px 0; float:left;}
.txtBlock .rImg {text-align:right; padding:0 0 10px 15px; float:right;}
.txtBlock .lImg img,
.txtBlock .rImg img {border:solid 1px #3f3131; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;}
.txtBlock .lImg img.no,
.txtBlock .rImg img.no {border:none;}
.txtBlock.type1 .rImg {width:55%;}
.txtBlock .sub {margin:0.5em 0 0 0; padding:0.5em 1.0em; background-color:#eee; border:1px solid #999; border-radius:5px; box-sizing:border-box;}
@media screen and (max-width:640px){
	.txtBlock {margin:0 0 20px 0;}
	.txtBlock .ttl span {text-align:right; padding:5px 0 0 0; display:block;}
	.txtBlock .lImg,
	.txtBlock .rImg,
	.txtBlock .lImg.w40,
	.txtBlock .rImg.w40 {width:auto !important; text-align:left; padding:0 0 15px 0; float:none;}
	.txtBlock.type1 .rImg {width:auto;}
}

.jyunbityu {font-size:18px; text-align:center; margin:0 20px; padding:20px 5px; background:#ecebeb; border:solid 1px #c0bcbc; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px;}


/* index */
/* -------------------------------------------------------- */
.top-news dl {padding:0 0 0.5em 0; display:flex; align-items:center;}
.top-news dt {white-space:nowrap; padding:0 0.5em 0 0;}
.top-news dt span {font-size:90%; line-height:1; color:#fff; padding:0.3em 0.5em; background-color:#900; border-radius:3px; box-sizing:border-box; display:block; flex:1;}
@media screen and (max-width:640px){
	.top-news dl {display:block;}
	.top-news dt {padding:0;}
	.top-news dd {margin:0.3em 0 0 0;}
}

.top-catch {margin:0 0 30px 0; position:relative;}
.top-catch .mv {width:100%; padding:60% 0 0 0; border-radius:5px; position:relative; overflow:hidden;}
.top-catch .mv img {width:100%; height:100%; display:block; position:absolute; top:0; left:0; object-fit:cover;}
.top-catch .recommend {max-width:340px; width:100%; padding:5px 10px 10px 10px; background-color:rgba(44, 29, 29, 0.9); border-radius:5px; box-sizing:border-box; position:absolute; bottom:0; right:0; z-index:5; overflow:hidden;}
.top-catch .recommend dl {color:#fff; display:flex; flex-wrap:wrap; position:relative;}
.top-catch .recommend dt {width:100%; padding:0 0 0.2em 0;}
.top-catch .recommend dt span {font-size:16px; display:inline-block; position:relative; z-index:5;}
.top-catch .recommend dt span::before {content:''; width:500%; height:2px; background-color:#fff; display:block; position:absolute; top:0.8em; left:106%;}
.top-catch .recommend dd.img {width:35%;}
.top-catch .recommend dd.img > div {width:100%; padding:100% 0 0 0; position:relative;}
.top-catch .recommend dd.img img {width:100%; height:100%; display:block; border:1px solid #fff; border-radius:1px; box-sizing:border-box; position:absolute; top:0; left:0; object-fit:cover;}
.top-catch .recommend dd.ctx {width:65%; text-align:left; padding:0 0 0 0.8em; box-sizing:border-box;}
.top-catch .recommend dd.ctx strong {font-size:120%; font-weight:bold; padding:0 0 0.1em 0; display:block;}
.top-catch .catch {width:100%; font-family:"Noto Serif JP", serif; font-size:26px; font-weight:900; line-height:1.8; letter-spacing:0.2em; text-align:left; color:#fff; text-shadow:0 0 5px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1); padding:0 2em; box-sizing:border-box; position:absolute; top:15%; left:0; z-index:5;}
.top-txt .txt1 {font-size:90%; text-align:center; color:#fff; padding:0.2em 0 0 0; background-color:rgba(44, 29, 29, 1); border-radius:5px 5px 0 0;}
.top-txt .txt2 {font-size:90%; text-align:center; color:#fff; margin:0 0 1.0em 0; padding:0 0 0.2em 0; background-color:rgba(44, 29, 29, 1); border-radius:0 0 5px 5px;}
@media screen and (max-width:640px){
	.top-catch {margin:0 0 5px 0; position:relative;}
	.top-catch .recommend {max-width:100%; margin:5px 0 0 0; background-color:rgba(44, 29, 29, 1); position:static;}
	.top-catch .recommend dt {padding:0 0 0.5em 0;}
	.top-catch .recommend dt span {font-size:18px;}
	.top-catch .recommend dd.img {width:30%;}
	.top-catch .recommend dd.ctx {width:70%; font-size:90%; padding:0 0 0 1.2em;}
	.top-catch .catch {font-size:4.8vw; text-align:center; padding:0;}
}

.topBlock1 {margin:0 0 20px 0;}
.topBlock1 .lBlock {width:44.15%;}
.topBlock1 .rBlock {width:54.54%;}
@media screen and (max-width:640px){
	.topBlock1 {margin:0;}
	.topBlock1 .lBlock,
	.topBlock1 .rBlock {width:auto; margin:0 0 20px 0; float:none;}
}


.topBlock2 {margin:0 10px 30px 10px;}
.topBlock2 .lBlock {width:37%;}
.topBlock2 .rBlock {width:59%;}
@media screen and (max-width:640px){
	.topBlock2 {margin:0;}
	.topBlock2 .lBlock,
	.topBlock2 .rBlock {width:auto; margin:0 0 20px 0; float:none;}
}


.topBlock3 {margin:0 0 30px 0;}
.topBlock3 .lBlock {width:70.12%;}
.topBlock3 .rBlock {width:28.57%;}
@media screen and (max-width:640px){
	.topBlock3 {margin:0 0 30px 0;}
	.topBlock3 .lBlock,
	.topBlock3 .rBlock {width:auto; text-align:center; margin:0 0 10px 0; float:none;}
}


.recommendBox {padding:5px 0 10px 10px; background:#2c1d1d; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px;}
.recommendBox .ttl {margin:0 0 10px 0; background:url(../../img/top/ttl_recommend_bg.gif) repeat-x left top;}
.recommendBox .ttl img {background:#2c1d1d;}
.recommendBox .inr {margin:0 10px 0 0;}
.recommendBox .inr .img {width:30%; float:left;}
.recommendBox .inr .img img {border:solid 1px #fff; border-radius:1px; -ms-border-radius:1px; -webkit-border-radius:1px;}
.recommendBox .inr .txt {width:70%; padding:0 0 0 15px; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; float:right;}
.recommendBox .inr .txt dt {font-size:16px; font-weight:bold; line-height:1.2; color:#fff; margin:0 0 5px 0;}
.recommendBox .inr .txt dd {color:#fff;}
.recommendBox .inr .txt dd.btn {padding:20px 0 0 0;}
.recommendBox .inr .txt dd.btn a {font-weight:bold; line-height:1; text-align:center; color:#2c1d1d; text-decoration:none; padding:4px 0 2px 14px; background:#c0bcbc url(../img/arrow1_right.png) no-repeat 5px center; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; display:block;}
.recommendBox .inr .txt dd.btn a:hover {background-color:#eae9e9;}
@media screen and (max-width:640px){
	.recommendBox .inr .txt dd.btn {padding:10px 0 0 0;}
}


/* tenpo */
/* -------------------------------------------------------- */
.tenpoBlock1 {margin:0 10px 30px 10px;}
.tenpoBlock1 .lBlock {width:71%;}
.tenpoBlock1 .rBlock {width:26.31%;}
.tenpoBlock1 .ttl {font-weight:bold; margin:0 0 5px 5px;}
@media screen and (max-width:640px){
	.tenpoBlock1 {margin:0;}
	.tenpoBlock1 .lBlock {width:auto; margin:0 0 20px 0; float:none;}
	.tenpoBlock1 .rBlock {width:auto; margin:0 0 30px 0; float:none;}
	.tenpoBlock1 .ttl {font-weight:bold; margin:0 0 5px 5px;}
}

.tenpoBlock2 {margin:0 0 30px 0;}
.tenpoBlock2 .lBlock {width:55%;}
.tenpoBlock2 .rBlock {width:41%;}
.tenpoBlock2 .inr {margin:0 10px;}
.tenpoBlock2 .img li {width:50%; padding:15px 10px 0 0; float:left; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;}
.tenpoBlock2 .img .cap {padding:3px 0 0 0;}
@media screen and (max-width:640px){
	.tenpoBlock2 {margin:0;}
	.tenpoBlock2 .lBlock,
	.tenpoBlock2 .rBlock {width:auto; float:none;}
	.tenpoBlock2 .inr {margin:0;}
	.tenpoBlock2 .img li {width:50%; padding:15px 10px 0 0; float:left; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.tenpoBlock2 .img .cap {padding:3px 0 0 0;}
}


.tenpoBlock3 {margin:0 10px 30px 10px;}
.tenpoBlock3 .img {padding:0 0 15px 20px; float:right;}
.tenpoBlock3 .cap {font-size:12px; padding:5px 0 0 0;}
.tenpoBlock3 .bnr {padding:10px 0 0 0;}
@media screen and (max-width:640px){
	.tenpoBlock3 {margin:0 0 30px 0;}
	.tenpoBlock3 .img {margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:dotted 1px #958e8e; float:none;}
	.tenpoBlock3 .cap br {display:none;}
}


/* access */
/* -------------------------------------------------------- */
.accessBlock {display:flex; justify-content:space-between;}
.accessBlock > div:first-of-type {width:300px;}
.accessBlock > div:last-of-type {padding:0 0 0 3.0em; box-sizing:border-box; flex:1;}
@media screen and (max-width:640px){
	.accessBlock {display:block;}
	.accessBlock > div:first-of-type {width:auto;}
	.accessBlock > div:last-of-type {padding:15px 0 0 0;}
}


/* list */
/* -------------------------------------------------------- */
.listBlock {margin:0 10px 30px 10px;}
.listBlock .main {width:71%; float:right;}
.listBlock .side {width:26.31%; float:left;}
@media screen and (max-width:640px){
	.listBlock {margin:0;}
	.listBlock .main,
	.listBlock .side {width:auto; margin:0 0 30px 0; float:none;}
}

.listBlock .nav {padding:6px 5px 4px 5px; background:#e9e8e8; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px;}
.listBlock .nav > li {margin:0 0 2px 0;}
.listBlock .nav > li > a {font-weight:bold; color:#000; text-decoration:none; padding:4px 5px 2px 5px; background-color:#c3bfbf; display:block;}
.listBlock .nav > li > a:hover {background-color:#8a8282;}
.listBlock .nav > li ul {padding:2px 0 5px 0;}
.listBlock .nav > li li {margin:2px 0;}
.listBlock .nav > li li a {font-size:13px; color:#000; text-decoration:none; padding:0 0 0 17px; background:url(../img/arrow3_right.png) no-repeat 7px .4em; display:block;}
.listBlock .nav > li li.on > a,
.listBlock .nav > li li a:hover {background-color:#d6d3d3;}
.listBlock .nav > li li.ttl {margin:0 0 4px 0; padding:2px 5px 0 5px; background:#d6d3d3;}
.listBlock .nav1 li {margin:0 0 10px 0;}
.listBlock .nav1 li p {padding:5px 0 0 0;}
@media screen and (max-width:640px){
	.listBlock .nav {padding:0; background:none;}
	.listBlock .nav > li {margin:0 0 2px 0;}
	.listBlock .nav > li > a {font-weight:bold; color:#000; text-decoration:none; padding:8px 5px 6px 16px; background:#c3bfbf url(../img/arrow1_right.png) no-repeat 5px center; display:block; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px;}
	.listBlock .nav > li ul {padding:2px 0 5px 0;}
	.listBlock .nav > li li {margin:0;}
	.listBlock .nav > li li a {padding:5px 0 5px 17px; background-position:7px center;}
	.listBlock .nav > li li a:hover {text-decoration:underline;}
	.listBlock .nav > li li.ttl {background:none;}
}

.listBlock .list li {margin:0 0 15px 0;}
.listBlock .list li .inr1 {margin:0 0 5px 0; padding:0 0 3px 0; border-bottom:dotted 2px #958e8e;}
.listBlock .list li .inr2 {margin:0 0 0 10px;}
.listBlock .list li .ttl {font-size:16px; font-weight:bold; line-height:1.2; padding:0 0 0 6px; border-left:solid 4px #2c1d1d; float:left;}
.listBlock .list li .type {font-size:11px; padding:3px 0 0 0; float:right;}
.listBlock .list li .type span {width:40px; height:7px; display:inline-block;}
.listBlock .list li .type span span {width:0; height:7px; background:url(../img/icon_03.png) repeat-x left top;}
.listBlock .list li .type span.p1 span {width:8px;}
.listBlock .list li .type span.p2 span {width:16px;}
.listBlock .list li .type span.p3 span {width:24px;}
.listBlock .list li .type span.p4 span {width:32px;}
.listBlock .list li .type span.p5 span {width:40px;}
.listBlock .list li .txt {float:left;}
.listBlock .list li .btn {float:right;}
@media screen and (max-width:640px){
	.listBlock .list li {margin:0 0 30px 0;}
	.listBlock .list li .inr1 {padding:0; border-bottom:none;}
	.listBlock .list li .inr2 {margin:0 0 0 10px;}
	.listBlock .list li .ttl {border-bottom:dotted 2px #958e8e; float:none;}
	.listBlock .list li .type {margin:0 0 0 10px; padding:5px 0 0 0; float:none;}
	.listBlock .list li .txt {margin:0 0 5px 0; float:none;}
	.listBlock .list li .txt .noSP {display:none;}
	.listBlock .list li .txt .price {display:block;}
	.listBlock .list li .btn {float:none;}
}

.listBlock .detail .inr1 {margin:0 0 20px 0;}
.listBlock .detail .inr1 .lBlock {width:37%;}
.listBlock .detail .inr1 .rBlock {width:63%; padding:0 0 0 20px; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;}
.listBlock .detail .img {width:70%;}
.listBlock .detail .inr1 .lBlock .img {width:100%;}
.listBlock .detail .inr1 .lBlock .img img {border:solid 2px #2c1d1d;}
.listBlock .detail .type {margin:0 0 10px 0;}
.listBlock .detail .type li {font-size:12px; line-height:1.2;}
.listBlock .detail .type span {width:60px; height:10px; display:inline-block;}
.listBlock .detail .type span span {width:0; height:10px; background:url(../img/icon_02.png) repeat-x left top;}
.listBlock .detail .type span.p1 span {width:12px;}
.listBlock .detail .type span.p2 span {width:24px;}
.listBlock .detail .type span.p3 span {width:36px;}
.listBlock .detail .type span.p4 span {width:48px;}
.listBlock .detail .type span.p5 span {width:60px;}
.listBlock .detail .txt1 {width:100%; border-collapse:collapse; border-spacing:0; empty-cells:show;}
.listBlock .detail .txt1 th,
.listBlock .detail .txt1 td {font-size:12px; font-weight:normal; text-align:left; vertical-align:top; padding:4px 0 2px 0; border-top:dotted 1px #958e8e; border-bottom:dotted 1px #958e8e;}
.listBlock .detail .txt1 th {width:1%; white-space:nowrap; padding-right:18px;}
.listBlock .detail .txt2 {font-size:16px; font-weight:bold; margin:0 0 5px 0;}
.listBlock .detail .txt3 {margin:0 0 10px 0;}
.listBlock .detail .txt4 {font-size:18px; margin:0 0 15px 0; padding:10px 15px; background:#e0dddd; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px;}
.listBlock .detail .txt4 span {font-size:20px; font-weight:bold;}
.listBlock .detail .txt4 span.s {font-size:12px; font-weight:normal; vertical-align:middle; color:#900; padding:0 0 0 10px;}
.listBlock .detail .txt5 {margin:0 0 20px 0;}
.listBlock .detail .txt6 {margin:0 0 20px 0; padding:0 0 0 12px; background:url(../img/arrow1_right.png) no-repeat 0 center;}
.listBlock .detail .txt7 {font-size:16px; text-align:center; margin:0 0 20px 0; padding:10px 0; border:solid 1px #c0bcbc; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px;}
.listBlock .detail .btn {margin:0 0 15px 0;}
.listBlock .detail .btn li {padding:0 10px 5px 0; float:left;}
.listBlock .detail .btn a,
.listBlock .detail .btn input {width:220px; font-size:18px; line-height:1; text-align:center; color:#fff; text-decoration:none; padding:15px 0; background:#2c1d1d; border:none; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; display:block; cursor:pointer;}
.listBlock .detail .btn a:hover,
.listBlock .detail .btn input:hover {background-color:#4b3f3f;}
@media screen and (max-width:640px){
	.listBlock .detail .inr1 {margin:0 0 20px 0;}
	.listBlock .detail .inr1 .lBlock {width:auto; margin:0 0 15px 0; float:none;}
	.listBlock .detail .inr1 .rBlock {width:auto; padding:0; float:none;}
	.listBlock .detail .type li {font-size:14px;}
	.listBlock .detail .txt1 th,
	.listBlock .detail .txt1 td {font-size:14px;}
	.listBlock .detail .txt4 span.s {padding:0; display:block;}
	.listBlock .detail .btn li {padding:0 0 5px 0; float:none;}
	.listBlock .detail .btn a,
	.listBlock .detail .btn input {width:100%;}
}


/* guide */
/* -------------------------------------------------------- */
.guideBlock1 {margin:30px 0 0 0; padding:22px 15px 10px 15px; background:#e0dddd; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; position:relative;}
.guideBlock1 .ttl {margin:0; padding:0; border:none; position:absolute; top:-14px; left:0;}


/* news */
/* -------------------------------------------------------- */
.newsBlock {margin:0 0 30px 10px;}
.newsBlock .main {width:82%; float:right;}
.newsBlock .side {width:16%; float:left;}
@media screen and (max-width:640px){
	.newsBlock {margin:0;}
	.newsBlock .main,
	.newsBlock .side {width:auto; margin:0 0 30px 0; float:none;}
}

.newsBlock .nav {padding:6px 5px 4px 5px; background:#e9e8e8; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px;}
.newsBlock .nav li a {font-size:16px; text-decoration:none; padding:0 0 0 12px; background:url(../img/arrow1_right.png) no-repeat 0 center; display:block;}
.newsBlock .nav li a:hover {text-decoration:none; background-color:#d6d3d3;}
.newsBlock .nav li ul {padding:0 0 5px 0;}
.newsBlock .nav li li a {font-size:14px; padding:0 0 0 24px; background-image:url(../img/arrow3_right.png); background-position:12px center;}
.newsBlock .nav li li.on > a {background-color:#d6d3d3;}
.newsBlock .nav.type1 li {padding:0.3em 0; border-top:dotted 1px #2c1d1d;}
.newsBlock .nav.type1 li:first-of-type {border-top:none;}
.newsBlock .nav.type1 li a {font-size:14px; line-height:1.3; padding:0; background:none;}
.newsBlock .nav.type1 li.on > a {font-weight:700;}
@media screen and (max-width:640px){
	.newsBlock .nav {padding:6px 10px;}
	.newsBlock .nav li a {display:block;}
	.newsBlock .nav li a:hover {text-decoration:none;}
	.newsBlock .nav li ul {padding:0 0 5px 0;}
	.newsBlock .nav li li a {padding:5px 0 5px 24px; border-bottom:solid 1px #c0bcbc;}
}



/* trivia */
/* -------------------------------------------------------- */
.triviaBlock {margin:0 0 30px 10px;}
.triviaBlock .main {width:73%; float:right;}
.triviaBlock .side {width:25%; float:left;}
.triviaBlock .cap {font-size:80%; line-height:1.2; text-align:center; margin:0.5em 0 0 0;}
.triviaBlock .cap + .img {margin-top:15px;}
@media screen and (max-width:640px){
	.triviaBlock {margin:0;}
	.triviaBlock .main,
	.triviaBlock .side {width:auto; margin:0 0 30px 0; float:none;}
	.triviaBlock .w40 {width:100% !important;}
}

.triviaBlock .nav {padding:6px 5px 4px 5px; background:#e9e8e8; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px;}
.triviaBlock .nav li a {font-size:16px; text-decoration:none; padding:0 0 0 17px; background:url(../img/arrow1_right.png) no-repeat 5px center; display:block;}
.triviaBlock .nav li a:hover {text-decoration:none; background-color:#d6d3d3;}
.triviaBlock .nav li ul {padding:0 0 5px 0;}
.triviaBlock .nav li li a {font-size:14px; padding:0 0 0 24px; background-image:url(../img/arrow3_right.png); background-position:12px center;}
.triviaBlock .nav li.on > a {background-color:#d6d3d3;}
@media screen and (max-width:640px){
	.triviaBlock .nav {padding:6px 10px;}
	.triviaBlock .nav li a {display:block;}
	.triviaBlock .nav li a:hover {text-decoration:none;}
	.triviaBlock .nav li ul {padding:0 0 5px 0;}
	.triviaBlock .nav li li a {padding:5px 0 5px 24px; border-bottom:solid 1px #c0bcbc;}
}



/* event */
/* -------------------------------------------------------- */
.eventBlock {margin:0 0 10px 0; padding:10px 10px; background:url(../../event/img/bg_01.jpg); border:solid 1px #fff; border-radius:10px; -ms-border-radius:10px; -webkit-border-radius:10px; box-shadow:1px 1px 15px #999; -ms-box-shadow:1px 1px 15px #999; -webkit-box-shadow:1px 1px 15px #999;}
.eventBlock .main {width:72%; float:right;}
.eventBlock .side {width:26%; float:left;}
.eventBlock .txtBlock p,
.eventBlock .txtBlock ul {margin-bottom:15px;}
.eventBlock .txtBlock .ttl {padding-right:3em; position:relative;}
.eventBlock .txtBlock .ttl .btn {font-size:12px; font-weight:normal; line-height:1; text-decoration:none; color:#fff; padding:5px 6px 3px 6px; background:#2c1d1d; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; display:block; position:absolute; top:0; right:0;}
.eventBlock .txtBlock .ttl .btn:hover {background:#4b3f3f;}
.eventBlock .box1 {margin:0 0 10px 0; padding:15px 20px; background:#fff; border:solid 1px #2c1d1d; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px;}
@media screen and (max-width:640px){
	.eventBlock {margin:0;}
	.eventBlock .main,
	.eventBlock .side {width:auto; margin:0 0 30px 0; float:none;}
	.eventBlock .box1 {padding:10px 15px;}
}

.eventBlock .nav {padding:6px 5px 4px 5px; background:#fff; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px;}
.eventBlock .nav li a {font-size:14px; text-decoration:none; padding:2px 0 2px 17px; background:url(../img/arrow1_right.png) no-repeat 5px center; display:block;}
.eventBlock .nav li a:hover {text-decoration:none; background-color:#d6d3d3;}
.eventBlock .nav li ul {padding:0 0 5px 0;}
.eventBlock .nav li li a {font-size:14px; padding:0 0 0 24px; background-image:url(../img/arrow3_right.png); background-position:12px center;}
.eventBlock .nav li.on > a {background-color:#d6d3d3;}
@media screen and (max-width:640px){
	.eventBlock .nav {padding:6px 10px;}
	.eventBlock .nav li a {display:block;}
	.eventBlock .nav li a:hover {text-decoration:none;}
	.eventBlock .nav li ul {padding:0 0 5px 0;}
	.eventBlock .nav li li a {padding:5px 0 5px 24px; border-bottom:solid 1px #c0bcbc;}
}


/* cart */
/* -------------------------------------------------------- */
body.cart #hMenu {display:none;}
body.cart #gNav {display:none;}
body.cart #fNav {display:none;}

.cartBlock {margin:0 10px 30px 10px;}
@media screen and (max-width:640px){
	.cartBlock {margin:0 0 30px 0;}
}


.cartBlock .txt1 {width:100%; margin:0 0 5px 0; border-collapse:collapse; border-spacing:0; empty-cells:show;}
.cartBlock .txt1 th,
.cartBlock .txt1 td {font-weight:normal; text-align:left; vertical-align:middle; padding:5px 10px; border-bottom:solid 1px #958e8e;}
.cartBlock .txt1 th a {text-decoration:none;}
.cartBlock .txt1 th a:hover {text-decoration:underline;}
.cartBlock .txt1 td {width:1%; white-space:nowrap; text-align:right;}
.cartBlock .txt1 tr.cell1 th {font-weight:bold; white-space:nowrap; padding:2px 10px 0 10px; background:#ecebeb; border-bottom:solid 2px #958e8e;}
.cartBlock .txt1 tr.cell2 th,
.cartBlock .txt1 tr.cell2 td {font-weight:bold; border-bottom:none;}
.cartBlock .txt2 {text-align:right; margin:0 10px;}
.cartBlock .txt3 {font-size:18px; font-weight:bold; text-align:right; margin:10px 0 15px 0; padding:5px 10px; background:#e0dddd; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px;}
.cartBlock .txt3 span {font-size:12px;}
.cartBlock .txt4 {margin:0 0 10px 10px; padding:0 0 0 12px; background:url(../img/arrow1_right.png) no-repeat 0 center;}
.cartBlock .txt5 {text-align:right; color:#c00; margin:0 0 10px 0;}
.cartBlock .txt6 input {line-height:1; text-align:center; vertical-align:middle; color:#fff; text-decoration:none; padding:5px 5px 3px 5px; background:#2c1d1d; border:none; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; cursor:pointer;}
.cartBlock .txt6 input:hover {background-color:#4b3f3f;}
.cartBlock .txt6 input:disabled {background-color:#2c1d1d; cursor:default;}
.cartBlock .txt7 {font-size:16px; text-align:center; margin:50px 0; padding:10px 0; border:solid 1px #c0bcbc; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px;}
@media screen and (max-width:640px){
	.cartBlock .txt1 th,
	.cartBlock .txt1 td {font-size:12px; padding:5px 5px;}
	.cartBlock .txt1 tr.cell1 th {padding:2px 5px 0 5px;}
	.cartBlock .txt1 tr.cell2 td span {display:block;}
	.cartBlock .txt2 {text-align:right; margin:0 5px;}
	.cartBlock .txt3 {padding:5px 10px;}
	.cartBlock .txt5 {font-size:12px;}
	.cartBlock .txt6 input {padding:7px 2px 5px 2px;}
	.cartBlock .txt7 {font-size:14px; margin:30px 0;}
}



/* tokushou */
/* -------------------------------------------------------- */
.tokushouBlock {text-align:left; margin:0 0 30px 0; padding:15px 0 0 0;}
.tokushouBlock .inr {margin:0 10px 30px 10px;}
.tokushouBlock .inr1 {width:100%; border-collapse:collapse; border-spacing:0; empty-cells:show;}
.tokushouBlock .inr1 th,
.tokushouBlock .inr1 td {font-size:12px; font-weight:normal; text-align:left; vertical-align:top; padding:5px 0; border-top:solid 1px #958e8e; border-bottom:solid 1px #958e8e;}
.tokushouBlock .inr1 th {width:30%;}
.tokushouBlock .inr1 td {padding-left:10px;}
.tokushouBlock .inr2 {font-size:12px;}
.tokushouBlock .nav {width:100%; display:table;}
.tokushouBlock .nav li {width:33.33%; text-align:center; vertical-align:top; display:table-cell;}
.tokushouBlock .nav li a {width:auto; font-size:11px; margin:0 2px;}
.tokushouBlock .btn {width:100%; margin:20px 0 0 0; display:table;}
.tokushouBlock .btn li {width:50%; text-align:center; vertical-align:top; display:table-cell;}
.tokushouBlock .btn li a {width:auto; margin:0 10px;}



/* form */
/* -------------------------------------------------------- */
.form dl {width:100%; padding:20px 0; border-top:dotted 1px #958e8e; display:table;}
.form.conf dl {padding:5px 0;}
.form dl:last-child {border-bottom:dotted 1px #958e8e;}
.form dt,
.form dd {text-align:left; vertical-align:top; padding:0 10px; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; display:table-cell;}
.form dt {width:9em; padding-top:3px;}
.form.conf dt {width:12em; padding-top:0;}
.form input.inp1,
.form input.inp2,
.form input.inp3,
.form input.inp4,
.form select,
.form textarea {padding:5px 5px; background:#fff; border:solid 1px #958e8e; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; resize:none;}
.form input.inp1 {width:80px;}
.form input.inp2 {width:300px;}
.form input.inp3 {width:100%;}
.form input.inp4 {width:180px;}
.form textarea {width:100%;}
.form .error {color:#c00; margin:0 0 5px 0;}
.form .list1 {border-top:dotted 1px #958e8e;}
.form .list1 li {border-bottom:dotted 1px #958e8e;}
.form .list1 li label {padding:5px 10px; display:block;}
.form a.btn1 {font-size:12px; line-height:1; text-align:center; vertical-align:middle; color:#fff; text-decoration:none; padding:3px 5px 1px 5px; background:#2c1d1d; border:none; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; cursor:pointer;}
.form a.btn1:hover {background-color:#4b3f3f;}
@media screen and (max-width:640px){
	.form dl {padding:10px 0; display:block;}
	.form dt,
	.form dd {width:auto; padding:0 5px; display:block;}
	.form dt {margin:0 0 5px 0;}
	.form.conf dt {width:auto; background:#d6d3d3; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px;}
	.form input.inp1 {width:80px;}
	.form input.inp2 {width:100%;}
	.form input.inp3 {width:100%;}
	.form input.inp4 {width:120px;}
	.form textarea {width:100%;}
}

/* list-clm */
.list-clm1 {margin:0 -10px; display:flex; flex-wrap:wrap;}
.list-clm1 > div {width:33.33%; text-align:left; padding:0 10px 20px 10px; box-sizing:border-box;}
.list-clm1 a {text-decoration:none; display:block;}
.list-clm1 .img {text-align:center;}
.list-clm1 .img img {border:solid 1px #3f3131; box-sizing:border-box;}
.list-clm1 .ttl {margin:0.3em 0;}
.list-clm1 .ttl span {font-weight:400; padding:0 0 0.2em 0; display:block;}
@media screen and (max-width:640px){
	.list-clm1 {margin:0; display:block;}
	.list-clm1 > div {width:auto; font-size:90%; padding:0 0 15px 0;}
}

/* page-nav */
.page-nav {padding:30px 0;}
.page-nav ul {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.page-nav li {padding:4px 2px 0 2px;}
.page-nav a,
.page-nav span {width:2.5em; padding:2px 0; text-align:center; display:block; border-radius:2px;}
.page-nav a {color:#2c1d1d; text-decoration:none; border:solid 1px #2c1d1d;}
.page-nav a:hover,
.page-nav span {color:#fff; text-decoration:none; background:#2c1d1d; border:solid 1px #2c1d1d;}
.page-nav li.prev {padding-right:10px;}
.page-nav li.next {padding-left:10px;}
.page-nav li.prev a,
.page-nav li.next a {width:auto; color:#2c1d1d; text-decoration:none; border:0;}
.page-nav li.prev a:hover,
.page-nav li.next a:hover {width:auto; color:#2c1d1d; text-decoration:underline; background:none; border:0;}
.page-nav li.prev span,
.page-nav li.next span {width:auto; color:#2c1d1d; text-decoration:none; background:none; border:0;}


