@charset "utf-8";
/****************************************
reset
*****************************************/
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: baseline;
background: transparent;
}
body {
    width: 100%;
font-size: 12px;/* 変更 */
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;/* 変更 */
line-height: 1.5;/* 変更 */
-webkit-text-size-adjust: 100%;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,main{
display: block;
}
/* float 解除 */
header:after,footer:after,section:after,article:after,aside:after,div:after,dl:after,ul:after,li:after {
content : "";
display : block;
height : 0;
clear : both;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
ol,ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: 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 #cccccc;
margin: 1em 0;
padding: 0;
}
img {
vertical-align: bottom;
}
/* フォーム */
.form_box input[type="text"], .form_box textarea, .form_box input[type="tel"], .form_box input[type="email"] {
    width: 100%;
    padding: 6px;
    border: 1px solid #aaa;
    border-radius: 2px;
    background: #fcfcfc;
    -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(0, 0, 0, 0.2) 0 1px 1px;
    -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(0, 0, 0, 0.2) 0 1px 1px;
    box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(0, 0, 0, 0.2) 0 1px 1px;
    box-sizing: border-box;
    color: #666;
}
.form_box select {
    width: 100%;
    padding: 6px;
    border: 2px solid #eee;
    border-bottom: 2px solid #ccc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #fff), color-stop(0.53, #d3d3d3), color-stop(0.04, #fff));
    background: -webkit-linear-gradient(top, #fff 4%, #d3d3d3 53%, #fff 100%);
    background: linear-gradient(to bottom, #fff 4%, #d3d3d3 53%, #fff 100%);
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
}
.form_box select:after {
    margin-top: -0.7em;
    display: inline-block;
    font-family: FontAwesome;
    content: "\f054";
    position: absolute;
    top: 50%;
    right: 0;
}
.form_box textarea {
    height: 100px;
}
/* ラベル */
.form_box label {
    vertical-align: middle;
    cursor: pointer;
}
input, select {
vertical-align: middle;
}
.btn_form{
    -webkit-appearance: none;
    width: 60%;
    padding: 11px 10px 8px;
    display: block;
    margin: 0 auto 20px;
    background: #5a4c36;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 2px;
    box-shadow: 0 3px 0 #73644d, 0 6px 0 rgba(0,0,0,0.2);
    -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
    color: #fff;
    text-align: center;
    text-decoration: none;
    position: relative;
    outline: none;
    border: none;
}
.btn_form:hover {
    box-shadow: 0 2px 0 #73644d,0 4px 0px rgba(0,0,0,0.2);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    background: #73644d;
}
/****************************************
common(共通のスタイル)
*****************************************/
body{
    background-color: #ffffff;
    color: #3b2300;
    text-align: center;
    min-width: 320px;
}
a{
    color: #000;
}
.inner{
    width: 980px;
    margin: 0 auto;
}
/* マウスオーバー */
.hover_opa{
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.hover_opa:hover{
    opacity: 0.7;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
/* フォントサイズ */
.fs_13{
    font-size: 13px;
}
.fs_16{
    font-size: 16px;
}
.fs_20{
    font-size: 20px;
}
.fs_28{
    font-size: 28px;
}
.fs_34{
    font-size: 34px;
}
/* 色 */
.atten_01, .atten_01 a {
    color: #cc0000;
}

/* テキスト */
.txt_center{
    text-align: center;
}.txt_left{
    text-align: left;
}
/* マージン */
.mb_1em{
    margin-bottom: 1em;
}
.mb_2em{
    margin-bottom: 2em;
}
/* パディング */
.pdt_30{
    padding-top: 30px;
}
/* 見出し */
.title{
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 20px;
}
/* 小見出し */
.subtitle{
    font-size: 22px;
    border-bottom: 1px dashed #705630;
    margin-bottom: 10px;
}
/* 非表示 */
.none{
    display: none !important;
}
/* コンテンツボックス */
.contents_box{
    word-wrap: break-word;
    margin-bottom: 2em;
    padding: 10px;
    background: rgba(255,255,255,0.8);
    text-align: left;
}
/* テーブル 1 */
.table_01 th, .table_01 td{
    border-bottom: 1px dashed #bbb;
    box-sizing: border-box;
    vertical-align: middle;
}
.table_01 th{
    width: 26%;
    padding: 1%;
    background: #f8f5f0;
}
.table_01 td{
    width: 66%;
    padding: 2%;
    border-left: #d8d0c5 1px solid;
}
/* 動画 */
.movie_box{
    width: 100%;
    height:382px;
    margin: 0 auto;
}
/* ボタン1 */
.btn_01{
    width: 280px;
    height: 36px;
    margin: 0 auto;
    line-height: 36px;
    border-top: 1px solid #BBB;
    border-left: 1px solid #BBB;
    border-radius: 10px;
    background: #EEE;
    -moz-box-shadow: inset -1px -1px 1px rgba(000,000,000,0.2),inset 2px 2px 1px rgba(255,255,255,1);
    -webkit-box-shadow: inset -1px -1px 1px rgba(000,000,000,0.2),inset 2px 2px 1px rgba(255,255,255,1);
    box-sizing: border-box;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #777;
    text-shadow: 1px 1px 0 #fff;
}
.btn_01:hover{
    color: #444;
}
.btn_02{
    width: 140px;
    height: 35px;
    margin: 0 auto 10px;
    line-height: 35px;
    border: 1px solid #473f30;
    background: #291f10;
    background: -moz-linear-gradient(top, #291f10 0%, #443c2e 6%, #5f533f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#291f10), color-stop(6%,#443c2e), color-stop(100%,#5f533f));
    background: -webkit-linear-gradient(top, #291f10 0%,#443c2e 6%,#5f533f 100%);
    background: -ms-linear-gradient(top, #291f10 0%,#443c2e 6%,#5f533f 100%);
    background: linear-gradient(to bottom, #291f10 0%,#443c2e 6%,#5f533f 100%) box-shadow: 0 1px 2px rgba(0,0,0,0.35),0 1px 0 rgba(255,255,255,0.4) inset;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.35),0 1px 0 rgba(255,255,255,0.4) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.35), 0 1px 0 rgba(255,255,255,0.4) inset;
    box-sizing: border-box;
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.btn_02:hover{
   opacity: 0.8;
    -webkit-transition: opacity 0.4s linear 0;
    -moz-transition: opacity 0.4s linear 0;
    transition: opacity 0.4s linear 0;
    transition: 0.3s ease-in-out;
}
/*

ヘッダー

*/
header{
    width: 100%;
    min-width: 980px;
}
header .inner{
    width: 980px;
    padding-bottom: 10px;
    position: relative;
}
header .inner .btn_top_reserve {
    padding: 10px 40px;
    background: #310e00;
    border-radius: 0 0 5px 5px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
    letter-spacing: 3px;
}
header h2{
    margin: 0 auto 0.5em auto;
}
header h2 img{
    width: 100%;
    max-width: 980px;
}
header .info_box{
    font-size: 26px;
    letter-spacing: 3px;
    line-height: 1.2em;
}
header .info_box span{
    font-size: 12px;
}
/* グローバルメニュー */
header nav{
    width: 100%;
    font-size: 16px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
    position: relative;
    z-index: 9999;
        width: 980px;
    margin: auto;
}
@media screen and (max-width: 750px){
    header nav{
        width: 100%;
        font-size: 16px;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
        position: relative;
        z-index: 9999;
            /*width: 980px;*/
        margin: auto;
    }
}
header nav ul{
    max-width: 1000px;
    margin: auto;
}
header nav ul li{
    width: 20%;
    float: left;
}
header nav ul li a{
  height: 40px;
  line-height: 40px;
    display: block;
    color: #fff;
    letter-spacing: 3px;
    -webkit-transition: color 0.4s linear 0;
    -moz-transition: color 0.4s linear 0;
    transition: color 0.4s linear 0;
}
header nav ul li a:hover{
    opacity: 0.5;
}
/* スクロール固定 */
.nav_fixed{
    position: fixed;
    top: 0;
    z-index: 100;
        left: calc((100% - 980px)/2);
}
/* メインビジュアル */
#main_visual{
    width: 980px;
    margin: 0 auto;
}
.contents_wrap{
    width: 980px;
    margin: 0 auto;
    padding-top: 30px;
    /* background: url(/images/bg_repeat_02.gif) 260px 0 repeat-y; */
}
/* サイドバー */
.sidebar_sub{
    width: 240px;
    float: left;
}
.sidebar_main{
    width: 240px;
    float: left;
    margin-bottom: 20px;
}
/* メインカラム */
main{
    width: 700px;
    float: right;
}
/* セクション */
#system_contents, #access_contents, #staff_contents, #recruit_contents, #reserve_contents{
    margin-top: -60px;
    padding-top: 60px;
}
/*

フッター

 */
footer{
    min-width: 960px;
    /*padding: 10px 10px 0 10px;*/
    text-align: left;
}
footer .inner {
    padding: 10px 10px 0 10px;
    box-sizing: border-box;
}
footer .inner a{
    color: #eee;
}
footer .inner a:hover{
    color: #fff;
}
footer ul{
    display: flex;
        justify-content: center;
}
footer ul li{
    margin: 0 20px 20px 0;
    display: inline-block;
    /*float: left;*/
}
footer .btn_tel{
    width: 50px;
    height: 40px;
    padding-top: 9px;
    border-bottom: #000 1px solid;
    border-radius: 6px;
    background: #67b744;
    display: none;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    line-height: 13px;
    position: fixed;
    z-index: 9999;
    bottom: 70px;
    right: 10px;
}
footer .btn_tel i{
    font-size: 22px;
}
footer .btn_reserve{
    width: 50px;
    height: 38px;
    padding-top: 11px;
    border-bottom: #000 1px solid;
    border-radius: 6px;
    background: #b84444;
    display: none;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    line-height: 18px;
    position: fixed;
    z-index: 9999;
    bottom: 10px;
    right: 10px;
}
footer .btn_reserve i{
    font-size: 20px;
}
footer small{
    color: #fff;
    font-size: 10px;
}
footer #bottom_link {
    margin: 10px 0 0;
    padding: 8px 0;
    background: #161616;
    color: #b6b6b6;
    text-align: center;
    display: block;
    font-family: sans-serif;
}
footer #bottom_link span {
    text-decoration: underline;
}

/****************************************
見出し
****************************************/
/* パターン1 */
.cpt1 header{
    border-top: #300e00 6px solid;
}
.cpt1 header nav{
    background: #3c2d15;
    background: -moz-linear-gradient(top,  #3c2d15 1%, #564832 15%, #3c2d15 15%, #473a26 53%, #3c2d15 88%, #564832 88%, #564832 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3c2d15), color-stop(15%,#564832), color-stop(15%,#3c2d15), color-stop(53%,#473a26), color-stop(88%,#3c2d15), color-stop(88%,#564832), color-stop(100%,#564832));
    background: -webkit-linear-gradient(top,  #3c2d15 1%,#564832 15%,#3c2d15 15%,#473a26 53%,#3c2d15 88%,#564832 88%,#564832 100%);
    background: -ms-linear-gradient(top,  #3c2d15 1%,#564832 15%,#3c2d15 15%,#473a26 53%,#3c2d15 88%,#564832 88%,#564832 100%);
    background: linear-gradient(to bottom,  #3c2d15 1%,#564832 15%,#3c2d15 15%,#473a26 53%,#3c2d15 88%,#564832 88%,#564832 100%);
}
.cpt1 footer{
    background: #291f10; /* Old browsers */
    background: -moz-linear-gradient(top,  #291f10 0%, #443c2e 6%, #5f533f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#291f10), color-stop(6%,#443c2e), color-stop(100%,#5f533f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #291f10 0%,#443c2e 6%,#5f533f 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  #291f10 0%,#443c2e 6%,#5f533f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #291f10 0%,#443c2e 6%,#5f533f 100%); /* W3C */
}
.cpt1 .title{
    background: url(/images/bg_repeat_01.png) center top no-repeat;
}
.cpt1 .title span{
    padding: 0 30px;
    display: inline-block;
}
/* パターン2 */
.cpt2 header{
    border-top: #12398b 6px solid;
}
.cpt2 header nav{
    background: #234589;
    background: -moz-linear-gradient(top,  #234589 0%, #345089 44%, #08328c 100%);
    background: -webkit-linear-gradient(top,  #234589 0%,#345089 44%,#08328c 100%);
    background: linear-gradient(to bottom,  #234589 0%,#345089 44%,#08328c 100%);


}
.cpt2 footer{
    background: #234589;
    background: -moz-linear-gradient(top,  #345089 0%, #08328c 100%);
    background: -webkit-linear-gradient(top,  #345089 0%,#08328c 100%);
    background: linear-gradient(to bottom,  #345089 0%,#08328c 100%);

}
.cpt2 .title{
    padding: 5px 0;
    border-radius: 4px 4px 0 0;
    background: #234589;
    background: -moz-linear-gradient(top,  #234589 0%, #345089 44%, #08328c 100%);
    background: -webkit-linear-gradient(top,  #234589 0%,#345089 44%,#08328c 100%);
    background: linear-gradient(to bottom,  #234589 0%,#345089 44%,#08328c 100%);
}
.cpt2 .title span{
    width: 98%;
    border-bottom: 1px solid #4A6292;
    padding-bottom: 5px;
    display: inline-block;
    color: #fff;
}
/* パターン3 */
.cpt3 header{
    border-top: #131313 6px solid;
}
.cpt3 header nav{
    background: #4c4c4c;
    background: -moz-linear-gradient(top,  #4c4c4c 3%, #333333 10%, #595959 10%, #333333 10%, #595959 11%, #6d6d6d 25%, #474747 39%, #2c2c2c 54%, #1c1c1c 81%, #2c2c2c 96%, #131313 100%);
    background: -webkit-linear-gradient(top,  #4c4c4c 3%,#333333 10%,#595959 10%,#333333 10%,#595959 11%,#6d6d6d 25%,#474747 39%,#2c2c2c 54%,#1c1c1c 81%,#2c2c2c 96%,#131313 100%);
    background: linear-gradient(to bottom,  #4c4c4c 3%,#333333 10%,#595959 10%,#333333 10%,#595959 11%,#6d6d6d 25%,#474747 39%,#2c2c2c 54%,#1c1c1c 81%,#2c2c2c 96%,#131313 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );
}
.cpt3 footer{
        text-align: center;
    background: #5e5e5e;
    background: -moz-linear-gradient(top,  #5e5e5e 0%, #1c1c1c 81%);
    background: -webkit-linear-gradient(top,  #5e5e5e 0%,#1c1c1c 81%);
    background: linear-gradient(to bottom,  #5e5e5e 0%,#1c1c1c 81%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#1c1c1c',GradientType=0 );
    width: 980px;
    margin: 0 auto;
}
@media screen and (max-width: 750px){
    .cpt3 footer{
        text-align: center;
        background: #5e5e5e;
        background: -moz-linear-gradient(top,  #5e5e5e 0%, #1c1c1c 81%);
        background: -webkit-linear-gradient(top,  #5e5e5e 0%,#1c1c1c 81%);
        background: linear-gradient(to bottom,  #5e5e5e 0%,#1c1c1c 81%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#1c1c1c',GradientType=0 );
        width: 100%;
        margin: 0 auto;
    }
}
.cpt3 .title{
    padding: 5px 0;
    border-radius: 4px 4px 0 0;
    background: #4c4c4c;
    background: -moz-linear-gradient(top,  #4c4c4c 3%, #333333 10%, #595959 10%, #333333 10%, #595959 11%, #6d6d6d 25%, #474747 39%, #2c2c2c 54%, #1c1c1c 81%, #2c2c2c 96%, #131313 100%);
    background: -webkit-linear-gradient(top,  #4c4c4c 3%,#333333 10%,#595959 10%,#333333 10%,#595959 11%,#6d6d6d 25%,#474747 39%,#2c2c2c 54%,#1c1c1c 81%,#2c2c2c 96%,#131313 100%);
    background: linear-gradient(to bottom,  #4c4c4c 3%,#333333 10%,#595959 10%,#333333 10%,#595959 11%,#6d6d6d 25%,#474747 39%,#2c2c2c 54%,#1c1c1c 81%,#2c2c2c 96%,#131313 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );
}
.cpt3 .title span{
    width: 98%;
    border-bottom: 1px solid #595959;
    padding-bottom: 5px;
    display: inline-block;
    color: #fff;
}
/* パターン4 */
.cpt4 header{
    border-top: #a00002 6px solid;
}
.cpt4 header nav{
    background: #a00002;
    background: -moz-linear-gradient(top,  #a00002 2%, #a90329 12%, #6d0001 12%, #a90329 87%, #6d0001 87%, #a00002 98%);
    background: -webkit-linear-gradient(top,  #a00002 2%,#a90329 12%,#6d0001 12%,#a90329 87%,#6d0001 87%,#a00002 98%);
    background: linear-gradient(to bottom,  #a00002 2%,#a90329 12%,#6d0001 12%,#a90329 87%,#6d0001 87%,#a00002 98%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a00002', endColorstr='#a00002',GradientType=0 );

}
.cpt4 footer{
    background: #a00002;
    background: -moz-linear-gradient(top,  #a00002 2%, #a90329 12%, #6d0001 12%, #a90329 100%);
    background: -webkit-linear-gradient(top,  #a00002 2%,#a90329 12%,#6d0001 12%,#a90329 100%);
    background: linear-gradient(to bottom,  #a00002 2%,#a90329 12%,#6d0001 12%,#a90329 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a00002', endColorstr='#a90329',GradientType=0 );

}
.cpt4 .title{
    padding: 5px 0;
    border-radius: 4px 4px 0 0;
    background: #a00002;
    background: -moz-linear-gradient(top,  #a00002 2%, #a90329 12%, #6d0001 12%, #a90329 87%, #6d0001 87%, #a00002 98%);
    background: -webkit-linear-gradient(top,  #a00002 2%,#a90329 12%,#6d0001 12%,#a90329 87%,#6d0001 87%,#a00002 98%);
    background: linear-gradient(to bottom,  #a00002 2%,#a90329 12%,#6d0001 12%,#a90329 87%,#6d0001 87%,#a00002 98%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a00002', endColorstr='#a00002',GradientType=0 );
}
.cpt4 .title span{
    width: 100%;
    display: inline-block;
    color: #fff;
}
/* パターン5 */
.cpt5 header{
    border-top: #004406 6px solid;
}
.cpt5 header nav{
    background: #1a7f37;
    background: -moz-linear-gradient(top,  #1a7f37 0%, #004406 8%, #1a7f37 8%, #36962a 49%, #1a7f37 90%, #004406 90%, #1a7f37 99%);
    background: -webkit-linear-gradient(top,  #1a7f37 0%,#004406 8%,#1a7f37 8%,#36962a 49%,#1a7f37 90%,#004406 90%,#1a7f37 99%);
    background: linear-gradient(to bottom,  #1a7f37 0%,#004406 8%,#1a7f37 8%,#36962a 49%,#1a7f37 90%,#004406 90%,#1a7f37 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7f37', endColorstr='#1a7f37',GradientType=0 );
}
.cpt5 footer{
    background: #1a7f37;
    background: -moz-linear-gradient(top,  #1a7f37 0%, #004406 8%, #1a7f37 8%, #36962a 49%, #1a7f37 99%);
    background: -webkit-linear-gradient(top,  #1a7f37 0%,#004406 8%,#1a7f37 8%,#36962a 49%,#1a7f37 99%);
    background: linear-gradient(to bottom,  #1a7f37 0%,#004406 8%,#1a7f37 8%,#36962a 49%,#1a7f37 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7f37', endColorstr='#1a7f37',GradientType=0 );
}
.cpt5 .title{
    padding: 5px 0;
    border-radius: 4px 4px 0 0;
    background: #1a7f37;
    background: -moz-linear-gradient(top,  #1a7f37 0%, #004406 8%, #1a7f37 8%, #36962a 49%, #1a7f37 90%, #004406 90%, #1a7f37 99%);
    background: -webkit-linear-gradient(top,  #1a7f37 0%,#004406 8%,#1a7f37 8%,#36962a 49%,#1a7f37 90%,#004406 90%,#1a7f37 99%);
    background: linear-gradient(to bottom,  #1a7f37 0%,#004406 8%,#1a7f37 8%,#36962a 49%,#1a7f37 90%,#004406 90%,#1a7f37 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7f37', endColorstr='#1a7f37',GradientType=0 );
}
.cpt5 .title span{
    width: 100%;
    display: inline-block;
    color: #fff;
}

/* パターン6 */
.cpt6 header{
    border-top: #dfae0f 6px solid;
}
.cpt6 header nav{
    background: rgb(221,186,82);
    background: -moz-linear-gradient(top,  rgba(221,186,82,1) 14%, rgba(224,173,6,1) 14%, rgba(219,183,76,1) 51%, rgba(224,173,6,1) 89%, rgba(221,193,106,1) 90%);
    background: -webkit-linear-gradient(top,  rgba(221,186,82,1) 14%,rgba(224,173,6,1) 14%,rgba(219,183,76,1) 51%,rgba(224,173,6,1) 89%,rgba(221,193,106,1) 90%);
    background: linear-gradient(to bottom,  rgba(221,186,82,1) 14%,rgba(224,173,6,1) 14%,rgba(219,183,76,1) 51%,rgba(224,173,6,1) 89%,rgba(221,193,106,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddba52', endColorstr='#ddc16a',GradientType=0 );
}
.cpt6 footer{
    background: rgb(221,186,82);
    background: -moz-linear-gradient(top,  rgba(221,186,82,1) 14%, rgba(224,173,6,1) 14%, rgba(219,183,76,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(221,186,82,1) 14%,rgba(224,173,6,1) 14%,rgba(219,183,76,1) 100%);
    background: linear-gradient(to bottom,  rgba(221,186,82,1) 14%,rgba(224,173,6,1) 14%,rgba(219,183,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddba52', endColorstr='#dbb74c',GradientType=0 );
}
.cpt6 .title{
    padding: 5px 0;
    border-radius: 4px 4px 0 0;
    background: rgb(221,186,82);
    background: -moz-linear-gradient(top,  rgba(221,186,82,1) 14%, rgba(224,173,6,1) 14%, rgba(219,183,76,1) 51%, rgba(224,173,6,1) 89%, rgba(221,193,106,1) 90%);
    background: -webkit-linear-gradient(top,  rgba(221,186,82,1) 14%,rgba(224,173,6,1) 14%,rgba(219,183,76,1) 51%,rgba(224,173,6,1) 89%,rgba(221,193,106,1) 90%);
    background: linear-gradient(to bottom,  rgba(221,186,82,1) 14%,rgba(224,173,6,1) 14%,rgba(219,183,76,1) 51%,rgba(224,173,6,1) 89%,rgba(221,193,106,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddba52', endColorstr='#ddc16a',GradientType=0 );
}
.cpt6 .title span{
    width: 100%;
    display: inline-block;
    color: #fff;
}

/* パターン7 */
.cpt7 header{
    border-top: #b3dce6 6px solid;
}
.cpt7 header nav{
    border-bottom: 2px solid #88a6ad;
    background: rgb(173,217,228);
    background: -moz-linear-gradient(top,  rgba(173,217,228,1) 0%, rgba(217,237,242,1) 46%, rgba(173,217,228,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(173,217,228,1) 0%,rgba(217,237,242,1) 46%,rgba(173,217,228,1) 100%);
    background: linear-gradient(to bottom,  rgba(173,217,228,1) 0%,rgba(217,237,242,1) 46%,rgba(173,217,228,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add9e4', endColorstr='#add9e4',GradientType=0 );
}
.cpt7 header nav ul li a{
    color: #111111;
    text-shadow: 0 0 0 #fff;
}
.cpt7 footer{
    background: rgb(173,217,228);
    background: -moz-linear-gradient(top,  rgba(173,217,228,1) 0%, rgba(217,237,242,1) 46%, rgba(173,217,228,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(173,217,228,1) 0%,rgba(217,237,242,1) 46%,rgba(173,217,228,1) 100%);
    background: linear-gradient(to bottom,  rgba(173,217,228,1) 0%,rgba(217,237,242,1) 46%,rgba(173,217,228,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add9e4', endColorstr='#add9e4',GradientType=0 );
}
.cpt7 footer, .cpt7 footer a, .cpt7 footer small {
    color: #111111;
    text-shadow: 0 0 0 #fff;
}
.cpt7 .title{
    padding: 5px 0;
    border-bottom: 2px solid #88a6ad;
    border-radius: 4px 4px 0 0;
    background: rgb(173,217,228);
    background: -moz-linear-gradient(top,  rgba(173,217,228,1) 0%, rgba(217,237,242,1) 46%, rgba(173,217,228,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(173,217,228,1) 0%,rgba(217,237,242,1) 46%,rgba(173,217,228,1) 100%);
    background: linear-gradient(to bottom,  rgba(173,217,228,1) 0%,rgba(217,237,242,1) 46%,rgba(173,217,228,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add9e4', endColorstr='#add9e4',GradientType=0 );
}
.cpt7 .title span{
    width: 100%;
    display: inline-block;
    color: #111111;
    text-shadow: 0 0 0 #fff;
}

/* パターン8 */
.cpt8 header{
    border-top: #ced493 6px solid;
}
.cpt8 header nav{
    border-bottom: 2px solid #ced493;
    background: rgb(234,239,181);
    background: -moz-linear-gradient(top,  rgba(234,239,181,1) 11%, rgba(234,239,181,1) 11%, rgba(227,237,123,1) 12%, rgba(227,237,123,1) 88%, rgba(234,239,181,1) 88%, rgba(234,239,181,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(234,239,181,1) 11%,rgba(234,239,181,1) 11%,rgba(227,237,123,1) 12%,rgba(227,237,123,1) 88%,rgba(234,239,181,1) 88%,rgba(234,239,181,1) 100%);
    background: linear-gradient(to bottom,  rgba(234,239,181,1) 11%,rgba(234,239,181,1) 11%,rgba(227,237,123,1) 12%,rgba(227,237,123,1) 88%,rgba(234,239,181,1) 88%,rgba(234,239,181,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaefb5', endColorstr='#eaefb5',GradientType=0 );
}
.cpt8 header nav ul li a{
    color: #111111;
    text-shadow: 0 0 0 #fff;
}
.cpt8 footer{
    background: rgb(234,239,181);
    background: -moz-linear-gradient(top,  rgba(234,239,181,1) 11%, rgba(234,239,181,1) 11%, rgba(227,237,123,1) 12%, rgba(227,237,123,1) 88%);
    background: -webkit-linear-gradient(top,  rgba(234,239,181,1) 11%,rgba(234,239,181,1) 11%,rgba(227,237,123,1) 12%,rgba(227,237,123,1) 88%);
    background: linear-gradient(to bottom,  rgba(234,239,181,1) 11%,rgba(234,239,181,1) 11%,rgba(227,237,123,1) 12%,rgba(227,237,123,1) 88%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaefb5', endColorstr='#e3ed7b',GradientType=0 );
nsform.Microsoft.gradient( startColorstr='#eaefb5', endColorstr='#eaefb5',GradientType=0 );
}
.cpt8 footer, .cpt8 footer a, .cpt8 footer small {
    color: #111111;
    text-shadow: 0 0 0 #fff;
}
.cpt8 .title{
    padding: 5px 0;
    border-bottom: 2px solid #ced493;
    border-radius: 4px 4px 0 0;
    background: rgb(234,239,181);
    background: -moz-linear-gradient(top,  rgba(234,239,181,1) 11%, rgba(234,239,181,1) 11%, rgba(227,237,123,1) 12%, rgba(227,237,123,1) 88%, rgba(234,239,181,1) 88%, rgba(234,239,181,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(234,239,181,1) 11%,rgba(234,239,181,1) 11%,rgba(227,237,123,1) 12%,rgba(227,237,123,1) 88%,rgba(234,239,181,1) 88%,rgba(234,239,181,1) 100%);
    background: linear-gradient(to bottom,  rgba(234,239,181,1) 11%,rgba(234,239,181,1) 11%,rgba(227,237,123,1) 12%,rgba(227,237,123,1) 88%,rgba(234,239,181,1) 88%,rgba(234,239,181,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaefb5', endColorstr='#eaefb5',GradientType=0 );
}
.cpt8 .title span{
    width: 100%;
    display: inline-block;
    color: #111111;
    text-shadow: 0 0 0 #fff;
}


/* パターン9 */
.cpt9 header{
    border-top: #fe6363 6px solid;
}
.cpt9 header nav{
    border-bottom: 2px solid #fe6363;
    background: rgb(255,147,147);
    background: -moz-linear-gradient(top,  rgba(255,147,147,1) 0%, rgba(255,147,147,1) 1%, rgba(254,187,187,1) 10%, rgba(255,92,92,1) 11%, rgba(255,92,92,1) 12%, rgba(252,116,116,1) 53%, rgba(255,92,92,1) 89%, rgba(255,92,92,1) 89%, rgba(254,144,144,1) 91%, rgba(254,144,144,1) 91%, rgba(254,144,144,1) 91%, rgba(255,92,92,1) 91%, rgba(254,144,144,1) 91%);
    background: -webkit-linear-gradient(top,  rgba(255,147,147,1) 0%,rgba(255,147,147,1) 1%,rgba(254,187,187,1) 10%,rgba(255,92,92,1) 11%,rgba(255,92,92,1) 12%,rgba(252,116,116,1) 53%,rgba(255,92,92,1) 89%,rgba(255,92,92,1) 89%,rgba(254,144,144,1) 91%,rgba(254,144,144,1) 91%,rgba(254,144,144,1) 91%,rgba(255,92,92,1) 91%,rgba(254,144,144,1) 91%);
    background: linear-gradient(to bottom,  rgba(255,147,147,1) 0%,rgba(255,147,147,1) 1%,rgba(254,187,187,1) 10%,rgba(255,92,92,1) 11%,rgba(255,92,92,1) 12%,rgba(252,116,116,1) 53%,rgba(255,92,92,1) 89%,rgba(255,92,92,1) 89%,rgba(254,144,144,1) 91%,rgba(254,144,144,1) 91%,rgba(254,144,144,1) 91%,rgba(255,92,92,1) 91%,rgba(254,144,144,1) 91%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9393', endColorstr='#fe9090',GradientType=0 );
}
.cpt9 header nav ul li a{
}
.cpt9 footer{
    background: rgb(255,147,147);
    background: -moz-linear-gradient(top,  rgba(255,147,147,1) 0%, rgba(255,147,147,1) 1%, rgba(254,187,187,1) 10%, rgba(255,92,92,1) 11%, rgba(255,92,92,1) 12%, rgba(252,116,116,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,147,147,1) 0%,rgba(255,147,147,1) 1%,rgba(254,187,187,1) 10%,rgba(255,92,92,1) 11%,rgba(255,92,92,1) 12%,rgba(252,116,116,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,147,147,1) 0%,rgba(255,147,147,1) 1%,rgba(254,187,187,1) 10%,rgba(255,92,92,1) 11%,rgba(255,92,92,1) 12%,rgba(252,116,116,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9393', endColorstr='#fc7474',GradientType=0 );
}
.cpt9 footer, .cpt8 footer a, .cpt8 footer small {
    color: #111111;
    text-shadow: 0 0 0 #fff;
}
.cpt9 .title{
    padding: 5px 0;
    border-radius: 4px 4px 0 0;
    border-bottom: 2px solid #fe6363;
    background: rgb(255,147,147);
    background: -moz-linear-gradient(top,  rgba(255,147,147,1) 0%, rgba(255,147,147,1) 1%, rgba(254,187,187,1) 10%, rgba(255,92,92,1) 11%, rgba(255,92,92,1) 12%, rgba(252,116,116,1) 53%, rgba(255,92,92,1) 89%, rgba(255,92,92,1) 89%, rgba(254,144,144,1) 91%, rgba(254,144,144,1) 91%, rgba(254,144,144,1) 91%, rgba(255,92,92,1) 91%, rgba(254,144,144,1) 91%);
    background: -webkit-linear-gradient(top,  rgba(255,147,147,1) 0%,rgba(255,147,147,1) 1%,rgba(254,187,187,1) 10%,rgba(255,92,92,1) 11%,rgba(255,92,92,1) 12%,rgba(252,116,116,1) 53%,rgba(255,92,92,1) 89%,rgba(255,92,92,1) 89%,rgba(254,144,144,1) 91%,rgba(254,144,144,1) 91%,rgba(254,144,144,1) 91%,rgba(255,92,92,1) 91%,rgba(254,144,144,1) 91%);
    background: linear-gradient(to bottom,  rgba(255,147,147,1) 0%,rgba(255,147,147,1) 1%,rgba(254,187,187,1) 10%,rgba(255,92,92,1) 11%,rgba(255,92,92,1) 12%,rgba(252,116,116,1) 53%,rgba(255,92,92,1) 89%,rgba(255,92,92,1) 89%,rgba(254,144,144,1) 91%,rgba(254,144,144,1) 91%,rgba(254,144,144,1) 91%,rgba(255,92,92,1) 91%,rgba(254,144,144,1) 91%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9393', endColorstr='#fe9090',GradientType=0 );
}
.cpt9 .title span{
    width: 100%;
    display: inline-block;
    color: #ffffff;
    text-shadow: 0 0 0 #fff;
}

/* パターン10 */
.cpt10 header{
    border-top: #ddd 6px solid;
}
.cpt10 header nav{
    border-bottom: 2px solid #ccc;
    background: rgb(225,225,225);
    background: -moz-linear-gradient(top,  rgba(225,225,225,1) 2%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 36%, rgba(246,246,246,1) 67%, rgba(225,225,225,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(225,225,225,1) 2%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 36%,rgba(246,246,246,1) 67%,rgba(225,225,225,1) 100%);
    background: linear-gradient(to bottom,  rgba(225,225,225,1) 2%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 36%,rgba(246,246,246,1) 67%,rgba(225,225,225,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#e1e1e1',GradientType=0 );
}
.cpt10 header nav ul li a{
    color: #111111;
    text-shadow: 0 0 4px #ffffff;
}
.cpt10 footer{
    background: rgb(225,225,225);
    background: -moz-linear-gradient(top,  rgba(225,225,225,1) 2%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 36%, rgba(246,246,246,1) 67%, rgba(225,225,225,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(225,225,225,1) 2%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 36%,rgba(246,246,246,1) 67%,rgba(225,225,225,1) 100%);
    background: linear-gradient(to bottom,  rgba(225,225,225,1) 2%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 36%,rgba(246,246,246,1) 67%,rgba(225,225,225,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#e1e1e1',GradientType=0 );
}
.cpt10 footer, .cpt10 footer a, .cpt10 footer small{
    color: #111111;
}
.cpt10 .title{
    padding: 5px 0;
    border-bottom: 2px solid #ccc;
    border-radius: 4px 4px 0 0;
    background: rgb(225,225,225);
    background: -moz-linear-gradient(top,  rgba(225,225,225,1) 2%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 36%, rgba(246,246,246,1) 67%, rgba(225,225,225,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(225,225,225,1) 2%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 36%,rgba(246,246,246,1) 67%,rgba(225,225,225,1) 100%);
    background: linear-gradient(to bottom,  rgba(225,225,225,1) 2%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 36%,rgba(246,246,246,1) 67%,rgba(225,225,225,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#e1e1e1',GradientType=0 );
}
.cpt10 .title span{
    width: 100%;
    border-bottom: 1px solid #efefef;
    display: inline-block;
    color: #111111;
}

/****************************************
背景
****************************************/
/*キュート・可愛い*/
.bg1_1{
    background-image: url(/images/bgimg1_1.png);
}
.bg1_2{
    background-image: url(/images/bgimg1_2.png);
}
.bg1_3{
    background-image: url(/images/bgimg1_3.png);
}
.bg1_4{
    background-image: url(/images/bgimg1_4.png);
}
.bg1_5{
    background: url(/images/bgimg1_5.png);
}
.bg1_6{
    background: url(/images/bgimg1_6.png) center top no-repeat fixed;
}
.bg1_7{
    background: url(/images/bgimg1_7.png) center top no-repeat fixed;
}
.bg1_8{
    background: url(/images/bgimg1_8.png);
}
/*ナチュラル・オーガニック*/
.bg2_1{
    background-image: url(/images/bgimg2_1.png);
}
.bg2_2{
    background-image: url(/images/bgimg2_2.png);
}
.bg2_3{
    background-image: url(/images/bgimg2_3.png);
}
.bg2_3 header h1{
    color: #fff;
}
.bg2_3 .sidebar_main a{
    color: #fff;
}
/*幻想・神秘的*/
.bg3_1{
    background: url(/images/bgimg3_1.png) #a249ff center top no-repeat fixed;
}
.bg3_2{
    background: url(/images/bgimg3_2.png);
}
.bg3_2 header h1{
    color: #FFF;
}
.bg3_2 .sidebar_main a{
    color: #FFF;
}
.bg3_3{
    background: url(/images/bgimg3_3.png) #06174f center top no-repeat fixed;
}
.bg3_3 header h1{
    color: #FFF;
}
.bg3_3 .sidebar_main a{
    color: #FFF;
}
.bg3_4{
    background: url(/images/bgimg3_4.png) #111545 center top no-repeat fixed;
}
.bg3_4 header h1{
    color: #FFF;
}
.bg3_4 .sidebar_main a{
    color: #FFF;
}
.bg3_5{
    background: url(/images/bgimg3_5.png) #222F39 center top no-repeat fixed;
}
.bg3_5 header h1{
    color: #FFF;
}
.bg3_5 .sidebar_main a{
    color: #FFF;
}
.bg3_6{
    background: url(/images/bgimg3_6.png) #4c3533 center top no-repeat fixed;
}
.bg3_6 header h1{
    color: #FFF;
}
.bg3_6 .sidebar_main a{
    color: #FFF;
}
.bg3_7{
    background: url(/images/bgimg3_7.png) #a23971 center top no-repeat fixed;
}
.bg3_7 header h1{
    color: #FFF;
}
.bg3_7 .sidebar_main a{
    color: #FFF;
}
.bg3_8{
    background: url(/images/bgimg3_8.png) #0c173c center top no-repeat fixed;
}
.bg3_8 header h1{
    color: #FFF;
}
.bg3_8 .sidebar_main a{
    color: #FFF;
}
.bg3_9{
    background: url(/images/bgimg3_9.png)  #637bca center top no-repeat fixed;
}
.bg3_9 header h1{
    color: #FFF;
}
.bg3_9 .sidebar_main a{
    color: #FFF;
}
/*クール・シック*/
.bg4_1{
    background-image: url(/images/bgimg4_1.png);
}
.bg4_1 header h1{
    color: #FFF;
}
.bg4_1 .sidebar_main a{
    color: #FFF;
}
.bg4_2{
    background-image: url(/images/bgimg4_2.png);
}
.bg4_2 header h1{
    color: #FFF;
}
.bg4_2 .sidebar_main a{
    color: #FFF;
}
.bg4_3{
    background-image: url(/images/bgimg4_3.png);
}
.bg4_3 header h1{
    color: #FFF;
}
.bg4_3 .sidebar_main a{
    color: #FFF;
}
.bg4_4{
    background-image: url(/images/bgimg4_4.png);
}
.bg4_5{
    background-image: url(/images/bgimg4_5.png);
}
.bg4_5 header h1{
    color: #FFF;
}
.bg4_5 .sidebar_main a{
    color: #FFF;
}
/*ゴージャス*/
.bg5_1{
    background: url(/images/bgimg5_1.png)  #930202 center no-repeat fixed;
}
.bg5_1 header h1{
    color: #FFF;
}
.bg5_1 .sidebar_main a{
    color: #FFF;
}
.bg5_2{
    background-image: url(/images/bgimg5_2.png);
}
/*エレガント*/
.bg6_1{
    background: url(/images/bgimg6_1.png);
}
.bg6_2{
    background: url(/images/bgimg6_2.png);
}
.bg6_3{
    background: url(/images/bgimg6_3.png);
}
.bg6_3 header h1{
    color: #FFF;
}
.bg6_3 .sidebar_main a{
    color: #FFF;
}
.bg6_4{
    background: url(/images/bgimg6_4.png);
}
.bg6_5{
    background: url(/images/bgimg6_5.png);
}
/*シンプル*/
.bg7_1{
    background-image: url(/images/bgimg7_1.png);
}
.bg7_2{
    background-image: url(/images/bgimg7_2.png);
}
.bg7_3{
    background: url(/images/bgimg7_3.png);
}
.bg7_4{
    background-image: url(/images/bgimg7_4.png);
}
.bg7_5{
    background-image: url(/images/bgimg7_5.png);
}
/*グラデーション*/
.bg8_1{
    background: -webkit-linear-gradient(top, #473821 20%, #cabca8 80%);
    background: -moz-linear-gradient(top, #473821 20%, #cabca8 80%);
    background: -ms-linear-gradient(top, #473821 20%, #cabca8 80%);
    background: linear-gradient(to bottom, #473821 20%, #cabca8 80%);

}
.bg8_1 header h1{
    color: #FFF;
}
.bg8_1 .sidebar_main a{
    color: #FFF;
}
.bg8_2{
    background: -webkit-linear-gradient(top, #29478a 20%, #C6CFE5 80%);
    background: -moz-linear-gradient(top, #29478a 20%, #C6CFE5 80%);
    background: -ms-linear-gradient(top, #29478a 20%, #C6CFE5 80%);
    background: linear-gradient(to bottom, #29478a 20%, #C6CFE5 80%);
}
.bg8_2 header h1{
    color: #FFF;
}
.bg8_2 .sidebar_main a{
    color: #FFF;
}
.bg8_3{
    background: -webkit-linear-gradient(top, #2b2b2b 20%, #cccccc 80%);
    background: -moz-linear-gradient(top, #2b2b2b 20%, #cccccc 80%);
    background: -ms-linear-gradient(top, #2b2b2b 20%, #cccccc 80%);
    background: linear-gradient(to bottom, #2b2b2b 20%, #cccccc 80%);
}
.bg8_3 header h1{
    color: #FFF;
}
.bg8_3 .sidebar_main a{
    color: #FFF;
}
.bg8_4{
    background: -webkit-linear-gradient(top, #9a0019 20%, #dec0c5 80%);
    background: -moz-linear-gradient(top, #9a0019 20%, #dec0c5 80%);
    background: -ms-linear-gradient(top, #9a0019 20%, #dec0c5 80%);
    background: linear-gradient(to bottom, #9a0019 20%, #dec0c5 80%);
}
.bg8_4 header h1{
    color: #FFF;
}
.bg8_4 .sidebar_main a{
    color: #FFF;
}
.bg8_5{
    background: -webkit-linear-gradient(top, #268f27 20%, #c9e6c9 80%);
    background: -moz-linear-gradient(top, #268f27 20%, #c9e6c9 80%);
    background: -ms-linear-gradient(top, #268f27 20%, #c9e6c9 80%);
    background: linear-gradient(to bottom, #268f27 20%, #c9e6c9 80%);
}
.bg8_5 header h1{
    color: #FFF;
}
.bg8_5 .sidebar_main a{
    color: #FFF;
}
.bg8_6{
    background: -webkit-linear-gradient(top, #dcb736 20%, #efe7cc 80%);
    background: -moz-linear-gradient(top, #dcb736 20%, #efe7cc 80%);
    background: -ms-linear-gradient(top, #dcb736 20%, #efe7cc 80%);
    background: linear-gradient(to bottom, #dcb736 20%, #efe7cc 80%);
}
.bg8_7{
    background: -webkit-linear-gradient(top, #d4ebf1 20%, #f5fdff 80%);
    background: -moz-linear-gradient(top, #d4ebf1 20%, #f5fdff 80%);
    background: -ms-linear-gradient(top, #d4ebf1 20%, #f5fdff 80%);
    background: linear-gradient(to bottom, #d4ebf1 20%, #f5fdff 80%);
}
.bg8_8{
    background: -webkit-linear-gradient(top, #e3ef73 20%, #fdffe7 80%);
    background: -moz-linear-gradient(top, #e3ef73 20%, #fdffe7 80%);
    background: -ms-linear-gradient(top, #e3ef73 20%, #fdffe7 80%);
    background: linear-gradient(to bottom, #e3ef73 20%, #fdffe7 80%);
}
.bg8_9{
    background: -webkit-linear-gradient(top, #fe6d6c 20%, #ffe4e4 80%);
    background: -moz-linear-gradient(top, #fe6d6c 20%, #ffe4e4 80%);
    background: -ms-linear-gradient(top, #fe6d6c 20%, #ffe4e4 80%);
    background: linear-gradient(to bottom, #fe6d6c 20%, #ffe4e4 80%);
}
.bg8_10{
    background: -webkit-linear-gradient(top, #dadada 20%, #ffffff 80%);
    background: -moz-linear-gradient(top, #dadada 20%, #ffffff 80%);
    background: -ms-linear-gradient(top, #dadada 20%, #ffffff 80%);
    background: linear-gradient(to bottom, #dadada 20%, #ffffff 80%);
}
/****************************************
top
****************************************/
/* コンセプト */
#concept_contents .contents_box{

    color: #5a544c;
}
#concept_contents .ap_txt_box{
    padding-left: 180px;
}
#concept_contents .ap_txt_box .img_pnada{
    float: right;
}
/* 制作実績 */
.column_three{
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 1% 2% 2% 2%;
    border: 1px solid #d8d0c5;
    box-shadow: 1px 1px 0 #ccc;
    box-sizing: border-box;
    background: #FEFDFC;
    text-align: left;
    color: #000;
    float: left;
}
.column_three p{
    text-align: center;
}
.column_three img{
    width: 100%;
}
.column_three:nth-of-type(3n){
    margin-right: 0;
}
/* 新着情報 */
#topics_contents article{
    margin-bottom: 1em;
    padding-bottom: 10px;
    border-bottom: 1px dashed #705630;
}
#topics_contents article h3{
    padding: 5px 25px 5px 10px;
    background: #e1d3bc;
    overflow: hidden;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#topics_contents article time{
    padding: 5px 0;
    display: block;
}
#topics_contents article .campaign{
    margin-bottom: 10px;
    padding: 5px;
    border: 1px dashed #fff;
    background: #f8cbd4;
    color: #d6294a;
    font-size: 16px;
}
#topics_contents article .thumb{
    margin-bottom: 10px;
    padding: 1px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 1px 1px 3px #ccc;
    float: right;
}
/* 開閉 */
/*#topics_contents .accordion_box article h3 + div {display:none;}*/
#topics_contents article h3{
    position: relative;
    cursor: pointer;
}
/*#topics_contents article h3:after{
    display: inline-block;
    font-family: FontAwesome;
    content: "\f078";
    position: absolute;
    top: 5px;
    right: 10px;
}*/
#topics_contents article .open{
    overflow: visible;
    white-space: normal;
}
#topics_contents article .open:after{
    content: "\f077";
}
/* 料金表 */

.table_4column, .table_3column, .table_2column{
    width: 100%;
}
.table_4column th, .table_3column th, .table_2column th{
    border: #d8d0c5 1px solid;
    background: #f8f5f0;
    text-align: center;
}
.table_4column td, .table_3column td, .table_2column td{
    background: #FEFDFC;
    text-align: right;
    font-size: 18px;
}
.table_4column .table_txt_box, .table_3column .table_txt_box, .table_2column .table_txt_box{
    text-align: center;
    font-size: 12px;
}
/* テーブル 4カラム */
.table_4column th, .table_4column td{
    width: 25%;
    padding: 10px;
    border: 1px solid #d8d0c5;
    box-sizing: border-box;
}
/* テーブル 3カラム */
.table_3column th, .table_3column td{
    width: 33.33%;
    padding: 10px;
    border: 1px solid #d8d0c5;
    box-sizing: border-box;
}
/* テーブル 2カラム */
.table_2column th, .table_2column td{
    /*width: 50%;*/
    padding: 10px;
    border: 1px solid #d8d0c5;
    box-sizing: border-box;
}
/* セラピスト */
.staff_box li{
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box;
    background: #f2ede5; /* Old browsers */
    background: -moz-linear-gradient(left,  #f2ede5 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f2ede5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #f2ede5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(left,  #f2ede5 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to right,  #f2ede5 0%,#ffffff 100%); /* W3C */
    box-shadow: 1px 1px 0 #ccc;
}
.staff_box li .img{
    width: 180px;
    position: relative;
    z-index: 1;
    float: left;
}
.staff_box li .img:after{
    width: 100%;
    height: 270px;
    border: 1px solid #fff;
    background: #ebe3d7;
    box-shadow: 1px 1px 3px #ccc;
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    z-index: -1;
}
.staff_box li .img img{
    margin-bottom: 20px;
    padding: 1px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 1px 1px 3px #ccc;
    display: inline-block;
}
.staff_box li .img .thum {
    text-align: center;
}
.staff_box li .img .thum img{
    width: 60px;
    height: 90px;
}
.staff_box li .img .thum span{
    height: 60px;
    overflow: hidden;
    margin: 0 4px;
    display: inline-block;
}
.staff_box li .img .thum span{
    overflow: visible;
}
.staff_box li .contents{
    float: right;
    width: 460px;
}
.staff_box li .name, .staff_box li .profile{
    margin-bottom: 15px;
    padding: 10px 0 10px 10px;
    border-bottom: 1px dashed #705630;
    background: #fff;
}
.staff_box li .name{
    overflow: hidden;
    white-space: nowrap;
}
.staff_box dl dt{
    margin-bottom: 5px;
    padding: 10px 0 10px 10px;
    border-bottom: 1px dashed #705630;
    background: #fff;
}
.staff_box dl .txt{
    /*max-height: 90px;
    overflow: hidden;*/
}
.staff_box li .contents_foot{
    float: right;
    width: 460px;
}
.staff_box li .contents_foot .btn_sch{
    padding: 10px 0 10px 10px;
    border-bottom: 1px dashed #705630;
    background: #fff;
    position: relative;
    cursor: pointer;
}
.staff_box li .contents_foot .btn_sch i{
    height: 16px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    font-size: 16px;
}
.staff_box li .contents_foot table{
    width: 100%;
}
.staff_box li .contents_foot table th, .staff_box li .contents_foot table td{
    border-bottom: 1px dashed #bbb;
    box-sizing: border-box;
    text-align: center;
}
.staff_box li .contents_foot table th{
    width: 26%;
    padding: 8px;
    background: #fff;
}
.staff_box li .contents_foot table td{
    width: 66%;
    border-left: #d8d0c5 1px solid;
}
.staff_box li .contents_foot table .sat{
    color: #094FA7;
}
.staff_box li .contents_foot table .sun{
    color: #d6294a;
}
.staff_box li .contents_foot .table_fade_box {
    display: none;
}
/* ------------------
セラピストリッチ版
--------------------*/
.staff_box_richbg{
    box-sizing: border-box;
    background: #f2ede5; /* Old browsers */
    background: -moz-linear-gradient(left,  #f2ede5 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f2ede5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #f2ede5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(left,  #f2ede5 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to right,  #f2ede5 0%,#ffffff 100%); /* W3C */
    box-shadow: 1px 1px 0 #ccc;
}
.staff_box_rich{
margin-left: 20px;
}
.staff_box_rich li{
    width: 32.5%;
    margin-bottom: 10px;
    padding: 10px;
    display: inline-block;
    box-sizing: border-box;
}
.staff_box_rich li .img{
    width: 180px;
    position: relative;
    z-index: 1;
    float: left;
}
.staff_box_rich li .img:after{
    width: 100%;
    height: 270px;
    border: 1px solid #fff;
    background: #ebe3d7;
    box-shadow: 1px 1px 3px #ccc;
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    z-index: -1;
}
.staff_box_rich li .img img{
    width: 180px;
    height: 270px;
    margin-bottom: 0;
    padding: 1px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 1px 1px 3px #ccc;
    display: inline-block;
}
.staff_box_rich .staff_info{
    background: rgba(255,255,255,0.6);
    padding: 10px 0;
    text-align: center;
    height: 52px;
}
/*スケジュール　リッチ版*/
#contents_schedule{
    text-align: center;
    background: #fff;
    margin-bottom: 15px;
    border-bottom: 1px dashed #999;
}
#contents_schedule a{
    width: 14.15%;
    padding: 20px 0;
    float: left;
    border-right: 1px dashed #bbb;
}
#contents_schedule a.select{
    background: #f1eadf;
    color: #4c4334;
}
#contents_schedule a:last-child{
    border-right: none;
}
#contents_schedule .sat{
    color: #094FA7;
}
#contents_schedule .sun{
    color: #d6294a;
}
/*セラピスト詳細ページ　※リッチ版のみでstaff_boxを上書きしてます*/
.profile_box li .contents_foot .btn_sch{
    cursor: auto;
}
.profile_box li .img img{
    width: 180px;
    height: 270px;
}
.profile_box li .contents_foot table th{
    width: 32%;
}
.profile_box li .contents_foot table th, .profile_box li .contents_foot table td{
    vertical-align: middle;
    padding: 10px 0;
}

/* リクルート */
#recruit_contents .txt{
    width: 100%;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px dashed #fff;
    background: #f8cbd4;
    color: #111;
    font-size: 16px;
    box-sizing: border-box;
    display: block;
    font-size: 16px;
}
#recruit_contents .img{
    margin-bottom: 10px;
    text-align: center;
}
#recruit_contents table{
    width: 100%;
    clear: both;
    word-wrap: break-word;
    margin-bottom: 2em;
    padding: 10px;
    background: rgba(255,255,255,1);
    text-align: left;
}
#recruit_contents table a{
    text-decoration: underline;
}
#recruit_contents ul li{
    margin: 0 2px 2px 0;
    display: inline-block;
}
#recruit_contents .thumb{
    margin-bottom: 10px;
    padding: 1px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 1px 1px 3px #ccc;
}
/* アクセス */
#map-canvas{
    width: 100%;
    height: 450px;
    padding: 4px;
    border: 1px dashed #705630;
    background: #fff;
    box-sizing: border-box;
}

/* ギャラリー */
#gallery_contents li{
    border: 6px solid #ffffff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    float: left;
}
/* カバーガール */
#pickup_contents h2{
    margin-bottom: 10px;
}
#pickup_contents > div{
    margin-bottom: 20px;
    padding: 20px 0 10px 0;
    box-sizing: border-box;
    background: #f2ede5;
    box-shadow: 1px 1px 0 #ccc;
}
#pickup_contents ul{
    width: 180px;
    margin: 0 auto;
}
#pickup_contents ul li{
    width: 180px;
}
#pickup_contents ul li .img{
    margin-bottom: 5px;
}
#pickup_contents ul li .img img{
    padding: 1px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 1px 1px 3px #ccc;
}
/* 店舗情報 */
.sidebar_main .info_box{
    border-radius: 6px;
    border: 4px solid #ffffff;
    padding: 10px;
    box-sizing: border-box;
    background: #f2ede5;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    text-align: left;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
}
.sidebar_main .info_box h2{
    width: 90%;
    margin: 0 auto;
    padding: 5px;
    border-bottom: 1px dashed #705630;
}
.sidebar_main .info_box p{
    width: 90%;
    margin: 0 auto;
    padding: 5px;
    border-bottom: 1px dashed #705630;
}
.sidebar_main .info_box, .sidebar_main .info_box a{
    color: #000000;
}

.caption_box li{
    border: 3px solid #ffffff;
    float: left;
}
/*line情報*/
div.line_pc{
    display: block;
    text-align: center;
}
div.line_sp{
    display: none;
}
.btn_line{
    background:#25af00;
    display:block;
    color:#fff;
    border-radius:6px;
    text-align:center;
    text-decoration: none !important;
    width: 90%;
    margin:5% auto 5% auto;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;/* 変更 */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    font-weight:bold;
    padding: 10px;
    font-size:95%;
    box-shadow: 0 2px 0 #219900;
}
.btn_line:hover{
    background:#219900;
    -webkit-transform: translate3d(0px, 2px, 1px);
    -moz-transform: translate3d(0px, 2px, 1px);
    transform: translate3d(0px, 2px, 1px);
    box-shadow:none;
    color:#fff;
}
/* バナーフリースペース */
.bnr_box{
    margin-bottom: 30px;
    text-align: left;
}
.bnr_box img{
    margin: 0 10px 10px 0;
    float: left;
}
/************************************************************

width 480px

 ************************************************************/
@media screen and (max-width: 768px){
/* フォントサイズ */
.fs_16{
    font-size: 14px;
}
.fs_20{
    font-size: 14px;
}
.fs_28{
    font-size: 14px;
}
.fs_34{
    font-size: 14px;
}
header,footer,header nav{
    min-width: 320px;
}
/* パターン2 */
.cpt1 .title{
    background-size: 100%;
}
/* パターン2 */
.cpt2 .title{
    width: 96%;
    margin: 0 auto;
}
.cpt2 #pickup_contents .title{
    width: 100%;
    margin-bottom: 0;
}
/* パターン3 */
.cpt3 .title{
    width: 96%;
    margin: 0 auto;
}
.cpt3 #pickup_contents .title{
    width: 100%;
    margin-bottom: 0;
}
/* パターン4 */
.cpt4 .title{
    width: 96%;
    margin: 0 auto;
}
.cpt4 #pickup_contents .title{
    width: 100%;
    margin-bottom: 0;
}
/* パターン5 */
.cpt5 .title{
    width: 96%;
    margin: 0 auto;
}
.cpt5 #pickup_contents .title{
    width: 100%;
    margin-bottom: 0;
}
/* パターン5 */
.cpt5 .title{
    width: 96%;
    margin: 0 auto;
}
.cpt5 #pickup_contents .title{
    width: 100%;
    margin-bottom: 0;
}
/* パターン6 */
.cpt6 .title{
    width: 96%;
    margin: 0 auto;
}
.cpt6 #pickup_contents .title{
    width: 100%;
    margin-bottom: 0;
}
/* パターン7 */
.cpt7 .title{
    width: 96%;
    margin: 0 auto;
}
.cpt7 #pickup_contents .title{
    width: 100%;
    margin-bottom: 0;
}
/* パターン8 */
.cpt8 .title{
    width: 96%;
    margin: 0 auto;
}
.cpt8 #pickup_contents .title{
    width: 100%;
    margin-bottom: 0;
}
/* パターン9 */
.cpt9 .title{
    width: 96%;
    margin: 0 auto;
}
.cpt9 #pickup_contents .title{
    width: 100%;
    margin-bottom: 0;
}
/* パターン9 */
.cpt10 .title{
    width: 96%;
    margin: 0 auto;
}
.cpt10 #pickup_contents .title{
    width: 100%;
    margin-bottom: 0;
}

.inner{
    width: 100%;
}
/* 動画 */
.movie_box{
    width: 100%;
    height: 220px;
}
/* ボタン1 */
.btn_01{
    width: 100%;
}
.contents_box {
  margin-bottom: 1em;
}
.contents_wrap{
    width: 100%;
    background:transparent;
}
main{
    width: 100%;
    float: none;
}
.sidebar_sub{
    width: 96%;
    margin: 0 auto;
    float: none;
}
.sidebar_main{
    width: 100%;
    float: none;
}
/*

 ヘッダー

 */
header .inner {
    width: 100%;
    height: auto;
}
header .inner .btn_top_reserve {
    display: none;
}
header .info_box {
  font-size: 14px;
}
/* グローバルメニュー */
header nav ul li{
    font-size: 10px;
}
header nav ul li a {
  letter-spacing: 1px;
}
/*

 フッター

 */
footer{
    box-sizing: border-box;
}
footer .btn_tel,
footer .btn_reserve{
    display: block;
}
#main_visual{
    width: 100%;
}
#system_contents, #access_contents, #staff_contents, #recruit_contents, #reserve_contents{
    margin-top: -50px;
    padding-top: 50px;
}
#concept_contents .contents_box img, #system_contents .contents_box img, #access_contents .contents_box .access_txt_box img, #recruit_contents .contents_box .img img{
    width: 100% !important;
    height: auto !important;
}
/*#concept_contents .contents_box, #concept_contents .contents_box span, #concept_contents .contents_box p, #concept_contents .contents_box strong, #concept_contents .contents_box h2, #concept_contents .contents_box h3, #concept_contents .contents_box h4{
    font-size: 12px !important;
}*/
/* コンセプト */
#concept_contents .ap_txt_box{
    padding-left: 0;
}
#concept_contents .ap_txt_box .img_pnada{
    display: none;
}
.column_three{
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
}
.column_three:nth-of-type(2n){
    margin-right: 0;
}
/* 新着情報 */
#topics_contents article .thumb{
    width: 86px;
    height: 129px;
}
#topics_contents
/* 料金表 */
.table_4column td, .table_3column td, .table_2column td{
    background: #FEFDFC;
    text-align: right;
    font-size: 14px;
}
/* セラピスト */
.staff_box li .img{
    width: 25%;
}
.staff_box li .img:after{
    display: none;
}
.staff_box li .img img{
    width: 86px;
    height: 129px;
    margin-bottom: 10px;
}
.staff_box li .img .thum {
    margin-bottom: 10px;
}
.staff_box li .img .thum span{
    width: 34px;
    height: 34px;
    overflow: hidden;
    margin: 0;
}
.staff_box li .img .thum span{
    overflow: visible;
}
.staff_box li .img .thum img{
    width: 34px;
    height: 51px;
}
.staff_box li .contents{
    width: 70%;
    float: right;
}
/*.staff_box dl .txt{
    max-height: 180px;
}*/
.staff_box dl dt{
    padding: 5px;
}
.staff_box li .name, .staff_box li .profile{
    padding: 5px;
}
.staff_box li .contents_foot {
    width: 100%;
    clear: both;
}
.staff_box li .contents_foot .title_sch{
    padding: 5px;
    display: none;
}
.staff_box li .contents_foot .btn_sch{
    padding: 5px;
}
/* 予約 */
#reserve_contents .table_01{
    width: 100%;
    box-sizing: border-box;
}
#reserve_contents .table_01 th,
#reserve_contents .table_01 td {
    width: 100%;
    display: block;
}
#reserve_contents .table_01 td {
    margin-bottom: 10px;
    border-left: 0;
    border-bottom: none;
    margin-top: 5px;
}
/*#reserve_contents .table_01 td: {
    margin-bottom: 0;
}*/
/* ------------------
セラピストリッチ版
--------------------*/
.staff_box_rich{
    margin-left: 0;
}
.staff_box_rich li{
    width: 49%;
    margin-bottom: 10px;
    padding: 10px;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}
.staff_box_rich li .img{
    width: 100%;
    height: auto;
    float: none;
}
.staff_box_rich li .img:after{
    display: none;
}
.staff_box_rich li .img img{
    width: 100%;
    height: auto;
}
.staff_box_rich .staff_info{
    background: rgba(255,255,255,0.6);
    padding: 10px 0;
    text-align: center;
    height: 35;
}
/*スケジュール　リッチ版*/
#contents_schedule{
    text-align: center;
    background: #fff;
    margin-bottom: 15px;
    border-bottom: 1px dashed #999;
}
#contents_schedule a{
    width: 49.8%;
    padding: 15px 0;
    border-bottom: 1px dashed #bbb;
}
#contents_schedule a:first-child{
    width: 100%;
}
#contents_schedule a:nth-child(odd){
    border-right: 0;
}
#contents_schedule a:nth-child(6),
#contents_schedule a:nth-child(7){
    border-bottom: none;
}
/*セラピスト詳細ページ　※リッチ版のみ*/
.profile_box li .img{
    width: 100%;
    text-align: center;
}
.profile_box li .img .thum img {
    width: 90px;
    height: 135px;
}
.profile_box li .img .thum span {
    width: 90px;
    height: 135px;
}
.profile_box li .img img{
    width:  100%;
    height: auto;
    max-width:  180px;
}
.profile_box li .contents{
    width: 100%;
    float: none;
}
/*カバーガールSP版の詳細ページのみ消去*/
.covergirl_sp{
    display: none;
}

/* リクルート */
#recruit_contents .img img{
    width: 100%;
}
#recruit_contents .thumb_box{
    text-align: center;
}
/* アクセス */
#map-canvas{
    height: 250px;
}
/* ギャラリー */
#gallery_contents{
    padding: 10px;
    margin-right: 0;
    text-align: center;
}
#gallery_contents .contents_box{
    text-align: center;
}
#gallery_contents li{
    float: none;
    display: inline-block;
    margin: 0 0 3px 0;
}
#gallery_contents li img{
    width: 140px;
    height: 140px;
}

/* 店舗情報 */
.sidebar_main .info_box{
    width: 96%;
    margin: 0 auto 1em auto;
}
/*line情報*/
div.line_pc{
    display: none;
}
div.line_sp{
    display: block;
}
div.line_sp img{
    width: 18px;
}
#side_line {
    position: relative;
}
#side_line span {
    position: absolute;
    bottom: 0;
    left: 0;
}
/* バナーフリースペース */
.bnr_box {
    margin-bottom: 10px;
    text-align: center;
}
.bnr_box img{
    max-width: 100% !important;
    height: auto !important;
    margin: 0 10px;
    float: none;
}