@charset "utf-8";
/* CSS Document */
/**
ヘッダーイメージ　**/
div.headimg{
margin: 0 auto;
width: 100%;
max-width: 1280px;
text-align: center;
}
/**
タイトル　**/
h1{
font-size: 2.0em;
font-weight: bold;
margin: 0 auto;
padding: 30px 0;
color: #473200;
text-align: center;
}
.wf-mplus1p {
font-family: "Mplus 1p";
}
/**
見出し　**/
@media only screen and (min-width:801px){
div.main-subscript{
margin: 50px auto 0;
width: 90%;
max-width: 900px;
text-align: center;
line-height: 2.0em;
}
div.main-subscript p.ttl{
font-size: 1.2em;
}
div.main-subscript p.txt{
width: 100%;
text-align: left;
margin: 20px 0 0;
}
div.main-subscript p.txt i{
font-style: normal;
color: #FA8B00;
font-size: 1.2em;
}
}/*801*/
@media only screen and (max-width:800px){
div.main-subscript{
margin: 10px auto 0;
width: 90%;
text-align: center;
}
div.main-subscript p.ttl{
font-size: 1em;
}
div.main-subscript p.txt{
width: 100%;
text-align: left;
font-size: 0.8em;
margin: 20px 0 0;
}
div.main-subscript p.txt i{
font-style: normal;
color: #FA8B00;
}
}/*800*/
/**
リスト**/
@media only screen and (min-width:801px){
div.region{
max-width: 1100px;
margin: 50px auto 20px;
padding: 5px 0;
border-bottom: 1px #C8C8C8 solid;
border-top: 1px #C8C8C8 solid;
}
div.region span{
display: block;
width: 90%;
max-width: 900px;
margin: auto;
}
div.shop{
width: 90%;
max-width: 900px;
margin: 10px auto 60px;
padding-bottom: 60px;
border-bottom: 1px #C8C8C8 solid;
}
span.shop_icon{
display: inline-block;
vertical-align: middle;
padding-right: 5em;
}
span.shop_txt{
display: inline-block;
vertical-align: middle;
}
span.shop_txt em{
color: #473200;
font-style: normal;
font-weight: bold;
font-size: 1.4em;
}
span.shop_txt i{
display: block;
width: 75px;
font-style: normal;
text-align: center;
background-color: #FA8B00;
padding: 1px 0px;
}
span.shop_txt i a{
color: #FFF;
}
}/*801*/
@media only screen and (max-width:800px){
div.region{
width: 100%;
margin: 50px auto 20px;
padding: 5px 0;
border-bottom: 1px #C8C8C8 solid;
border-top: 1px #C8C8C8 solid;
}
div.region span{
display: block;
width: 90%;
margin: auto;
}
div.shop{
width: 90%;
margin: 10px auto 40px;
padding-bottom: 60px;
border-bottom: 1px #C8C8C8 solid;
}
span.shop_icon{
display: inline-block;
vertical-align: middle;
width: 10%;
margin-right: 5px;
}
span.shop_icon img{
width: 100%;
}
span.shop_txt{
display: inline-block;
vertical-align: middle;
width: 85%;
font-size: 0.8em;
line-height: 1.8em;
}
span.shop_txt em{
color: #473200;
font-style: normal;
font-weight: bold;
font-size: 1.2em;
}
span.shop_txt i{
display: block;
width: 75px;
font-style: normal;
text-align: center;
background-color: #FA8B00;
padding: 1px 0px;
}
span.shop_txt i a{
color: #FFF;
}
}/*800*/