@charset "UTF-8";

/*==================================================================

CONTENTS_HEADER

==================================================================*/
@media screen and (min-width:1024px) {
.smp{
display:none;
}
.contents_header{
width:100%;
height:350px;
margin:100px auto 130px;
background:url("../../shop/images/header_shop.jpg") no-repeat 50%;
background-size:cover;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.smp{
display:none;
}
.pc{
display:none;
}
.tablet{
display:block;
}
.contents_header{
width:100%;
height:200px;
margin:100px auto 100px;
background:url("../../shop/images/header_shop_smp.jpg") no-repeat 50%;
background-size:cover;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.pc{
display:none;
}
.contents_header{
width:100%;
height:150px;
margin:80px auto;
background:url("../../shop/images/header_shop_smp.jpg") no-repeat 50%;
background-size:cover;
}
}









/*==================================================================

SHOP_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.shop_area{
width:1000px;
margin:60px auto;
padding:0;
}
.shop_area p{
text-align:center;
line-height:1.8em;
}
.shop_area ol{
display:table;
table-layout:fixed;
text-align:center;
width:100%;
margin:3em auto 3em;
font-size:15px;
letter-spacing:0.1em;
padding-top:10px;
padding-bottom:20px;
}
.shop_area ol li{
text-align:left;
display:inline;
margin-right:1.7em;
padding-left:1.7em;
border-left:1px solid #000;
line-height:2.0em;
}
.shop_area ol li.top{
border-left:none;
}
.shop_area ol li a{
padding:3px;
}
.shop_area ol li a:link{
color:#000;
text-decoration:underline;
}
.shop_area ol li a:hover{
color:#FFF;
background-color:#000;
text-decoration:none;
}
.shop_area ol li a:visited{
color:#000;
text-decoration:underline;
}
h3{
font-family:TsukuMinPr6-L;
font-size:22px;
letter-spacing:1em;
border:solid 1px #000;
padding:1em 1.5em 1em 4em;
display:block;
color:#000;
background:url("../../images/mark.png") no-repeat 3%;
background-size:3%;
background-color:#FBFAF6;
}
h3 span{
font-size:0.75em;
letter-spacing:0.3em;
}
.content dl{
margin-bottom:50px;
}
.content dl dt{
padding:2em 0 0.5em 1em;
}
.content dl dt h4{
font-size:16px;
letter-spacing:0.1em;
background:url(../../images/mark.png) no-repeat;
background-size:1.5%;
padding-left:1.5em;
}
.content dl dt h4 span{
font-size:11px;
padding-left:0.5em;
letter-spacing:0;
}
.content h4 span.limited{
letter-spacing:0.1em;
margin-left:1.0em;
background-color:#000;
color:#FFF;
padding:0.2em 0.5em;
}
.content dl dd{
margin-bottom:0.5em;
font-size:13px;
line-height:1.5em;
text-align:justify;
word-spacing:0.5em;
margin-left:3em;
}
.content dl dd span{
background-color:#000;
padding:0.1em 0.5em;
margin-left:1.5em;
margin-right:2em;
font-size:0.9em;
}
.content dl dd span a{
color:#FFF;
text-decoration:none;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.shop_area{
width:98%;
margin:50px auto;
padding:0;
}
.shop_area p{
text-align:center;
line-height:1.8em;
}
.shop_area ol{
display:table;
table-layout:fixed;
text-align:center;
width:100%;
margin:3em auto 3em;
font-size:15px;
letter-spacing:0.1em;
padding-top:10px;
padding-bottom:20px;
}
.shop_area ol li{
text-align:left;
display:inline;
margin-right:1.7em;
padding-left:1.7em;
border-left:1px solid #000;
line-height:2.0em;
}
.shop_area ol li.top{
border-left:none;
}
.shop_area ol li a{
padding:3px;
}
.shop_area ol li a:link{
color:#000;
text-decoration:underline;
}
.shop_area ol li a:hover{
color:#FFF;
background-color:#000;
text-decoration:none;
}
.shop_area ol li a:visited{
color:#000;
text-decoration:underline;
}
h3{
font-family:TsukuMinPr6-L;
font-size:18px;
letter-spacing:1em;
border:solid 1px #000;
padding:1em 1.2em 1em 4em;
display:block;
color:#000;
background:url("../../images/mark.png") no-repeat 3%;
background-size:3%;
background-color:#FBFAF6;
}
h3 span{
font-size:0.75em;
letter-spacing:0.3em;
}
.content{
width:90%;
margin:0 auto;
}
.content dl{
margin-bottom:50px;
}
.content dl dt{
padding:2em 0 0.5em 1em;
}
.content dl dt h4{
font-size:15px;
letter-spacing:0.1em;
background:url(../../images/mark.png) no-repeat;
background-size:2.1%;
padding-left:1.5em;
}
.content dl dt h4 span{
font-size:11px;
padding-left:0.5em;
letter-spacing:0;
}
.content h4 span.limited{
letter-spacing:0.1em;
margin-left:1.0em;
background-color:#000;
color:#FFF;
padding:0.2em 0.5em;
}
.content dl dd{
margin-bottom:0.5em;
font-size:13px;
line-height:1.5em;
text-align:justify;
word-spacing:0.5em;
margin-left:3em;
}
.content dl dd span{
background-color:#000;
padding:0.1em 0.5em;
margin-left:1.5em;
font-size:0.9em;
}
.content dl dd span a{
color:#FFF;
text-decoration:none;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.shop_area{
width:98%;
margin:30px auto;
padding:0;
}
.shop_area p{
text-align:justify;
line-height:1.6em;
margin-bottom:3em;
}
.shop_area ol{
display:table;
table-layout:fixed;
text-align:center;
width:100%;
margin:2em auto 2em;
font-size:15px;
letter-spacing:0.1em;
padding-top:10px;
padding-bottom:20px;
}
.shop_area ol li{
text-align:left;
display:inline;
margin-right:1em;
padding-left:1em;
border-left:1px solid #000;
line-height:2em;
}
.shop_area ol li.top{
border-left:none;
}
.shop_area ol li a{
padding:3px;
}
.shop_area ol li a:link{
color:#000;
text-decoration:underline;
}
.shop_area ol li a:hover{
color:#FFF;
background-color:#000;
text-decoration:none;
}
.shop_area ol li a:visited{
color:#000;
text-decoration:underline;
}
h3{
font-family:TsukuMinPr6-L;
font-size:18px;
letter-spacing:1em;
border:solid 1px #000;
padding:1em 1.5em 1em 3.5em;
display:block;
color:#000;
background:url("../../images/mark.png") no-repeat 5%;
background-size:5%;
background-color:#FBFAF6;
}
h3 span{
font-size:0.75em;
letter-spacing:0.3em;
}
.content{
width:90%;
margin:0 auto;
}
.content dl{
margin-bottom:50px;
}
.content dl dt{
padding:2em 0 0.5em 0em;
}
.content dl dt h4{
font-size:15px;
letter-spacing:0.1em;
background:url(../../images/mark.png) no-repeat;
background-size:4.2%;
padding-left:1.5em;
}
.content dl dt h4 span{
font-size:12px;
padding-left:0.5em;
letter-spacing:0;
}
.content h4 span.limited{
letter-spacing:0.1em;
margin-left:1.0em;
background-color:#000;
color:#FFF;
padding:0.2em 0.5em;
}
.content dl dd{
margin-bottom:0.5em;
font-size:13px;
line-height:1.5em;
text-align:justify;
word-spacing:0.5em;
margin-left:1.8em;
word-wrap: break-word;
}
.content dl dd span{
background-color:#000;
padding:0.1em 0.5em;
margin-left:1.5em;
font-size:0.9em;
}
.content dl dd span a{
color:#FFF;
text-decoration:none;
}
}









/*==================================================================

NORESALE_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.noresale_area{
width:1000px;
margin:80px auto 100px;
}
.noresale_area h3{
background:url("../../images/mark.png") no-repeat center top;
background-size:5%;
padding-top:80px;
margin:2em auto 1em;
letter-spacing:0.1em;
border:none;
}
.noresale{
width:100%;
margin:20px auto 100px;
border:1px solid #000;
position:relative;
}
.noresale h4{
font-family:TsukuAOldMinPr6-D;
font-size:18px;
letter-spacing:0.01em;
text-align:center;
position:absolute;
right:0;
left:0;
top:-0.5em;
}
.noresale span{
padding:0 0.5em;
background:#FFF;
}
.noresale p{
line-height:1.65em;
padding:3em;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.noresale_area{
width:98%;
margin:60px auto 80px;
}
.noresale_area h3{
background:url("../../images/mark.png") no-repeat center top;
background-size:5%;
padding-top:60px;
margin:2em auto 1em;
letter-spacing:0.1em;
border:none;
}
.noresale{
width:98%;
margin:10px auto 80px;
border:1px solid #000;
position:relative;
}
.noresale h4{
font-family:TsukuAOldMinPr6-D;
font-size:16px;
letter-spacing:0.01em;
text-align:center;
position:absolute;
right:0;
left:0;
top:-0.5em;
}
.noresale span{
padding:0 0.5em;
background:#FFF;
}
.noresale p{
line-height:1.65em;
padding:3em 2.5em 2.5em 2.5em;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.noresale_area{
width:98%;
margin:60px auto 30px;
}
.noresale_area h3{
background:url("../../images/mark.png") no-repeat center top;
background-size:10%;
padding-top:60px;
margin:1em auto 0.1em;
letter-spacing:0.1em;
border:none;
}
.noresale{
width:98%;
margin:10px auto 30px;
border:1px solid #000;
position:relative;
}
.noresale h4{
font-family:TsukuAOldMinPr6-D;
font-size:16px;
line-height:1.35em;
letter-spacing:0.01em;
text-align:center;
position:absolute;
right:0;
left:0;
top:-0.5em;
}
.noresale span{
padding:0 0.5em;
background:#FFF;
}
.noresale p{
font-size:13px;
padding:4em 1.5em 1.5em 1.5em;
}
}









/*==================================================================

NEGATIVE-MARGIN

==================================================================*/
@media screen and (min-width:1024px) {
#kumamoto,#fukuoka,#oita,#nagasaki,#miyazaki,#chugoku,#kansai,#chubu,#kanto,#tohoku,#new{
padding-top:100px;
margin-top:-100px;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
#kumamoto,#fukuoka,#oita,#nagasaki,#miyazaki,#chugoku,#kansai,#chubu,#kanto,#tohoku,#new{
padding-top:100px;
margin-top:-100px;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
#kumamoto,#fukuoka,#oita,#nagasaki,#miyazaki,#chugoku,#kansai,#chubu,#kanto,#tohoku,#new{
padding-top:80px;
margin-top:-80px;
}
}