@charset "utf-8";

/*
エディタ＆表示側　両方から参照するCSS
(エディタ上で表示する可能性がある内容は全てここに記述)
*/



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* エディタ内リストの初期化 */
.editorArea ul,
.editorArea ol {
    padding-left:2em;
}
.editorArea ul {
    list-style-type: disc;
}
.editorArea ol {
    list-style-type: decimal;
}
/* 初期化されたリストを更に初期化（クラス付きの場合） */
.editorArea ul[class],
.editorArea ol[class] {
    list-style-type: none;
    padding-left:0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フォントサイズ／行間
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 基本テキストサイズ・行間 */
.fontM{
    font-size: 16px;
    line-height:1.8;
    word-break: normal;/* 区切りのない英語文章でも改行される様にする */
}
.fontM li{
    line-height:1.4;
}
/* 大サイズ指定されたリスト */
.large > li{
    font-size:30px;
}
/*
行間を削る
1.フォントサイズ指定されたものは、見出し用に拡大されたものとみなす
2.画像のキャプションに設定されたテキスト
*/
p.wp-caption-text,
[style *= "font-size"] {
    line-height: 1.4;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
アンカーリンク
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.editorArea a{
    /*color:#06f;*/
    text-decoration:underline;
}
.editorArea a:hover{
    text-decoration:none;
}
.editorArea li a{
    text-decoration:none;
    /*color:#333;*/
}
.editorArea li a:hover{
    text-decoration:underline;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Wordpressビジュアルエディタ関連
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 文字揃え */
.aligncenter,
dl.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}
img.alignright {
	float: right;
	margin: 0 0 20px 20px;
}

/* キャプション */
.wp-caption {max-width: 100%;}
.wp-caption-text {margin-top: 0.5em;text-align:center;}

/* エディタで画像サイズ調整するとheight属性が自動挿入されるため、スマホなどでサイズ縮小した場合に縦横比が崩れる。その対策。 */
.editorArea img{height:auto;}
/* 上記の指定により、YoutubeやGoogleMAPのiframe代替画像が縦に伸びすぎる為、上限を与える */
img.mce-object.mce-object-iframe {max-height: 300px;}

/* エディタ末尾にフロートが残っていた場合の解除処理 */
.editorArea:after{
    content:'';
    display:block;
    clear:both;
}

/* Google Map & YouTube */
iframe[src*="maps"],
iframe[src*="youtube"] {
max-width: 100%;
border:0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
よくある質問(定義リストver.)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
dl.faq dt:before,
dl.faq dd:before{
	height: 34px;
	width: 34px;
	line-height: 34px;
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	color: #fff;
	margin-right:5px;
	font-size: 22px;
	position: absolute;
	left: 15px;
	top: 8px;
}
dl.faq > dt,
dl.faq > dd{
	position: relative;
}
dl.faq > dd{
	position: relative;
	padding: 12px 0px 30px 65px;
}
dl.faq > dt:before{
	content: 'Q';
	background: #8aaee4;
}
dl.faq > dd:before{
	content: 'A';
	background: #ff9194;
	font-weight:normal;
}
dl.faq > dt{
	font-size:18px;
	background: #eaf2ff;
	padding: 12px 10px 12px 65px;
	margin-bottom: 5px;
	line-height: 1.4;
}
dl.faq > dt a{
	color:#333;
}
dl.faq > dd .answer{
	color: #E9518E;
	font-size:18px;
	line-height: 1.4;
	font-weight: bold;
}
dl.faq > dd > p{
	font-size:16px;
	/*line-height: 1.4;*/
	line-height: 1.5;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 見出しと見なされる要素の行間を詰める */
[class*="ttl"],
[class*="header"] {
    line-height: 1.4;
}
.editorArea h2,
h2.basic {
    font-size: 26px;
    padding: 10px 15px 8px;
    margin-bottom: 15px;
    background: #ddd;
    clear: both;
    position: relative;
    line-height: 1.4;
}

body .yarpp-related h3,
.editorArea h3,
h3.basic {
    font-size: 20px;
    padding: 8px 15px 4px;
    margin-bottom: 15px;
    background: #EEE;
    clear: both;
    font-weight: inherit;
    position: relative;
    line-height: 1.4;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
区切り線
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.editorArea hr.hr01 {
    border: none;
    border-top: 1px dashed #999;
}
.editorArea hr {
    border: none;
    border-top: 1px solid #999;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
テーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.thLock01 th {width:200px;}

.table01 th,
.table01 td{
	border: 1px solid #cccccc;
	padding: 15px;
}
.table01 th {
	text-align: center;
	background-color: #f0f0f0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用テーブル（枠なし）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
table.addr th {
    text-align: left;
    vertical-align:top;
    min-width:70px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
引用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.editorArea blockquote {
    position: relative;
    border: 1px solid #C0C0C0;
    margin: 1em 0;
    padding: 30px;
    border-radius: 5px;
    color: #000;
    background: #FAFAFA;
}
.editorArea blockquote:before,
.editorArea blockquote:after{
    position: absolute;
    font-family: Georgia;
    font-size: 60px;
    color: #C9C9C9;
    line-height: 1;
}
.editorArea blockquote:before{
    content:"“";
    top: 5px;
    left: 10px;
}
.editorArea blockquote:after{
    content:"”";
    bottom: -30px;
    right:10px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト（画像形式）用CSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.list04 li {
    background: no-repeat 0px 0px;
    background-size: 1.2em;
    padding-left: 50px;
    font-size: 2em;
    margin-bottom: 10px;
}
ul.check01 li {background-image: url(./parts/images/li/check01.png);}
ul.check02 li {background-image: url(./parts/images/li/check02.png);}
ul.attention01 li {background-image: url(./parts/images/li/attention01.png);}
ul.cup01 li {background-image: url(./parts/images/li/cup01.png);}
ul.finger01 li {background-image: url(./parts/images/li/finger01.png);}
ul.key01 li {background-image: url(./parts/images/li/key01.png);}
ul.wakaba01 li {background-image: url(./parts/images/li/wakaba01.png);}

ol.numtype01 > li:before{content:''!important;}
ol.numtype01 li {background-size: 1.2em auto;}
ol.numtype01 li:nth-child(1) {background-image: url(./parts/images/li/count/01_1.png);}
ol.numtype01 li:nth-child(2) {background-image: url(./parts/images/li/count/01_2.png);}
ol.numtype01 li:nth-child(3) {background-image: url(./parts/images/li/count/01_3.png);}
ol.numtype01 li:nth-child(4) {background-image: url(./parts/images/li/count/01_4.png);}
ol.numtype01 li:nth-child(5) {background-image: url(./parts/images/li/count/01_5.png);}
ol.numtype01 li:nth-child(6) {background-image: url(./parts/images/li/count/01_6.png);}
ol.numtype01 li:nth-child(7) {background-image: url(./parts/images/li/count/01_7.png);}
ol.numtype01 li:nth-child(8) {background-image: url(./parts/images/li/count/01_8.png);}
ol.numtype01 li:nth-child(9) {background-image: url(./parts/images/li/count/01_9.png);}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト「手板風背景」用CSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.bgType01 {
    background:
    url(./parts/images/bg01_btm.png) no-repeat 50% 100%,
    url(./parts/images/bg01_top.png) no-repeat 50% 0%,
    url(./parts/images/bg01_mid.png) repeat-y 50% 0%;
    background-size:contain;
    padding: 85px 5% 30px!important;
    position: relative;
    margin: 0 auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
OLのナンバーリング
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ol[class*="list"] > li:before{
  content: counters(ol_cnt, "")".";
}
ol[class*="list"] ol > li:before{
  content: counters(ol_cnt2, "")".";
}
ol[class*="list"] ol ol > li:before{
  content: counters(ol_cnt3, "")".";
}
ol.list02 > li:before{
  content: counters(ol_cnt, "");
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト01（シンプルなリスト）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* OL,UL共通 */
.list01 > li{
    /* padding: 5px 0; */
    position: relative;
}
.list01 > li .list01 > li{/* list01 > list01の限定スタイル */
    border-bottom: 0;
    border-top:1px dotted #ccc;
}
.list01 li:before{
	font-size: 1.6em;
	line-height:1;
	color:#555;
	margin-right: 5px;
	position: absolute;
	left: 0;
	top: 0;
}
/* UL限定 */
ul.list01 > li{
	padding-left: 1em;
}
ul.listType02 > li{
	padding-left: 2em;
}
ul.list01 > li:before{
	font-family:FontAwesome;
	content:'\f0da';
	vertical-align: bottom;
}
ul.listType02 > li:before{
	content:'\f046';
	color:#f00;
}
/* OL限定 */
ol.list01 > li{
	padding-left: 1.5em;
}

/* UL子階層限定 */
.list01 ul > li:first-child{
    margin-top: 5px;
}
.list01 ul > li:before{
	content: '┗';
	margin-left: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト02（BOXタイプ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* OL,UL共通 */
.list02 > li{
    padding: 15px;
    position: relative;
    border: 2px solid;
    background:#fff;
    min-height: 2em;
    margin-top: 20px;
}
.list02 > li:first-child{
    margin-top: 0;
}
/* OL限定 */
ol.list02 > li{
    padding-left: 60px;
}
ol.list02 > li:after{
	position:absolute;
	line-height:1;
	left:50%;
	top: -28px;
	font-size: 30px;
	margin-left:-.5em;
	content: "\f0d7";
	font-family: FontAwesome;
}
ol.list02 > li:first-child:after{
	content:'';
}
ol.list02 > li:before{
  position:absolute;
  top: 0;
  left: 0;
  color:#fff;
  width: 40px;
  line-height: 40px;
  text-align:center;
  font-size: 28px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
エディタ専用のガイド
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.editorOnly .guide01:before {
	display:block;
	background:pink;
	padding:2px;
	font-size:14px;
	text-align:center;
}
body.editorOnly .guide01 {
    border: 1px dotted red;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
デバイスによって表示／非表示を切り替える
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.editorOnly .only_sp:before {
	content:'スマホのみ表示';
}
body.editorOnly .only_pc:before {
	content:'PCのみ表示';
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
2列
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.editorOnly .container00:before {
    content:'2列エリア';
}
body.editorOnly .container00 > * {
    /*background: #eee;*/
}

.container00 > * {
    float: right;
    width:48%;
    width:calc(50% - 10px);
}
.container00 > *:first-child {
    float:left;
}
.col_37 > * {width: 66%;width:calc(70% - 20px);}
.col_37 > *:first-child {width: 30%;}

.col_73 > * {width: 30%;}
.col_73 > *:first-child {width: 66%;width:calc(70% - 20px);}

.col_28 > * {width: 76%;width:calc(80% - 20px);}
.col_28 > *:first-child {width: 20%;}

.col_82 > * {width: 20%;}
.col_82 > *:first-child {width: 76%;width:calc(80% - 20px);}

.col_46 > * {width: 56%;width:calc(60% - 20px);}
.col_46 > *:first-child {width: 40%;}

.col_64 > * {width: 40%;}
.col_64 > *:first-child {width: 56%;width:calc(60% - 20px);}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
3列
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.editorOnly .container01:before {
    content:'3列エリア';
}
body.editorOnly .container01 > * {
    /*background: #eee;*/
}
.container01 {
    /* overflow:hidden; */
}
.container01 > * {
    float: left;
    width:32%;
    margin-left: 2%;
}
.container01 > *:first-child {
    margin-left: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
4列
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.editorOnly .container02:before {
    content:'4列エリア';
}
body.editorOnly .container02 > * > * {
    /*background: #eee;*/
}
.container02 {
    /* overflow:hidden; */
}
.container02 > * {
    float: right;
    width:49%;
    width:calc(50% - 10px);
}
.container02 > *:first-child {
    float: left;
}
.container02 > * > * {
    float: right;
    width:48%;
    width: calc(50% - 10px);
}
.container02 > * > *:first-child {
    float:left;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボックス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.box01{
    background:#def0f1;
    padding:15px;
}

/* 画像背景付きボックス */
/* 手板風 */
.box_bg01 {
    background:
    url(./parts/images/frame/teita01_btm.png) no-repeat 50% 100%,
    url(./parts/images/frame/teita01_top.png) no-repeat 50% 0%,
    url(./parts/images/frame/teita01_mid.png) repeat-y 50% 0%;
    background-size:contain;
    padding: 85px 5% 30px!important;
}
/* ふきだし「爆発」 */
.box_bg02 {
    background: url(./parts/images/frame/fukidashi01.png) no-repeat 50% 50%;
    background-size: 100% 100%;
    padding: 10% 15%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.btn01{
    position:relative;
    text-decoration: none;
    display: inline-block;
    line-height: 1.2;
    padding: 10px 30px 10px 20px;
    color: #FFF;
    background: #ccc;
    font-size: 18px;
    min-width: 160px;
    text-align: center;
}
a.btn01:hover {
    opacity: .8;
}
a.btn01:before {
	font-family: FontAwesome;
	content: '\f105';
	font-size: 1.5em;
	position:absolute;
	top: 50%;
	margin-top: -.55em;
	line-height:1;
	right: 8px;
}

/* 画像背景のボタン */
a[class*="btn01_"] {
	background-color:transparent!important;
	background-size: 100% 100%;
	font-size: inherit!important;
}
a[class*="btn01_"]:hover{
    opacity:.9;
}
a.btn01_blue01 {background-image: url(./parts/images/btn/blue01.png);}
a.btn01_pink01 {background-image: url(./parts/images/btn/pink01.png);}
a.btn01_green01 {background-image: url(./parts/images/btn/green01.png);}
a.btn01_brown01 {background-image: url(./parts/images/btn/brown01.png);}
a.btn01_gold01 {background-image: url(./parts/images/btn/gold01.png);}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボタン02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.btn02{
    position:relative;
    text-decoration: none;
    display: inline-block;
    line-height: 1.2;
    padding: 5px 0 5px 20px;
    /*color:#06f;*/
}
a.btn02:hover{
	text-decoration:underline;
}
a.btn02:before {
	font-family: FontAwesome;
	content: '\f138';
	font-size: 18px;
	position:absolute;
	top: 50%;
	left:0;
	margin-top: -.55em;
	line-height:1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボタン03（TELマーク付きのボタン）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.btn03{
    position:relative;
    text-decoration: none;
    display: inline-block;
    line-height: 1.2;
    padding: 10px 0 10px 1.3em;
    background: no-repeat 0 50%;
    background-size: 1.2em;
    color: #333;
}
a.btn03_tel01 {background-image: url(./parts/images/icon/tel01.png);}
a.btn03_tel02 {background-image: url(./parts/images/icon/tel02.png);}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ギャラリー機能
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.gallery-item img{border:0!important;}
.gallery img[data-mce-selected]:focus {
	outline: none;
}

.gallery a {
	/*cursor: default;*/
}

.gallery {
	margin: auto -6px;
	padding: 6px 0;
	line-height: 1;
	overflow-x: hidden;
}

.ie7 .gallery,
.ie8 .gallery {
	margin: auto;
}

.gallery .gallery-item {
	float: left;
	margin: 0;
	text-align: center;
	padding: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ie7 .gallery .gallery-item,
.ie8 .gallery .gallery-item {
	padding: 6px 0;
}

.gallery .gallery-caption,
.gallery .gallery-icon {
	margin: 0;
}

.gallery .gallery-caption {
	font-size: 13px;
	margin: 4px 0;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33.333%;
}

.ie8 .gallery-columns-3 .gallery-item,
.ie7 .gallery-columns-3 .gallery-item {
	width: 33%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.665%;
}

.gallery-columns-7 .gallery-item {
	width: 14.285%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.111%;
}

.gallery img {
	max-width: 100%;
	height: auto;
	border: none;
	padding: 0;
}