/* 初期設定
----------------------------------------------------*/
/* FontColor */
body, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, dt a, h1 a.hover, h2 a.hover, h3 a.hover, h4 a.hover, h5 a.hover, h6 a.hover, dt a.hover,
.c2 a, a.c2, .c3 a, .c3 a.hover, a.c3, a.c3.hover{ color: #333; }

/* selection */
::selection{ background: #d5eeff; color: #666; }
::-moz-selection{ background: #d5eeff; color: #666; }

/* a */
a, .c1 a, a.hover, .c1 a.hover, .c2 a.hover, a.c2.hover{ color: #0092ee; }
a.c4, a.c4.hover, .c4 a, .c4 a.hover{ color: #fefefe; }

.anchor{
	display: inline-block;
	padding-top: 150px;
	margin-top: -150px;
}


/* Hn */
h1, h2, h3, h4, h5, h6{
	font-family: -apple-system,BlinkMacSystemFont,"メイリオ",Meiryo,Arial,Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,sans-serif;
	clear: both;
	line-height: 1.5;
}
h1, .midashi_h1{
	font-size: 1.8em;
	padding: 16px 20px 15px;
	margin: 0 0 34px;
	font-weight: bold;
	border: none;
	background: #84ccc9;
	box-shadow: none;
	border-radius: 8px;
	position: relative;
}
h1:after, .midashi_h1:after{
	content: "";
	width: 0;
	margin: 0 0 0 -15px;
	border: 12px solid transparent;
	border-top: 18px solid #84ccc9;
	position: absolute;
	bottom: -30px;
	left: 8%;
}
h2, .midashi_h2{
	font-size: 1.6em;
	padding: 6px 0 5px 24px;
	margin: 0 0 .414em;
	font-weight: bold;
	border: none;
	background: none;
	box-shadow: none;
	position: relative;
}
h2:before, .midashi_h2:before{
	content: "";
	width: 10px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: #84ccc9;
}
h3, .midashi_h3{
	font-size: 1.4em;
	padding: 0 .618em 2px;
	margin: 0 0 .414em;
	font-weight: bold;
	border-bottom: 3px solid #84ccc9;
	background: none;
	box-shadow: none;
}
h4, .midashi_h4{
	font-size: 1.4em;
	padding: 0 0 0 24px;
	margin: 0 0 .414em;
	font-weight: bold;
	border: none;
	background: none;
	box-shadow: none;
	position: relative;
}
h4:before, .midashi_h4:before{
	content: "";
	width: 14px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background: #84ccc9;
	border-radius: 50%;
}
h5, .midashi_h5{
	font-size: 1.4em;
	padding: 0 .618em;
	margin: 0 0 .414em;
	font-weight: bold;
	border: none;
	border-bottom: 3px solid #d2d2d3;
	background: none;
	box-shadow: none;
}
h6, .midashi_h6{
	font-size: 1.4em;
	padding: 0 .618em;
	margin: 0 0 .414em;
	font-weight: bold;
	border: none;
	background: none;
	box-shadow: none;
}
.midashi_none{
	font-size: 1em;
	padding: 0;
	margin: 0;
	font-weight: normal;
	border: none;
	background: none;
	border-radius: 0;
	box-shadow: none;
}
.muse .midashi_none{
	margin: 0 0 .414em;
}
.midashi_none:before, .midashi_none:after{
	content: "";
	display: none;
	padding: 0;
	margin: 0;
	font-weight: normal;
	border: none;
	background: none;
	box-shadow: none;
	position: static;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
}

/* かまコイン-見出し */
#sub_body.coin_body h2,
#sub_body.coin_body .midashi_h2{
	text-align: center;
}
#sub_body.coin_body h2:before,
#sub_body.coin_body .midashi_h2:before{
	display: none;
}
#sub_body.coin_body h2:after,
#sub_body.coin_body .midashi_h2:after{
	content: "";
	display: block;
	width: 60px;
	height: 4px;
	background-color: #3a9ae6;
	margin: 8px auto;
}
#sub_body.coin_body .midashi_none{
	font-size: 1em;
	padding: 0;
	margin: 0;
	font-weight: normal;
	border: none;
	text-align: left;
	background: none;
	border-radius: 0;
	box-shadow: none;
}
#sub_body.coin_body .muse .midashi_none{
	margin: 0 0 .414em;
}
#sub_body.coin_body .midashi_none:before,
#sub_body.coin_body .midashi_none:after{
	content: "";
	display: none;
	padding: 0;
	margin: 0;
	font-weight: normal;
	border: none;
	background: none;
	box-shadow: none;
	position: static;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
}

/* パンくず */
#pankz{ margin-bottom: 12px; font-size: .8em; }

.howto_u_body #pankz{
	margin: 12px;
}
.howto_u_body #pankz a:first-child,
.howto_u_body #pankz .sign:first-of-type,
.howto_u_body:not(.howto_p_body) #pankz.sin_pankz a:nth-of-type(2),
.howto_u_body:not(.howto_p_body) #pankz.sin_pankz .sign:nth-of-type(2){
	display: none;
}

/* 先頭に戻る */
#pagetop a{
	position: fixed;
	bottom: 42px;
	right: 50%;
	margin-right: -700px;
	z-index: 9999;
}

@media(max-width: 1410px){
	#pagetop a{
		margin: 0;
		left: inherit;
		right: 20px;
	}
}

/* CF7 */
.contact{ width: 95%; }
.contact th{ width: 25%; }
.txt_cent{ text-align: center; }
.asta{ color: #a40000; }
.astaIcon{
	background: #a40000;
	color: #fefefe;
	font-weight: normal;
	padding: 1px 8px;
	font-size: .85em;
	margin: 0 0 0 8px;
	display: inline-block;
	border-radius: 3px;
}
.wpcf7-radio .wpcf7-list-item, .wpcf7-checkbox .wpcf7-list-item{ display: inline-block; }
.wpcf7-form input[type="submit"]{ font-weight: bold; color: #333; border: 1px solid #c0c0c0; border-radius: 5px; padding: 10px 14px; letter-spacing: 1px; text-shadow: 1px 1px 0 #eee; box-shadow: 0 0 1px 0 #fff inset, 1px 1px 3px #ccc; background: #eaeaea; background: linear-gradient(#fefefe 0%, #eaeaea 100%); }
.wpcf7-form input[type="submit"].hover{ cursor: pointer; border: 1px solid #b5c0cb; border-radius: 5px; box-shadow: 0 0 1px 0 #fff inset, 1px 1px 3px #b5c0cb; background: #cfebff; background: linear-gradient(#fefefe 0%, #c1daec 100%); }
.wpcf7-form input[type="submit"]:active{ box-shadow: none; position: relative; top: 2px; left: 2px; }
.vline .wpcf7-list-item{ display: block !important; }

/* P + ボタン */
.pBtn a, .btn{
	border-style: solid;
	border-width: 1px;
	letter-spacing: 1px;
	text-decoration: none;
	border-radius: 4px;
}
.pBtn a.hover, .btn.hover{
	opacity: 0.8;
}
.btn, .btn.hover{
	padding: 6px 20px;
	color: #fefefe;
	border-color: #000;
	background-color: #000;
	display: inline-block;
}
.btn.hover{
	background: #666;
}
.pBtn a, .pBtn a.hover{ color: #333; }
.pBtn a, .pBtn_red a{ border-color: #fd7777; background-color: #fd7777; }
.pBtn_orange a{ border-color: #f5af89; background-color: #f5af89; }
.pBtn_yellow a{ border-color: #f5de98; background-color: #f5de98; }
.pBtn_green a{ border-color: #84ccc9; background-color: #84ccc9; }
.pBtn_blue a{ border-color: #8e9bd8; background-color: #8e9bd8; }
.pBtn_gray a{ border-color: #757575; background-color: #757575; color: #fefefe; }
.pBtn_black a{ border-color: #1c1c1c; background-color: #1c1c1c; color: #fefefe; }


/* リストアイコン（サイドバー / サイトマップ / 404 / 関連記事 / スマホサイドバー） */
.listIcon a:before{ font-family: 'fontelloDef'; content: "h"; margin: 0 4px 0 0; color: #84ccc9; }

/* リストアイコン（スマホメニュー） */
.sp_pageNavTit:before{ background: #84ccc9; }
.sp_pageNav_family a:before, .sp_pageNavLis a:after{ color: #84ccc9; }

/* 追加 Js+Pl
----------------------------------------------------*/
/* aタグ 下線制御 */
.txtD_none a, a.txtD_none{
	text-decoration: none;
}
.txtD_line a, a.txtD_line{
	text-decoration: underline;
}
.txtD_line a.hover, a.txtD_line.hover{
	text-decoration: none;
}

/* span Marker */
.tinyMk_red{
	background-image: linear-gradient(transparent 80%, #f29c9f 80%, #f29c9f 100%, transparent 100%);
	line-height: 1.8;
}

/*テーブルソート*/
.tablesorter-header:not(.sorter-false){
	cursor: pointer;
	outline: none;
}
.tablesorter-header:not(.sorter-false) .tablesorter-header-inner:after{
	content: '';
	display: inline-block;
	width: 7px;
	height: 8px;
	margin-left: 4px;
}
.tablesorter-header:not(.tablesorter-headerAsc):not(.tablesorter-headerDesc) .tablesorter-header-inner:after{
	background-image: url(../js/tablesorter-master/dist/css/images/black-unsorted.gif);
	height: 9px;
}
.tablesorter-headerAsc .tablesorter-header-inner:after{
	background-image: url(../js/tablesorter-master/dist/css/images/black-desc.gif);
}
.tablesorter-headerDesc .tablesorter-header-inner:after{
	background-image: url(../js/tablesorter-master/dist/css/images/black-asc.gif);
}

/* モーダルウィンドウ */
body.modal_active{
	overflow: hidden;
}
#modal_appQR.active{
	text-align: center;
	background-color: rgba(255,255,255,.97);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
}
#modalBlock{
	max-width: 100vw;
	overflow-x: auto;
	padding: 70px 0;
	position: relative;
}
#modalBlock p{
	font-size: 2em;
}
#modalBlock .kome:before{
	content: "V";
	font-family: "fontelloDef";
	margin-right: 4px;
	font-size: 1.5em;
	vertical-align: middle;
	line-height: 1.1;
}
#modal_img{
	height: 60vh;
	text-align: center;
	overflow: auto;
}
#modal_img a{
	font-size: 1.2em;
	color: #333;
}
#modal_img a:hover{
	color: #0092ee;
}
#modal_img a:before{
	content: "h";
	font-family: "fontelloDef";
	margin-right: 4px;
}
#modal_close{
	display: block;
	padding: 20px 40px;
	background-color: #646464;
	color: #fefefe;
	text-align: center;
	cursor: pointer;
}
#modal_close:hover{
	background-color: #333;
}

/* タブ切り替え */
.tabMenu li{
	background: #fff;
	padding: 5px 25px;
	float: left;
	margin: 0 1px 0 0;
	cursor: pointer;
}
.tabMenu .tabSelect{
	background: #eee;
}
.tabCont_block{
	background: #fff;
	padding: 20px;
}

/* レイアウト
----------------------------------------------------*/
.csize{ margin: 0 auto; }
#scont{ float: left; }
#sidebar{ float: right; }
.no_sidebar #scont{ width: auto; float: none; }
#scont, #sidebar, #m_txt, #f_txtarea{ margin-bottom: 1em; }
#f_txtarea{ clear: both; }

#sub_body.coin_body.pc_body,
.cls_coin_header{
	min-width: 1120px;
}
#sub_body.coin_body{
	font-family: "Noto Sans JP", sans-serif,"メイリオ",Meiryo,Arial,Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,sans-serif;
	font-size: 2.5em;
	font-style: normal;
}
#sub_body.coin_body #pankz,
#sub_body.coin_body footer{
	display: none;
}
#sub_body.coin_body.pc_body .coin_csize{
	width: 1096px;
	margin: 0 auto;
}

/* 下マージン */
.sm{ margin-bottom: 14px; }
.cm{ margin-bottom: 14px; }
.cm2{ margin-bottom: 24px; }

/* PC・スマホ分岐 */
.pcnone{ display: none; }

/* header.php
----------------------------------------------------*/
/* 共通 - アプリ登録 */
.appBan li{
	display: inline-block;
	margin-right: 32px;
}
.appBan li p{
	margin-bottom: 4px;
	font-size: 1.1em;
	font-weight: bold;
}
.appBan li .appBan_txt{
	padding: 0 6px;
	display: block;
	font-size: .95em;
}
.appBan li a{
	display: block;
	margin-bottom: 8px;
}
.appBan li a.hover{
	opacity: 0.8;
}
.appBan .appBan_lef img{
	padding: 8px 6px 3px;
	margin: 0 0 9px;
	background: #fff;
	border-radius: 42px;
	overflow: hidden;
	/* box-shadow: 0 0 4px 0 rgba(0,0,0,.2); */
	border: 1px solid #e6e6e6;
}

/* header */
#hNewsTop{
	background-color: #ffd6e7;
}
#hNewsTop_cont{
	padding: .5em 0;
	line-height: 1.2;
}
#hNewsTop_cont ul{
	margin: 0;
}

#hTxt{
	margin: 4px 0;
	font-size: 0.9em;
	color: #909090;
}

#hCont{
	padding: 8px 0 7px;
}
#h_lef{
	width: 450px;
	float: left;
}
#h_lef, #h_app{
	display: flex;
	flex-wrap: nowrap;
	justify-content: left;
}
#h_app{
	margin: 12px 0 0 12px;
}
#h_app a{
	margin: 0 10px;
}
#h_rig{
	width: 500px;
	float: right;
	text-align: right;
}
.hBtn{
	display: inline-block;
	padding: 26px 16px 25px;
	margin-right: 10px;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	background-color: #f29c9f;
}
#h_rig .hBtn:first-child{
	background-color: #ffcf62;
}
#h_rig .hBtn:last-child{
	background-color: #84ccc9;
}
#h_rig .hBtn.hover{
	color: #fefefe;
}

/* メニュー */
#mArea{
	border: 3px solid #eee;
	border-right: none;
	border-left: none;
	margin-bottom: 8px;
}
.mBlock{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.mLis{
	width: 20%;
}
.mAnc{
	display: block;
	padding: 18px 0 17px;
	font-size: 1.1em;
	text-align: center;
}
.mAnc.hover{
	background-color: #eee;
}

/* メインビジュアル */
#vArea{
	background: url(../img/vImg.png) no-repeat right bottom;
}

#vChatch{
	padding: 42px 0 38px;
	font-size: 3.4em;
	font-weight: bold;
	line-height: 1.1;
}

#vBtn{
	padding-bottom: 34px;
}

/* メインビジュアル下バナー */
#vBtm_info{
	background-color: #ffdc47;
	text-align: center;
}
#vBtm_info a,
#vBtmBan_info a{
	display: block;
}
#vBtmBan_info{
	padding: 42px 0;
}

/* かまコイン tpl_coin.php */
#coin_header{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: 8px;
	background-color: #fff;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 9999;
}
#coin_h_lef{
	min-width: 285px;
	width: 15%;
}
#coin_mArea{
	width: 85%;
}
.coin_mBlock{
	display: flex;
	flex-wrap: nowrap;
	justify-content: right;
	margin-top: 14px;
}
.coin_mBlock li{
	margin-left: 24px;
}
.coin_mBlock li a{
	display: inline-block;
	padding: 4px 0 3px;
	font-size: .84em;
}
.coin_mBlock li:last-child a{
	padding: 4px 16px;
	background-color: #69c50b;
	color: #fefefe;
	border-radius: 3px;
}
@media (max-width:1270px){
	.coin_mBlock li a{
		font-size: 0.75em;
	}
}

/* sidebar.php
----------------------------------------------------*/
/* 関連ページ */
.s_pageNav{
	border: 1px solid #c8c8c8;
}
.s_pageNav .sid_listTit, .cssfx{
	border-bottom: 1px solid #c8c8c8;
	font-weight: bold;
	padding: 4px 7px;
	background: #f3f3f3;
	background: linear-gradient(top, #fefefe 0%, #f3f3f3 100%);
}
.s_pageLis{
	font-size: .9em;
}
.s_pageLis a{
	display: block;
	border-bottom: 1px dotted #c8c8c8;
	padding: 2px 7px 2px 1.3em;
}
.s_pageLis a:before{
	margin-left: -.6em;
	float: left;
}
.s_pageLis > li:nth-last-of-type(1) a{
	border: none;
}
.s_pageLis li li a{
	padding-left: 2.3em;
}

/* サイドバーリンク */
.s_linkArea li{ margin: 0 0 10px; }

/* footer.php
----------------------------------------------------*/
/* 共通-余白 */
.pc_body .fCont{
	padding: 64px 0;
}

/* アプリ登録 */
#fEntry{
	margin-top: 12px;
	background-color: #84ccc9;
	text-align: center;
}
.pc_body #fEntry_top{
	margin-bottom: 24px;
}
.pc_body #fEntry_top span{
	font-size: 2.4em;
	font-weight: bold;
}
.pc_body #fEntry_btm{
	position: relative;
}
.pc_body #fEntry_btm:before{
	content: "";
	display: block;
	width: 4px;
	margin-left: -4px;
	background-color: #808080;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
}
.pc_body #fEntry_btm .appBan,
.pc_body #fEntry_btm .appBan li{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
.pc_body #fEntry_btm .appBan li{
	padding: 0 20px;
	margin: 0 16px;
}
.pc_body #fEntry_btm .appBan .appBan_lef{
	margin-right: 14px;
}
.pc_body #fEntry_btm .appBan .appBan_lef img{
	margin-bottom: 2px;
}
.pc_body #fEntry_btm .appBan .appBan_txt{
	text-align: left;
}

/* お問い合わせ */
#fContact{
	text-align: center;
}
#fContact_tit{
	font-weight: bold;
}
.pc_body #fContact_tit{
	margin-bottom: 16px;
	font-size: 2.2em;
}

.pc_body .fContact_subTit{
	margin-bottom: 24px;
	font-size: 1.1em;
	font-weight: bold;
}


#fContactBlock .fContact_main{
	display: block;
}
.pc_body #fContactBlock .fContact_l{
	width: 36%;
	text-align: right;
	float: left;
}
.pc_body #fContactBlock .fContact_r{
	font-weight: bold;
	padding: 10px 24px;
	float: left;
	box-sizing: border-box;
}
.pc_body #fContactBlock .fContact_main.hover{
	opacity: .8;
}



.pc_body #fContact_lef, .pc_body #fContact_rig{
	width: 50%;
	font-weight: bold;
	float: left;
	position: relative;
}
.pc_body #fContact img{
	margin-bottom: 20px;
}
.pc_body .fContact_txt{
	font-size: 2.4em;
}
.pc_body .fContact_subTxt{
	font-size: 1.3em;
	line-height: 1;
}
	.pc_body #fContact_lef:after{
		content: "";
		display: block;
		border-right: 4px solid #e5e5e5;
		position: absolute;
		top: 0;
		right: 2px;
		bottom: 0;
	}
	#fContact_rig a{
		display: block;
	}
	.pc_body #fContact_rig a.hover{
		opacity: .8;
	}

/* footer */
#fCont{
	padding: 82px 0;
	background: #cce198 url(../img/fBg.png) no-repeat 60vw 50%;
}
.pc_body #footer #fCont{
	padding-bottom: 52px;
}
#fMain{
	position: relative;
}
.pc_body #fInfo{
	margin-bottom: 46px;
}
.pc_body #fInfo p, .pc_body #info .fLogo address{
	font-size: 1.2em;
	font-weight: bold;
}
.pc_body .fLogo{
	display: inline-block;
	margin-right: 2em;
}
.pc_body #fInfo .fLogo p{
	margin-bottom: 4px;
}
.pc_body #fInfo .fLogo img{
	margin-bottom: 8px;
}

#fMenu{
	width: 60%;
	margin-bottom: 8px;
}
#fMenu li{
	width: 50%;
	margin-bottom: 8px;
	float: left;
}
#fMenu li a{
	font-size: 1.1em;
}

/* 下部お問い合わせ */
#fBtm{
	padding: 15px 0 14px;
	border-top: 4px solid #b3b3b3;
	background-color: #fff;
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
}
#fBtm_lef{
	width: 30%;
	padding-top: 10px;
	float: left;
}
	#fBtm_lef span{
		font-size: 1.4em;
		font-weight: bold;
	}
#fBtm_rig{
	width: 68%;
	float: right;
}
	#fBtm_rig .fBtm_subTxt{
		font-size: 1.1em;
		font-weight: bold;
	}
	#fBtm_rig .fBtm_txt .telLink{
		font-size: 3.4em;
		font-weight: 700;
		line-height: 1.1;
		color: #a40000;
	}
	#fBtm_rig .fBtm_mail{
		padding: 0 20px;
	}
	#fBtm_rig .fBtm_mail a{
		display: inline-block;
		padding: 16px 22px 14px;
		font-size: 1.2em;
		background-color: #a40000;
		border-radius: 8px;
	}
	#fBtm_rig .fBtm_mail a.hover{
		opacity: .8;
	}

/* copyright */
#fCopy{
	margin: 12px 0;
	font-size: .9em;
	text-align: center;
}