@charset "utf-8";
/* CSS Document */
/* Update　20150818 */
/* Update　20160323 */

/* 基本設定
▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼  */
/* 共通項目
----------------------------------------------- */
/* ソースをそのまま表示する際の設定 */
xmp {z-index: 10; position: relative; resize: both; clear: both; line-height:1.2em; letter-spacing: -0.1em; overflow-y: scroll; min-height: 50px; opacity: 0.5; display: block; word-wrap:break-word; font-size: 60%; padding: 10px; margin:10px; border:1px solid #AAAAAA;}
/* ソースに関する説明を加える */
xmp.explain {z-index: 10; position: relative; resize: both; clear: both; overflow-y: scroll; display: block; word-wrap:break-word; font-size: 100%; padding: 10px; margin:10px; border:1px solid #EEAAAA; background: #ffdddd;}
.box xmp.explain {font-size: 80%;}

/* 指定の内容を非表示にする */
.displaynone {display: none;}
/* フロート解除 */
.clearfix {clear: both;}
/* インライン要素をブロック要素に変更 */
.block {display: block;}
/* 余白を空ける */
.spacer {margin: 0 0 20px; overflow: hidden;}
/* 余白を空ける（狭い） */
.spacer_narrow {margin: 0 0 10px; overflow: hidden;}
/* 余白を空ける（画像タイル配置用） */
.spacer_6px {margin: 0 0 6px; overflow: hidden;}
/* 余白を狭める */
.margin_little {margin: 0 auto 2px;}
/* 文字強調（小）色のみ */
.emphasis00 {}
/* 文字色変更 */
.red01 {color: #d6022a!important;}
.red02 {color: #ff1818!important;}
.pink01 {color: #f81e70!important;}
.pink02 {color: #ff6699!important;}
.orange01 {color: #fc5300!important;}
.orange02 {color: #ff6f05!important;}
.green01 {color: #4a8b20!important;}
.green02 {color: #5fa731!important;}
.blue01 {color: #003366!important;}
.blue02 {color: #006bb4!important;}
.gray01 {color :#666666!important;}
.gray02 {color: #7d7d7d!important;}
.white01 {color: #ffffff!important;}
/* 文字強調（中）色+ボールド */
.emphasis01 {font-weight: bold;}
/* 文字強調（大）色+ボールド+大きさ*/
.emphasis02 {font-weight: bold; font-size: 110%;}
/* 文字強調（特大）色+ボールド+大きさ1.2倍*/
.emphasis03 {font-weight: bold; font-size: 120%; line-height: 0.8em;}
/* 真ん中の配置設定 */
.center {margin: 0 auto;}
/* 左寄せの配置設定 */
.left {float: left;}
/* 右寄せの配置設定 */
.right {float: right;}
/* 文字の右寄せ */
.t_right {text-align: right;}
/* 文字のセンター寄せ */
.t_center {text-align: center;}
/* 文字ルビ */
.ruby {font-size: 60%; line-height: 0;}
/* 文字を標準にする */
.small_90 {font-size: 90%; line-height: 1.2em; display: block; letter-spacing: 0em;}
/* 文字を小さく */
.small {font-size: 80%; line-height: 1.2em; display: block; letter-spacing: 0em;}
/* 明朝体にする */
.mincho {font-family: "ＭＳ 明朝",serif;}
/* 書体をPinyonにする */
.Pinyon {font-family: "Pinyon Script",cursive;}
/* キャプションを小さくする */
.little-caption {font-size: 12px;}
/* 理念などで文字を特別大きく見せる場合に使用 */
.rinen span {font-size: 42px; letter-spacing: 0.1em; line-height: 1.8em;}
/* 文字を複数行にする時に行間を詰めて中に納まるようにする T-1などで使用*/
#image-slice .picture01a p.add-text {line-height: 0.5em!important;}
/* 枠線強調 */
.border {border: 1px solid #aaaaaa;}
/* 背景を変更する */
.back_red01 {background: #f1b8b8!important;}
.back_red02 {background: #F6DDDD!important;}
.back_blue01 {background: #EEEEFF!important;}
.back_white01 {background: #FFFFFF!important;}
.back_pale_purple {background: rgba(177,150,192,1);}
.back_purple {background: rgba(131,79,98,1);}
.back_red_purple {background: rgba(114,41,69,1);}
.back_black_purple {background: rgba(53,3,66,1);}
.back_pale_blue {background: rgba(78,125,131,1);}
.back_green {background: rgba(87,174,91,1);}
/* 下線をつける */
.border01 {border-bottom: 2px dotted #666666; line-height: 1.8em;}
/* 標準のテーブル設定 */
#table01 {margin: 0 auto 10px; width: 100%;}
#table01 th {padding: 10px; border: 1px solid #999999; background: none repeat scroll 0 0 #eeeeee; text-align: center; vertical-align: middle; font-weight: bold;}
#table01 td {padding: 10px; border: 1px solid #999999;}
#table01 table {width: 100%;}
td.price {text-align: right;}
.fixed {table-layout: fixed;}
#contents-p1 #right-col .article-center .box,
#contents-p2 #left-col .article-left .box,
#contents-p1 #right-col .nostyle-center .box,
#contents-p2 #left-col .nostyle-left .box {font-size: 1.1em; line-height: 1.4em;}
/* フィックス */
/* ディスクリプションが２行になってもインデントが戻らないようにする */
h1 {padding: 5px 10px; text-indent: none;}
/* リストを使えるようにする */
.box li {margin: 0 0 0 25px; line-height: 1.3em; padding: 4px 0;}
ol li {list-style-type: disc; margin: 0 0 0 3em;}
ol.decimal li {list-style-type: decimal;}
ol.disc li {list-style-type: disc;}
#header #logo {margin: 0;}
#top-img img {padding: 0;}
#top-img {margin: 0 0 15px;}
#crumb {margin: 5px auto 0;}
/* レイアウトCのお問い合わせの文字を左に寄せる */
#contents-p2 #left-col .contact-left td p {text-align: left;}
/* メイン画像スライド */
#main_slide {height: 363px; margin: 0 auto; position: relative; max-width: 940px;}
#main_slide li {width: 100% !important; heigt:100% !important;}
#main_slide li img {position: absolute;left: 0; top: 0;}
/* 簡単ロールオーバー
----------------------------------------------- */
a:hover img#rollover {opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff;}
/* 簡単画像回転
----------------------------------------------- */
img#rotate90 {transform: rotate(90deg);}
img#rotate-90 {transform: rotate(-90deg);}
/* 画像を写真の様にする
----------------------------------------------- */
img.photo {background: #FFFFFF; padding: 4px; border:1px solid #999999;}
/* 管理画面用
----------------------------------------- */
/* 編集・取り除くボタンが隠れ無いようにする */
ul.edit_menu {z-index: 10;}
/* インフォメーションの指定
------------------------------------------*/
#header #information {margin: 0;}
#info-box {height: 125px; width: 312px; float: right;}
#info-box .text01a {font-size: 12px; margin: 55px 0 0 55px; padding: 0;}
#info-box .number {color: #FFFFFF;}
/* グローバルナビ部分（文字の長いものを改行する）
----------------------------------------------- */
#header-nav ul li.longTitle a {display: block; height: 100%; line-height: 15px; padding: 10px 4px 0 6px; letter-spacing: 0.1em;}
/* よくある質問ブロックの設定
----------------------------------------------- */
#contents-p1 #right-col .faq-center dt,#contents-p2 #left-col .faq-left dt {background: none repeat scroll 0 0 #ffeeee; border: 1px solid #ff9999; font-weight: bold; letter-spacing: 0.2em; line-height: 1.4em; margin: 0 auto; padding: 10px 9px; width: 640px;}
#contents-p1 #right-col .faq-center dd,#contents-p2 #left-col .faq-left dd {background: none repeat scroll 0 0 #eeffee; border: 1px solid #99ff99; font-weight: bold; letter-spacing: 0.2em; line-height: 1.4em; margin: 10px auto 20px; padding: 10px 9px; width: 640px;}
/* h2を変更
----------------------------------------------- */
#contents-p1 #right-col .article-center h2, #contents-p2 #left-col .article-left h2, #contents-p1 #right-col .nostyle-center h2, #contents-p2 #left-col .nostyle-left h2, #contents-p1 #right-col .company_info-center h2, #contents-p2 #left-col .company_info-left h2, #contents-p1 #right-col .contact-center h2, #contents-p2 #left-col .contact-left h2, #contents-p1 #right-col .faq-center h2, #contents-p2 #left-col .faq-left h2 {text-indent: 0; color: #333333; font: bold 22px/1.1em meiryo; position: relative; z-index: 1; min-height: 28px; padding: 10px 10px 6px 55px; height: auto; margin: 0 0 20px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5); background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(220,220,220,0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(220,220,220,0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(220,220,220,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6777777',GradientType=0 ); /* IE6-9 */ border-radius: 0 5px 5px 0;}
#contents-p1 #right-col .article-center h2::before, #contents-p2 #left-col .article-left h2::before, #contents-p1 #right-col .nostyle-center h2::before, #contents-p2 #left-col .nostyle-left h2::before, #contents-p1 #right-col .company_info-center h2::before, #contents-p2 #left-col .company_info-left h2::before, #contents-p1 #right-col .contact-center h2::before, #contents-p2 #left-col .contact-left h2::before, #contents-p1 #right-col .faq-center h2::before, #contents-p2 #left-col .faq-left h2::before {background-image: linear-gradient(to bottom, transparent 20%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.6) 100%) !important; border-right: 2px solid #fff; content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 40px; z-index: -1;}
#contents-p1 #right-col .article-center h2::after, #contents-p2 #left-col .article-left h2::after, #contents-p1 #right-col .nostyle-center h2::after, #contents-p2 #left-col .nostyle-left h2::after, #contents-p1 #right-col .company_info-center h2::after, #contents-p2 #left-col .company_info-left h2::after, #contents-p1 #right-col .contact-center h2::after, #contents-p2 #left-col .contact-left h2::after, #contents-p1 #right-col .faq-center h2::after, #contents-p2 #left-col .faq-left h2::after {background-image: linear-gradient(to right, transparent 20%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.6) 100%); content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 40px; z-index: -1;}
/* h2のデフォルトを使用する場合
----------------------------------------------- */
#contents-p1 #right-col .article-center h2.system, #contents-p2 #left-col .article-left h2.system, #contents-p1 #right-col .nostyle-center h2.system, #contents-p2 #left-col .nostyle-left h2.system, #contents-p1 #right-col .company_info-center h2.system, #contents-p2 #left-col .company_info-left h2.system, #contents-p1 #right-col .contact-center h2.system, #contents-p2 #left-col .contact-left h2.system, #contents-p1 #right-col .faq-center h2.system, #contents-p2 #left-col .faq-left h2.system, #contents-p1 #right-col .blog-center h2.system, #contents-p2 #left-col .blog-left h2.system {background: rgba(0, 0, 0, 0) url("https://labo.miraicre.com/img/base/h2_title_middle_bg.gif") no-repeat scroll 0 0; clear: both; color: #41403d; letter-spacing: 0.15em; line-height: 40px; margin: 0; overflow: hidden; padding: 0; text-indent: 1.5em; height: 40px; font: bold 14px/2.8em meiryo;}
#contents-p1 #right-col .article-center h2.system::before, #contents-p2 #left-col .article-left h2.system::before, #contents-p1 #right-col .nostyle-center h2.system::before, #contents-p2 #left-col .nostyle-left h2.system::before, #contents-p1 #right-col .company_info-center h2.system::before, #contents-p2 #left-col .company_info-left h2.system::before, #contents-p1 #right-col .contact-center h2.system::before, #contents-p2 #left-col .contact-left h2.system::before, #contents-p1 #right-col .faq-center h2.system::before, #contents-p2 #left-col .faq-left h2.system::before, #contents-p1 #right-col .blog-center h2.system::before, #contents-p2 #left-col .blog-left h2.system::before {content: none;}
#contents-p1 #right-col .article-center h2.system::after, #contents-p2 #left-col .article-left h2.system::after, #contents-p1 #right-col .nostyle-center h2.system::after, #contents-p2 #left-col .nostyle-left h2.system::after, #contents-p1 #right-col .company_info-center h2.system::after, #contents-p2 #left-col .company_info-left h2.system::after, #contents-p1 #right-col .contact-center h2.system::after, #contents-p2 #left-col .contact-left h2.system::after, #contents-p1 #right-col .faq-center h2.system::after, #contents-p2 #left-col .faq-left h2.system::after, #contents-p1 #right-col .blog-center h2.system::after, #contents-p2 #left-col .blog-left h2::after {content: none;}
/* h3を変更 システムデフォルトは不用とし、使う場合は、h6で代用する。
----------------------------------------------- */
#contents-p1 #right-col .article-center h3, #contents-p2 #left-col .article-left h3, #contents-p1 #right-col .nostyle-center h3, #contents-p2 #left-col .nostyle-left h3, #contents-p1 #right-col .company_info-center h3, #contents-p2 #left-col .company_info-left h3, #contents-p1 #right-col .contact-center h3, #contents-p2 #left-col .contact-left h3, #contents-p1 #right-col .faq-center h3, #contents-p3 #left-col .faq-left h3, #contents-p1 #right-col .blog-center h3, #contents-p2 #left-col .blog-left h3 {position: relative; color: #111; font-size: 1.143em; font-weight: bold; margin: 0 0 15px -10px; padding: 5px 0 5px 1.3em; border-bottom: 2px solid #4a8b20; width: 660px; letter-spacing: 0.1em; text-indent: 0;}
#contents-p1 #right-col .article-center h3::before, #contents-p2 #left-col .article-left h3::before, #contents-p1 #right-col .nostyle-center h3, #contents-p2 #left-col .nostyle-left h3::before, #contents-p1 #right-col .company_info-center h3, #contents-p2 #left-col .company_info-left h3::before, #contents-p1 #right-col .contact-center h3::before, #contents-p2 #left-col .contact-left h3::before, #contents-p1 #right-col .faq-center h3::before, #contents-p3 #left-col .faq-left h3::before {content: ""; position: absolute; top: 3px; left: 0.4em; height: 12px; width: 12px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);}
#contents-p1 #right-col .article-center h3::after, #contents-p2 #left-col .article-left h3::after, #contents-p1 #right-col .nostyle-center h3::after, #contents-p2 #left-col .nostyle-left h3::after, #contents-p1 #right-col .company_info-center h3::after, #contents-p2 #left-col .company_info-left h3::after, #contents-p1 #right-col .contact-center h3::after, #contents-p2 #left-col .contact-left h3::after, #contents-p1 #right-col .faq-center h3::after, #contents-p3 #left-col .faq-left h3::after {content: ""; position: absolute; top: 1.0em; left: 4px; height: 8px; width: 8px; transform: rotate(15deg); -moz-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); -ms-transform: rotate(15deg);}
/* （ブログの見出しはこちらが表示される）
----------------------------------------------- */
#contents-p1 #right-col .blog-center h2,#contents-p2 #left-col .blog-left h2 {color: #333333; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ border: 1px solid #dddddd; width: auto; overflow: hidden; border-radius: 3px; height: 34px; line-height: 36px;}
@media screen and (max-width: 660px) {
#contents-p1 #right-col .blog-center h2,#contents-p2 #left-col .blog-left h2 {text-indent: 0; letter-spacing: 0.05em; height: auto; line-height: 1.15em; padding: 12px 0 10px 10px; margin:0 0 10px;}
}
/* h5h6を定義
----------------------------------------------- */
h5 {border-left: 5px solid #003366; display: block; font-size: 120%; font-weight: bold; padding: 6px 0 5px 12px; margin:0 0 10px 0;}
h6 {border-bottom: 1px dotted #003366; display: block; font-size: 100%; font-weight: bold; margin: 0 0 10px -10px; padding: 6px 0 5px 10px;}

/* 見出しを追加
----------------------------------------------- */
/* 吹き出し */
#fukidashi05{position:relative; padding:5px 20px; font:bold 28px/1.6 Arial, Helvetica, sans-serif; color:#333; background:#fff; text-shadow:1px 1px 0 #fff, 2px 2px 0 #999; border-top:#333 solid 3px; border-bottom:#333 solid 3px; background-image: -webkit-gradient(linear, left top, right bottom,
from(rgba(255, 255, 255, 0.0)), color-stop(0.4, rgba(255, 255, 255, 0.0)), color-stop(0.4, rgba(0, 0, 0, 0.1)), color-stop(0.6, rgba(0, 0, 0, 0.1)), color-stop(0.6, rgba(255, 255, 255, 0.0)),to(rgba(255, 255, 255, 0.0))); background-image: -webkit-linear-gradient(top -45deg,transparent 40%,rgba(0, 0, 0, 0.1) 40%,rgba(0, 0, 0, 0.1) 60%,transparent 60%); background-image: -moz-linear-gradient(top -45deg,transparent 40%,rgba(0, 0, 0, 0.1) 40%,rgba(0, 0, 0, 0.1) 60%,transparent 60%); background-image: -o-linear-gradient(top -45deg,transparent 40%,rgba(0, 0, 0, 0.1) 40%,rgba(0, 0, 0, 0.1) 60%,transparent 60%); background-image: linear-gradient(to bottom -45deg,transparent 40%,rgba(0, 0, 0, 0.1) 40%,rgba(0, 0, 0, 0.1) 60%,transparent 60%); background-size:4px 4px;}
#fukidashi05:before{content:" "; position:absolute; top:100%; left:24px; width:0; height:0; border-width:12px; border-style:solid; border-color:transparent; border-top-color:#333;}
#fukidashi05:after{content:" "; position:absolute; top:100%; left:28px; width:0; height:0; border-width:8px; border-style:solid; border-color:transparent; border-top-color:#f0f0f0; z-index:1;}

/* 付箋 */
#fusen01{position:relative; margin:0 22px 0 10px; padding:14px 15px 0px 20px; font:normal 24px/1.3 serif; color:#009; background:#ffc; box-shadow:12px 0 0 0 #ffc,0 12px 0 0 #ffc,1px 15px 4px -3px rgba(0,0,0,0.2);}
#fusen01:before{content:" "; position:absolute; top:100%; left:100%; width:0; height:0; border-width:12px 12px 0 0; border-style:solid; border-color:transparent; border-top-color:#cc9;}
#fusen01:after{content:" "; position:absolute; padding:0 20px; bottom:0; left:10px; width:80%; height:20px; background:rgba(255,182,182,0.4); -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg);}

/* 固定の設定　良く使う幅指定（10px刻みで指定可能）
----------------------------------------------- */
.width710px {width: 710px;} /* F：自由ページブロック最大幅 */
.width700px {width: 700px;} /* G：自由ページブロック最大幅 */
.width680px {width: 680px;} /* E：自由ページブロック最大幅 */
.width670px {width: 670px;}
.width660px {width: 660px;} /* EFG：見出し&記事コンテンツ幅 */
.width655px {width: 655px;} /* テンプレート用 */
.width650px {width: 650px;}
.width640px {width: 640px;}
.width630px {width: 630px;}
.width620px {width: 620px;}
.width614px {width: 614px;} /* テンプレート用 */
.width610px {width: 610px;}
.width600px {width: 600px;}
.width590px {width: 590px;}
.width580px {width: 580px;}
.width570px {width: 570px;}
.width560px {width: 560px;}
.width550px {width: 550px;}
.width540px {width: 540px;}
.width530px {width: 530px;}
.width520px {width: 520px;}
.width517px {width: 517px;} /* E：枠内の表の幅 */
.width510px {width: 510px;}
.width507px {width: 507px;} /* FG：枠内の表の幅 */
.width500px {width: 500px;}
.width490px {width: 490px;}
.width480px {width: 480px;}
.width470px {width: 470px;}
.width460px {width: 460px;}
.width450px {width: 450px;}
.width440px {width: 440px;}
.width430px {width: 430px;}
.width420px {width: 420px;}
.width410px {width: 410px;}
.width400px {width: 400px;}
.width390px {width: 390px;}
.width380px {width: 380px;}
.width370px {width: 370px;}
.width360px {width: 360px;}
.width350px {width: 350px;}
.width340px {width: 340px;}
.width330px {width: 330px;}
.width327px {width: 327px;} /* 2列用の画像サイズ */
.width320px {width: 320px;}
.width310px {width: 310px;}
.width300px {width: 300px;}
.width290px {width: 290px;}
.width280px {width: 280px;}
.width270px {width: 270px;}
.width260px {width: 260px;}
.width250px {width: 250px;}
.width240px {width: 240px;}
.width230px {width: 230px;}
.width220px {width: 220px;}
.width216px {width: 216px;} /* 3列用の画像サイズ */
.width210px {width: 210px;} /* FG：自由ページブロック最大幅 */
.width200px {width: 200px;} /* E：自由ページブロック最大幅 */
.width180px {width: 180px;} /* EFG：見出し&記事コンテンツ幅 */
.width170px {width: 170px;} /* FG：バナー .box01aに付与 */
.width160px {width: 160px;} /* E：バナー .box01aに付与 */
.width160px {width: 160px;}
.width140px {width: 140px;}
.width127px {width: 127px;} /* 5列用の画像サイズ */
.width120px {width: 120px;}
.width100px {width: 100px;}
.width80px {width: 80px;} /* テンプレート用 */
.width70px {width: 70px;} /* テンプレート用 */
.width30px {width: 30px;} /* アイコン用 */ 
/* 基本設定
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲  */


/* 記事テンプレート
▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼  */
/* 見出し#h4（旗の様な見出し）
----------------------------------------------- */
#contents-p1 #right-col #h4 {position: relative; margin: 0 0 1.5em; padding: 0.8em; font-size: 1.143em; font-weight: bold; color: #333333; border-left: none; border-radius: 5px; line-height: 1.2em;}
#contents-p1 #right-col #h4::before {content: "<"; position: absolute; top: middle; left: -13px; width: 0; height: 0; font-size: 25px;line-height: 1.0; color: #c96;}
#contents-p1 #right-col #h4::after {content: ""; position: absolute; top: -2px; left: -10px; width: 0; height: 130%; border: #600 solid 2px; border-radius:2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; transform: rotate(-2deg); -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg);}
/* 写真をタイトル画像としてスライスして使う（余白が出た時の色補完込）
----------------------------------------------- */
#image-slice {background: none repeat scroll 0 0 #222222; border-top: 1px solid #666666;}
#image-slice .picture01a {height: 80px; overflow: hidden; padding: 0;}
#image-slice .picture01a p {background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(196, 196, 196, 1) 70%, rgba(170, 170, 170, 1) 100%) repeat scroll 0 0; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5); font-size: 35px; padding: 25px 20px 15px; text-align: right; z-index: 1; height: 50px; position: relative;}
#image-slice .picture01a p::after {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0; content: ""; padding: 1px 660px; position: absolute; right: 0; bottom: 0; z-index: -1; height: 50px;}
/* 写真の余白設定（2つ以上の写真を並べて表示する時の間の余白設定6px）
----------------------------------------------- */
.image-spacer_left {margin: 0 3px 0 0;}
.image-spacer_left_w {margin: 0 6px 0 0; overflow: hidden;}
.image-spacer_left_10px {margin: 0 10px 0 0; overflow: hidden;}/* 3カラムナビゲーター用 */
.image-spacer {margin: 0 3px;}
.image-spacer_right {margin: 0 0 0 3px;}
.image-spacer_right_w {margin: 0 0 0 6px;}
.image-spacer_right_10px {margin: 0 0 0 10px; overflow: hidden;}/* 3カラムナビゲーター用 */
.image-spacer_top {margin: 3px 0 0 0!important;}
.image-spacer_bottom {margin: 0 0 3px 0!important;}
.image-spacer_bottom6px {margin: 0 0 6px 0!important;}
/* サムネイル表示設定
------------------------------------------*/
.type:after {display: table; clear: both; content:"";}
.thumbnail a {display: block; overflow: hidden;}
/* 3列 */
.thumbnail .trimming216x144 {width: 216px; height: 144px;}
.thumbnail .trimming216x324 {width: 216px; height: 324px;}
.thumbnail .trimming216x216 {width: 216px; height: 216px;}
/* 5列 */
.thumbnail .trimming127x191 {width: 127px; height: 191px;}
.thumbnail .trimming127x84 {width: 127px; height: 84px;}

/* キャプション3列 */
#caption01 {margin: 3px 0;}
#caption01 .box01a {float: left; width: 214px; text-align: right; margin: 0 3px 0 0;}
#caption01 .box01b {float: left; width: 214px; text-align: right; margin: 0 3px;}
#caption01 .box01c {float: left; width: 214px; text-align: right; margin: 0 0 0 3px;}
/* 2列 */
.thumbnail .trimming327x491 {width: 327px; height: 491px;}
.thumbnail .trimming327x218 {width: 327px; height: 218px;}
/* キャプション2列 */
#caption02 {margin: 3px 0;}
#caption02 .box01a {float: left; width: 326px; text-align: right; margin: 0 3px 0 0;}
#caption02 .box01b {float: left; width: 326px; text-align: right; margin: 0 0 0 3px;}
/* 表示部分の基本設定 */
.thumbnail .position01 img, .thumbnail .position02 img, .thumbnail .position03 img, .thumbnail .position04 img, .thumbnail .position05 img, .thumbnail .position06 img, .thumbnail .position07 img,.thumbnail .position08 img,.thumbnail .position09 img,.thumbnail .position10 img {position: relative;}
/* キャプションも追従する写真配置
------------------------------------------*/
#two-columns {position: relative;}
#two-columns .picture01a, #two-columns .picture01b {padding: 16px 4px; text-align: center;}
#two-columns .box01a, #two-columns .box01b {border: 1px solid #888888; height: 100px;}
#two-columns .text01a ,#two-columns .text01b {padding: 10px 5px; text-align: center; position: absolute; top: 60px;}
#two-columns .text01a span, #two-columns .text01b span {font-size: 1em; letter-spacing: 0; line-height: 1em;}
/* 全幅の時に画像の大きさが足らず、幅がガタガタになる見た目を軽減する枠
------------------------------------------*/
.shadow {box-shadow: 0 10px 2px -3px rgba(0,0,0,0.2), 0 -10px 5px -3px rgba(0,0,0,0.2); padding: 10px 10px 45px;}
.shadow #text-image .Pinyon {color: #ff9999; font-family: "Pinyon Script",cursive; font-size: 48px; left: 130px; position: absolute; top: -20px; transform: rotate(-5deg);}
.shadow_top{padding: 10px 0 1px 0; height: 10px; overflow: hidden; margin: 0 auto; box-shadow: 0 -10px 5px -3px rgba(0,0,0,0.1), 0 -10px 5px -3px rgba(0,0,0,0.1);}
.shadow_bottom {padding: 10px 0; height: 10px; overflow: hidden; margin: 0 auto; box-shadow: 0 9px 12px -9px #222;}
/* 影を入れた画像の中に横枠を足す */
.image-wrap {border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee;}
/* 狭いカラムのアクセス表示（HTMLでも数値の変更が必要）
----------------------------------------------- */
#access {margin: 0 0 10px;}
.sort {clear: both; margin-bottom: 10px;}
#access #accessInner {background-color: #f1eae0;}
#access #accessInner {background: none repeat scroll 0 0 #f1eae0; border: 1px solid #dbc7ab; padding: 0 9px 9px;}
#access #accessBtn a#inquiryBtn {margin-bottom: 7px;}
#access #accessBtn a {display: block; margin: 5px 0;}
#access a:link {color: #fd6db4;}
/* リンクバナー（ホットペッパーやLINE＠ facebook用）
----------------------------------------------- */
#banner {clear: both; margin: 0 0 10px; border: 1px solid #bbbbbb; border-radius: 3px; box-shadow: 1px 1px 4px rgba(100,100,100,0.6); -webkit-box-shadow: 1px 1px 4px rgba(100,100,100,0.6); -moz-box-shadow: 1px 1px 4px rgba(100,100,100,0.6); text-align: center; padding: 8px 0; background: #ffffff none repeat scroll 0 0;}
/* バナー（狭いカラム ボタン追加用）
----------------------------------------------- */
#banner_small01 {clear: both;}
#banner_small01 a {color: #FFFFFF; border-radius: 5px 0 0 5px; box-shadow: 1px 1px 3px #999999; display: block; float: left; height: 40px; margin: 0 0 10px; padding: 12px 20px 20px; position: relative; text-decoration: none; text-shadow: 0 -1px 1px rgba(200, 200, 200, 0.6), 0 1px 1px rgba(255, 255, 255, 0.5); width: 170px;}
#banner_small01 a span{font-size: 120%; font-weight: bold;}
#banner_small01 a:hover {opacity: 0.8;}
#banner_small01 a::before {content: ""; display: block; height: 52px; left: 8px; position: absolute; text-decoration: none; top: 10px; border-left: 5px solid #FFFFFF;}
/* バナー（狭いカラム ボタン追加用）
----------------------------------------------- */
#banner_small02 {clear: both;}
#banner_small02 a {border-radius: 5px 0 0 5px; box-shadow: 1px 1px 3px #999999; display: block; float: left; height: 40px; margin: 0 0 10px; padding: 12px 20px 20px; position: relative; text-decoration: none; text-shadow: 0 -1px 1px rgba(200, 200, 200, 0.6), 0 1px 1px rgba(255, 255, 255, 0.5); width: 170px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #dcdcdc), color-stop(0.50, #dbdbdb), color-stop(0.50, #d1d1d1), color-stop(1.00, #fff)); background: -webkit-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%); background: -moz-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%); background: -o-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);}
#banner_small02 a:hover {opacity: 0.8;}
#banner_small02 a::before {content: ""; display: block; height: 52px; left: 8px; position: absolute; text-decoration: none; top: 10px;}
/* ナビゲーター：リスト
----------------------------------------------- */
ol.maker_nav li {background: #dddddd none repeat scroll 0 0; border-left: 3px double; line-height: 1.4em; list-style-type: none; margin: 0 0 3px; padding: 5px 5px 5px 10px;}
ol.maker_nav li a {text-decoration: none; display: block;}
ol.maker_nav li a:hover {color:#006bb4;}
/* ページタイトル（p）・大きなバナー(a)
----------------------------------------------- */
#title_page01 {margin: 0 auto; background-color: #FFFFFF; box-shadow: 1px 1px 4px rgba(100, 100, 100, 0.6);}
#title_page01 .picture01a {}
#title_page01 .text01a {padding: 0px; margin: 0; line-height: 1.6em; letter-spacing: 0.2em; background: #FFFFFF;}
/* ページタイトル用 */
#title_page01 .text01a p {font-size: 20px; font-weight: bold; letter-spacing: 0.2em; display: block; padding: 45px 20px 0;; color: #FFFFFF; margin: 0; height: 60px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);}
#title_page01 .text01a p span {font-size: 55%; line-height: 1.3em; letter-spacing: 0.1em; font-weight: normal; text-shadow: none; display: block; padding: 5px;}
#title_page01 .text01a p {padding: 40px 20px 30px;}
/* 大きなバナー用 */
#title_page01 .text01a a {font-size: 20px; font-weight: bold; letter-spacing: 0.2em; display: block; padding: 45px 20px 0; color: #FFFFFF; text-decoration: none; height: 60px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);}
/* バナー用の欧文フォントの指定 */
#text-image {position: relative;}
#title_page01 .text01a .Pinyon {position: absolute; top: -80px; right: 15px; font-family: 'Pinyon Script', cursive; color: #ffffff; font-size: 48px; transform: rotate(-15deg); -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); text-align: right; line-height: 0.8em; opacity: 0.8;}
.Pinyon_long {position: absolute; top: -90px; right: 15px; font-family: 'Pinyon Script', cursive; color: #ffffff; line-height: 0.7em; font-size: 28px; transform: rotate(-15deg); -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg);}
/* 枠　シンプル
----------------------------------------------- */
#text01 .text01a {background: none repeat scroll 0 0 #eeeeee; letter-spacing: 0.2em; line-height: 1.5em; margin: 0 0; padding: 20px; border-radius: 5px; overflow: hidden;}
/* 枠 タイトル+説明（背景灰色、二重枠、強調用）
----------------------------------------------- */
#box01 .box01a {background: none repeat scroll 0 0 #eeeeee; border: 3px double #bbbbbb; border-radius: 3px; box-shadow: 1px 1px 3px #999999; margin: 5px 0; padding: 20px;}
#box01 .box01a .title01a {font-size: 110%; font-weight: bold; margin: 0 0 5px; color: #006633;}
#box01 .box01a .value01a {font-size: 90%; margin: 0 0 8px;}
/* 枠　タイトル有（コメント欄のみ対応）（背景灰色、角丸）
----------------------------------------------- */
#box02 .box01a {background: none repeat scroll 0 0 #eeeeee; margin: 5px auto; padding: 20px; border-radius: 3px;}
#box02 .box01a .title01a {font-size: 120%; font-weight: bold; margin: 0 0 8px;}
#box02 .box01a .value01a {}
/* 枠　コースメニュー等に使用
----------------------------------------------- */
#menu_course {margin: 0 auto;}
#menu_course .box01a {background: none repeat scroll 0 0 #eeeeee; border: 3px double #bbbbbb; border-radius: 3px; box-shadow: 1px 1px 3px #999999; margin: 5px 0; padding: 20px; float: left; overflow: hidden;}
#menu_course .box01a .title01a {font-size: 120%; font-weight: bold; margin: 0 0 10px; padding: 0 0 8px; border-bottom: 1px dotted #999999; overflow: hidden;}
#menu_course .box01a .value01b {float: right;}
/* 四角枠
----------------------------------------------- */
#bg-box {border: 1px solid #bbbbbb; padding: 20px; color: #ffffff;}
table#price_list01 th.menu01, table#price_list01 th.price01 {background: transparent;}

/* 枠
----------------------------------------------- */
.box06 {background: #FFE4BF; border-radius: 5px; padding: 5px;}
.emphasis06 {font-size: 25px; line-height: 1.3em; display: block; vertical-align: middle; padding: 20px 0 0;}

/* 締めくくり枠
----------------------------------------------- */
#atention01 .box01 {padding: 3px; border-radius: 8px; margin: 0px 0px 10px;}
#atention01 .box02 {padding: 15px; border-radius: 6px;}
#atention01 .box03 {padding: 3px; border-radius: 6px;}
#atention01 .box04 {padding: 10px 5px 5px 20px; letter-spacing: 0.1em; line-height: 1.5em; background-color: #ffffff; border-radius: 6px;}

/* 吹き出し（右に設置用）
----------------------------------------------- */
#balloon_right01 {background: none repeat scroll 0 0 #ffffff; border-radius: 50px; color: #333333; float: right; letter-spacing: 0.4em; margin: 30px 10px 10px; padding: 20px 8px; position: relative; text-align: center; font-weight: bold; font-size: 120%;}
#balloon_right01:after,#balloon_right01:before {content: ""; height: 0; position: absolute; top: 100%; width: 0;}
#balloon_right01:before {border-style: solid; border-width: 10px 10px 10px 0; left: -10px; top: 31px;}
#balloon_right01:after {border-color: transparent #ffffff transparent transparent; border-style: solid; border-width: 9px 9px 9px 0; left: -7px; top: 32px;}
/* 吹き出し（上に設置用）
----------------------------------------------- */
#balloon_top01 {background: none repeat scroll 0 0 #ffffff; border: 2px solid #f73677; border-radius: 50px; color: #333333; float: right; font-size: 10pt; letter-spacing: 0.5em; margin: 0 0 20px; padding: 20px; position: relative; text-align: center; font-weight: bold; font-size: 120%;}
#balloon_top01:after,#balloon_top01:before {content: ""; height: 0; position: absolute; top: 100%; width: 0;}
#balloon_top01:before {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #f73677 transparent transparent; border-image: none; border-right: 13px solid transparent; border-style: solid; border-width: 13px; left: 27px;}
#balloon_top01:after {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #ffffff transparent transparent; border-image: none; border-right: 10px solid transparent; border-style: solid; border-width: 10px; left: 30px;}
/* 表（主にメニュー用）
----------------------------------------------- */
table#menu01 {table-layout:fixed;}
table#menu01 th {border: 1px solid #bbbbbb;　padding: 10px;　background: #EEEEEE; width: 20%; font-weight: bold;}
table#menu01 td {}
table#menu01 td.value01 {border: 1px solid #bbbbbb; padding: 10px; width: 30%;}
table#menu01 td.value02 {border: 1px solid #bbbbbb; padding: 10px; width: 50%;}
table#menu02 {table-layout:fixed;}
table#menu02 th {border: 1px solid #bbbbbb; padding: 10px; background: #EEEEEE; width: 20%; font-weight: bold;}
table#menu02 td {}
table#menu02 td.value01 {border: 1px solid #bbbbbb; padding: 10px; width: 65%;}
table#menu02 td.value02 {border: 1px solid #bbbbbb; padding: 10px; width: 15%; text-align: right;}
.enkaku td {padding: 10px 5px 5px; border-bottom: 1px dotted #999999;}
/* 表（主にスタッフ用）
----------------------------------------------- */
#staff01 {margin: 0px 0px 10px; width: 328px;}
#staff01 th {padding: 10px; 5px 5px; border-bottom: 1px dotted #999999; width: 70px;}
#staff01 td {padding: 10px; border-bottom: 1px dotted #999999;}
/* ポイント（枠有り）
----------------------------------------------- */
ol#point02 {background: none repeat scroll 0 0 #f9f9f9; border: 1px dashed #bbbbbb; margin: 0; overflow: hidden; padding: 20px 20px 10px; border-radius: 5px;}
ol#point02 li.icon {list-style-type: none; padding: 15px 10px 15px 85px; margin: 0;}
ol#point02 li.amp {background: rgba(0, 0, 0, 0) url("https://labo.miraicre.com/img/base/00300.png") no-repeat scroll left -11px bottom -12px / 80px auto;}
/* ポイント（下線タイプ）
----------------------------------------------- */
#point04 {margin: 0 0 5px; overflow: hidden;}
ol#point02 {padding:0;}
ol#point04 li.icon {line-height: 1.3em; list-style-type: none; border-bottom: 1px dashed #bbbbbb; margin: 12px 5px; padding: 14px 0 10px 45px;}
ol#point04 li.check {background: rgba(0, 0, 0, 0) url("https://labo.miraicre.com/img/base/checkbox.gif") no-repeat scroll 0 0 / 30px auto;}
ol#point04 li.amp {background: rgba(0, 0, 0, 0) url("https://labo.miraicre.com/img/base/00300.png") no-repeat scroll 0 0 / 30px auto;}
ol#point04 li.question {background: rgba(0, 0, 0, 0) url("https://labo.miraicre.com/img/base/question.png") no-repeat scroll left -16px bottom -10px / 50px auto;}
ol#point04 li.exclamation {background: rgba(0, 0, 0, 0) url("https://labo.miraicre.com/img/base/exclamation.png") no-repeat scroll left -16px bottom -8px / 50px auto;}
ol#point04 li.num01 {background: rgba(0, 0, 0, 0) url("https://labo.miraicre.com/img/base/239203.png") no-repeat scroll 0 0 / 40px auto;}
ol#point04 li.num02 {background: rgba(0, 0, 0, 0) url("https://labo.miraicre.com/img/base/239204.png") no-repeat scroll 0 0 / 40px auto;}
ol#point04 li.num03 {background: rgba(0, 0, 0, 0) url("https://labo.miraicre.com/img/base/239205.png") no-repeat scroll 0 0 / 40px auto;}
ol#point04 li.num04 {background: rgba(0, 0, 0, 0) url("https://labo.miraicre.com/img/base/239206.png") no-repeat scroll 0 0 / 40px auto;}
ol#point04 li.num05 {background: rgba(0, 0, 0, 0) url("https://labo.miraicre.com/img/base/239207.png") no-repeat scroll 0 0 / 40px auto;}
ol#point04 li.num06 {background: rgba(0, 0, 0, 0) url("https://labo.miraicre.com/img/base/239208.png") no-repeat scroll 0 0 / 40px auto;}
ol#point04 li.num07 {background: rgba(0, 0, 0, 0) url("https://labo.miraicre.com/img/base/239209.png") no-repeat scroll 0 0 / 40px auto;}
ol#point04 li.num08 {background: rgba(0, 0, 0, 0) url("https://labo.miraicre.com/img/base/239210.png") no-repeat scroll 0 0 / 40px auto;}
ol#point04 li.num09 {background: rgba(0, 0, 0, 0) url("https://labo.miraicre.com/img/base/239211.png") no-repeat scroll 0 0 / 40px auto;}
/* メニュー料金（下線幅いっぱいのタイプ）
----------------------------------------------- */
#price_list01 {margin: 0 auto 10px;}
#price_list01 th.menu01 {background: none repeat scroll 0 0 #fbfbfb; border-bottom: 1px dotted #BBBBBB; padding: 10px;}
#price_list01 th.price01 {background: none repeat scroll 0 0 #fbfbfb; padding: 10px; border-bottom: 1px dotted #BBBBBB; text-align: right; vertical-align: bottom;}
#price_list01 td.menu01 {padding: 10px; border-bottom: 1px dotted #333333;}
#price_list01 td.price01 {padding: 10px; border-bottom: 1px dotted #333333; text-align: right; vertical-align: bottom;}
/* メニュー料金（枠有テーブルの基本設定）
----------------------------------------------- */
#price_list02 {margin: 0 auto 10px; width: 100%;}
#price_list02 th {padding: 10px; border: 1px solid #999999; background: none repeat scroll 0 0 #fbfbfb; text-align: center;}
#price_list02 td {padding: 10px; border: 1px solid #999999; text-align: center; width: 100px;}
#price_list02 td.price01 {padding: 10px; border: 1px solid #999999; text-align: right; vertical-align: bottom;}
#price_list03 {margin: 0 auto 10px; width: 100%;}
#price_list03 th {background: none repeat scroll 0 0 #fbfbfb; border: 1px solid #999999; font-weight: bold; padding: 8px; text-align: center;}
#price_list03 td {border: 1px solid #999999; padding: 8px; text-align: left; width: auto;}
/* 矢印（→）
----------------------------------------------- */
#arrow01 {}
#arrow01 span:after {display: block; width: 40px; height: 40px; margin: -45px auto 0; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); content: "";}
/* 矢印（→）01(横矢印) 2（2つの間）t or w（tall縦写真　wide横写真）
----------------------------------------------- */
/* 矢印（→）1つの場合 縦写真 */
#arrow01_2t {height: 0; position: relative;}
#arrow01_2t span:after {display: block; width: 40px; height: 40px; margin: -45px auto 0; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); content: ""; position: absolute; left: 300px; top: 270px; z-index:10;}

/* 矢印（→）1つの場合 横写真 */
#arrow01_2w {height: 0; position: relative;}
#arrow01_2w span:after {display: block; width: 40px; height: 40px; margin: -45px auto 0; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); content: ""; position: absolute; left: 300px; top: 134px; z-index:10;}

/* 矢印（→）2つの場合 縦写真 */
#arrow01_3t_a, #arrow01_3t_b {height: 0; position: relative; top: 166px; padding: 0;}
#arrow01_3t_a span:after, #arrow01_3t_b span:after {display: block; width: 40px; height: 40px; margin: -45px auto 0; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); content: ""; position: absolute; z-index:10;}
#arrow01_3t_a span:after {left: 190px;}
#arrow01_3t_b span:after {left: 410px;}

/* 矢印（→）2つの場合 横写真 */
#arrow01_3w_a, #arrow01_3w_b {height: 0; position: relative; top: 80px; padding: 0;}
#arrow01_3w_a span:after, #arrow01_3w_b span:after {display: block; width: 30px; height: 30px; margin: -45px auto 0; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); content: ""; position: absolute; z-index:10;}
#arrow01_3w_a span:after {left: 190px;}
#arrow01_3w_b span:after {left: 410px;}

/* 矢印（→）5つの場合 縦写真 */
#arrow01_5t_a,#arrow01_5t_b,#arrow01_5t_c,#arrow01_5t_d,#arrow01_5t_e {position: relative; height: 0; top: 53px; padding: 0;}

/* 矢印（→）5つの場合 横写真 */
#arrow01_5w_a,#arrow01_5w_b,#arrow01_5w_c,#arrow01_5w_d,#arrow01_5w_e {position: relative; height: 0; top: -2px; padding: 0;}

#arrow01_5t_a span:after, #arrow01_5t_b span:after, #arrow01_5t_c span:after, #arrow01_5t_d span:after, #arrow01_5t_e span:after,
#arrow01_5w_a span:after, #arrow01_5w_b span:after, #arrow01_5w_c span:after, #arrow01_5w_d span:after, #arrow01_5w_e span:after
{display: block; width: 20px; height: 20px; margin: -45px auto 0; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); content: ""; position: absolute; top: 80px; z-index:10;}

#arrow01_5t_a span:after {left: 118px;}
#arrow01_5t_b span:after {left: 250px;}
#arrow01_5t_c span:after {left: 382px;}
#arrow01_5t_d span:after {left: 514px;}
#arrow01_5t_e span:after {left: 644px;}

#arrow01_5w_a span:after {left: 118px;}
#arrow01_5w_b span:after {left: 250px;}
#arrow01_5w_c span:after {left: 382px;}
#arrow01_5w_d span:after {left: 514px;}
#arrow01_5w_e span:after {left: 644px;}

@media screen and (max-width: 660px) {
/* 2列 縦*/
#arrow01 span::after, #arrow01_2t span::after {top: -11px;}
/* 2列 横*/
#arrow01 span::after, #arrow01_2w span::after {top: -22px;}
/* 3列 縦*/
#arrow01_3t_a span::after, #arrow01_3t_b span::after {top: -177px;}
/* 3列 横*/
#arrow01_3w_a span::after, #arrow01_3w_b span::after {top: -92px;}
}

/* 矢印（↓）
----------------------------------------------- */
#arrow02 {}
#arrow02 span:after {display: block; width: 40px; height: 40px; margin: -45px auto 0; transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); content: "";}

/* お客様の声
----------------------------------------------- */
#voices01 {}
#voices01 .area01a {padding: 20px; overflow: hidden;}
#voices01 .title01a {border-bottom: 1px dotted #bbbbbb; font-size: 16px; font-weight: bold; margin: 0 0 6px; padding: 0 0 5px;}
#voices01 .box01a {float: left;}
#voices01 .box01b {float: right;}
#voices01 .box01b img {}

#voices02 {}
#voices02 .area01a {padding: 20px; overflow: hidden;}
#voices02 .title01a {border-bottom: 1px dotted #bbbbbb; font-size: 16px; font-weight: bold; margin: 0 0 6px; padding: 0 0 5px;}
#voices02 .box01a {float: left; width: 295px;}
#voices02 .box01b img {}

#voices03 .area01a {padding: 20px; overflow: hidden;}
#voices03 .title01a {border-bottom: 1px dotted #bbbbbb; font-size: 16px; font-weight: bold; margin: 0 0 6px; padding: 0 0 5px;}
#voices03 .box01a {float: left; width: 295px;}
#voices03 .box01b img {width: 150px;}
#voices03 .box02a {float: left; width: 450px;}
#voices03 .box02b img {}

/* ●
----------------------------------------------- */
.circle {background: #DDDDDD none repeat scroll 0 0; border-radius: 200px; height: 100px; margin: 19px; padding: 30px; width: 100px; border: 3px double #bbbbbb; box-shadow: 1px 1px 3px #999999;}
.circle a {display: block; text-decoration: none; border-radius: 200px; color: #333333; height: 100px; width: 100px; padding: 0 40px 40x 0 ; background: #DDDDDD none repeat scroll 0 0;}
.circle a:hover {display: block; text-decoration: none; border-radius: 200px; color: #777777; height: 100px; padding: 0 40px 40x 0 ; width: 100px; background: #DDDDDD none repeat scroll 0 0;}
/* 記事ごとの背景とフッターに画像を配置する。
----------------------------------------------- */
#article_foot_bg01 {margin: 0 0 40px; padding: 0 0 100px; position: relative;}
div#article_foot_bg01::after {content: ""; width: 710px; height: 100%; position: absolute; top: -20px; left: -25px; z-index: -1; padding: 20px 0; border-radius: 3px; marin: 0px 0 60px 0;}
/* よくある質問カスタマイズ（整骨院篇）
----------------------------------------------- */
#contents-p1 #right-col .faq-center .box, #contents-p2 #left-col .faq-left .box {margin: 20px 0 15px; width: 710px;}
#contents-p1 #right-col .faq-center dt, #contents-p2 #left-col .faq-left dt {font-weight: bold; background: rgba(255, 188, 188, 1) url("https://labo.miraicre.com/img/base/271802.png") no-repeat scroll left 10px bottom 0; border: medium none; border-radius: 0 5px 5px 0; font-size: 120%; letter-spacing: 0.2em; line-height: 1.2em; margin: 0 10px 0 0; min-height: 45px; padding: 10px 10px 10px 70px; width: 600px;}
#contents-p1 #right-col .faq-center dd, #contents-p2 #left-col .faq-left dd { background: rgba(190, 236, 255, 1) url("https://labo.miraicre.com/img/base/366588.png") no-repeat scroll right 10px bottom 0; border: medium none; border-radius: 5px 0 0 5px; font-weight: normal; letter-spacing: 0.2em; line-height: 1.4em; margin: 10px 0 40px 40px; padding: 15px 55px 15px 15px; width: 600px;}
/* ページ上部に戻る
----------------------------------------------- */
.page-top a{font-size: 12px; text-decoration: none; position: relative; color:#33CCFF;}
.page-top a::before {background: rgba(0, 0, 0, 0) url("https://labo.miraicre.com/img/base/0173_1.png") no-repeat scroll 0 0 / 25px auto; content: ""; height: 25px; left: -31px; position: absolute; top: -4px; width: 25px;}
/* 整骨院向けテンプレート
▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼  */
/* 診療時間表（狭いカラム用）
----------------------------------------------- */
#timetable01 table {table-layout: auto; width: 210px;/* ●幅● */}
#timetable01 table th {background-color: #ff6f05; /* ●第二強調色● */ color: #FFFFFF; width: auto; text-align: center; padding: 4px 3px; border: 1px solid #c7c7c7;}
#contents-p2 #left-col .company_info-left table td #timetable01 table th {background-color: #f81e70;}
#timetable01 table th .title01a {width: 100px;}
#timetable01 table td {padding: 4px 3px; border: 1px solid #c7c7c7; text-align: center; line-height: 0.8em; padding: 4px 3px; text-align: center;vertical-align: middle;}
/* 診療時間表（お店情報ブロック用）
----------------------------------------------- */
#contents-p1 #right-col .company_info-center table td #timetable01 table {table-layout: auto; width: 508px;}
#contents-p1 #right-col .company_info-center table td #timetable01 table th {background-color: #ff6f05; /* ●第二強調色● */ color: #ffffff; text-align: center; width: auto; padding: 4px 3px; border: 1px solid #c7c7c7;}
#contents-p1 #right-col .company_info-center table td #timetable01 table td {padding: 10px 5px; text-align: center;}
#contents-p1 #right-col .company_info-center table td #text01 .text01a {background: none repeat scroll 0 0 #eeeeee; letter-spacing: 0.2em; line-height: 1.5em; margin: 10px 0; padding: 20px;}

#contents-p2 #left-col .company_info-left table td #timetable01 table {table-layout: auto; width: 508px;}
#contents-p2 #left-col .company_info-left table td #timetable01 table th {background-color: #ff6f05; /* ●第二強調色● */ color: #ffffff; text-align: center; width: auto; padding: 4px 3px; border: 1px solid #c7c7c7;}
#contents-p2 #left-col .company_info-left table td #timetable01 table td {padding: 10px 5px; text-align: center;}
#contents-p2 #left-col .company_info-left table td #text01 .text01a {background: none repeat scroll 0 0 #eeeeee; letter-spacing: 0.2em; line-height: 1.5em; margin: 10px 0; padding: 20px;}
/* 整骨院向けテンプレート
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲  */

/* 美容室等向けテンプレート
▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼  */
/* ギャラリー
------------------------------------------*/
div.position {position: relative;}
ul#detail a {text-decoration: none; display: block;}
div.gallery {padding: 10px 0; background: none repeat scroll 0 0 transparent; margin: 20px 0 20px -40px;width: 770px;}
ul#thumbnail {margin: 15px 0 0; list-style: none outside none;}
ul#thumbnail li {float: left; border: 1px solid #CCC; padding: 5px 5px 10px; margin: 5px 6px; border-radius: 2px; box-shadow: 0 0 2px #CCC; -webkit-box-shadow: 0 0 2px #CCC; background-color: #fff; -webkit-transition: -webkit-transform 0.1s ease-in; -moz-transition: -moz-transform 0.1s ease-in; -o-transition: -o-transform 0.1s ease-in; transition: transform 0.1s ease-in;}
ul#thumbnail:after {display: block; content: ""; clear: both; height: 0; list-style: none outside none;}
ul#thumbnail li a img {width: 150px;}
ul#thumbnail li:hover {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); background-color: #F1EEFF;}
ul#detail {position: absolute; top: 50%; left: 50%; margin: -265px 0 0 -285px;}
ul#detail li { list-style: none outside none; opacity: 0; visibility: hidden; -webkit-border-image: url(img/frame.png) 30; -moz-border-image: url(img/frame.png) 30; -o-border-image: url(img/frame.png) 30; border-image: url(img/frame.png) 30; border-width: 30px; padding: 20px 15px; border-radius: 30px; text-align: center; background: #FFF; -webkit-box-shadow: 0 0 5px #fff; box-shadow: 0 0 5px #fff; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; position: absolute; z-index: -1; left: 150px;}
ul#detail li:target {opacity: 1; z-index: 1; visibility: visible;}
ul#detail li .description {margin: 10px 5px 5px; font-weight: bold;}
ul#thumbnail li .description {margin: 10px 5px 5px; font-weight: bold; font-size: 90%; width: 140px;}
/* 美容室等向けテンプレート
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲  */

/* **************************************
ヘッダーボタン
***************************************** */
#menu {display: block; height: 40px; position: fixed; top: 30px; right: 0; z-index: 1;}
#menu .box01a {background: #000000 none repeat scroll 0 0; color: #ffffff; cursor: pointer; display: block; height: 40px; left: 0; opacity: 0.6; position: fixed; top: 0; width: 100%; z-index: 10; overflow: hidden;}
#menu ul.gototop {float: left; margin: 0 0 0 5px;}
#menu ul.controller {float: right; margin: 0 5px 0 0;}
#menu li {display: inline;}
#menu li a {display: inline; text-decoration:none;}
#menu li a:hover {display: inline; text-decoration:none;}
#menu li img {width:auto;}
#menu li a:hover img {opacity: 0.6;}

/* **************************************
スライドイン
***************************************** */
#footer_slide {display: block; width: 100%; position: fixed; left: 0; bottom: 0;}
#slide {}
#slide-in {color: #ffffff; background: none repeat scroll 0 0 rgba(0,0,0,0.8); padding: 10px;}
p#close {position: absolute; right: 0; top: 0;}
p#close a {color: #fff; text-decoration: none; cursor: pointer;}
p#close a:hover {}

/* ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ */
/* □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ */
/* ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ */
/* □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ */
/* @media screen and (max-width: 660px) */
/* □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ */
/* ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ */
/* □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ */
/* ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ */
@media screen and (max-width: 660px) {
/**************************************************
* テンプレートG(s00013)用
* Update 20160323
*
*　共通
*　カレンダー
*　見出し＆記事・見出し＆記事（スタイルシート無効）
*　新着情報（スクロール有）・新着情報（スクロール無）
*　お店情報・会社概要
*　お問い合わせ
*　よくある質問
*　自由ページ
*　ブログ・ブログカテゴリー
*　記事テンプレート
**************************************************/
/* common
------------------------------------------*/
.nodisplay_sp {display: none;}/* スマートフォン表示のみ非表示 */
body {margin: 0; padding: 0; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: none;}
h1 {padding: 10px; font-size: 100%; color: #555555; width: auto; color: #000000; text-indent: 0;}
img {width: 100%; height: auto; margin: 5px auto;}
#wrapper-out {width: auto; background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}
#wrapper {margin: 0 auto; padding: 0; width: 100%; overflow: hidden;}
#contents-p1,#contents-p2,#contents-p3 {width: 95%; margin: 0 auto; background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}
#contents-p1 #left-col,#contents-p2 #right-col {display: none;}
/* #contents-p1 #left-col,#contents-p2 #right-col {float: none; width: 100%;} */
#contents-p1 #right-col,#contents-p2 #left-col {margin: 10px auto; width: 100%; float: none; display: block;}

#contents-p3-inner-box {width: 100%; margin: 0 auto;}
#contents-p1 #right-col .article-center .box,#contents-p2 #left-col .article-left .box,#contents-p1 #right-col .nostyle-center .box,#contents-p2 #left-col .nostyle-left .box {margin: 0 auto; width: 98%;}
/* header
------------------------------------------*/
#header {overflow: hidden; width: 95%; margin: 0 auto;}
#header #logo {float: none; padding: 0 0 0 5px; text-align: center;}
#header #logo a {}
#header #logo img {width: 100%;}
#header #information {width: auto; float: right; text-align: left; font-size: 90%; padding: 5px 0 10px;}
#header #information #info-box div.tel{margin: 0; height: 125px; width: 312px;}
#header #information #info-box a.number {display: block; text-decoration: none; height: 125px; width: 312px; margin: 0;}
#header #information #info-box .text01a {margin: -55px 0 0 55px;}
/* メイン画像
------------------------------------------*/
#top-img {background: none; margin: 5px auto; padding: 0; width: 100%; line-height: 0;}
#top-img img {width: 100%; height: auto; box-shadow: #ccc 0 0 3px;}
/* メインメニュー
------------------------------------------*/
#header-nav {margin: 10px 0 20px; display: block; width:100%; position: relative; right: 0; top:0; z-index: 1; height: auto;}
#header-nav ul{width: auto; height: auto; border-radius: 3px;}
#header-nav ul li,#header-nav ul li.longTitle {float: left; clear:both; width:100%; height:auto; line-height:1.2em;}
#header-nav ul li#nav-1,#header-nav ul li#nav-7,#header-nav ul li#nav-7 a:hover,#header-nav ul li#nav-7.current  {width: 100%;}
#header-nav ul li#nav-1 a,#header-nav ul li#nav-7 a {width: auto;}
#header-nav ul li a,#header-nav ul li.longTitle a {display: block; padding:15px 10px; text-align:left; border-bottom:1px dotted #1e1e1e; color:#fff; background:#444444; text-decoration: none; width: auto; line-height: 10px; height: auto;}
#header-nav ul li a:hover,#header-nav ul li.longTitle a:hover,#header-nav ul li.current,#header-nav ul li.longTitle.current {height: auto;}
#header-nav ul li.current a {}
#header-nav ul li:first-child a.png_bg {}
#header-nav ul li:last-child a {}
#nav-ul a {display: block; position: relative; -webkit-transition: 0#2s ease-in-out;}
#nav-ul a:after {display: block; content: ""; width: 5px; height: 5px; position: absolute; top: 50%; right: 10px; margin-top: -5px; border-top: solid 3px #333333; border-right: solid 3px #333333; transform: rotate(45deg); -webkit-transform: rotate(45deg); -webkit-transition: 0#2s ease-in-out;}
#nav-ul li {list-style: none outside none;}
#nav-ul li:hover a:after {transform: rotate(135deg); -webkit-transform: rotate(135deg);}
#nav-ul li ul {background: #999; margin: 0; font-size: small; overflow: hidden;}
#nav-ul li ul li {height: 0; overflow: hidden; -webkit-transition: 0#5s ease-in-out;}
#nav-ul li:hover ul li {height: 50px;}
#nav-ul li ul li#nav_child a {line-height: 20px; background-color: #999999; border-top: 1px dotted #eeeeee;}
#nav-ul li ul li#nav_child:first-child a {line-height: 20px; background-color: #999999; border-top: none;}
#nav-ul li ul li a:after {display: none;}
#nav-ul li ul li#nav_child a:hover {background-color: #BBBBBB;}
#header-nav ul li a:hover,#header-nav ul li.current a {height: auto; padding: 15px;}
/* copyright
------------------------------------------*/
#copyright {width: auto; clear: both; text-align: center; font-size: 10px; margin: 0; padding: 20px; line-height: 1.2em; background: none repeat scroll 0 0 #999999;}
/* **************************************
Element
***************************************** */
/* ブロックタイトル
------------------------------------------*/
#contents-p1 #right-col .open_hours-center h2,#contents-p2 #left-col .open_hours-left h2,#contents-p1 #right-col .news-center h2,#contents-p2 #left-col .news-left h2,#contents-p1 #right-col .news_scroll-center h2,#contents-p2 #left-col .news_scroll-left h2 {background: none repeat scroll 0 0 #444444; clear: both; color: #ffffff; font-weight: bold; height: 40px; letter-spacing: 0.15em; line-height: 40px; margin: 0 0 10px; padding: 0 0 0 10px; text-indent: 0.4em; border-radius: 3px; width: auto;}
/* **************************************
カレンダー
***************************************** */
#contents-p1 #right-col .open_hours-center .box, #contents-p2 #left-col .open_hours-left .box,#contents-p3 .open_hours-center .box {height: auto; padding: 10px; margin: 15px auto 20px; border: 1px solid #EEEEEE; overflow: hidden; width: auto;}
#contents-p2 #right-col .open_hours-center .box, #contents-p1 #left-col .open_hours-left .box {width: auto;}
#contents-p1 #right-col .open_hours-center .box .oh_month,#contents-p2 #left-col .open_hours-left .box .oh_month,#contents-p3 .open_hours-center .box .oh_month {float: none; margin: 20px 20px 0 10px; width: auto;}
#contents-p1 #right-col .open_hours-center .box .oh_month caption,#contents-p2 #left-col .open_hours-left .box .oh_month caption,#contents-p3 .open_hours-center .box .oh_month caption {color: #404040; padding: 0 0 0 5px; border-left: 2px solid #404040; margin-bottom: 4px;}
#contents-p1 #right-col .open_hours-center .box .oh_month table,#contents-p2 #left-col .open_hours-left .box .oh_month table,#contents-p3 .open_hours-center .box .oh_month table {width: 100%;}
#contents-p1 #right-col .open_hours-center .box .oh_month table td,#contents-p2 #left-col .open_hours-left .box .oh_month table td,
#contents-p3 .open_hours-center .box .oh_month table td {text-align: center; padding: 7px 5px; border: 1px solid #ffffff;}
#contents-p1 #right-col .open_hours-center .box .oh_month .oh_header_sunday,#contents-p2 #left-col .open_hours-left .box .oh_month .oh_header_sunday,#contents-p3 .open_hours-center .box .oh_month .oh_header_sunday {color: #ff0000;}
#contents-p1 #right-col .open_hours-center .box .oh_desc,#contents-p2 #left-col .open_hours-left .box .oh_desc,
#contents-p3 .open_hours-center .box .oh_desc {background: none repeat scroll 0 0 #F9F9F9; border: 1px dotted #BBBBBB; clear: none; margin: 40px 0 0; float: left; height: auto; max-width: 290px;}
#contents-p1 #right-col .open_hours-center .box .oh_desc td,#contents-p2 #left-col .open_hours-left .box .oh_desc td,#contents-p3 .open_hours-center .box .oh_desc td {padding: 3px 10px; vertical-align: top; max-width: 255px;}
/* **************************************
見出し＆記事・見出し＆記事（スタイルシート無効）
***************************************** */
#contents-p1 #right-col .article-center,#contents-p1 #right-col.nostyle-center,#contents-p2 #left-col.article-left,#contents-p2 #left-col.nostyle-left,#contents-p3 .article-center,#contents-p3 .nostyle-center {padding: 0; overflow: hidden;}
#contents-p1 #right-co l.article-center box,#contents-p1 #right-co l.nostyle-center box,#contents-p2 #left-col .article-left box,#contents-p2 #left-col .nostyle-left box,#contents-p3 .article-center .box,#contents-p3 .nostyle-center .box {padding: 0;margin: 15px auto 20px; height: auto; width: 98%;}
/* 記事タイトル
------------------------------------------*/
#contents-p1 .article-center #right-col h3,#contents-p1 .shop-center #right-col h3,#contents-p2 .article-left #left-col h3,#contents-p2 .shop-left #left-col h3,#contents-p3 .article-center h3,#contents-p3 .nostyle-center h3,#contents-p3 .shop-center h3 {padding: 0 0 5px; margin: 0 0 10px 0; height: auto; border-bottom: 1px dashed #454545; width: 100%; text-indent: 0.5em; letter-spacing: 0.1em; line-height: 1.3em; font-weight: bold; clear: both;}
#contents-p1 #right-co l.nostyle-center h3,#contents-p2 #left-col .nostyle-left h3,#contents-p3 .nostyle-center h3 {background: none; font-weight: normal; letter-spacing: 0.1em; padding: 0; margin: 0; width: auto;height: auto; text-align: left; font-size: 100%; line-height: 1em;}
#contents-p1 #right-col .article-center h3, #contents-p2 #left-col .article-left h3 {margin: 0 0 10px 0; width: auto;}
/*------------------------------------------*/
#contents-p1 #right-co l.article-center box p,#contents-p2 #left-col .article-left box p,#contents-p3 .article-center .box p {margin: 0; padding: 0; letter-spacing: 0; font-size: 100%;}
#contents-p1 #right-col .nostyle-center box p,#contents-p2 #left-col .nostyle-left box p,#contents-p3 .nostyle-center .box p {margin: 0; padding: 0; letter-spacing: 0; font-size: 100%;}
/* **************************************
新着情報（スクロール有）・新着情報（スクロール無）
***************************************** */
#contents-p1 #right-col .news-center,#contents-p1 #right-col .news_scroll-center,#contents-p1 #left-col .news-left,#contents-p1 #left-col .news_scroll-left,#contents-p3 .news-center,#contents-p3 .news_scroll-center {padding: 0; overflow: hidden; margin: 0; width: auto;}
#contents-p1 #right-col .news_scroll-center h2,#contents-p1 #right-col .news-center h2,#contents-p2 #left-col .news_scroll-left h2,#contents-p2 #left-col .news-left h2 {background: #ff9900; border-radius: 3px 3px 0 0; margin: 0px; width: auto;}
#contents-p1 #right-col .news-center .box,#contents-p2 #left-col .news-left .box,#contents-p3 .news-center .box {padding: 0; margin: 0 auto 20px; width: auto; height: 150px; border: 1px solid #ff8127;}
#contents-p1 #right-col .news_scroll-center .box,#contents-p2 #left-col .news_scroll-left .box,#contents-p3 .news_scroll-center .box {padding: 0; margin: 0 auto 20px; width: auto; overflow: auto; border: 1px solid #ff8127;}
#contents-p1 #right-col .news-center .box dl,#contents-p2 #left-col .news-left .box dl,#contents-p1 #right-col .news_scroll-center .box dl,#contents-p2 #left-col .news_scroll-left .box dl,#contents-p3 .news-center .box dl,#contents-p3 .news_scroll-left .box dl {padding: 5px;}
#contents-p1 #right-col .news-center .box dt,#contents-p1 #right-col .news_scroll-center .box dt,#contents-p1 #left-col .news-left .box dt,#contents-p1 #left-col .news_scroll-left .box dt,#contents-p3 .news-center .box dt,#contents-p3 .news_scroll-center .box dt {font-weight: bold; padding: 6px 0 7px 6px; float: none; letter-spacing: 1px; line-height: 120%;}
#contents-p1 #right-col .news-center .box dd,#contents-p2 #left-col .news-left .box dd,#contents-p1 #right-col .news_scroll-center .box dd,#contents-p2 #left-col .news_scroll-left .box dd,#contents-p3 .news-center .box dd,#contents-p3 .news_scroll-left .box dd {width: auto; border-bottom: 1px dotted #bfbfbf;}
/* **************************************
お店情報・会社概要
***************************************** */
#contents-p1 #right-col .company_info-center,#contents-p2 #left-col .company_info-left,#contents-p3 .company_info-center {padding: 0;	width: auto;}
#contents-p1 #right-col .company_info-center .box,#contents-p2 #left-col .company_info-left .box,#contents-p3 .company_info-center .box {width: 98%; margin: 15px auto 20px;}
#contents-p1 #right-col .company_info-center table,#contents-p2 #left-col .company_info-left table,#contents-p3 .company_info-center table {width: 100%; margin: 0; table-layout: fixed; overflow: hidden;}
#contents-p1 #right-col .company_info-center table th,#contents-p2 #left-col .company_info-left table th,#contents-p3 .company_info-center table th {background: none repeat scroll 0 0 #F0F0F0; border: 1px solid #BFBFBF; letter-spacing: 0.1em; padding: 10px; width: 20%; word-wrap: break-word;}
#contents-p1 #right-col .company_info-center table td,#contents-p2 #left-col .company_info-left table td,#contents-p3 .company_info-center table td {border: 1px solid #BFBFBF; line-height: 1.3em; padding: 10px;}
/* **************************************
お問い合わせ
***************************************** */
#contents-p1 #right-col .contact-center,#contents-p2 #left-col.contact-left,#contents-p3 .contact-center {padding: 0; width: auto;}
#contents-p1 #right-col .contact-center .box,#contents-p2 #left-col.contact-left .box,#contents-p3 .contact-center .box {margin: 15px auto 20px; padding: 0; width: 98%;}
#contents-p1 #right-col .contact-center table,#contents-p2 #left-col.contact-left table,#contents-p3 .contact-center table {margin: 10px auto; width: 98%; table-layout: fixed;}
#contents-p1 #right-col .contact-center table th,#contents-p2 #left-col.contact-left table th,#contents-p3 .contact-center table th {idth: 30%; padding: 5px; letter-spacing: 0; border: 1px solid #bfbfbf; background: #f0f0f0; font-size: 90%;}
#contents-p1 #right-col .contact-center table td,#contents-p2 #left-col.contact-left table td,#contents-p3 .contact-center table td {padding: 5px; line-height: 1.5em; border: 1px solid #bfbfbf;}
#contents-p1 #right-col .contact-center table td  input,#contents-p2 #left-col .contact-left table td  input,#contents-p3 .contact-center table td  input {width: 100%;}
/* テキスト用 */
#contents-p1 #right-col .contact-center table td .text-input input,#contents-p2 #left-col .contact-left table td .text-input input,#contents-p3 .contact-center table td .text-input input {resize: horizontal; overflow: auto;}
#contents-p1 #right-col .contact-center table td .input-text-s,#contents-p2 #left-col .contact-left table td .input-text-s,#contents-p3 .contact-center table td input.input-text-s {width: 45%;}
#contents-p1 #right-col .contact-center table td .input-text-m,#contents-p2 #left-col .contact-left table td .input-text-m,#contents-p3 .contact-center table td input.input-text-m {width: 80%;}
#contents-p1 #right-col .contact-center table td .input-text-l,#contents-p2 #left-col .contact-left table td .input-text-l,#contents-p3 .contact-center table td input.input-text-l {width: 98%;}
#contents-p1 #right-col .contact-center table td textarea,#contents-p2 #left-col .contact-left table td textarea,#contents-p3 .contact-center table td textarea {height: 100px; width: 98%; resize: vertical}/* ドロップダウンリスト用 */
#contents-p1 #right-col .contact-center table td .select select,#contents-p2 #left-col .contact-left table td .select select,#contents-p3 .contact-center table td .select select {max-width: 100%;}
/* ラジオボタン用 */
#contents-p1 #right-col .contact-center table td .radio-style,#contents-p2 #left-col .contact-left table td .radio-style,#contents-p3 .contact-center table td .radio-style {margin: 5px 0 0 0;}
#contents-p1 #right-col .contact-center table td .radio-style input,#contents-p2 #left-col .contact-left table td .radio-style input,#contents-p3 .contact-center table td .radio-style input {margin: 0 6px 0 0; width: 14px;}
#contents-p1 #right-col .contact-center table td .radio-style label,#contents-p2 #left-col .contact-left table td .radio-style label,#contents-p3 .contact-center table td .radio-style label {display: inline-block; vertical-align: top; width: auto;}
/* チェックボックス用 */
#contents-p1 #right-col .contact-center .inner-table,#contents-p2 #left-col .contact-left .inner-table,#contents-p3 .contact-center .inner-table {border: medium none; width: 100%; margin: 5px 0;}
#contents-p1 #right-col .contact-center .inner-table div,#contents-p2 #left-col .contact-left .inner-table div,#contents-p3 .contact-center .inner-table div {margin: 0 8px 10px 0; border: medium none; width: 100%;}
#contents-p1 #right-col .contact-center .inner-table td,
#contents-p2 #left-col .contact-left .inner-table td,
#contents-p3 .contact-center .inner-table td {padding: 0; border: medium none; text-align: left; vertical-align: top;}
#contents-p1 #right-col .contact-center .inner-table .input checkbox,#contents-p2 #left-col .contact-left .inner-table .input checkbox,#contents-p3 .contact-center .inner-table .input checkbox {width: 30%}#contents-p1 #right-col .contact-center .inner-table .input checkbox input,#contents-p2 #left-col .contact-left .inner-table .input checkbox input,#contents-p3 .contact-center .inner-table .input checkbox input {width: 15x;}
/* 説明文用 */
#contents-p1 #right-col .contact-center p,#contents-p2 #left-col .contact-left p,#contents-p3 .contact-center p {margin: 2px auto; text-align: left; font-size: 80%;}
#contents-p1 #right-col.contact-center p .example,#contents-p1 #right-col.contact-center p .char,#contents-p2 #left-col.contact-left p .example,#contents-p2 #left-col.contact-left p .char,#contents-p3 .contact-center p .example,#contents-p3 .contact-center p .char {text-align: left;}
/* 確認ボタン用 */
#contents-p1 #right-col .contact-center .box .submit-button,#contents-p2 #left-col .contact-left .box .submit-button,#contents-p3 .contact-center .box .submit-button {margin: 5px 0px 15px;}
/* **************************************
よくある質問
***************************************** */
/*
#contents-p1 #right-col .faq-center,#contents-p2 #left-col .faq-left,#contents-p3 .faq-center {padding: 0; margin: 0; overflow: hidden;}
#contents-p1 #right-col .faq-center .box,#contents-p2 #left-col .faq-left .box,#contents-p3 .faq-center .box {width: 98%; padding: 0; line-height: 1.4em; margin: 0 auto;}
#contents-p1 #right-col .faq-center dt,#contents-p2 #left-col .faq-left dt,#contents-p3 .faq-center dt {padding: 10px 9px; margin: 0 auto; background: none repeat scroll 0 0 #FFEEEE; border: 1px solid #FF9999; letter-spacing: 0.2em; line-height: 1.4em; font-weight: bold; width: auto;}
#contents-p1 #right-col .faq-center dd,#contents-p2 #left-col .faq-left dd,#contents-p3 .faq-center dd {padding: 10px 9px; margin: 10px auto 20px; background: none repeat scroll 0 0 #EEFFEE; border: 1px solid #99FF99; letter-spacing: 0.2em; line-height: 1.4em; font-weight: bold; width: auto;}
*/
/* **************************************
自由ページ
***************************************** */

/* **************************************
ブログ・ブログカテゴリー
***************************************** */
#contents-p1 #right-col .blog-center .box-out,#contents-p2 #left-col .blog-left .box-out,#contents-p3 .blog-center .box-out{margin: 0 0 20px 0;}
#contents-p1 #right-col .blog-center,#contents-p2 #left-col .blog-left,#contents-p3 .blog-center {padding: 0 0 15px;}
#contents-p1 #right-col .blog-center .box,#contents-p2 #left-col .blog-left .box,#contents-p3 .blog-center .box {margin: 0; padding: 0; width: auto;}
#contents-p1 #right-col .blog-center .box .blog-com,#contents-p2 #left-col .blog-left .box .blog-com,#contents-p3 .blog-center .box .blog-com {width: auto;}
#contents-p1 #right-col .company_info-center table,#contents-p2 #left-col .company_info-left table,#contents-p3 .company_info-center table{margin: 15px auto; width: 100%;}
#contents-p1 #right-col .blog-center .box .blog-cate,#contents-p2 #left-col .blog-left .box .blog-cate,#contents-p3 .blog-center .box .blog-cate {width: 100%; margin: 0; font-size: 80%; text-indent: 1em; border-bottom: 1px solid #454545;}
#contents-p1 #right-col .blog-center .box .blog-content,#contents-p2 #left-col .blog-left .box .blog-content,#contents-p3 .blog-center .box .blog-content {font-size: 100%; margin: 10px 0; width: auto; overflow: hidden; padding: 0 20px; line-height: 1.3em;}
#contents-p1 #right-col .blog-center .box .blog-com,#contents-p2 #left-col .blog-left .box .blog-com,#contents-p3 .blog-center .box .blog-com {width: 100%; font-size: 90%; text-align: right; margin: 0 10px 0 0; border-top: 1px solid #313131; line-height: 1.6em;}
#contents-p1 #right-col .blog-center .box ul li,#contents-p2 #left-col .blog-left .box ul li,#contents-p3 .blog-center .box ul li {width: 100%; margin: 0; line-height: 1.3em; padding: 2px 0;}
#contents-p1 #right-col .blog-center .box ul li a,#contents-p2 #left-col .blog-left .box ul li a,#contents-p3 .blog-center .box ul li a {text-decoration: none;}
#contents-p1 #right-col .blog-center .box ul li a:hover,#contents-p2 #left-col .blog-left .box ul li a:hover,#contents-p3 .blog-center .box ul li a:hover {text-decoration: underline;}
#contents-p1 #right-col .blog-center .box ul li.a-parent,#contents-p2 #left-col .blog-left .box ul li.a-parent,#contents-p3 .blog-center .box ul li.a-parent {border-bottom: 1px solid #bfbfbf;}
/* コメント投稿一覧 部分 */
#contents-p1 #right-col .blog-center .comment-box,#contents-p2 #left-col .blog-left .comment-box,#contents-p3 .blog-center .comment-box {clear: both; width: 100%;}
#contents-p1 #right-col .blog-center .comment-box .comment-form,#contents-p2 #left-col .blog-left .comment-box .comment-form,#contents-p3 .blog-center .comment-box .comment-form {}
#contents-p1 #right-col .blog-center .comment-box .comment-form .title,#contents-p2 #left-col .blog-left .comment-box .comment-form .title,#contents-p3 .blog-center .comment-box .comment-form .title {clear: both; font-size: 110%; height: 20px; margin: 15px 0px; color: #ffffff; background: #888888; line-height: 1.9em; text-indent: 1em;}
#contents-p1 #right-col .blog-center .comment-box .comment-form .comment,#contents-p2 #left-col .blog-left .comment-box .comment-form .comment,#contents-p3 .blog-center .comment-box .comment-form .comment {clear: both; padding: 10px 10px 10px; border-bottom: 1px solid #666;}
#contents-p1 #right-col .blog-center .comment-box .comment-form .comment-info,#contents-p2 #left-col  .blog-left .comment-box .comment-form .comment-info,#contents-p3 .blog-center .comment-box .comment-form .comment-info {margin: 5px 0 30px 0; font-size: 85%; text-align: right;}
/* コメント投稿フォーム 部分 */
#contents-p1 #right-col .blog-center .comment-box .comment-post,#contents-p2 #left-col .blog-left .comment-box .comment-post,#contents-p3 .blog-center .comment-box .comment-post {clear: both; background: #e6e6e6; border: 1px solid #333; padding: 10px;}
#contents-p1 #right-col.blog-center .comment-box .comment-post-box,#contents-p2 #left-col .blog-left .comment-box .comment-post-box,#contents-p3 .blog-center .comment-box .comment-post-box {margin: 0 auto}
#contents-p1 #right-col .blog-center .comment-box .comment-post-box input,#contents-p1 #left-col .blog-left .comment-box .comment-post-box textarea,#contents-p2 #right-col .blog-center .comment-box .comment-post-box input,#contents-p2 #left-col .blog-left .comment-box .comment-post-box textarea,#contents-p3 .blog-center .comment-box .comment-post-box input,#contents-p3 .blog-center .comment-box .comment-post-box textarea {border: thin solid #b0b0b0;}
#contents-p1 #right-col .blog-center .comment-box .comment-post-box p.title,#contents-p2 #left-col .blog-left .comment-box .comment-post-box p.title,#contents-p3 .blog-center .comment-box .comment-post-box p.title {margin: 10px 0 0; padding: 0;}
#contents-p1 #right-col .blog-center .comment-box .comment-post-box p.s-img,#contents-p2 #left-col .blog-left .comment-box .comment-post-box p.s-img,#contents-p3 .blog-center .comment-box .comment-post-box p.s-img {margin: 5px 0 0;}
#contents-p1 #right-col .blog-center .comment-box .comment-post-box p.s-img img,#contents-p2 #left-col .blog-left .comment-box .comment-post-box p.s-img img,#contents-p3 .blog-center .comment-box .comment-post-box p.s-img img {border: 1px solid #888888;}
#contents-p1 #right-col.blog-center .comment-box .comment-post-box .comment-area,#contents-p2 #left-col .blog-left.comment-box .comment-post-box .comment-area,#contents-p3 .blog-center .comment-box .comment-post-box .comment-area {width: 50%; height: 150px;}
#contents-p1 #right-col .blog-center .comment-box .comment-post .submit,#contents-p2 #left-col .blog-left .comment-box .comment-post .submit,#contents-p3 .blog-center .comment-box .comment-post .submit {width: 50px; margin: 15px auto 0;}
#contents-p1 #right-col .blog-center .comment-box .comment-post .submit input,#contents-p2 #left-col .blog-left .comment-box .comment-post .submit input,#contents-p3 .blog-center .comment-box .comment-post .submit input {cursor: pointer;}

/* **************************************
狭いカラムの設定
***************************************** */
#wrapper {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; width: auto; margin: 40px auto 0; border-top: 5px solid #65b92b;}
#header-nav {position: fixed; right: 0px; top: 40px; z-index: 5; float: none; overflow: scroll; width: 100%; margin: 0 auto; opacity: 0.8;}
#contents-p1 #left-col, #contents-p2 #right-col {background: rgba(255,255,255,0.8) none repeat scroll 0 0; right: 10px; top: 40px; margin: 0; z-index: 10; float: none; overflow: scroll; position: fixed;}
@media screen and (orientation : portrait) {#header-nav {height: 300px;}}
@media screen and (orientation : landscape) {#header-nav {height: 200px;}}
@media screen and (orientation : portrait) {#contents-p1 #left-col, #contents-p2 #right-col {height: 400px;}}
@media screen and (orientation : landscape) {#contents-p1 #left-col, #contents-p2 #right-col {height: 200px;}}

#contents-p1 #left-col .news-left .box, #contents-p2 #right-col .news-center .box, #contents-p1 #left-col .news_scroll-left .box, #contents-p2 #right-col .news_scroll-center .box {width: 100%;}
#contents-p1 #left-col .open_hours-left h2, #contents-p2 #right-col .open_hours-center h2, #contents-p1 #left-col .article-left h2, #contents-p2 #right-col .article-center h2, #contents-p1 #left-col .nostyle-left h2, #contents-p2 #right-col .nostyle-center h2, #contents-p1 #left-col .news-left h2, #contents-p2 #right-col .news-center h2, #contents-p1 #left-col .news_scroll-left h2, #contents-p2 #right-col .news_scroll-center h2, #contents-p1 #left-col .company_info-left h2, #contents-p2 #right-col .company_info-center h2, #contents-p1 #left-col .contact-left h2, #contents-p2 #right-col .contact-center h2, #contents-p1 #left-col .faq-left h2, #contents-p2 #right-col .faq-center h2, #contents-p1 #left-col .blog-left h2, #contents-p2 #right-col .blog-center h2, #contents-p1 #left-col .shop-left h2, #contents-p2 #right-col .shop-center h2 {background: #DDDDDD; border-radius: 3px; width: 100%;}
#contents-p1 #left-col .open_hours-left .box, #contents-p2 #right-col .open_hours-center .box {height: auto; margin: 20px 10px 15px;}
#contents-p1 #left-col, #contents-p2 #right-col {padding: 16px; box-shadow:0px 0px 6px 3px #bdbdbd; -moz-box-shadow:0px 0px 6px 3px #bdbdbd; -webkit-box-shadow:0px 0px 6px 3px #bdbdbd; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
#contents-p1 #left-col .open_hours-left .box, #contents-p2 #right-col .open_hours-center .box {width: 100%;}
/* **************************************
記事テンプレート
***************************************** */
#title_page01 {box-shadow: none;margin: 0 auto;}
#title_page01 .text01a p {min-height: 60px; height: auto; padding: 15px;}
#text-image {display: none;}
.Pinyon {}
.Pinyon_long {top: -60px; left: 10%; opacity: 0.4;}
#point02 .box01b {width: auto !important; float: none; line-height: 1.3em;}
#contents-p1 #right-col .company_info-center table td #timetable01 table {width: auto;}
.left,.right {float: none; margin: 0 auto;}
#price_list01 td.menu01.width480px {width: 50%;}
#price_list01 td.price01.width100px {width: 20%;}
table#price_list {margin: 10px 0 !important; width: 100% !important;}
#point04 .box01b {width: auto; padding: 14px 0 8px 20px;}
.image-spacer,.image-spacer_left,.image-spacer_right {margin: 5px auto;}

.thumbnail .trimming660x990,.thumbnail .trimming660x440,.thumbnail .trimming327x491,.thumbnail .trimming327x218,.thumbnail .trimming216x324,.thumbnail .trimming216x144,.thumbnail .trimming216x216 {height: auto; width: 100%;}
.thumbnail .position01 img,.thumbnail .position02 img,.thumbnail .position13 img,.thumbnail .position04 img,.thumbnail .position05 img,.thumbnail .position06 img, .thumbnail .position07 img,.thumbnail .position08 img,.thumbnail .position09 img,.thumbnail .position10 img {left: 0; top: 0;}

#menu_course .box01a {padding: 0px;}
#menu_course .box01a .title01a {padding: 10px; margin: 0px;}
#menu_course .box01a .value01b {float: none; padding: 10px; box-sizing: border-box;}

#two-columns .box01a, #two-columns .box01b {height: 100%;}
#two-columns .text01a, #two-columns .text01b {position: relative; top: 0;}

#arrow01 span::after,#arrow01_2t span::after,#arrow01_2w span::after {left: 0; position: relative; top: 0; transform: rotate(135deg);}

#arrow01_3t_a span::after,#arrow01_3t_b span::after {position: relative; left: 0; top: -66px; width: 40px; height: 40px; transform: rotate(135deg);}
#arrow01_5t_a span::after,#arrow01_5t_b span::after,#arrow01_5t_c span::after,#arrow01_5t_d span::after,#arrow01_5t_e span::after {position: relative; left: 0; top: -66px; width: 40px; height: 40px; transform: rotate(135deg);}

#arrow01_3w_a span::after,#arrow01_3w_b span::after {position: relative; left: 0; top: -10px; width: 40px; height: 40px; transform: rotate(135deg);}
#arrow01_5w_a span::after,#arrow01_5w_b span::after,#arrow01_5w_c span::after,#arrow01_5w_d span::after,#arrow01_5w_e span::after {position: relative; left: 0; top: -10px; width: 40px; height: 40px; transform: rotate(135deg);}

#staff01 {width: 100%;}
#voices01 .box01a,#voices01 .box01b img {width: 100%;}
div#article_foot_bg::after {width: 100%; left: 0;}

#contents-p1 #right-col .faq-center .box, #contents-p2 #left-col .faq-left .box {width: 100%;}
#contents-p1 #right-col .faq-center dt, #contents-p2 #left-col .faq-left dt {width: 70%;}
#contents-p1 #right-col .faq-center dd, #contents-p2 #left-col .faq-left dd {width: auto;}

div#article_foot_bg01::after {left: 0; width: 100%;}

.width216px {width: 100%;}
.width224px {width: 100%;}

img.photo {width:96%;}

/* 固定の設定
▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼  */
/* 良く使う幅指定（10px刻みで指定可能）
----------------------------------------------- */
.width710px {width: 100%;} /* F：自由ページブロック最大幅 */
.width700px {width: 100%;} /* G：自由ページブロック最大幅 */
.width680px {width: 100%;} /* E：自由ページブロック最大幅 */
.width660px {width: 100%;} /* EFG：見出し＆記事コンテンツ幅 */
.width655px {width: 100%;}
.width650px {width: 100%;}
.width640px {width: 90%;}
.width630px {width: 100%;}
.width620px {width: 90%;}
.width614px {width: 99%;}  /* テンプレート用 */
.width610px {width: 90%;}
.width600px {width: 100%;}
.width590px {width: 100%;}
.width580px {width: 100%;}
.width570px {width: 100%;}
.width560px {width: 100%;}
.width550px {width: 100%;}
.width540px {width: 100%;}
.width530px {width: 100%;}
.width520px {width: 100%;}
.width517px {width: 100%;} /* E：枠内の表の幅 */
.width510px {width: 100%;}
.width507px {width: 100%;} /* FG：枠内の表の幅 */
.width500px {width: 100%;}
.width490px {width: 100%;}
.width480px {width: 100%;}
.width470px {width: 100%;}
.width460px {width: 100%;}
.width450px {width: 100%;}
.width440px {width: 100%;}
.width430px {width: 100%;}
.width420px {width: 100%;}
.width410px {width: 100%;}
.width400px {width: 100%;}
.width390px {width: 100%;}
.width380px {width: 100%;}
.width370px {width: 100%;}
.width360px {width: 100%;}
.width350px {width: 100%;}
.width340px {width: 100%;}
.width330px {width: 100%;}
.width327px {width: 100%;} /* 2列用の画像サイズ */
.width320px {width: 100%;}
.width310px {width: 100%;}
.width300px {width: 100%;}
.width290px {width: 100%;}
.width280px {width: 100%;}
.width270px {width: 100%;}
.width260px {width: 100%;}
.width250px {width: 100%;}
.width240px {width: 100%;}
.width230px {width: 100%;}
.width220px {width: 100%;}
.width216px {width: 100%;} /* 3列用の画像サイズ */
.width210px {width: 100%;} /* FG：自由ページブロック最大幅 */
.width200px {width: 100%;} /* E：自由ページブロック最大幅 */
.width190px {width: 100%;}
.width180px {width: 100%;} /* EFG：見出し&記事コンテンツ幅 */
.width170px {width: 100%;} /* FG：バナー .box01aに付与 */
.width160px {width: 100%;} /* E：バナー .box01aに付与 */
.width160px {width: 100%;}
.width150px {width: 100%;}
.width140px {width: 100%;}
.width130px {width: 100%;}
.width127px {width: 100%;} /* 3列用の画像サイズ */
.width120px {width: 100%;}
.width110px {width: 100%;}
.width100px {width: 100%;}
.width80px {width: 100%;}

/* 固定の設定
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲  */
}
/* ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ */
/* □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ */
/* ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ */
/* □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ */
/* テンプレート毎で差がある打ち消しなど */
/* □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ */
/* ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ */
/* □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ */
/* ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ */
body {background: #ffffff none repeat scroll 0 0;}
h1 {text-indent: 0;}
wrapper {border:none;}
#contents-p1 #right-col h2 {width: auto;}
#contents-p1 #right-col h3 {border-left: none; line-height: 1.3em;}
footer-box{position: fixed; bottom: 0;}
#contents-p1, #contents-p2 {overflow: none; background: none;}
#contents-p1 #right-col .article-center .box {padding: 0px;}
#contents-p1 #right-col .blog-center h2, #contents-p1 #left-col .blog-left h2 {text-indent:none;}
#contents-p1 #right-col .faq-center .box, #contents-p2 #left-col .faq-left .box {width: 680px; padding: 0px;}
a, a:hover{color: #333333;}

@media screen and (max-width: 660px) {
#wrapper-out {width: 100%;}
#contents-p1 #right-col .faq-center .box, #contents-p2 #left-col .faq-left .box {width: 100%;}
#contents-p1 #right-col .faq-center dd, #contents-p2 #left-col .faq-left dd {width: auto;}
/* 任意のtableをスクロールさせる */
.scroll{overflow: auto; white-space: nowrap;}/*tableのセル内にある文字の折り返しを禁止*/
.scroll::-webkit-scrollbar {height: 5px;}　　/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-track {background: #F1F1F1;}　　/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}　　/*tableにスクロールバーを追加*/
}
/* スマートフォンで表示のロングタイトルの文字被りをなくす */
@media screen and (max-width: 660px) {
#header-nav ul li.longTitle a, #header-nav ul li.longTitle a:hover, #header-nav ul li.longTitle.current, #header-nav ul li.longTitle.current a {line-height: 1.2em;}
}

/* デフォルトの文字サイズを大きくする。
------------------------------------------*/
#contents-p1 #right-col .article-center .box,
#contents-p2 #left-col .article-left .box,
#contents-p1 #right-col .nostyle-center .box,
#contents-p2 #left-col .nostyle-left .box {font-size: 120%; letter-spacing: 0.1em;}