@@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("../../../../../miraicre-demo.info/img/themed/s00013/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; overflow: hidden;}

/* 見出しを追加
----------------------------------------------- */
/* 吹き出し */
#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, .thumbnail .position11 img, .thumbnail .position12 img, .thumbnail .position13 img, .thumbnail .position14 img, .thumbnail .position15 img, .thumbnail .position16 img, .thumbnail .position17 img, .thumbnail .position18 img, .thumbnail .position19 img, .thumbnail .position20 img, .thumbnail .position21 img, .thumbnail .position22 img, .thumbnail .position23 img, .thumbnail .position24 img, .thumbnail .position25 img, .thumbnail .position26 img, .thumbnail .position27 img, .thumbnail .position28 img, .thumbnail .position29 img, .thumbnail .position30 img, .thumbnail .position31 img, .thumbnail .position32 img, .thumbnail .position33 img, .thumbnail .position34 img, .thumbnail .position35 img, .thumbnail .position36 img, .thumbnail .position37 img, .thumbnail .position38 img, .thumbnail .position39 img, .thumbnail .position40 img, .thumbnail .position41 img, .thumbnail .position42 img, .thumbnail .position43 img, .thumbnail .position44 img, .thumbnail .position45 img, .thumbnail .position46 img, .thumbnail .position47 img, .thumbnail .position48 img, .thumbnail .position49 img, .thumbnail .position50 img, .thumbnail .position51 img, .thumbnail .position52 img, .thumbnail .position53 img, .thumbnail .position54 img, .thumbnail .position55 img, .thumbnail .position56 img, .thumbnail .position57 img, .thumbnail .position58 img, .thumbnail .position59 img, .thumbnail .position60 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("../../../../../miraicre.boy.jp/labo/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("../../../../../miraicre.boy.jp/labo/img/base/checkbox.gif") no-repeat scroll 0 0 / 30px auto;}
ol#point04 li.amp {background: rgba(0, 0, 0, 0) url("../../../../../miraicre.boy.jp/labo/img/base/00300.png") no-repeat scroll 0 0 / 30px auto;}
ol#point04 li.question {background: rgba(0, 0, 0, 0) url("../../../../../miraicre.boy.jp/labo/img/base/question.png") no-repeat scroll left -16px bottom -10px / 50px auto;}
ol#point04 li.exclamation {background: rgba(0, 0, 0, 0) url("../../../../../miraicre.boy.jp/labo/img/base/exclamation.png") no-repeat scroll left -16px bottom -8px / 50px auto;}
ol#point04 li.num01 {background: rgba(0, 0, 0, 0) url("../../../../../miraicre.boy.jp/labo/img/base/239203.png") no-repeat scroll 0 0 / 40px auto;}
ol#point04 li.num02 {background: rgba(0, 0, 0, 0) url("../../../../../miraicre.boy.jp/labo/img/base/239204.png") no-repeat scroll 0 0 / 40px auto;}
ol#point04 li.num03 {background: rgba(0, 0, 0, 0) url("../../../../../miraicre.boy.jp/labo/img/base/239205.png") no-repeat scroll 0 0 / 40px auto;}
ol#point04 li.num04 {background: rgba(0, 0, 0, 0) url("../../../../../miraicre.boy.jp/labo/img/base/239206.png") no-repeat scroll 0 0 / 40px auto;}
ol#point04 li.num05 {background: rgba(0, 0, 0, 0) url("../../../../../miraicre.boy.jp/labo/img/base/239207.png") no-repeat scroll 0 0 / 40px auto;}
ol#point04 li.num06 {background: rgba(0, 0, 0, 0) url("../../../../../miraicre.boy.jp/labo/img/base/239208.png") no-repeat scroll 0 0 / 40px auto;}
ol#point04 li.num07 {background: rgba(0, 0, 0, 0) url("../../../../../miraicre.boy.jp/labo/img/base/239209.png") no-repeat scroll 0 0 / 40px auto;}
ol#point04 li.num08 {background: rgba(0, 0, 0, 0) url("../../../../../miraicre.boy.jp/labo/img/base/239210.png") no-repeat scroll 0 0 / 40px auto;}
ol#point04 li.num09 {background: rgba(0, 0, 0, 0) url("../../../../../miraicre.boy.jp/labo/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("../../../../../miraicre.boy.jp/labo/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("../../../../../miraicre.boy.jp/labo/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("../../../../../miraicre.boy.jp/labo/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;}