*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

/*body{font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}*/
/*body{font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, Arial, sans-serif;}*/
body{font-family:"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

html {font-size:62.5%; line-height:1.9; height:100%;}
body {font-size: 15px; font-size:1.5rem; color: #65707e; background-color:#F1F1F1/*#F6F9FC*/; height:100%; letter-spacing: .08em;}
body.ie{display: flex; flex-direction:column;}

a{color:#0971da; text-decoration:none;}

p, div, ul, h1, h2, h3, h4{margin:0; padding:0;}

.cfix::after {content: ""; display: block; clear: both;}



/**********************************/


#container{width: 100%; position: relative; min-height:100vh;z-index:0; display: flex; flex-flow:column nowrap;background-color:#fbfbfb;}


#topbar{height:2px; background:linear-gradient(to left, #ff8432, #FF6600); width:100%;}

/* 通常ページ */
#header{width:100%;z-index:2; padding:0px 15px; box-sizing:border-box;color: #fff; background: #2ecdbf;background: linear-gradient(to right, #54c5a1, #2ecdbf);box-shadow: 0 1px 3px rgba(45, 51, 58, .16);}
	.header_in{max-width: 1080px; margin: 0 auto 0 auto; padding:7px 0px 7px 0px; position: relative;}
		.header_logo{padding:0px 0px 0px 0px; text-align: center;}
		.header_right{position: absolute;top: 0; right: 0;}
			.header_right ul{margin:9px 0px 0px 0px; padding:0; white-space: nowrap;}
				.hd_toukou{float:right; font-size:1.4rem; line-height:1.2; border: 1px solid; margin-left: 10px; padding:0px 8px 0px 8px; border-radius: 4px; list-style:none; cursor:pointer;color: #fff;font-weight: bold;}
				.hd_toukou:hover{border-width:2px;}
				.hd_toukou li{height: 29px; vertical-align: middle; display: table-cell;}

/*
#content{width: 100%; padding:0px 15px; background-color: #FAFAFA; box-sizing:border-box;}
	#content_in{width:100%; min-width:930px; max-width:1100px; margin: 0px auto 0 auto; padding:0 0 38px 0; border:0;}
*/
	main{padding:0 0 0 0; z-index:3; display:flex; flex-direction:row-reverse; justify-content:center; flex-wrap:nowrap;}
		#center{width:100%; max-width:1080px; padding:0; box-sizing:border-box; text-align:center;}
			.cu_title{font-size: 1.1rem; color: #818699; margin: 20px 10px;display: inline-block;}
				.cu_title h2{text-align:center;display: flex;align-items: center;}
					.cu_title h2:before, .cu_title h2:after{width:40px;content:"";height:1px;flex-grow:1;background-color:#a4a8b5;}
					.cu_title h2:before{margin-right: 1rem;}
					.cu_title h2:after{margin-left: 1rem;}
					
					.title_uname_sex0{background: linear-gradient(110deg, #7add79, #7ddfd5);color: #fff;border-radius: 5px;padding: 0px 5px;}
			.cu_df{border:1px solid #dfe4e7;background-color: #fff;margin:0 10px 40px 10px;padding: 15px 20px;text-align: left; border-radius:3px;}
			.cu_kensaku{/*border: 1px solid #dfe4e7; background-color: #fff;*/border-radius: 3px;margin: 0 10px 20px 10px;padding: 10px 10px;display: flex;justify-content: center;}
				.cu_kensaku select{font-size: 1.8rem; padding: 10px 45px 10px 12px;background-size: 29px, 30px;color:#65707e;}
				.cu_kensaku option{font-size:1.6rem;}
			.cu_view{display: flex;flex-wrap: wrap;}
				.rec_box{font-size: 14px;border: 1px solid #dfe4e7;background-color:#fff;border-radius:3px;margin: 0 10px 30px 10px;padding: 0 15px 70px 15px;width: calc((100% / 3) - 20px); position:relative;}
					.rec_uname{padding:10px 0 2px 56px;position: relative;text-align: left;font-size: 15px;}
						.ins_mita{width: 50px;height:50px;position: absolute;left:-3px;top: 14px;background-color:#f9f3d2;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
						/*.ins_mita{width: 50px;height:50px;position: absolute;left:-3px;top: 14px;background-color: #ebe5bb;border-radius: 50%;font-size: 29px;display: flex;align-items: center;justify-content: center;opacity:0.8;}*/
							.mita_icon_1{width: 39px;height: 39px;background: linear-gradient(110deg, #d3eeff, #89cdff);mask-image: url('../img/picon/0.svg');}
							.mita_icon_2{width: 39px;height: 39px;background: linear-gradient(110deg, #ffdbd7, #ffb0af);mask-image: url('../img/picon/0.svg');}
							.mita_icon_3{width: 39px;height: 39px;background: linear-gradient(110deg, #c1ffb2, #7ddfd5);mask-image: url('../img/picon/0.svg');}
					.rec_sak{margin:0 0 10px 57px;font-size: 13px;display: flex;flex-wrap: wrap;}
						.rec_sex_1{background: linear-gradient(to right, #4797fd, #3f9dff) !important;}
						.rec_sex_2{background: linear-gradient(to right, #ff6c8d, #f75d72) !important;}
						.rec_sex_3{background: linear-gradient(to right, #2ee589, #ffd400) !important;}
					.rec_naimen{margin: 0 0 8px 0;font-size: 13px;display: flex;flex-wrap: wrap;}
						.naimen_v{/*background: linear-gradient(to right, #b8cd99, #acc381);*/background-color: #e8f3d5;border-radius:5px;padding:0px 5px;margin: 0 6px 5px 0;display: inline-block;color: #7fa539;line-height: 1.8;}
					.rec_suki{margin: 0 0 0 0;font-size: 13px;display: flex;flex-wrap: wrap;}
					.rec_fpj{margin: 0 0 0 0;font-size: 13px;display: flex;flex-wrap: wrap;}
						.rec_fpj > div{flex-grow: 1;}
					.rec_tag{margin: 0 0 0 0;font-size: 13px;display: flex;flex-wrap: wrap;}
						.tag_v{background: linear-gradient(to right, #54c5a1, #2ecdbf);border-radius:5px;padding:0px 5px;margin: 0 6px 3px 0;display: inline-block;color: #fff;line-height: 1.8;}
						.tag_key{background-color: #f3f4f7;border-radius: 5px 5px 0 0;padding:5px 0 3px 0;margin: 0 7px 0 0;display: block;border: 1px solid #d4dbdf;text-align: center;color:#6e7ca3;line-height: 1em;}
						.tag_val{border-radius: 0 0 5px 5px;padding: 5px 0 2px 0;margin: 0 7px 10px 0;display: block;border: 1px solid #d4dbdf;border-top-width: 0;text-align: center;line-height:1em;color:#5a6470;}
						.tag_key2{background-color: #f3f4f7;border-radius: 5px 0 0 5px;padding: 0px 4px;margin: 0 0 10px 0;display: inline-block;border: 1px solid #d4dbdf;border-right-width: 0;color:#6e7ca3;}
						.tag_val2{border-radius: 0 5px 5px 0;padding: 0px 4px;margin: 0 7px 10px 0;display: inline-block;border: 1px solid #d4dbdf;border-left-width: 0;color:#5a6470;}
							.tag_mr0{margin-right:0;}
					.rec_gaiken{margin: 0 0 0 0;font-size: 13px;display: flex;flex-wrap: wrap;}
						.rec_gaiken > div{flex-grow: 1;}
					.rec_trr{margin: 0 0 0 0;font-size: 13px;display: flex;flex-wrap: wrap;}
						.rec_trr > div{flex-grow:1;}
						.rec_trr .tag_val{margin-bottom:0;}
					.rec_come{margin:10px 0 0 0;padding:0 0;font-size:1.4rem;}
						.rec_come > div{width: 100%;margin-right: 15px;}
						.rec_come .tag_val{text-align:left;line-height:1.5em;padding:4px 7px;margin-bottom: 0;}
			.cu_post{border:1px solid #dfe4e7;background-color: #fff;margin:0 10px 40px 10px;padding: 15px 20px;text-align: left; border-radius:3px;}
			.cu_pn{margin: 0 0 40px 0;display: flex;justify-content: center;}
				.pn_top, .pn_prev, .pn_now, .pn_next{border: 1px solid #4ca3d7;border-radius:7px;background-color: #fff;padding: 5px 30px;}
				.pn_top{margin-right: 20px; padding:5px 10px;}
				.pn_now{padding:5px 10px;margin: 0px 20px;color:#767676;border-color: #bcc7c6;}
				
			.ct_unit{margin:0px 0px 20px 0px; padding:15px 15px 20px 20px; background-color: #fff; box-sizing: border-box; box-shadow: 0 0 5px rgba(0,0,0,.12);}
			.ct_unit0{background-color: #fff; box-sizing: border-box; box-shadow: 0 0 5px rgba(0,0,0,.12);}
			/*.ct_unit > section:last-child{margin-bottom:0;}*/
				.ct_sct_df{margin:0px 0px 0px 0px; padding:0px;}/*消す*/
					.ct_unit h3{font-weight:normal; font-size:1.7rem; margin:0px 0px 10px 0px; padding:0px;}
					.ct_unit h3:before{content: ""; margin: 0px 7px 0px 0px; border-left: 3px solid #00BCA4/*#1493F5*/;}
					.ct_unit h4{font-size:1.6rem; line-height:16px; vertical-align:text-top; display:inline-block;}
						.ct_cont{padding: 0px 0px 0px 8px;}
			.ct_unit_plist{margin:0 0 15px 0; padding:0; box-sizing:border-box;border-bottom:1px solid #e0e0e0;background-color:#fff; display:none;}
				.ct_pankuzu {width:100%; padding:0px 0px 0px 0px; box-sizing:border-box;}
					.ct_pankuzu h2{font-size:2.5rem; font-weight:normal; letter-spacing: 0.17em; margin:15px 0 0 0; padding:0; position: relative; display:block;}
					.ct_pankuzu ol{list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
						.ct_pankuzu li{float:left; font-size:1.2rem; padding: 5px 0;}
						.ct_pankuzu li > span{padding:6px 10px 6px 10px;}
						.ct_pankuzu li:after{content:">"; margin:0px 2px 0px 2px; font-weight:normal;}
						/*.ct_pankuzu li:last-child:after{content:"";}*/
							.ct_pankuzu a{padding:7px 10px;}
								.ct_pankuzu li:first-of-type a{padding:7px 10px 7px 13px;}
								

#footer{width: 100%;z-index: 2;margin: 0px 0px 0px 0px;margin-top: auto;padding: 0px 15px;box-sizing: border-box;color: #fff;background: #2ecdbf;background: linear-gradient(to right, #54c5a1, #2ecdbf);box-shadow: 0 -1px 3px rgba(45, 51, 58, .16);}
	.footer_inner{max-width: 1256px; margin: 0 auto; padding: 0px 0px 0px 0px; border: 0;display: flex; flex-direction: row-reverse; flex-wrap: wrap; justify-content: space-between;}
		.footer_menu{box-sizing:border-box; margin:0px 0px 0px 0px;}
			.footer_menu ul{text-align:right;}
				.footer_menu li{display:inline-block; padding: 9px 10px; font-size:1.2rem; list-style:none;}
					.footer_menu a{color:#fff;}
		.footer_copy{box-sizing:border-box; margin:11px 0px 7px 0px;}
			.footer_copytext{color:#fff; margin:0px 0px 0px 5px; font-size:1.2rem;}
			
/* svgアイコン */
.svg_santen{width:33px; height:28px; position:absolute;top:6px;right:2px;stroke:#32c69e;cursor:pointer;z-index:1;stroke-linecap:round; stroke-linejoin:round;}
	.svg_santen:hover{stroke:#b8bccd;}

/* その他 */
span[class^="fem_"]:not(span[class^="fem_css_"]){display:block;}
span[class^="fem_css_"]{color:#B94A48;background-color: #fcf0f0;display: inline-block;font-size: 1.3rem;margin-bottom: 7px;line-height: 1.1;padding: 5px 2px;/*border: 1px solid #ff8d86;border-style: dotted;*/}
.parsley-errors-list.filled{background-color: #fcf0f0; padding: 4px 3px;display:table;}
.parsley-errors-list{line-height: 1.6em;text-align: left;}

/* 共有ボタン */
.bt_blue, .bt_green, .bt_red, .bt_yellow, .bt_gray, .bt_black, .bt_white,
.bt_g_blue_1, .bt_g_blue_2, .bt_g_blue_3, .bt_g_green_1, .bt_g_red_1, .bt_g_red_2, .bt_g_gray_1, .bt_g_gray_2, .bt_g_gray_3, .bt_g_green_blue_1
{width:auto; padding:11px 35px 11px 35px; opacity:1; color:#ffffff; border:0px; text-align: center; text-decoration: none; border-radius:3px; font-size:1.5rem; line-height:1.3; letter-spacing: 0.13em; box-sizing:border-box; cursor:pointer; display:inline-block;}

.bt_g_blue_1{background:#1a7dff; background: linear-gradient(-30deg,#00b6f8 0,#1a7dff 100%);}
.bt_g_blue_2{background:#00c6ff; background:linear-gradient(to right, #0072ff, #00c6ff);}
.bt_g_blue_3{background: #396afc; background:linear-gradient(to left, #2948ff, #396afc);}
.bt_g_green_1{background:#02b56c; background: linear-gradient(135deg, #1ec380 0%,#04d668 100%);}
.bt_g_red_1{background:#f34759; background:linear-gradient(135deg, #f34759 0%,#ff5c6e 100%);}
.bt_g_red_2{background:#FF416C; background:linear-gradient(to left, #FF4B2B, #FF416C);}
.bt_g_gray_1{color:#656d78; border:#cec8c8 solid 1px;background:linear-gradient(135deg, #efefef 0%,#f6f6f6 100%);}
.bt_g_gray_2{color:#656d78; border:#cec8c8 solid 1px;background:linear-gradient(135deg, #f0f0f8 0%,#f8f8fc 100%);}
.bt_g_gray_3{color:#656d78; border:#cec8c8 solid 1px;background:linear-gradient(135deg, #fbfbfc 0%,#f6f7f9 100%);}
.bt_g_green_blue_1{background:#5433FF; background:linear-gradient(to right, #2fe07b, #20BDFF, #5433FF);}

.bt_blue{background-color:#4ca9f6;}
.bt_green{background-color:#55be5a;}
.bt_red{background-color:#DA4453;}
.bt_yellow{background-color:#F6BB42;}
.bt_black{background-color:#656D78;}
.bt_gray{background-color:#F5F7FA; color:#656d78; border:#ccd1d9 solid 1px;}
.bt_white{background-color:#ffffff; color:#656d78; border:#ccd1d9 solid 1px;}

.bt_blue:hover, .bt_green:hover, .bt_red:hover, .bt_yellow:hover, .bt_gray:hover, .bt_black:hover, .bt_white:hover,
.bt_g_blue_1:hover, .bt_g_blue_2:hover, .bt_g_blue_3:hover, .bt_g_green_1:hover, .bt_g_red_1:hover, .bt_g_red_2:hover
{filter:brightness(1.13);}

.bt_gray:hover,.bt_g_gray_1:hover, .bt_g_gray_2:hover, .bt_g_gray_3:hover{filter:brightness(0.96); /*border-color:#0076D5;*/}

/* ツールチップ　オリジナル　(クラス名がjsの判定に使われるのでクラス名の変更は慎重に) */
/* メニュ用 */
.tooltip_box_menu{font-size: 1.4rem;background-color: #fff;display: inline-block;position: absolute;z-index:3;box-shadow: 0 0 8px #dadfe9;padding: 5px 0;border-radius: 7px;border: 1px solid #e4e4ed;margin: 0 10px;display:none;}
	.tooltip_box_menu div.hr{border-top: 1px solid #dfe4e7;margin: 5px 0;}
	.tooltip_box_menu a{padding: 5px 13px;color:#596368;display:block;}
	.tooltip_box_menu a:hover{background-color:#f1f1f5;}
/* ヒント用 */
.tooltip_box_hint{width: calc(100% - 20px);max-width: 360px;font-size:1.3rem; background-color: #fff;display:inline-block;position:absolute;z-index:3;box-shadow: 0 0 8px #dadfe9;padding: 9px 0;border-radius: 7px;border: 1px solid #e4e4ed;margin: 0 10px;display:none;}

/* ツールチップ jbox */
.tooltip1{width:17px; height:17px; line-height: 19px; margin:4px 0 0 4px; text-align:center; vertical-align:baseline; padding:0; background-color:#a3d8fa; color:#fff; border:#246ED1 solid 0px; border-radius:50%; font-size:1.5rem; font-weight:bold;}
.tooltip2{font-weight: normal; color: #03A9F4; text-decoration: underline;}
	.ttin{max-width: 530px; font-size:1.3rem;padding-left: 23px;}
	.ttin li{margin-bottom:8px;line-height:1.7;}
	.ttin li:last-of-type{margin-bottom:0;}
	.ttin_title{text-indent:-1em; padding-left:1em;}
	.ttin_title::first-line{font-weight:bold;}



/* メニューバー */
.menu{position: relative; width: 960px; height: 30px; margin: 0 auto;}
.menu li{background-color:#fcfbfa; white-space:nowrap; list-style:none;}
.menu li:hover{background-color:#f2eeea;}
.menu a{display: block; color:#666666;}
.menu a:hover{color:#E7782D; text-decoration:underline;}
.menu > li {float: left; height: 30px; line-height: 30px; padding:0px 34px 0px 5px; list-style:none;}
.menu2 {visibility: hidden; opacity: 0; z-index: 1;}
.menu3 {visibility: hidden; opacity: 0;}
.menu > li:hover {-webkit-transition: all .5s; transition: all .5s;}
/*.init-bottom:after {content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 15px; border-right: 1px solid #918e8c; border-bottom: 1px solid #918e8c; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}*//* 下矢印 */
.menu:before, .menu:after{content: " "; display: table;}
.menu:after{clear: both;}
.menu {zoom:1;}

.menu > .menu_multi {position: relative;}
.menu_multi .menu2 {position: absolute; top: 20px; left: 0; -webkit-transition: all .2s ease; transition: all .2s ease;}
.menu_multi:hover .menu2 {top: 30px; visibility: visible; opacity: 1;}
.menu_multi .menu2 li, .menu_multi .menu3 li{position: relative;}
.menu_multi .menu2 a, .menu_multi .menu3 a, .menu_multi .menu2 p, .menu_multi .menu3 p{padding:2px 12px 2px 10px;}
.menu_multi .menu2 li .menu3 {position: absolute; top: -1px; left: 100%; background: #fcfbfa; -webkit-transition: all .2s ease; transition: all .2s ease;}
.menu_multi .menu2 li:hover .menu3 {visibility: visible; opacity: 1;}
.init-right:after {content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 15px; border-right: 1px solid #918e8c; border-top: 1px solid #918e8c; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/* formカスタマイズ */
/*chrome対策として追記*/
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px #DFF0D8 inset; }
textarea{display: block;}/*chromeで発生するtextareaの下の余白を消す*/

/**/
.form_ib{margin:0 0 37px 0;}/*項目ごとの枠*/
	.form_it{font-weight: bold; display: block;}/* 項目のタイトル枠 */

/*  */
.f_nini{font-size: 1.2rem;background-color:#9bd78f;color: #fff;font-weight: normal;padding: 0px 4px;margin: 0 0 0 5px;border-radius: 5px;vertical-align: middle;}
.f_hissu{font-size: 1.2rem;background-color:#ff99aa;color: #fff;font-weight: normal;padding: 0px 4px;margin: 0 0 0 5px;border-radius: 5px;vertical-align:middle;}
.f_hikoukai{font-size: 1.2rem;background-color:#52abff;color: #fff;font-weight: normal;padding: 0px 4px;margin: 0 0 0 5px;border-radius: 5px;vertical-align: middle;}
.f_nini_2{font-size: 1.1rem;border: 1px solid #7acb6a;color: #7acb6a;padding: 0px 3px;border-radius: 5px;margin: 0 0 0 5px;vertical-align: middle;}
.f_hissu_2{font-size: 1.1rem;border: 1px solid #ed5d5d;color: #ed5d5d;padding: 0px 3px;border-radius: 5px;margin: 0 0 0 5px;vertical-align: middle;}


/* textarea */
textarea{ border: 1px solid #C4C9D3;border-radius: 2px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);}
textarea:focus{border: 1px solid #28A5F5; outline:0;}

/* input text */
input::placeholder{color:#dcdfe5;font-size:0.9em;}
input[type="text"], input[type="number"], input[type="password"], input[type="email"]{
	font-size:1.5rem; height:29px; line-height:27px; vertical-align: middle; padding: 3px 3px 3px 6px; background: #fff;
	border: 1px solid #C4C9D3; box-sizing: border-box; margin: 3px 0 3px 0; border-radius:2px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);}
input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="mail"]:focus {
	border: 1px solid #28A5F5; outline:0;}

/* 残り文字数表示 */
.f_limit_box{position:relative;display: inline;}
	.f_text_limit{position:absolute;top:-18px;right:3px;font-size:1.1rem; color:#7e7e7e; letter-spacing: 0;line-height: 1.1em;}
	.f_textarea_limit{width: 100%;max-width: 500px;margin:3px 0 0 0;text-align: right;display: block;font-size:1.1rem; color:#7e7e7e; letter-spacing: 0;line-height: 1.1em;}

/* checkbox 共通 １アイテム毎に囲む */
.cbox{display:flex;}
/* checkbox 1 普通に四角 */
.cbox_ori_1{position: absolute; opacity: 0;}
.cbox_ori_1 ~ label {position:relative; padding-left:31px; margin: 0 0px 6px 0; cursor:pointer; /*縦並びの場合*/display:block;}
.cbox_ori_1:disabled ~ label {color: #d0d0d0;cursor:not-allowed;}

.cbox_ori_1 + label::before {position: absolute;content: '';display: block;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);width: 22px;height: 22px;border-radius:15%;background: #fff; border: 1px solid #BBC1E1;left: 0;top: -1px;}
.cbox_ori_1:checked + label::before{border-color:#2a94ff/*#3d9eff*/;background-color:#fff;}
.cbox_ori_1:disabled + label::before{background:#e6e6e6; border-color:#d3d7ec; cursor: not-allowed;}
.cbox_ori_1:not(:checked):not(:disabled) + label:hover::before{ border-color:#2a94ff;}

.cbox_ori_1 + label::after {position: absolute;content: '';display: block;width: 9px;height: 16px;transform: rotate(45deg);border-right: 4px solid #2a94ff;border-bottom: 4px solid #2a94ff;border-radius: 10%;left: 7px;top: 0px;opacity: 0;}
.cbox_ori_1:checked + label::after{ opacity:1; }
.cbox_ori_1:disabled + label::after{cursor: not-allowed; border-color:#cecece;}

/* checkbox 2 普通に四角(囲み背景有り) */
.cbox_ori_2{position: absolute; opacity: 0;}
.cbox_ori_2 ~ label {position:relative; padding: 4px 6px 4px 35px; margin: 0 25px 0 0; background-color: #f1f1f1;border-radius: 5px; border:1px solid #f7f7f7; cursor:pointer;}
.cbox_ori_2:checked:not(:disabled) ~ label{border-color:#2a94ff; background-color:#DEF1FF;}
.cbox_ori_2:disabled ~ label {color: #d0d0d0;cursor:not-allowed;}
.cbox_ori_2:not(:disabled) + label:hover{ border-color:#eaeaea;}

.cbox_ori_2 + label::before {position: absolute;content: '';display: block;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);width: 22px;height: 22px;border-radius:15%;background: #fff; border: 1px solid #BBC1E1;left: 7px;top: 4px;}
.cbox_ori_2:checked + label::before{border-color:#2a94ff;background-color:#fff;}
.cbox_ori_2:disabled + label::before{background:#e6e6e6; border-color:#d3d7ec; cursor: not-allowed;}
.cbox_ori_2:not(:checked):not(:disabled) + label:hover::before{ border-color:#2a94ff;}

.cbox_ori_2 + label::after {position: absolute;content: '';display: block;width: 9px;height: 16px;transform:rotate(45deg);border-right: 4px solid #2a94ff;border-bottom: 4px solid #2a94ff;border-radius: 10%;left: 14px;top: 5px;opacity: 0;}
.cbox_ori_2:checked + label::after{ opacity:1; }
.cbox_ori_2:disabled + label::after{cursor: not-allowed;border-color:#c4c4c4;}

/* checkbox 3 トグル */

/* radio 共通 １アイテム毎に囲む */
.radio_item{}
.radio_item li{display:flex; margin-bottom: 11px;}
/* radio 1 普通に丸 */
.radio_ori_1{ position: absolute; opacity: 0; }
.radio_ori_1 ~ label{ position: relative; padding: 4px 0 0 30px; margin: 0 25px 0 0; cursor:pointer;}
.radio_ori_1 ~ label div{text-align:center;}
.radio_ori_1:disabled ~ label {color: #d0d0d0;cursor:not-allowed;}

.radio_ori_1 + label::before{content: '';display: block;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);width: 22px;height: 22px;border-radius: 50%;border: 1px solid #BBC1E1;background:#fff;position: absolute; top:50%; left: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.radio_ori_1:checked + label::before{ border-color:#2a94ff; }
.radio_ori_1:disabled + label::before{background:#e6e6e6; border-color:#d3d7ec; cursor: not-allowed;}
.radio_ori_1:not(:checked):not(:disabled) + label:hover::before{ border-color:#2a94ff;}

.radio_ori_1 + label::after{content: '';display: block;width: 12px;height: 12px;border-radius: 50%;background: #2a94ff;opacity:0;position: absolute; top: 50%; left: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);margin: 0 0 0 5px;}
.radio_ori_1:checked + label::after {opacity:1;}
.radio_ori_1:disabled + label::after{background-color:#cecece;cursor: not-allowed;}

/* radio 2 普通に丸(囲み背景有り) */
.radio_ori_2{ position: absolute; opacity: 0; }
.radio_ori_2 ~ label{position:relative; padding: 5px 6px 0px 35px; margin: 0 25px 0 0; background-color: #f1f1f1;border-radius: 5px; border:1px solid #f7f7f7; cursor:pointer;}
.radio_ori_2 ~ label div{text-align:center;}
.radio_ori_2:checked:not(:disabled) ~ label{border-color:#2a94ff; background-color:#DEF1FF;}
.radio_ori_2:disabled ~ label {color: #d0d0d0;cursor:not-allowed;}

.radio_ori_2 + label::before{content: '';display: block;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);width: 22px;height: 22px;border-radius: 50%;border: 1px solid #BBC1E1;background:#fff;position: absolute; top:50%; left: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);margin: 0 0 0 7px;}
.radio_ori_2:checked + label::before{ border-color:#2a94ff; }
.radio_ori_2:disabled + label::before{background:#e6e6e6; border-color:#d3d7ec; cursor: not-allowed;}
.radio_ori_2:not(:checked):not(:disabled) + label:hover::before{ border-color:#2a94ff;}

.radio_ori_2 + label::after{content: '';display: block;width: 12px;height: 12px;border-radius: 50%;background: #2a94ff;opacity:0;position: absolute; top: 50%; left: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);margin: 0 0 0 12px;}
.radio_ori_2:checked + label::after {opacity:1;}
.radio_ori_2:disabled + label::after{background-color:#c4c4c4;cursor: not-allowed;}

/* select */
select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
select {font-size:1.5rem; padding: 5px 30px 5px 5px; margin: 3px 0 3px 0; border: 1px solid #C4C9D3;
	background: #fff url(/img/doropdown.svg) right 50% no-repeat;
	background-size: 20px, 30px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);}
select::-ms-expand {display: none;}
select:focus{border: 1px solid #28A5F5; outline:0;}
option:disabled{color:#666;}

/* input submit & button *//* div製のボタンとCSSを共有 */
input[type="button"], input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}






/*サイド付きページ用*/
@media screen and (max-width: 790px) {/*790以下の場合*/
	.hd_mail, #side{display:none;}
	.dw_on{display:block;}

	.ct_unit_plist{display:block;position:relative; margin-left: -15px; margin-right: -15px;}
	#center{padding-top:0;}

}
@media screen and (max-width: 550px) {/*550以下の場合*/
	.hd_logout{display:none;}
}