/*resetcss*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:bottom;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:bottom;background:transparent;outline:none;}

ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/**/
body{
    color:#333;
    font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
    text-align:center;

}
a{
    color:#333;
    text-decoration: none;
    
}
a>img:hover{
    opacity: 0.9;
}
a:hover{
    color:#8b7358;
}
p{
    line-height: 1.8em;
}


ul{
    list-style: none;

}

.cf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .cf             { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */
 /*------------------------------------------------------*/   


.ta_center{
    text-align: center;
}
.ta_right{
    text-align: right;
}

.ta_left{
    text-align: left;
}
.fleft{
    float: left;
}

.fright{
    float: right;
}


/*------------------------------------------------------

    

------------------------------------------------------*/ 

.pcdn{
    display: none;
}
.logo{
    margin-top: 20px;
}
.top_bg{
    background: url("../images/top_bg.jpg") no-repeat top center;
    text-align: center;
    background-size: cover;
/*    box-shadow: 2px 2px 4px rgba(0,0,0,0.4);*/
}
.top_bg img{
    width: 960px;
    height: 480px;
}
.mainimg{
    margin: 0 auto;
}
.header{
    width: 100%;
}
.header-in{
    width: 960px;
    margin: 0 auto;
    height: 100px;
    text-align: left;
}


.content{
    width: 960px;
    margin: 0 auto;
    padding: 100px 0;
}

.osusume{
    background: url("../images/osusume_bg.gif");
    padding: 10px;
    opacity: 0.8;
}

.osusume-in{
    background: rgba(255,255,255,0.8);
    text-align: left;
    padding: 30px;
    box-sizing: border-box;
}
.osusume-in ul{
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4em;
    margin: 1em 0;
}
.osusume-in li{
    background: url("../images/osusume-icon.png") no-repeat left top 8px;
    padding-left: 40px;
    margin-bottom: 0.6em;
    
}
.arrow{
    margin: 30px auto;
}

.omakase{
    margin: 30px auto;
}
.pointbox{
    margin: 30px auto 100px;
    text-align: left;
}

.pointbox h3{
    background: #23481d;
    font-size: 30px;
    color: #fff;
    padding: 20px 15px;
    margin-bottom: 40px;
    display: inline-block;
    position: relative;
}
.title-ribbon{
    position: absolute;
    left:0;
    bottom:-20px;
}

.point{
    background: #e8fbe4;
    padding: 30px;
}
.point img{
    margin-right: 20px;
}
.pointtxt{
    width: 342px;
    
}

p{
    line-height: 2.0em;
    font-size: 16px;
}

.contactbn{
    margin: 30px auto 100px;
}


.subbox h3{
    background: url("../images/subtitle-arrow.png") no-repeat center left;
    font-size: 28px;
    font-weight: bold;
    padding-left: 30px;
    text-align: left;
}
table{
    width: 80%;
    margin: 30px auto;
    border: 1px solid #e5e5e5;
}
th,td{
    padding: 2em;
    
}
th{
    text-align: center;
    font-weight: bold;
    background: #eeeeee;
    width: 30%;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}
td{
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}
td.bdn{
    border-right:0;
}

.miryoku-area{
    margin: 30px auto;
    background: url("../images/miryoku-bg.jpg");
    border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    padding: 30px;
}
.miryoku-in{
    background: #fff;
    padding: 30px;
    box-sizing: border-box;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    text-align: left;
    position: relative;
}
.miryoku-pic {
    position: absolute;
    top: 30px;
    right: 30px;
}
.miryokuleft-txt{
    width: 478px;
    line-height: 2em;
    font-weight: bold;
    font-size: 18px;
    color: #23481d;
}
.miryokuleft-txt span{
    border-bottom: 1px dashed #23481d;
    padding: 0.4em 0;
}
.miryoku-logo{
    margin-bottom: 1em;
}
.txt2{
    width: 100%;
    margin: 40px 0;
}
.txt2 p{
    font-size: 14px;
    line-height: 1.8em;
    color: #23481d;
    margin-bottom: 1em;
}

.miryoku-pic2{
margin: 30px auto 150px;
    display: table;
    width:100%;
}
.miryoku-pic2 .tr{
    display: table-row;
    
}
.miryoku-pic2 img{
    display: table-cell;
    float: left;
margin: 5px
}
.img2{
    width: 100%;
    margin: 50px auto;
}
.gmap {
    margin: 50px auto;
}
.gmap iframe{
    width: 100%;
}

.footer{
    width: 100%;
    height: 200px;
    border-top: 1px solid #23481d;
}
.footer-in{
    width: 960px;
    margin: 0 auto;
}
.copy{
    background: #23481d;
    padding: 2em 0;
    color: #fff;
    font-size: 70%;
}
.totop{
    color: #fff;
    background: #23481d;
    padding: 1.6em 2em;
    opacity: 0.8;
    font-size: 80%;
    position: fixed;
    right: 0;
    bottom: 0;
}
.totop:hover{
    opacity: 1;
}

.osusumebg {
    background: url("../images/osusume-bg.png") no-repeat top center;
    background-size:cover;
    padding:40px auto;
}

.tokutenbg {
    background: url("../images/campaign-bg.jpg");
    margin-top: 40px;
}
.tokutenbg p{
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.tokutentitle {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -360px;
}

.tokuten-in {
    width: 960px;
    margin:80px auto 20px;
    padding: 100px 0 0;
    position: relative;
    text-align: center;
}
.picarea1{
    width: 960px;
    margin: 40px auto;
}


.contactbtn{
    margin-top: 20px;
}
@media(max-width:768px){
    .pcdn{
        display: block;
    }
    .spdn{
        display: none;
    }
    .fleft,.fright{
        float: none;
    }
    .header-in {
    width: 100%;
    height: auto;

}
    .top_bg img{
    width: 100%;
}
    .content {
    width: 90%;
    margin: 5%;
    padding:10% 0;
}
    .omakase,.arrow,.img1 {
    width: 100%;
}
    .point img{
        width: 100%;
    }
    .pointtxt {
    width: 100%;
    }
    .contactbn{
        background: #23481d;
        font-size: 2em;
        color: #fff;
        font-weight: bold;
        padding: 1em;
        box-sizing: border-box;
        border-radius: 10px;
    }
    .contactbn a{
        color: #fff;
        text-decoration: underline;
    }
    .miryoku-area {
    margin: 30px auto;
    background: url("../images/miryoku-bg.jpg");
    border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    padding: 1em;
}
    .miryoku-in {
    background: #fff;
    padding: 30px;
    box-sizing: border-box;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    text-align: left;
    position: static;
}
    .miryoku-in img{
        width: 100%;
    }
    .miryoku-pic {
    position: static;
        width: 100%;
}
    .miryokuleft-txt {
    width: 100%;
    line-height: 2em;
    font-weight: bold;
    font-size: 18px;
    color: #23481d;
}
    .footer-in {
    width: 100%;
    margin: 0 auto;
}
    .osusume-in h2 img{
        width: 100%;
    }
    .logo {
    margin-top: 20px;
    margin-bottom: 20px;
}
    .header-in{
        text-align: center;
padding-bottom: 20px;
    }
    .top_bg img{
        width: 100%;
height: auto;
    }
    .tokutentitle{
position: static !important;
margin-left: -0 !important;
width: 100%;
    }
    .tokuten-in{
        width: 100% !important;
margin: 5% auto !important;
padding: 0 !important;
position: static;

text-align: center;
    }
    .tokuten-in img{
        width:100% !important;
    }
    .picarea1{
        width:100%;
    }
    .picarea1 img{
        margin-bottom: 5%;
        width:100%;
    }
}


.bg2{
    background: rgba(228, 246, 255, 0.6 );
}

.price-txt{
    width: 80%;
    margin: 20px auto;
    font-size:14px;
    text-align: left;
}