@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;
    line-height: 2.4em;
}
body {
    width: 100%;
font-size: 12px;/* 変更 */
font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,"sans-serif", serif;/* 変更 */
line-height: 1.5;/* 変更 */
-webkit-text-size-adjust: 100%;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,main1{
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;
}

.aa{
    text-decoration-line: underline;
    color: blue;
}

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;
border: 0px ridge #bbb;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
img {
vertical-align: middle;
}
/* フォーム */
.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: 17px;
    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: 2px;
  /*   background: rgba(255,255,255,0.8); */
    text-align: left;
}
/* テーブル 1 */
.table_01 th, .table_01 td, .table_02 th, .table_02 td{
    border-bottom: 1px dashed #bbb;
    box-sizing: border-box;
    vertical-align: middle;
}
.table_01 th{
   /* width: 26%;　*/
    padding: 1%;
    background: #f8f5f0;    
    font-size: 13px;
}
.table_01 td{
    width: 66%;
    padding: 2%;
    border-left: #d8d0c5 1px solid;
    line-height: 20px;
    font-size: 12px;
}


#size-table {
    background: #f0eeeb;
    margin: 0;
    table-layout: fixed;
}
#size-table td.hd { 
    vertical-align: middle;
    background: #fbfbfb;
}
#size-table td.hd { 
    vertical-align: middle;
    background: #fbfbfb;
}


.table_02 th{
    width: 24%; 
    padding: 1%;
    background: #f8f5f0;  
    font-size: 13px;
}
.table_02 td{ 
    padding: 2%;
    border-left: #d8d0c5 1px solid;
    font-size: 12px;
}
/* 動画 */
.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;
    
    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{ 
    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; 
    position: relative;
    z-index: 999;
    
}
header nav ul{
    max-width: 1000px;
    margin: auto;
}
header nav ul li{ 
	float: left;
	/*  background-image: url(gnavi_line.png); *//
	background-repeat: no-repeat;
	background-position: right center;
	text-align: center;
	font-size: 1.2rem;
}

header nav ul li img {
    height: 20px;
    margin-top: 0px;
    margin-right: 3px;

}



header nav ul li a{ 
   
}
header nav ul li a:hover{
    opacity: 0.5;
}
/* スクロール固定 */
.nav_fixed{
    position: fixed;
    top: 0;
    z-index: 100;
}
/* メインビジュアル */
#main_visual{
    width: 980px;
    margin: 0 auto;
        margin-top: 45px;
}
.contents_wrap{
    width: 980px;
    margin: 0 auto;
    padding-top: 15px;
    background: url("bg_repeat_02.gif") 260px 0 repeat-y;
}
/* サイドバー */
.sidebar_sub{
    width: 240px;
    float: left;
}
.sidebar_main{
    width: 240px;
    float: left;
    margin-bottom: 20px;
}
/* メインカラム */
main1{
    width: 700px;
    float: right;
    margin-top: 0px;
}
/* セクション */
#system_contents, #access_contents, #staff_contents, #reserve_contents{
    margin-top: -50px;
    padding-top: 0px;
}

 
/*

フッター

 */
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 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: 999;
    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: 999;
    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("bg_repeat_01.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bg_repeat_01.png*/ center top no-repeat;
}
.cpt1 .title span{
    padding: 0 30px;
    display: inline-block;
}
/* パターン2  #469355*/
.cpt2 header{
   
   
   
}
.cpt2 header nav{
   /*  background: #4d68a0;
    background: -moz-linear-gradient(to bottom, #5cc563 0%,#4d68a0 100%);
    background: -webkit-linear-gradient(to bottom, #5cc563 0%,#4d68a0 100%);
    background: linear-gradient(to bottom,  #013815 0%,#469355 44%,#5cc563 100%); 
 background: linear-gradient(to bottom, #5cc563 0%,#4d68a0 100%);*/

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

}
.cpt2 .title{
    padding: 0px 0;
    border-radius: 6px 6px 0 0;
    background: #F0EDE8;
    background: -moz-linear-gradient(top,  #F0EDE8 0%, #F0EDE8 44%, #F0EDE8 100%);
    background: -webkit-linear-gradient(top,  #F0EDE8 0%,#F0EDE8 44%,#F0EDE8 100%);
    background: linear-gradient(to bottom,  #F0EDE8 0%,#F0EDE8 44%,#F0EDE8 100%);
}
.cpt2 .title span{
    width: 100%;
    border-bottom: 5px solid #42ea73;
    padding-bottom: 5px;
    display: inline-block;
    color: #000000;
    font-size: 18px;
    font-weight: bolder;
        display: none;
}
/* パターン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{
    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 );
}
.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: 1px solid #fb0813;
    background: #f9d8e3;
    background: -moz-linear-gradient(top,  rgba(251, 221, 233) 0%, rgba(249,216,227) 46%, rgba(251, 221, 233) 100%);
    background: -webkit-linear-gradient(top,  rgba(251, 221, 233) 0%,rgba(249,216,227) 46%,rgba(251, 221, 233) 100%);
    background: linear-gradient(to bottom,  rgb(231, 215, 228) 11%,rgb(228, 221, 227) 11%,rgb(231, 215, 228) 12%,rgb(231, 215, 228) 88%,rgb(226, 217, 224) 88%,rgb(243, 238, 242) 100%)
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaefb5', endColorstr='#eaefb5',GradientType=0 );
}
.cpt7 header nav ul li a{
    color: #111111;
    text-shadow: 0 0 0 #fff;
}
.cpt7 footer{
    background: #ffffff;
    
}
.cpt7 footer, .cpt7 footer a, .cpt7 footer small {
    color: #ffffff;
    text-shadow: 0 0 0 #fff;
}

.cpt7 footer ul li{
    font-size:  12px;
    padding-bottom: 15px;
	padding-top: 10px;
    padding-left: 10px;
    border-bottom: 1px solid #fff;
    width: 100%;
    margin-bottom: 0px;
 
list-style: none;
    background: #fa96b9;
 
	}

.cpt7 .title{
    padding: 5px 0;
    border-bottom: 2px solid #88a6ad;
    border-radius: 4px;
    background: #f9d8e3;
    background: -moz-linear-gradient(top,  rgba(251, 221, 233) 0%, rgba(249,216,227) 46%, rgba(251, 221, 233) 100%);
    background: -webkit-linear-gradient(top,  rgba(251, 221, 233) 0%,rgba(249,216,227) 46%,rgba(251, 221, 233) 100%);
    background: linear-gradient(to bottom,  rgb(251, 221, 233) 0%,rgb(252, 228, 194) 46%,rgb(251, 221, 233) 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;
	    line-height: 1.4em;
}

/* パターン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;
}
#footer_btn_sp{
  display: none;
  }
/****************************************
背景
****************************************/
/*キュート・可愛い*/
.bg1_1{
    background-image: url("bgimg1_1.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg1_1.png*/;
}
.bg1_2{
    background-image: url("bgimg1_2.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg1_2.png*/;
}
.bg1_3{
    background-image: url("bgimg1_3.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg1_3.png*/;
}
.bg1_4{
    background-image: url("bgimg1_4.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg1_4.png*/;
}
.bg1_5{
    background: url("bgimg1_5.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg1_5.png*/;
}
.bg1_6{
    background: url("bgimg1_6.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg1_6.png*/ center top no-repeat fixed;
}
.bg1_7{
    background: url("bgimg1_7.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg1_7.png*/ center top no-repeat fixed;
}
.bg1_8{
    background: url("bgimg1_8.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg1_8.png*/;
}
/*ナチュラル・オーガニック*/
.bg2_1{
    background-image: url("bgimg2_1.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg2_1.png*/;
}
.bg2_2{
    background-image: url("bgimg2_2.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg2_2.png*/;
}
.bg2_3{
    background-image: url("bgimg2_3.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg2_3.png*/;
}
.bg2_3 header h1{
    color: #fff;
}
.bg2_3 .sidebar_main a{
    color: #fff;
}
/*幻想・神秘的*/
.bg3_1{
    background: url("bgimg3_1.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg3_1.png*/ #a249ff center top no-repeat fixed;
}
.bg3_2{
    background: url("bgimg3_2.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg3_2.png*/;
}
.bg3_2 header h1{
    color: #FFF;
}
.bg3_2 .sidebar_main a{
    color: #FFF;
}
.bg3_3{
    background: url("bgimg3_3.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/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("bgimg3_4.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/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("bgimg3_5.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/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("bgimg3_6.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/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("bgimg3_7.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/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("bgimg3_8.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/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("bgimg3_9.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/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("bgimg4_1.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg4_1.png*/;
}
.bg4_1 header h1{
    color: #FFF;
}
.bg4_1 .sidebar_main a{
    color: #FFF;
}
.bg4_2{
    background-image: url("bgimg4_2.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg4_2.png*/;
}
.bg4_2 header h1{
    color: #FFF;
}
.bg4_2 .sidebar_main a{
    color: #FFF;
}
.bg4_3{
    background-image: url("bgimg4_3.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg4_3.png*/;
}
.bg4_3 header h1{
    color: #FFF;
}
.bg4_3 .sidebar_main a{
    color: #FFF;
}
.bg4_4{
    background-image: url("bgimg4_4.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg4_4.png*/;
}
.bg4_5{
    background-image: url("bgimg4_5.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg4_5.png*/;
}
.bg4_5 header h1{
    color: #FFF;
}
.bg4_5 .sidebar_main a{
    color: #FFF;
}
/*ゴージャス*/
.bg5_1{
    background: url("bgimg5_1.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/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("bgimg5_2.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg5_2.png*/;
}
/*エレガント*/
.bg6_1{
    background: url("bgimg6_1.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg6_1.png*/;
}
.bg6_2{
    background: url("bgimg6_2.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg6_2.png*/;
}
.bg6_3{
    background: url("bgimg6_3.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg6_3.png*/;
}
.bg6_3 header h1{
    color: #FFF;
}
.bg6_3 .sidebar_main a{
    color: #FFF;
}
.bg6_4{
    background: url("bgimg6_4.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg6_4.png*/;
}
.bg6_5{
    background: url("bgimg6_5.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/bgimg6_5.png*/;
}
/*シンプル*/
.bg7_1{
 /*   background-image: url("bgimg7_1.png") ; */
}
.bg7_2{
    background-image: url("bgimg7_2.png") ;
}
.bg7_3{
    background: url("bgimg7_3.png") ;
}
.bg7_4{
   background-image: url("bgimg7_4.png") ;
}
.bg7_5{
    background-image: url("bgimg7_5.png")/*tpa=https://aroma-tsushin.com/__admin/img_hp/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{
    font-size: 18px;
    line-height: 2em;
    text-align: center;
    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{
    
}
#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{
    
    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;
   
    box-sizing: border-box;
}
/* テーブル 3カラム */
.table_3column th, .table_3column td{
    width: 33.33%;
    padding: 10px;
   
    box-sizing: border-box;
}
/* テーブル 2カラム */
.table_2column th, .table_2column td{
    width: 50%;
    padding: 10px;
    
    box-sizing: border-box; 
    padding: 10px;
    border: 1px solid #d8d0c5;
    box-sizing: border-box;
    color: maroon;
    font-size: 14px;
}
.good_img {
	width: 32%;
	margin-right: 1px;
	align:left;
}

.good_table{
	width: 13%;
	margin-right: 2px;
	align:left;
}
/* テーブル 2カラム */
.good_table_2column th, .good_table_2column td{ 
    padding: 10px; 
    box-sizing: border-box; 
    padding: 10px;
    border: 1px solid #d8d0c5;
    box-sizing: border-box; 
    font-size: 14px;
}
/* テーブル 3カラム */
.table_3column th, .table_3column td{
    width: 33%;
    padding: 10px;
    
    box-sizing: border-box;
}

/* セラピスト */
.staff_box li{
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box;
      border: 1px solid #a7a5a3;
}
.staff_box li .img{
    width: 55%;
    position: relative;
    z-index: 1;
    float: left;
}
.staff_box li .imgpage1{
    width: 25%;
    position: relative;
    z-index: 1;
    float: left;
}

.buy_history_table{
    border-bottom: 1px double #e5ebf7;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 31px;
    word-break: break-word;
}
 
 
.history_table_tr1 {
    word-break: break-word;
    background-color: #e5ebf7;
    /* border-radius: 11px; */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
        padding-left: 11px;
}

.history_table_tr2  {
    border-left: 1px double #e5ebf7;
    border-right: 1px double #e5ebf7;
        padding-left: 11px;
}

.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;
        width: 360px;
}
.staff_box li .img .thum {
    text-align: center;
}
.staff_box li .img .thum img{
    
    height: 100px;
}


.thum img{
    
    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{
    width: 40%;
    float: right;
}
.staff_box li .contentspage1{
    width: 72%;
    float: right;
}
.staff_box li .contents input{
    width: 80px; 
        height: 30px; border-radius: 6px;
}
.staff_box li .contentspage1 input{
    width: 80px; 
        height: 30px; border-radius: 6px;
}
 

 
.staff_box li .contents2 {
    float: right;
    width: 100%;
}
.staff_box li .contents2 input{ 
width: 92%;
    height: 26px; 
    border-radius: 6px;
}

.staff_box li .contents3 input{  
      height: 26px; 
    float: right; 
    border-radius: 6px;
}

.staff_box li .contentspage2 input{ 
    width: 95%;
    height: 40px;
    background-color: gainsboro; 
    border-radius: 6px;
}

.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: 4px; 
    border-bottom: 0px dashed #705630;
    background: #fff;
    text-align: left;
}
.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;
}

/* リクルート */
#system_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;
}
#system_contents .img{
    margin-bottom: 10px;
    text-align: center;
}
#system_contents table{
    width: 96%;
    clear: both;
    word-wrap: break-word;
    margin-bottom: 2em;
    padding: 10px;
 /*   background: rgba(255,255,255,1);*/
    text-align: left;
        border: 1px dashed #bbb;
	 margin-top: -28px;
}

#system_contents1 table{
    width: 98%;
    clear: both;
    word-wrap: break-word;
    margin-bottom: 2em;
    padding: 10px;
 /*   background: rgba(255,255,255,1);*/
    text-align: left;
        border: 1px dashed #bbb;
	 margin-top: 5px;
}

#system_contents table a{
    text-decoration: underline;
}
#system_contents ul li{
    margin: 0 2px 2px 0;
    display: inline-block;
}
#system_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;
}


.logotop {
	display: none;
}

.logo {
	display: none;
}

.footer-contact {
	display: none;
}


/************************************************************

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,header nav{
    min-width: 320px;
        position: fixed;
	    background-color: #ffffff;
}


header nav{

        display: none;
}

.logotop {
	display: block;
	width: 100%;
	    height: 60px;
}

.logo {
	display: block;
	height: 60px;
}

.footer-contact {
	display: block;
	border-top: 1px;
    border-top-style: double;
        border-top: #bbb;
}





/* ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */
#footer_btn_sp {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    padding: 5px;
    background: rgb(248, 243, 237);
}
.icon_btn {
    margin: 0 auto;
    text-align: center;
    width: 16px;
    display: inline-block;
}
.tel_menu_sp a {
    display: block;
    width: 57%;
    height: 60px;
    float: left;
    margin-right: 2%;
    padding-top: 4px;
    text-align: center;
    background: #0071a7;
    border-radius: 5px;
} 
.tel_menu_sp:after{
content: "";
    display: contents;
    height: 0;
    clear: both;
}

.menu_open_sp a {
    display: block;
    width: 38%;
    margin-right: 3%;
    height: 60px;
    padding-top: 4px;
    float: right;
    text-align: center;
    background: #0071a7;
    border-radius: 5px;
      
}
.menu_open_sp:after{
content: "";
    display: contents;
    height: 0;
    clear: both;
}

.icon_btn_tel {
    display: inline-block;
    color: #fafafa;
    font-size: 16px;
}
.tel_on {
    margin-top: 5px;
    display: block;
    color: #fafafa;
    font-size: 10px;  line-height: 0.4em;
}
.map_on {
    margin-top: 5px;
    display: block;
    color: #ffffff;
    font-size: 10px;  line-height: 0.4em;
}
.icon_btn_map {
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
}


/* sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */

/* パターン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: 95%;
    margin: 0 auto;
    border-radius: 10px;
}
.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;
}

#system_contents table { 
    margin-top: -38px;
}

.contents_wrap{
    width: 100%;
    background:transparent;
}
main1{
    width: 99%;
    float: none;
}
.sidebar_sub{
    width: 96%;
    margin: 0 auto;
    float: none;
}
.sidebar_main{
    width: 100%;
    float: none;
}

.sidebar_main_show{
	    width: 100%;
    float: none;
    display: 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: 14px;
}
header nav ul li a {
  letter-spacing: 1px;
}
/*

 フッター

 */
footer{
    box-sizing: border-box;
        min-width: 320px;
	margin-bottom: 50px;
}
footer .btn_tel,
footer .btn_reserve{
    display: block;
}
#main_visual{
    width: 100%;
        margin-top: 46px;
}
#system_contents, #access_contents, #staff_contents, #reserve_contents{
    margin-top: -30px;
    padding-top: -20px;  
}
#concept_contents .contents_box img, #system_contents .contents_box img, #access_contents .contents_box .access_txt_box img, #system_contents .contents_box .img img{
    
    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: center;
    font-size: 14px; 
    color: #3b234d;
}

.good_table_4column td, .good_table_3column td, .good_table_2column td{
    background: #FEFDFC;
    text-align: center;
    font-size: 14px; 
    color: #3b234d;
}
.good_table {
    width: 13%;
    margin-right: 2px;
    align: left;
}
/* セラピスト */
.staff_box li .img{
    width: 53%;
}
.staff_box li .imgpage1{
    width: 25%;
}
.staff_box li .img:after{
    display: none;
}
.staff_box li .img img{
    width: 100%; 
    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: 43%;
    float: right;
}
.staff_box li .contentspage1{
    width: 72%;
    float: right;
}
/*.staff_box dl .txt{
    max-height: 180px;
}*/
.staff_box dl dt{
    padding: 7px;
    font-size: 12px;
}
.staff_box li .name, .staff_box li .profile{
    padding: 5px;
        line-height: 1em;
}
.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;
}

/* リクルート */
#system_contents .img img{
    width: 100%;
}
#system_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;
}



}


@media screen and (max-width: 480px){
#main_visual {
    width: 100%;
    margin-top: -30px;
}
}