@charset "UTF-8";

/* base
*************************************************/
h2.local_h2{
    padding: 20px 0;
    display: block;
    font-size: 20px;
    background: #83000A;
    color: #FFF;
    text-align: center;
    line-height: 100%;
}
h2.local_h2 span{
    margin-top: 10px;
    display: block;
    font-size: 12px;
    line-height: 100%;
    color: #FFF;
    text-align: center;
}

/* local main img
*************************************************/
.local_main{
    margin-bottom: 20px;
}
.local_main img{
    display: block;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}
a img {
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
a:hover img {
    opacity: .7;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=70);	/* IE lt 8 */
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
}

ul#pankuzu{
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #83000A;
    margin-bottom: 20px;
    color: #83000A;
}
ul#pankuzu li{
    padding-left: 30px;
    background-image: url(../img/icon_arrow01_red.png);
    background-repeat: no-repeat;
    background-position: left 50%;
    margin-right: 10px;
    float: left;
}
ul#pankuzu li:first-child{
    padding-left: 0px;
    background-image: none;
}
ul#pankuzu li a{
    margin-right: 10px;
}

/* 文字装飾 */
.redBold{
    font-size: 1.2em;
    color: #FF3300;
}

/* レイアウト
*************************************************/
header{
/*    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    display: block;*/
}
.content{
    margin-left: auto;
    margin-right: auto;
    width:100%;
}

/* 大枠のレイアウト */
#leftCon{
  width:100%;
  padding-left: 2%;
  padding-right: 2%;
  box-sizing: border-box;
}
#rightCon{ width:100%; }

#localCon{
    padding: 1em;
  margin-bottom: 2em;
}

/* bg color
*************************************************/


/* wrapper
*************************************************/
.wrapper5{
    padding: 5px;
}
.wrapper10{
    padding: 10px;
}

/* header
*************************************************/
header#top #headerLogo{
    padding-top: 120px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    width: 80%;
    max-width: 400px;
}
header#top #headerLogo img{
    display: block;
}
header#top #headerLogo img a{
    display: block;
    margin-bottom: 10px;
}
header#top{
    width: 100%;
    height: 400px;
    background-image: url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size: auto 400px;
    background-position: 50% 0;
}
header#top h1{
    margin-left: auto;
    margin-right: auto;
    font-size: 0.8em;
    text-align: center;
    color: #FFF;
}

/* header local
*************************************************/
header#local{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
header#local #headerLogo{
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    max-width: 400px;
    width: 90%;
}
header#local h1{
    max-width: 400px;
    width: 100%;
    left: 420px;
    top:34px;
    color: #83000A;
}



/* footer
*************************************************/
footer{}
footer .footerArea01 .wrap,
footer .footerArea02 .wrap,
footer .footerArea03 .wrap{
    padding: 15px 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    color: #FFF;
}
footer .footerArea01{
    background-color: #EEE;
}
footer .footerArea02{
    background-color: #83000A;
}
footer .footerArea03{
    background-color: #83000A;
}

footer .footerArea02 .wrap p{
    text-align: center;
}

footer .wrap ul#footerLink li{
    float: left;
}
footer .wrap ul#footerLink li a{
    padding: 0 10px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    border-right: 1px dotted #333;
    line-height: 1px;
}
footer .wrap ul#footerLink li:last-child a{
    border-right: none;
}
footer .wrap #copyright{
    text-align: center;
    color: #FFF;
}

/* gm
*************************************************/
nav#gm{

    background-color: #83000A;
    margin-bottom: 20px;
}
nav#gm ul{
    display: block;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
nav#gm ul li{
    width: 20%;
    float: left;
    box-sizing: border-box;
}
nav#gm ul li a{
    padding: 20px 0;

    display: block;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    color: #FFF;
    box-sizing: border-box;
}
nav#gm li a:hover{
    background-color: #8F2127;
}
nav#gm ul li a ruby{
    display: block;
    text-align: center;
    font-size: 10px;
}

/* top page
*************************************************/
#conceptBox{
    margin-bottom: 20px;
}
#conceptBox:after {
    content:".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0.1em;/*added for FF*/
}
#conceptBox img{
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    max-width: 400px;
}

#conceptBox dl{
    margin: 0 10px 20px;
}
#conceptBox dl dt{
    padding-left: 7px;
    margin-bottom: 10px;
    line-height: 100%;
    font-size: 1.5em;
    color: #83000A;
    border-left: 5px solid #83000A;
}
#conceptBox dl dd{
    margin-bottom: 20px;
}


/* hr
*************************************************/
hr.line01{
    padding: 0;
    margin: 0 0 20px;
    border: none;
    border-bottom: 1px solid #83000A;
}
hr.line02{
    padding: 0;
    margin: 0 0 20px;
    border: none;
    border-bottom: 2px solid #83000A;
}

/* rightcon
*************************************************/
#rightCon{}
#rightCon .wrap{
    padding: 10px;
}

.sideMenu li{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    box-sizing: border-box;
    width: 96%;
}
.sideMenu li.bnr01{
    padding: 1px;
    border: 5px solid #83000A;
}
.sideMenu li.bnr01 a{
    padding: 20px 0;
    display: block;
    border: 1px dashed #83000A;
    text-decoration: none;
    color: #333;
    text-align: center;
    font-size: 20px;
}
.sideMenu li.bnr01 a span{
    display: block;
    text-decoration: none;
    color: #83000A;
    text-align: center;
    font-size: 12px;
}

.sideMenu li ul.caution{
    margin-top: 5px;
}
.sideMenu li ul.caution li{
    width: 94%;
    margin: 0 0 5px 4%;
    padding: 0;
    font-size: 14px;
    line-height: 120%;
    position: relative;
    word-break: break-all;
    text-align: justify;
}
.sideMenu li ul.caution li:before{
    margin: 0;
    padding: 0;
    content: "※";
    font-size: 1.2em;
    position: absolute;
    top: 0;
    left: -4%;
}
#right_shopInfo{}
#right_shopInfo h3{
    padding: 5px 0;
    text-align: center;
    color: #FFF;
    background-color: #83000A;
}
#right_shopInfo dl {}
#right_shopInfo dl dt{
    padding: 5px 8px;
    box-sizing: border-box;
    background-color: #F5F5F5;
    font-size: 0.9em;
    text-align: center;
}
#right_shopInfo dl dd{
    margin-bottom: 10px;
    text-align: center;
}

/* box
*************************************************/
div.box{
    padding: 0 2%;
}

/* shopinfo
*************************************************/
.shopImg{
    margin-bottom: 20px;
}
.shopinfo h3{
    padding: 10px 0;
    line-height: 100%;
    font-size: 1.3em;
    text-align: center;
    background-color: #83000A;
    color: #FFF;
}
.shopinfo dl{
}
.shopinfo dl dt{
    margin-bottom: 3px;
    padding: 1px 8px;
    background-color: #EEEEEE;
    text-align: center;
}
.shopinfo dl dd{
    margin-bottom: 10px;
    text-align: center;
}


/* mainイメージ
*************************************************/
/*figure#mainImg{
    width: 1000px;
}
figure#mainImg h2{
    display:block;
    width: 100%;
}
figure#mainImg h2 img{
    display:block;
    width: 100%;
}*/

/* 汎用margin
*************************************************/
.mb10{
    margin-bottom: 10px;
}
.mb20{
    margin-bottom: 20px;
}
.mt20{
    margin-top: 20px;
}

/* 汎用ボタン
*************************************************/
a.btn_to_detail{
    padding: 5px 10px 5px;
    display: block;
    float: right;
    text-decoration: none;
    background-color: #83000A;
    font-size: 14px;
    color: #FFF;
}
a.btn_to_detail:before{
    content: "＞ ";
}
a.btn_to_detail:hover{
    background-color: #8F2127;
}

/* news
*************************************************/

ul.news{
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
}
ul.news li{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #EEE;
    content: "";
    clear: both;
    display: block;
}

ul.news li a:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
ul.news li a:after {
    content:".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0.1em;/*added for FF*/
}
ul.news li div.newsImg{
    width: 10%;
    height: 100px;
    float: left;
    overflow: hidden;
}
ul.news li div.newsImg img{
    width: 100%;
    display: block;
}
ul.news li span.msg{
    margin-left: 10px;
    width: 80%;
    display: block;
    float: left;
}

/* 汎用list
*************************************************/
.chkList_orange{}
.chkList_orange li{
    padding-left: 25px;
    margin-bottom: 15px;
    line-height: 1.2em;
    background-image: url(../img/ico_chk_orange.jpg);
    background-repeat: no-repeat;
    background-position: left 2px;
}

/* title
*************************************************/
.title01{
    border-left: 10px solid #540A10;
    padding: 10px 2%;
    background-color: #83000A;
    color: #FFF;
    line-height: 1;
}
.title_scissor{
    background-image: url(../img/icon_scissors.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
    padding: 10px 0 10px 50px;
    background-color: #83000A;
    color: #FFF;
    line-height: 1;
}
.title_scissor_red{
    padding-top: 8px;
    padding-left:48px;
    padding-bottom: 8px;
    margin-bottom: 30px;
    background-image: url(../img/icon_scissors_red.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 10px 0px;
    color: #83000A;
    line-height: 1;
    font-size: 20px;
    display: block;
    border-bottom: 3px solid #83000A;
}
.title_scissor_red_border{
    display: block;
    padding: 10px 0 10px 44px;
    margin-bottom: 5px;
    background-image: url(../img/icon_scissors_red.png);
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: left 30%;
    color: #83000A;
    font-size: 30px;
    display: block;
}

/* table
*************************************************/
table.tbl01,
table.tbl01 th,
table.tbl01 td{
    border-collapse: collapse;
}

table.tbl01{
    margin-bottom: 20px;
    width: 100%;
}
table.tbl01 tr{
    border-bottom: 1px solid #DDD;
}
table.tbl01 tr:last-child{
    border:none;
}
table.tbl01 th{
    padding: 3% 0;
    width: 30%;
    text-align: left;
    color: #83000A;
    font-size: 20px;
}
table.tbl01 td{
    padding: 3% 0;
}

table.tbl01,
table.tbl01 th,
table.tbl01 td{
    border-collapse: collapse;
}

table.tbl02{
    margin-bottom: 20px;
    width: 100%;
}
table.tbl02 tr{
    border-bottom: 1px solid #DDD;
}
table.tbl02 tr:last-child{
    border:none;
}
table.tbl02 th{
    padding: 2% 0;
    width: 40%;
    text-align: left;
    color: #83000A;
    font-size: 20px;
}
table.tbl02 td{
    padding: 2% 0;
}



/* product
*************************************************/
.productList{
}
.productList dt{
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 3px solid #3874BA;
    color: #3874BA;
    font-size: 1.5em;
    line-height: 1em;
}
.productList dd{
    padding-bottom: 20px;
}
.productList .listLeft{
    width: 20%;
    float: left;
}
.productList .listRight{
    width: 75%;
    float: right;
}
.productList .listRight p{
    margin-bottom: 10px;
}
.productList .listRight ul li{
    margin-left: 20px;
    list-style-type: disc;
}

/* staff
*************************************************/
.staffList{
    margin-bottom: 40px;
}
.staffList:after {
    content:".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0.1em;/*added for FF*/
}
.staffList .staffImg{
    width: 100%;
}
.staffList .staffTxt{
    margin-left: auto;
    margin-right: auto;
    width: 96%;
}
.staffList .staffImg img{
    margin-bottom: 10px;
    width: 100%;
    max-width: 700px;
    display: block;
}
.staffList dl{
    margin-bottom: 10px;
}
.staffList dl dt{
    margin-bottom: 5px;
    padding: 5px 10px;
    color:#8F2127;
    background-color: #8F2127;
    color: #FFF;
}
.staffList dl dd{
    margin-bottom: 20px;
    line-height: 150%;
}


/* contact
*************************************************/

.contactTime dl dt{
    padding: 1% 5%;
    width: 40%;
    background-image: url(../img/bg_grd_red.jpg);
    background-repeat: repeat-x;
    background-position: left 50%;
    color: #FFF;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    text-decoration: none;
    float: left;
    text-align: center;
}
.contactTime dl dd{
    padding: 1% 2%;
    width: 46%;
    float: right;
}

/* service
*************************************************/
.priceArea{
    margin-bottom: 50px;
}
.priceArea h3{
    margin-bottom: 50px;
}
.priceArea dl{
    padding: 0 20px;
    margin-bottom: 5px;
}
.priceArea dl dt{
    font-size: 1.2em;
    width: 70%;
    float: left;
}
.priceArea dl dd{
    font-size: 1.2em;
    width: 30%;
    float: right;
    text-align: right;
}
.priceArea p{
    padding: 0 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 0.7em;
    border-bottom: 1px solid #DDD;
    color: #999;
}


/* coupon
*************************************************/

.couponList li{
    padding: 5px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    border: 10px solid #A78B35;
    width: 96%;
    box-sizing: border-box;
    background: #F5F4F2;
    position: relative;
}
.couponList li dl.couponDl{
    border: 2px solid #A78B35;
}
.couponList li img.ribbon{
    position: absolute;
    top:-10px;
    left: -10px;
    z-index: 99;
}
.couponList li dl.couponDl dt{
    padding: 20px 40px;
}
.couponList li dl.couponDl dt:after {
    content:".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0.1em;/*added for FF*/
}
.couponList li dl.couponDl dt span.couponNo{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    display: block;
    width: 70%;
    font-size: 30px;
    line-height: 100%;
    text-align: center;
}
.couponList li dl.couponDl dt span.couponType{
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 70%;
    font-size: 16px;
    border: 2px solid #A78B35;
    box-sizing: border-box;
    line-height: 100%;
    color: #A78B35;
    text-align: center;
}
.couponList li dl.couponDl dd.detail p.couponName{
    font-size: 18px;
    text-align: center;
}
.couponList li dl.couponDl dd.detail .priceArea{
    margin: 10px;
    padding: 20px 0;
    line-height: 120%;
    font-size: 30px;
    text-align: center;
    background: #FFF;
}
.couponList li dl.couponDl dd.detail .priceArea span{
    font-size: 50px;
    color: #870000;
}
.couponList li dl.couponDl dd.detail .textArea{
    margin-bottom: 20px;
    padding: 0 10px;
}
.couponList li dl.couponDl dd.detail .textArea:after {
    content:".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0.1em;/*added for FF*/
}
.couponList li dl.couponDl dd.detail .textArea ul.text{
    margin-bottom: 10px;
    width: 100%;
}
.couponList li dl.couponDl dd.detail .textArea ul.rule{
    width: 100%;
}
.couponList li dl.couponDl dd.detail .textArea ul.text li,
.couponList li dl.couponDl dd.detail .textArea ul.rule li{
    border: none;
    font-size: 12px;
    line-height: 120%;
}
.couponList li dl.couponDl dd.detail .textArea ul.text li{
    margin: 0 0 5px 20px;
    padding: 0;
    list-style-type: disc;
}
.couponList li dl.couponDl dd.detail .textArea ul.rule li{
    margin: 0 0 5px;
    padding: 0 0 0 20px;
    background-image: url(../img/icon_kome_black.png);
    background-repeat: no-repeat;
    background-position: left 50%;
}