@charset "utf-8";
/*■■■■■■■■■■■■■■■■■■■■■■
　　共通設定
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ CSS初期設定
------------------------------------------*/
* {margin: 0;padding: 0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
img {vertical-align: middle;margin: 0;padding: 0;border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
*font-size:100%;
max-width:100%;
}
/*------------------------------------------
■ リンク設定
------------------------------------------*/
a img {border: none;}
a {color: #0066cc;text-decoration: none;}
a:hover {color: #FF3399;text-decoration: none;opacity: 0.9;/*--IE,FF対応--*/filter: alpha(opacity=90);-ms-filter: "alpha( opacity=90)";}
a:visited {color: #993399;text-decoration: underline;}

/*------------------------------------------
■ リンク画像のhover半透明化設定
------------------------------------------*/
a:hover img {
opacity: 0.85;/*--IE,FF対応--*/
filter: alpha(opacity=85);
-ms-filter: "alpha( opacity=85)";
}

/*------------------------------------------
■ float対策
------------------------------------------*/
.fcl {zoom: 100%;}
.fcl:after {
content: " ";
clear: both;

height: 0;
display: block;
visibility: hidden;
}

/*------------------------------------------
■ 画像回り込み
------------------------------------------*/
.img_left {float: left;margin-right: 20px;margin-bottom: 10px;}
.img_right {float: right;margin-left: 20px;margin-bottom: 10px;}
.img_center {display: block;margin: 0 auto;clear: both;text-align: center;}
.size_s {}
.size_m {box-shadow: 0 0 5px #ccc;}
.size_l {}
.max_w {}
.m_t10{margin-top:20px;}
/*------------------------------------------
■ テキスト装飾
------------------------------------------*/
.txt_bold {font-weight: bold;}
.txt_small {font-size: 78%;}
.txt_big {font-size: 120%;}
.txt_right {text-align: right;}
.txt_red {color: #BE2000;}
.txt_blue {color: #0066cc;}
.txt_keycolor {color: #BE2000;}
.txt_marker {background-color: #FFFF00;}
.txt_underline {border-bottom: 1px dashed #bbbbbb;margin-bottom: 2px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
.f38{font-size:38px;line-height: 140%; font-family:"FOT-筑紫A丸ゴシック Std D";}
.f40{font-size:40px;line-height: 140%; font-family:"FOT-筑紫A丸ゴシック Std D";}
.f48{font-size:48px;line-height: 140%;}

/*------------------------------------------
■ PC・スマホ切り替え用
------------------------------------------*/
.pc_none {display: none;}
.sp_none {}

/*■■■■■■■■■■■■■■■■■■■■■■
　　各コンテンツ　【　基本設定　】
■■■■■■■■■■■■■■■■■■■■■■*/
/*------------------------------------------
■ メイン設定
------------------------------------------*/
body {
background-color:#f8eeb9;
color: #444444;
font-family: "メイリオ","ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
font-size: 18px;
line-height: 200%;
width: 100%;
min-width:1200px;
}

#wrap {
margin: 0 auto;
}

#frame {
margin:0 auto;
text-align: left;
}

#main {
padding: 0px;
margin:0 auto;
}
.section {
clear: both;
margin:0 auto 50px;
}

.section_bg {
background-color:#efefef;
clear: both;
padding:50px 0;
margin:0 auto;
}

/*------------------------------------------
■　box, txt_area
------------------------------------------*/
.box {
clear: both;
margin:50px auto 0;
width:1000px;
}

.box_bg {
background:#E0D6A1;
border-radius: 0;
margin: 50px auto;
padding: 40px;
}

.box_border {
background-color: #d9d9d9;
margin: 50px auto;
padding: 10px 10px 40px;
}

.price_box{
background: url("../img/item_01.jpg") no-repeat scroll center 0 transparent;
margin: 0 auto 0;
height:162px;
line-height: 170%;
font-size: 13px;
padding: 270px 0 0 40px;
}

.price_box2{
background: url("../img/item_04.jpg") no-repeat scroll center 0 transparent;
margin: 0 auto 0;
height:162px;
line-height: 170%;
font-size: 13px;
padding: 270px 0 0 40px;
}

.price_box3{
background: url("../img/item_03.jpg") no-repeat scroll center 0 transparent;
margin: 0 auto;
height:192px;
line-height: 170%;
padding: 250px 0 0 330px;
font-size: 13px;
}

.price_box4{
background: url("../img/item_05.jpg") no-repeat scroll center 0 transparent;
margin: 0 auto;
height:192px;
line-height: 170%;
padding: 250px 0 0 330px;
font-size: 13px;
}

.price_box5{
background: url("../img/item_06.jpg") no-repeat scroll center 0 transparent;
margin: 0 auto 0;
height:162px;
line-height: 170%;
font-size: 13px;
padding: 270px 0 0 40px;
}

.price_box99{
background: url("../img/item_99.jpg") no-repeat scroll center 0 transparent;
margin: 0 auto 0;
height:162px;
line-height: 170%;
font-size: 13px;
padding: 270px 0 0 40px;
}

.txt_move{
    font-size: 14px;
    left: 42px;
    line-height: 160%;
    position: relative;
    top: 232px;
    width: 600px;
}

.txt_area {
padding: 0px;
margin: 50px auto;
}

.txt_area_bg {
background-color: #e6e3d5;
margin:50px auto;
padding: 40px;
}

.txt_area_border {
background-color: #ffffff;
border: 1px dashed #2dc3cd;
margin: 50px auto 0;
padding: 40px;
font-size:20px;
}

.reason_box{
    background: rgba(0, 0, 0, 0) url("../img/reason_bg00.png") no-repeat scroll center top;
    height: 570px;
    padding: 30px;
	color:#ffffff;
	font-size: 16px;
}

.reason_txt{
margin: 0 auto;
padding: 0;
}
.reason_in{
	padding:15px 222px 20px 0;
}

.bg_f{
	padding:0 222px 0 0;
	
}
/*------------------------------------------
■ h1
------------------------------------------*/
h1 {
background-color:#333333;
color: #ffffff;
font-size: 10px;
height: 18px;
line-height: 18px;
margin: 0 auto;
}
.h1_txt {
display: block;
width: 1000px;
margin: 0 auto;
padding: 0 30px
text-align: left;
}
/*------------------------------------------
■ ヘッダーエリア
------------------------------------------*/


#header {
    background-color: #be2000;
    border-bottom: 2px solid #BE2000;
    color: #ffffff;
    height: 96px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
#header_in {
height: 85px;
width: 1000px;
position: relative;
left: 0px;
top: 0px;
margin:0 auto;
}

#header .header_logo{
left: 0;
position: absolute;
top: 5px;	
}

#header .header_txt {
top:8px;
left: 425px;
position: absolute;
}

#header .header_txt2 {
left: 424px;
position: absolute;
top: 60px;
}


#header_in .header_tel {
font-size: 14px;
left: 100px;
position: relative;
top: 0px;
}
#header_in .header_tel_number {
background: url("../img/tel_icon_small.gif") no-repeat scroll 0 0 transparent;
color: #ffffff;
cursor: default;
display: block;
font-size: 22px;
left: 426px;
line-height: 26px;
position: absolute;
text-indent: 32px;
top: 38px;
white-space: nowrap;
}
#header_in .header_btn a {
display: block;
left: 766px;
padding: 0;
position: absolute;
top: 20px;
}
/*------------------------------------------
■TOP
------------------------------------------*/
/*
#top_bg {
    background: #00aeea;
}	
*/
#top_bg {
background: transparent url("../img/top_bg01.jpg") repeat scroll 0 0;
}


#top {
margin: 0 auto;
padding: 0px 0 0;
text-align: left;
width: 1200px;
}


/*------------------------------------------
■お申込みエリア（営業時間内）
------------------------------------------*/

.order {
background:url("../img/order_bg.gif") repeat scroll 0 0 #be2000;
clear: both;
margin: 0px auto 0;
padding: 0;
text-align:center;
}

.order_in{
width:1000px;
margin:0 auto;
padding:50px 0;
}

.order_copy01{
    background-color:#242424;
    border-radius: 30px;
    color: #ffffff;
    font-size: 32px;
    margin: 0 auto 30px;
    padding: 12px 40px 10px;
    text-align: center;
    width: 74%;
}

.order_copy02{
    color: #ffffff;
    font-size: 43px;
    line-height: 125%;
    margin: 0 auto 30px;
    text-align: center;
	text-shadow: 1px 1px 1px #222222;
}
h3.copy {
display: none;
}
.order_area {
background-color: #ffffff;
}

.order_left{
float: left;
}
.order_image{
margin:20px 0px 20px 20px;
}
.order_right {
float: right;
width: 519px;
}
.order_right_in{
margin:20px;
}
.order_tel {
}
/*　▼テキスト▼　*/
.order p.txt_cap{
    font-size: 18px;
    line-height: 100%;
    margin-top: 4px;
}
.order p.order_time {
    font-size: 18px;
    line-height: 140%;
    margin-top: 6px;
    text-align: left;
}

/*　▼TEL番号エリア▼　*/
.order .txt_tel {
    background: transparent url("../img/tel_icon_big.gif") no-repeat scroll 2px -4px;
    color: #000000;
    display: block;
    font-size: 40px;
    font-weight: bold;
    line-height: 100%;
    margin: 0 auto 5px;
    padding-top: 8px;
    text-align: left;
    text-indent: 70px;
}

.order a.txt_tel{
display:none;
}
/*　▼ボタンエリア▼　*/
.order_mail a {
display: block;
margin: 10px auto;
padding: 0;
width: 480px;
}
.order_btn {
}
.plain {
white-space: nowrap;
}

/*------------------------------------------
■お申込みエリア（営業時間外）
------------------------------------------*/
.order_off {}

/*　▼テキスト▼　*/

.order_off p.txt_cap {
background: none repeat scroll 0 0 #efefef;
color: #f23f55;
font-size: 16px;
margin-top: 5px;
}
.order_off p.txt_cap02 {
font-size: 16px;
margin-top: 18px;
}

.order_off p.order_time {
font-size: 18px;
text-align:left;
height: 50px;
line-height: 140%;
}
/*　▼TEL番号エリア▼　*/
.order_off a.txt_tel {
display:none;
}
/*　▼ボタンエリア▼　*/
.order_off .order_mail a {
display: block;
margin: 10px auto;
padding: 0;
width: 480px;
}
.order_off .order_btn {
}
.order_off .plain {
white-space: nowrap;
}

/*------------------------------------------
■ h4タイトル
------------------------------------------*/
.ar_bg{
background-color:#45bff4;
}

h4.title {
background-color:#be2000;
color: #ffffff;
display: block;
font-size: 42px;
letter-spacing: 0.1em;
line-height: 90px;
text-align: center;
font-family:RodinRosePro-EB;
padding:20px 0;
height:95px;
text-shadow:0 0 3px #333;
}



h4.title02 {
    border-bottom: 2px solid #be2000;
    border-top: 2px solid #be2000;
    color: #4f2a12;
    display: block;
    font-family: RodinRosePro-EB;
    font-size: 48px;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin: 50px auto;
    padding: 40px 0;
    text-align: center;
    width: 1000px;
}

h4.title img {
    margin: 0;
    position: relative;
    top: -20px;
}

/*------------------------------------------
■ サブタイトル装飾（基本値）
------------------------------------------*/
.sub_title_a {
border-left: 10px solid #BE2000;
font-size: 29px;
line-height: 130%;
margin: 10px auto 10px;
padding-left: 12px;
font-family:RodinRosePro-EB;
}
.sub_title_b {
border-bottom: 3px solid #BE2000;
font-size: 25px;
margin: 0 auto 30px;
padding: 15px 0 30px;
font-family:RodinRosePro-EB;
}
.sub_title_c {
border-bottom: 1px solid #BE2000;
border-left: 10px solid #BE2000;
font-size: 24px;
line-height: 130%;
font-weight: bold;
margin: 20px auto;
padding: 0 15px 5px;
font-family:RodinRosePro-EB;
}
.sub_title_d {
    background-color: #be2000;
    color: #ffffff;
    font-size: 30px;
    letter-spacing: 0.09em;
    margin: 10px auto 20px;
    padding: 15px 30px 12px;
    text-align: center;
}
.sub_title_e {
font-size: 32px;
font-weight: bold;
letter-spacing: 0.09em;
line-height: 130%;
margin: 0;
padding: 5px 0 6px;
font-family:RodinRosePro-EB;
}
.sub_title_f {
background-color: #e3e0d2;
border-left: 10px solid #BE2000;
font-size: 24px;
letter-spacing: 0.09em;
margin: 50px auto 25px;
padding: 15px 30px;
}
.sub_title_h {
    border-bottom: 2px solid #be2000;
    color: #000000;
    font-family: RodinRosePro-EB;
    font-size: 34px;
    line-height: 130%;
    margin: 10px auto 20px;
    padding-bottom: 20px;
    text-align: center;
}

/*■■■■■■■■■■■■■■■■■■■■■■
　　流用コンテンツ　【　良く使うカテゴリ　】
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ リストのチェックアイコン
------------------------------------------*/
ul {list-style: none outside none;}

ul li.icon_check {
background: url("../img/icon_check.png") no-repeat scroll 0 0;
padding-left: 34px;
}

.com2{
background: url("../img/p_back01.gif") no-repeat scroll right 0 transparent;
border-radius: 10px;
color: #333;
float: left;
font-size: 25px;
font-weight: bold;
height: 115px;
line-height: 160%;
margin: 0 0 20px;
padding: 49px 30px;
text-align: center;
width: 44%;
}

/*------------------------------------------
■ list_box
------------------------------------------*/
.list_box_01 {
    background: transparent url("../img/list_box_001.png") no-repeat scroll right 0;
    height: 514px;
    margin-bottom: 20px;
}

.list_box_01 ul {
    line-height: 140%;
    margin: 0 10px;
    padding: 61px 45px 47px;
    width: 603px;
}
.list_box_01 ul li.icon_check {
    background: transparent url("../img/icon_check.png") no-repeat scroll 0 32px;
    font-family: "FOT-筑紫A丸ゴシック Std D";
    font-size: 30px;
    line-height: 100%;
    list-style: outside none none;
    margin: 0;
    padding-bottom: 10px;
    padding-left: 35px;
    padding-top: 26px;
}
/*------------------------------------------
■ ポイント01
------------------------------------------*/



.point_area {
    background: rgba(0, 0, 0, 0) url("../img/bg02.gif") repeat scroll 0 0;
    border-radius: 10px;
    font-size: 16px;
    margin-bottom: 50px;
    padding: 40px 40px 1px;
}

.point01 {
margin: 50px auto;
}
.point01 .point_set {
background-color: #ffffff;
border: 1px solid #BE2000;
border-radius: 20px;
float: left;
margin: 10px;
min-height: 345px;
padding: 0;
width: 310px;
}
.point01 .point_title {
border-bottom: 1px dashed #BE2000;
font-size: 24px;
font-weight: bold;
margin: 20px 10px;
padding-bottom: 15px;
text-align: center;
}
.point01 .point_set .point_title span.num {
background-color: #BE2000;
border-radius: 50px;
color: #ffffff;
display: block;
font-size: 24px;
height: 50px;
line-height: 53px;
margin: 20px auto 15px;
padding: 0;
text-align: center;
width: 50px;
}
.point01 .point_set p {
padding: 0 30px 30px;
}

/*------------------------------------------
■ ポイント02
------------------------------------------*/

.point02 .point_set {
    background:#be2000 url("../img/bg07.gif") repeat scroll 0 0;
    border: 1px solid #be2000;
    border-radius: 10px;
    margin: 0 0 40px;
    padding: 20px 40px;
}


.point02 .point_title {
    border-bottom: 2px dashed #be2000;
    color: #000000;
    font-size: 37px;
    font-weight: bold;
    line-height: 55px;
    margin: 20px 0;
    padding-bottom: 10px;
}

.point02 .point_set .point_title span.num {
background-color: #BE2000;
border-radius: 50px;
color: #ffffff;
display: block;
float: left;
font-size: 24px;
height: 50px;
line-height: 53px;
margin: 0 10px 0 0;
padding: 0;
text-align: center;
width: 50px;
}

.point02 .point_set p{}

/*------------------------------------------
■ 新要素　グリッドデザイン（新フロートボックス）
------------------------------------------*/
.gd_box {
letter-spacing: -0.34em;
*letter-spacing:normal;
*word-spacing:-0.43em;
text-rendering: optimizespeed;
font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
display: -webkit-flex;
-webkit-flex-flow: row wrap;
display: -ms-flexbox;
-ms-flex-flow: row wrap;
}
.gd_1-2, .gd_1-3, .gd_2-3, .gd_1-4, .gd_3-4 {
display: inline-block;
*display:inline;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
.gd_1-2 {
width: 50%;
*width: 49.9690%;
}
.gd_1-3 {
width: 33.3333%;
*width: 33.3023%;
}
.gd_2-3 {
width: 66.6667%;
*width: 66.6357%;
}
.gd_1-4 {
width: 25%;
*width: 24.9690%;
}
.gd_3-4 {
width: 75%;
*width: 74.9690%;
}

/*------------------------------------------
■ お客様の声
------------------------------------------*/
.voices {
background: none repeat scroll 0 0 #fffded;
border: 5px solid #efefef;
margin: 0 auto 50px;
padding: 16px 67px 16px 92px;
}

.voice_area {
background-color:#fff;
border:2px solid #4DA5E5;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 2px #CCCCCC, 0 0 2px #CCCCCC inset;
font-size: 96%;
line-height: 160%;
margin: 0px auto 20px;
padding: 20px 40px 20px;
}

.m_top{margin-top:10px;}
.voice .voice_title {
border-bottom: 2px dashed #2dc3cd;
font-size: 28px;
margin-bottom: 15px;
padding-bottom: 15px;
color: #1cb2bc;
}

/*------------------------------------------
■ 良くある質問
------------------------------------------*/
.faq .faq_set {
background-color: #ffffff;
border: 5px solid #efefef;
border-radius: 20px;
margin: 0 auto 30px;
padding: 40px;
}

.faq .faq_title {
border-bottom: 2px dashed #ff9000;
font-size: 28px;
line-height: 45px;
margin:0 0 20px;
padding-bottom: 15px;
}

.faq .faq_set .faq_title span.q {
background-color: #ff9000;
border-radius: 45px;
color: #ffffff;
display: block;
float: left;
font-size: 24px;
height: 45px;
line-height: 45px;
margin: 0 20px 0 0;
padding: 0;
text-align: center;
width: 45px;
}

.faq .faq_set span.a {
background-color: #1774B8;
border-radius: 45px;
color: #ffffff;
display: block;
float: left;
font-size: 24px;
height: 45px;
line-height: 45px;
margin: 0 20px 0 0;
padding: 0;
text-align: center;
width: 45px;
}

.faq .faq_set p{
padding:0px;
}

/*------------------------------------------
■ STEP
------------------------------------------*/
.step_area {
    background: #e0d6a1 none repeat scroll 0 0;
    border-radius: 10px;
    font-size: 18px;
    margin-bottom: 50px;
    padding: 20px 30px;
}
.step_set {
    background-color: #ffffff;
    border: 1px solid #be2000;
    border-radius: 10px;
    margin: 10px auto;
    padding: 20px 20px 8px;
}
.step_title,.step_title2 {
    border-bottom: 3px solid #be2000;
    color: #412c1b;
    font-family: RodinRosePro-EB;
    font-size: 36px;
    letter-spacing: 0.04em;
    line-height: 180%;
    margin: 0 0 10px;
    padding: 0;
}
.s_block {
    background-color: #be2000;
    border-radius: 30px;
    color: #ffffff;
    font-size: 26px;
    margin-right: 15px;
    padding: 6px 30px;
}

/*------------------------------------------
■ ブロック
------------------------------------------*/
.block_left {
float: left;
width: 35%;
}
.block_right {
float: right;
width: 64%;
}
.room {
padding: 15px;
}

.block_left2 {
float: left;
width: 64%;
}
.block_right2 {
float: right;
width: 35%;
}

.or_box{
background-color:#ff9000;
color:#fff;
padding:10px 20px;
margin-right:10px;
border-radius:5px;  
}

.or_p{
margin:0px auto 10px;
padding-bottom:7px;
border-bottom:3px dotted #ff9000;
}
/*------------------------------------------
■ アクセス
------------------------------------------*/
.map_area {
font-size: 16px;
line-height: 100%;
text-align: right;
}
.map_in {
display: block;
height: 550px;
margin: 0 auto;
width: 100%;
}
/*------------------------------------------
■ テーブル01
------------------------------------------*/
.table01 {
font-size: 18px;
margin: 50px auto;
width: 100%;
}
.table01 th {
background-color: #e6e3d5;
border: 1px solid #adadad;
font-weight: normal;
padding: 30px;
text-align: left;
}
.table01 td {
background-color: #FFFFFF;
padding: 30px;
border: 1px solid #adadad;
}
.table01 th.th01 {
width: 30%;
text-align: center;
}
.table02 th.th02 {
background-color:#E9569A;
width: 30%;
text-align: left;
color:#fff;
font-weight:bold;
}
.table01 td.td_c {
text-align: center;
}
.table01 td.td_r {
text-align: right;
}

.table01 td.td_r2 {
text-align: right;
}
/*------------------------------------------
■ テーブル02
------------------------------------------*/
.table02 {
    font-size: 14px;
    right: 152px;
    margin: 3px auto;
    position: relative;
    top: 224px;
    width: 59%;
}
.table02 th {
background-color:#ff9000;
font-weight: normal;
line-height: 140%;
padding: 5px;
border:1px solid #0d6fb8;
width: 25%;
text-align:center;
color:#fff;
font-weight:bold;
}

.th01{ text-align:left; font-size:16px; }

.table02 td {
padding: 0px;
font-size:14px;
width:20%;
}

.table02 td.td_c {
text-align: center;
}
.table02 td.td_r {
text-align: right;
}
/*------------------------------------------
■ テーブル03
------------------------------------------*/
.table03 {
    font-size: 14px;
    margin: 3px auto;
    position: relative;
    right: 128px;
    top: 224px;
    width: 64%;
}
}
.table03 th {
background-color:#ff9000;
font-weight: normal;
line-height: 140%;
padding: 5px;
border:1px solid #0d6fb8;
width: 25%;
text-align:center;
color:#fff;
font-weight:bold;
}

.th01{ text-align:left; font-size:16px; }

.table03 td {
padding: 0px;
font-size:14px;
width:20%;
}

.table03 td.td_c {
text-align: center;
}
.table03 td.td_r {
text-align: right;
}

/*------------------------------------------
■ テーブル04
------------------------------------------*/
.table04 {
    font-size: 14px;
    margin: 3px auto;
    position: relative;
    right: 128px;
    top: 224px;

}
}
.table04 th {
background-color:#ff9000;
font-weight: normal;
line-height: 140%;
padding: 5px;
border:1px solid #0d6fb8;
width: 25%;
text-align:center;
color:#fff;
font-weight:bold;
}

.th01{ text-align:left; font-size:16px; }

.table04 td {
padding: 0px;
font-size:14px;
width:50%;
}

.table04 td.td_c {
text-align: center;
}
.table04 td.td_r {
text-align: right;
}


/*------------------------------------------
■ youtube　*サイズ幅100％表示したい場合は、SP用のCSSソースを流用してください。
------------------------------------------*/
.video-container {
text-align: center;
}
.video-container iframe {
width: 640px; /*youtubeでしてタグ吐出し時にサイズ調整をしてその際のサイズを入れる*/
height: 360px; /*youtubeでしてタグ吐出し時にサイズ調整をしてその際のサイズを入れる*/
}

/*------------------------------------------
■ フォーム部分
------------------------------------------*/

.form_area {
margin: 40px auto;
}
/* --フォームテーブルの部分-- */
.table_box {
border-top: 1px dashed #666666;
margin: 50px auto;
width: 90%;
}
.inq_box {
border-bottom: 1px dashed #666666;
display: block;
font-size: 16px;
margin: 0 auto;
overflow: hidden;
padding: 0 0 30px;
}
.inq_box_top {
border-top: #cccccc 1px solid;
}
.inq_box_title {
border-left: 8px solid #BE2000;
float: left;
font-weight: bold;
line-height: 150%;
margin-top: 40px;
padding-left: 12px;
width: 260px;
}
.inq_box_txt {
display: block;
float: left;
line-height: 140%;
padding-left: 20px;
padding-top: 30px;
width: 450px;
}
input, textarea, select {
font-size: 16px;
margin: 5px auto;
padding: 5px;
}
input[type=text]:focus, textarea:focus, select:focus {
outline: 0;
background-color: #FFFFDD;
}

/*------------------------------------------
■ フッター
------------------------------------------*/
#footer {
display: block;
font-size: 14px;
height: auto;
line-height: 180%;
margin: 30px auto 0;
padding: 25px 0 0;
text-align: center;
width: 100%;
}
.copyright {
background-color: #BE2000;
color: #FFFFFF;
height: 40px;
margin: 15px auto 0;
padding-top: 15px;
}
/*■■■■■■■■■■■■■■■■■■■■■■
　　サブページ設定
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ サブページ共通
------------------------------------------*/
.sub_page_title {
background-color: #BE2000;
border-bottom: 3px solid #CCCCCC;
color: #FFFFFF;
font-size: 28px;
font-weight: bold;
margin: 20px 0;
padding: 20px 0 15px;
text-align: center;
}
#order_page, #privacypolicy, #law, #order_end {
line-height: 140%;
margin: 0 30px;
padding: 5px 0;
min-height: 600px;
}
#privacypolicy, #company, #law {
font-size: 14px;
line-height: 140%;
}
/* 別々に指定したければ、分けてください*/

/*------------------------------------------
■ プライバシーポリシーページ設定
------------------------------------------*/
#pp_page {
}
.sub_page_h {
border-bottom: 2px solid #CCCCCC;
font-size: 18px;
font-weight: bold;
line-height: 130%;
margin: 0 0 15px;
padding: 5px 0 3px;
}
/*------------------------------------------
■ 特定商取引法に基づく表記
------------------------------------------*/



/*------------------------------------------
■ 会社概要
------------------------------------------*/





/*------------------------------------------
■ 新要素　イメージリストエリア（ライトボックス風　サムネイルクリックで拡大写真）
施工事例や店内・院内風景などにご使用ください。※デフォルトで3パーターンレイアウトを用意しました。
------------------------------------------*/
/*レイアウトパターン１*/
.img_list_area_1 {
width: 840px;
padding: 0px;
height: auto;
margin-top: 15px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}
.img_list_area_1 .thumbnail {
float: left;
width: 100%;
}
.img_list_area_1 .thumbnail img {
float: left;
margin: 9px;
}
.img_list_area_1 .thumbnail_notes {
clear: both;
font-size: 12px;
}
.img_list_area_1 .text_block {
float: right;
width: 375px;
}
.img_list_area_1 .text_block img {
}
.img_list_area_1 table {
font-size: 16px;
margin: 0px;
width: 100%;
}
.img_list_area_1 table th {
width: 30%;
background-color: #EFEFEF;
font-weight: normal;
line-height: 140%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}
.img_list_area_1 table td {
width: 70%;
background-color: #FFFFFF;
line-height: 150%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}
/*レイアウトパターン２*/

.img_list_area_2 {
width: 840px;
padding: 0px;
height: auto;
margin-top: 15px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}
.img_list_area_2 .thumbnail {
float: right;
width: 465px;
}
.img_list_area_2 .thumbnail img {
float: left;
padding-right: 5px;
padding-bottom: 5px;
}
.img_list_area_2 .thumbnail_notes {
clear: both;
font-size: 12px;
text-align: right;
}
.img_list_area_2 .text_block {
float: left;
width: 375px;
}
.img_list_area_2 .text_block img {
padding-bottom: 30px;
}
.img_list_area_2 table {
font-size: 16px;
margin: 0px;
width: 100%;
clear: both;
}
.img_list_area_2 table th {
width: 30%;
background-color: #EFEFEF;
font-weight: normal;
line-height: 140%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}
.img_list_area_2 table td {
width: 70%;
background-color: #FFFFFF;
line-height: 150%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}
/*レイアウトパターン３*/

.img_list_area_3 {
width: 840px;
padding: 0px;
height: auto;
margin-top: 15px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}
.img_list_area_3 .thumbnail {
clear: both;
}
.img_list_area_3 .thumbnail img {
float: left;
padding-right: 4px;
padding-bottom: 4px;
border: 2px solid #FFFFFF;
box-shadow: 3px 3px 3px #CCCCCC;
margin: 0px 10px 10px 0px;
}
.img_list_area_3 .thumbnail_notes {
clear: both;
font-size: 12px;
text-align: right;
}
.img_list_area_3 .text_block {
clear: both;
}
.img_list_area_3 .text_block img {
}
.img_list_area_3 table {
font-size: 16px;
margin: 0px;
width: 50%;
}
.img_list_area_3 table th {
width: 30%;
border: 1px solid #EFEFEF;
font-weight: normal;
line-height: 140%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}
.img_list_area_3 table td {
width: 70%;
background-color: #FFFFFF;
line-height: 150%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}


/*------------------------------------------
■ 新要素　ページトップへ戻るボタン
------------------------------------------*/
#go_top {

}


#go_top a {
background-color:#BE2000;
border-radius: 5px;
bottom: 40px;
color: #ffffff;
display: block;
font-size: 13px;
font-weight: bold;
padding: 10px 10px 8px 0;
position: fixed;
right: 20px;
text-align: center;
width: 150px;
}

.big {
	font-size: 26px;
	font-weight: bold;
}
h4.title002 {
    border-bottom: 2px solid #be2000;
    border-top: 2px solid #be2000;
    color: #4f2a12;
    display: block;
    font-family: RodinRosePro-EB;
    font-size: 36px;
    font-weight: bold;
    margin: 50px auto;
    padding: 40px 0;
    text-align: center;
    width: 1000px;
}
.point_title2 {
    border-bottom: 2px dashed #be2000;
    color: #000000;
    font-size: 30px;
    font-weight: bold;
    line-height: 55px;
    margin: 20px 0;
    padding-bottom: 10px;
}
.banner1{
	margin: 40px auto 60px;
    width: 960px;
}
.banner_img1{
}
.banner2{
	margin: 0px auto 60px;
    width: 500px;
}
.banner_img2{
	margin: 0px auto 0px;
}
.item_title {
border-bottom: 1px dashed #BE2000;
font-size: 32px;
font-weight: bold;
margin: 10px 10px 20px;
}

.img_border {
border: 5px solid #333333;
border-radius: 30px;
}

/*------------------------------------------
■ ボタン動き
------------------------------------------*/
.dokidoki {
	animation: dokidoki 1.5s infinite;
}
@keyframes dokidoki {
	0% {
		transform: scale(1.05)
	}
	5% {
		transform: scale(1)
	}
	95% {
		transform: scale(1)
	}
	100% {
		-webkit-transform: scale(1.05)
	}
}
.img_border2 {
border: 8px solid #ffffff;
border-radius: 20px;
}