html {
	color: #333;
}
body {
	font: 96%/1.5 'メイリオ', 'Meiryo', 'Lucida Grande', 'ＭＳ Ｐゴシック', Arial, Helvetica;
	margin: 0;
	overflow: visible;
	padding: 0;
	color: #777;
}
a {
	overflow: hidden;
}
a img, img {
	border: 0;
	vertical-align: top;
}
abbr, acronym {
	border: 0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span,th, ul {
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 1.5;
	list-style: none;
}
td{
	margin: 0;
	padding: 0;
	line-height: 1.5;
	list-style: none;
}
caption, th {
	text-align: left;
}
code, kbd, pre, samp, tt {
	font-family: monospace;
	line-height: 100%;
}
*+html code, *+html kbd, *+html pre, *+html samp, *+html tt {
	font-size: 108%;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
q:before, q:after {
	content: '';
}
button, fieldset, form, input, label, legend, select, textarea {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
* html input, * html textarea {
	font-family: 'ＭＳ Ｐゴシック';
}
*+html input, *+html textarea {
	font-family: 'メイリオ', 'ＭＳ Ｐゴシック';
}
.msie8 select {
	font-family: sans-serif;
}
.chrome1 select {
	font-family: 'Lucida Grande', Arial, Helvetica;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	zoom: 100%;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
}
img, video, embed, object {
	height: auto;
}
img, object, embed, video, iframe {
	max-width: 100%;
}
input[type="submit"], input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
 display: none;
}
input[type="submit"]::focus, input[type="button"]::focus {
 outline-offset: -2px;
}
/* body
--------------------------------------------------------------------------------------------------------------------*/
body {
	font-family: Hiragino Kaku Gothic Pro, Meiryo, "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-se;
	color: #333;
}
/* リンク
--------------------------------------------------------------------------------------------------------------------*/
a {
	color: #0080ff;
	text-decoration: none;
}
a:hover {
	color: #0080ff;
	text-decoration: underline;
}
/* リンク画像はオンマウスでアルファ-----------------*/
a:hover img, input:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
}
.pdfico a {
	background: url(../images/common/pdf_ico.svg) no-repeat 0 0px;
	padding-left: 24px;
}
/* 見出しタイトル<h>
--------------------------------------------------------------------------------------------------------------------*/
.h2_bt {
	width: 100%!important;
	min-height: 160px!important;
	font-size: 100%!important;
	position: absolute!important;
    top: 16px!important;
	margin-bottom: 1em!important;
	background: transparent!important;
}
.h2_bt span {
	font-size: 200%!important;
	color: #fff!important;
	font-weight: normal!important;
	line-height: 1.2!important;
	margin: 0 auto!important;
	display: block!important;
	text-align: center!important;
	padding: 0!important;
}

h2 {
	width: 100%;
	background:#7abcd4!important;
	font-size: 100%!important;
	background-size: cover;
	margin-bottom: 1em!important;
  max-width: 800px!important;
}
h2 span {
	font-size: 200%;
	color: #fff;
	font-weight: normal;
	padding: 1em 0;
	line-height: 1.2;
	margin: 0 auto;
	/* width: 960px; */
    max-width: 960px;
	display: block;
	text-align: center;
	/*background-color:#70C686;*/
}

h2 span.login {
	font-size: 100%;
}

@media only screen and (max-width: 767px) {
h2 span {
	width: 100%;
	padding: 1em 0 1em 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 140%;
}
h2 span.login {
	font-size: 75%;
}
.wrapper_box_f h2 span {
	padding: 1em 0 1em 1em;
}
.pagetop {
	/*display: none;*/
}
/**/}
#titleArea h2 {
	font-size: 200%;
	color: #000;
	font-weight: normal;
	padding: 0.2em 0 0.5em 0;
	line-height: 1.2;
	background: none;
}
/*.wrapper_box_f h2{
    padding: 1em 0 0.3em 0;
}*/

.logo h1 {
	margin: 0;
	padding: 0;
	height: auto;
	background: url(common.css) no-repeat center 0;
}
.logo h1 a:hover img, .head_nav_list li:first-child a:hover img, #top_eye h1 a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
.logo h1 span {
	color: #333;
	font-size: 180%;
	font-weight: normal;
	width: auto;
	margin: 0;
	display: block;
	padding-top: 0px;
}
h3 {
	border-bottom: 1px solid #ddd!important;
	font-size: 20px!important;
	font-weight: bold;
	margin: 0px 0 10px!important;
	padding: 6px 4px 4px 2px!important;
	position: relative;
	text-align: left;
	width: 100%;
}
#contents_two article h3 {
	margin: 60px 0 10px!important;
}
h3 a {
	color: #333;
}
h3::after {
	background-color: #46aace;
	bottom: -3px;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 30%;
	z-index: 2;/*box-sizing: unset !important;*/
}
#sub_area h3 {
	border-bottom: 2px solid #ddd!important;
	padding: 0!important;
	border-left: 0px solid #F48582!important;
	font-size: 18px!important;
	margin: 30px 0 10px!important;
}
#sub_area h3::after {
	background-color: #00A3D9!important;
	bottom: -3px!important;
	content: ""!important;
	height: 3px!important;
	left: 0!important;
	position: absolute!important;
	width: 0%!important;
	z-index: 2!important;
	box-sizing: unset !important;
}
h4 {
	padding: 0 0 0 10px!important;
	border-bottom: 1px dotted #ccc!important;
	border-left: 8px solid #46aace!important;
	font-size: 16px!important;
	font-weight: bold!important;
	margin-bottom: 10px!important;
}
h5 {
	/*border-bottom: 2px solid #777!important;*/
	text-align: left!important;
	font-size: 14px!important;
	font-weight: bold!important;
	padding: 4px 4px 2px 10px!important;
	margin-bottom: 1em!important;
	background: #eee!important;
}
/* 規約
--------------------------------------------------------------------------------------------------------------------*/
.kiyaku {
	border: 1px solid #c2c2c2;
	height: 450px;
	overflow-y: scroll;
	margin: 10px 0px;
	padding: 20px 10px;
}
/* コンテンツのカラム
--------------------------------------------------------------------------------------------------------------------*/
#wrapper {
	width: 100%;
	position: relative;
}
.wrapper_box {
	margin: 59px auto 0;
}
.wrapper_box_f {
	margin: 0px auto 0;
}
.wide_box {
    max-width: 960px;
    margin: 30px auto 0;
}
@media only screen and (max-width: 960px) {
	.wide_box {
		width: 98%;
		margin: 30px auto;
	}
}

.notice_area {
	border: 1px solid #333;
    padding: 20px;
}
.wrapper_in {
	width: 960px;
	margin: 0px auto 0;
}
/* 1カラム-----------------*/
#contents_one {
	margin: 0px auto 30px;
	/* width: 960px; */
	max-width: 960px;
}
@media only screen and (max-width: 960px) {
	#contents_one {
		width: 98%;
		margin: 0 auto;
	}
}

.conte_box {
	margin: 0px auto;
	width: 960px;
}
/* 2カラム-----------------*/
#contents_two_top {
	width: 710px;
	float: left;
}
#contents_two {
	/* width: 960px;
	float: right; */
    max-width: 960px;
    margin: 0 auto;
    /* float: none; */
}
@media only screen and (max-width: 960px) {
    #contents_two {
        max-width: 768px;
        margin: 0 auto;
    }
}
#sub_area {
	width: 170px;
	float: left;
	background: #fff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 10px;
}
#sub_area ul li {
	/*padding-bottom: 10px;*/
}
.sub_menu {
	/*background:#FFA0AC;*/
	background: #46aace;
	padding: 0 2px 2px 2px;
}
.sub_menu .sub_tit {
	font-weight: bold;
	padding: 5px 0px 0px 0px;
	text-align: center;
	color: #fff;
	font-size: 80%;
}
.sub_menu ul {
	font-size: 13px;
	background: #fff none repeat scroll 0 0;
	border-radius: 5px;
}
.sub_menu li {
	border-top: 1px dotted #ddd;
}
.sub_menu ul li:first-child {
	border-top: none;
}
.sub_menu li a {
	color: #333;
	display: block;
	padding: 8px 0px 8px 10px;
	position: relative;
	text-decoration: none;
}
.sub_menu li a::after {
	position: absolute;
	top: 50%;
	right: 5px;
	display: block;
	margin-top: -10px;
	width: 10px;
	height: 10px;
	content: '054';
	font-family: FontAwesome;
	color: #FF9FAC;
}
.sub_menu li a:hover {
	text-decoration: none;
	background: #7abcd4;
	color: #fff;
}
.sub_menu li .un {
	font-size: 90%;
}
.sub_menu li .un a{
	    padding: 0px 0 8px 1.5em;
}
.sub_bnr {
	background: #FFA0AC;
	padding: 5px;
}
#sub_area .mt20 a img {
	width: 100%;
}
/* pタグ
--------------------------------------------------------------------------------------------------------------------*/
p {
	padding: 0 0 10px 0;
}

/* パンくずリスト
--------------------------------------------------------------------------------------------------------------------*/
.pan_nav {
	font-size: 12px;
	padding: 5px 0 3px 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 10px;
	width: 100%;
	margin-top: 1px;
	background: #fff none repeat scroll 0 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	width: 970px;
	margin: 1em auto 0;
}
/* 区切り線
--------------------------------------------------------------------------------------------------------------------*/
hr.hr1 {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
	border: 0;
}
hr.hr2 {
	display: block;
	width: 100%;
	height: 1px;
	border: 0;
	border-top: 1px dotted #cccccc;
}


/* googleマップ埋め込み
--------------------------------------------------------------------------------------------------------------------*/
.g_map {
	position: relative;
	padding-bottom: 56.25%; /*ここで縦横比の調整*/
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.g_map iframe, .g_map object, .g_map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* margin,padding
--------------------------------------------------------------------------------------------------------------------*/
.mt1 {
	margin-top: 1px;
}
.mt2 {
	margin-top: 2px;
}
.mt3 {
	margin-top: 3px;
}
.mt4 {
	margin-top: 4px;
}
.mt5 {
	margin-top: 5px;
}
.mt7 {
	margin-top: 7px;
}
.mt8 {
	margin-top: 8px;
}
.mt9 {
	margin-top: 9px;
}
.mt10 {
	margin-top: 10px;
}
.mt11 {
	margin-top: 11px;
}
.mt12 {
	margin-top: 12px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt25 {
	margin-top: 25px;
}
.mt30 {
	margin-top: 30px;
}
.mt35 {
	margin-top: 35px;
}
.mt40 {
	margin-top: 40px;
}
.mt45 {
	margin-top: 45px;
}
.mt50 {
	margin-top: 50px;
}
.mt60 {
	margin-top: 60px;
}
.mt150 {
	margin-top: 150px;
}
.mb0 {
	margin-bottom: 0px !important;
}
.mb3 {
	margin-bottom: 3px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb8 {
	margin-bottom: 8px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb130 {
	margin-bottom: 130px;
}
.mtb5 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.mtb10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.mtb15 {
	margin-top: 15px;
	margin-bottom: 15px;
}
.mtb20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.mtb30 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.ml4 {
	margin-left: 4px;
}
.ml5 {
	margin-left: 5px;
}
.ml7 {
	margin-left: 7px;
}
.ml9 {
	margin-left: 9px;
}
.ml-9 {
	margin-left: -9px;
}
.ml0i {
	margin-left: 0 !important;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.ml25 {
	margin-left: 25px;
}
.ml30 {
	margin-left: 30px;
}
.ml34 {
	margin-left: 34px;
}
.ml35 {
	margin-left: 35px;
}
.ml40 {
	margin-left: 40px;
}
.ml47 {
	margin-left: 47px;
}
.ml50 {
	margin-left: 50px;
}
.ml56 {
	margin-left: 56px;
}
.ml60 {
	margin-left: 60px;
}
.ml70 {
	margin-left: 70px;
}
.ml110 {
	margin-left: 110px;
}
.ml300 {
	margin-left: 300px;
}
.mr0i {
	margin-right: 0 !important;
}
.mr2 {
	margin-right: 2px;
}
.mr5 {
	margin-right: 5px;
}
.mr8 {
	margin-right: 8px;
}
.mr10 {
	margin-right: 10px;
}
.mr12 {
	margin-right: 12px;
}
.mr13 {
	margin-right: 13px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr60 {
	margin-right: 60px;
}
.mlr5 {
	margin-left: 5px;
	margin-right: 5px;
}
.mlr10 {
	margin-left: 10px;
	margin-right: 10px;
}
.mlr12 {
	margin-left: 12px;
	margin-right: 12px;
}
.mlr13 {
	margin-left: 13px;
	margin-right: 13px;
}
.mlr14 {
	margin-left: 14px;
	margin-right: 14px;
}
.mlr15 {
	margin-left: 15px;
	margin-right: 15px;
}
.mlr16 {
	margin-left: 16px;
	margin-right: 16px;
}
.mlr22 {
	margin-left: 22px;
	margin-right: 22px;
}
.mr11 {
	margin-right: 11px;
}
.mr40 {
	margin-right: 40px;
}
.mr50 {
	margin-right: 50px;
}
.pt1 {
	padding-top: 1px;
}
.pt3 {
	padding-top: 3px;
}
.pt6 {
	padding-top: 6px;
}
.pt10 {
	padding-top: 10px;
}
.pt15 {
	padding-top: 15px;
}
.pt20 {
	padding-top: 20px;
}
.pt30 {
	padding-top: 30px;
}
.pt50 {
	padding-top: 50px;
}
.pt60 {
	padding-top: 60px;
}
.pt80 {
	padding-top: 80px;
}
.ptb5 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.ptb10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.ptb15 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.ptb20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.ptb30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.ptb40 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.ptb50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.pb3 {
	padding-bottom: 3px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb40 {
	padding-bottom: 40px;
}
.pb50 {
	padding-bottom: 50px;
}
.pl1 {
	padding-left: 1px;
}
.pl5 {
	padding-left: 5px;
}
.pl10 {
	padding-left: 10px;
}
.pl15 {
	padding-left: 15px;
}
.pl20 {
	padding-left: 20px;
}
.pl60 {
	padding-left: 60px;
}
.pl70 {
	padding-left: 70px;
}
.pl145 {
	padding-left: 145px;
}
.pl150 {
	padding-left: 150px;
}
.pl250 {
	padding-left: 250px;
}
.plr0i {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.pr10 {
	padding-right: 10px;
}
.pr20 {
	padding-right: 20px;
}
.pr0i {
	padding-right: 0 !important;
}
.plr1 {
	padding-left: 1px;
	padding-right: 1px;
}
.plr5 {
	padding-left: 5px;
	padding-right: 5px;
}
.plr10 {
	padding-left: 10px;
	padding-right: 10px;
}
.plr12 {
	padding-left: 12px;
	padding-right: 12px;
}
.p0 {
	padding: 0 !important;
}
.m0 {
	margin: 0 !important;
}
.p_all10 {
	padding: 10px !important;
}
.p_all20 {
	padding: 20px !important;
}
/* width %
--------------------------------------------------------------------------------------------------------------------*/
.w15per {
	width: 15%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.w30per {
	width: 30%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.w50per {
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.w70per {
	width: 70%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.w80per {
	width: 80%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.w100per {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.w3 {
	width: 3px;
}
.w4 {
	width: 4px;
}
.w7 {
	width: 7px;
}
.w60 {
	width: 60px;
}
.w78 {
	width: 78px;
}
.w85 {
	width: 85px;
}
.w90 {
	width: 90px;
}
.w108 {
	width: 108px;
}
.w126 {
	width: 126px;
}
.w135 {
	width: 135px;
}
.w140 {
	width: 140px;
}
.w145 {
	width: 145px;
}
.w147 {
	width: 147px;
}
.w184 {
	width: 184px;
}
.w200 {
	width: 200px;
}
.w212 {
	width: 212px;
}
.w213 {
	width: 213px;
}
.w254 {
	width: 254px;
}
.w260 {
	width: 260px;
}
.w265 {
	width: 265px;
}
.w270 {
	width: 270px;
}
.w275 {
	width: 275px;
}
.w282 {
	width: 282px;
}
.w293 {
	width: 293px;
}
.w300 {
	width: 300px;
}
.w328 {
	width: 328px;
}
.w385 {
	width: 385px;
}
.w405 {
	width: 405px;
}
.w430 {
	width: 430px;
}
.w455 {
	width: 455px;
}
.w490 {
	width: 490px;
}
.w505 {
	width: 505px;
}
.w585 {
	width: 585px;
}
.w700 {
	width: 700px;
}
/* font
--------------------------------------------------------------------------------------------------------------------*/
.fnt_bld {
	font-weight: bold;
}
.fnt_normal {
	font-weight: normal;
}
dt span.ftt_tx {
	font-size: 80%;
	font-weight: normal;
	line-height: 1.3 !important;
	display: inline-block;
}
/* font-size--------------------------*/

.fnt70 {
	font-size: 70%;
}
.fnt05 {
	font-size: 75%;
}
.fnt80 {
	font-size: 80%;
}
.fnt85 {
	font-size: 85%;
}
.fnt95 {
	font-size: 95%;
}
.fnt90 {
	font-size: 90%;
}
.fnt92 {
	font-size: 92%;
}
.fnt99 {
	font-size: 99%;
}
.fnt110 {
	font-size: 110%;
}
.fnt120 {
	font-size: 120%;
}
.fnt130 {
	font-size: 130%;
}
.fnt135 {
	font-size: 135%;
}
.fnt140 {
	font-size: 140%;
}
.fnt150 {
	font-size: 150%;
}
.fnt165 {
	font-size: 165%;
}
.fnt180 {
	font-size: 180%;
}
.fnt200 {
	font-size: 200%;
}
.fnt220 {
	font-size: 220%;
}
.fnt240 {
	font-size: 240%;
}
.fnt270 {
	font-size: 270%;
}
/* font-color
--------------------------*/
.clr_red {
	color: #D80000;
}
.clr_red2 {
	color: #D80000;
}
.clr_blk {
	color: #000;
}
.clr_blue {
	color: #3399FF;
}
.clr_blue2 {
	color: #0059B2;
}
.clr_hk_blue {
	color: #397db2;
}
.clr_blue2 {
	color: #1B5FBE;
}
.clr_white {
	color: #fff;
}
.clr_ora {
	color: #FF5B26;
}
.clr_gre {
	color: #59B200;
}
.clr_pink {
	color: #EC6D80;
}
.clr_pink2 {
	color: #EB456B;
}
.clr_pink3 {
	color: #F38581;
}
.clr_green {
	color: #60C4B3;
}
/* other
--------------------------------------------------------------------------------------------------------------------*/
.clr_bth {
	clear: both;
}
.t_left {
	text-align: left;
}
.t_center {
	text-align: center;
}
.t_right {
	text-align: right;
}
.disp_blk {
	display: block;
}
.disp_inl {
	display: inline;
}
.disp_ne {
	display: none;
}
.crsr_pr {
	cursor: pointer;
}
.ps_r {
	position: relative;
}
/*0616追記*/
.ps_r .pt10.btn_back {
    padding-top: 0px;
}
.ps_r .pt10 {
    padding-top: 0px;
}
/*0616追記おわり*/
.ps_a0 {
	position: absolute;
	top: 0;
	left: 0;
}
.ps_rt10 {
	position: relative;
	top: 10px;
}
.ps_r_tp2 {
	position: relative;
	top: 2px;
}
.flt_lists li {
	float: left;
}
.flt_lft {
	float: left;
}
.flt_rgt {
	float: right;
}
.flt_non {
	float: none !important;
}
.lne_h1 {
	line-height: 1 !important;
}
.bdr_ne {
	border: none !important;
}
.bkg_ne {
	background: none !important;
}
.bdr_g1 {
	border: 1px solid #dbdbea;
}
.mh280 {
	min-height: 280px;
}
.vatop {
	vertical-align: top;
}
.vtcl_m {
	vertical-align: middle;
}
.dis_ib {
	display: inline-block
}
.m0a {
	margin: 0px auto;
}
.bg_w {
	background: #fff;
}
.bg_glay {
	background: #f2f2f2;
}
.bg_glay2 {
	background: #f7f7f7;
}
.bg_pink {
	background: #FEF1F4;
	overflow: hidden;
}
.bo_all_01 {
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.bo_all_02 {
	border: 1px solid #444;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/* pagetop
--------------------------------------------------------------------------------------------------------------------*/
.pagetop {
	position: fixed;
	bottom: 80px;
	right: -1px;
	z-index: 1000;
}
.pagetop a {
	display: block;
	width: 40px;
	height: 40px;
}
/* 画像の回り込み
--------------------------------------------------------------------------------------------------------------------*/
.img-right {
	float: right;
	padding: 0 0 5px 10px;
	display: inline;

}
.img-left {
	float: left;
	padding: 0 10px 5px 0;
	display: inline;
}
.img-center {
	padding: 5px 0 10px 0;
	text-align: center;
}
/* 画像横並べ
--------------------------------------------------------------------------------------------------------------------*/
.block-two, .block-three, .block-four, .block-five, .block-six {
	list-style: outside none none;
	margin-bottom: 0;
	margin-left: -3.19149%;
}
.block-two::after, .block-three::after, .block-four::after, .block-five::after, .block-six::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.block-two > li, .block-three > li, .block-four > li, .block-five > li, .block-six > li {
	float: left;
	height: auto;
	margin-bottom: 0.5em;
	margin-left: 3.19149%;
}
.block-two > li {
	width: 46.8085%;
}
.block-three > li {
	width: 30.1418%;
}
.block-four > li {
	width: 21.8085%;
}
.block-five > li {
	width: 16.8085%;
}
.block-six > li {
	width: 13.4752%;
}
.image-left {
	float: left;
	margin: 0 1em 1em 0;
}
/*0405*/
.block-three a:hover {
	text-decoration: none;
}
/**/
/* ボタン
-------------------------------------------------------------------------------------
-------------------------------*/
.btn_conte a {
	font-size: 18px;
	text-transform: uppercase;
	cursor: pointer;
	border: 2px solid #00A3D9;
	display: inline-block;
	color: #fff;
	width: 100%;
	text-align: center;
	width: 100%;
	padding: 14px 0;
	background: #00A3D9;
	font-weight: bold;
}
.btn_conte a:hover {
	background: #FFC166;
	color: #000;
	border: 2px solid #FFC166;
	text-decoration: none;
}
.btn_conte_cancel a {
	font-size: 18px;
	text-transform: uppercase;
	cursor: pointer;
	border: 2px solid #E94B35;
	display: inline-block;
	color: #fff;
	width: 100%;
	text-align: center;
	width: 100%;
	padding: 14px 0;
	background: #E94B35;
	font-weight: bold;
}
.btn_conte_cancel a:hover {
	background: #F18B7C;
	color: #000;
	border: 2px solid #F18B7C;
	text-decoration: none;
}
.btn_conte_touroku a {
	font-size: 18px;
	text-transform: uppercase;
	cursor: pointer;
	border: 2px solid #008000;
	display: inline-block;
	color: #fff;
	width: 100%;
	text-align: center;
	width: 100%;
	padding: 14px 0;
	background: #008000;
	font-weight: bold;
}
.btn_conte_touroku a:hover {
	background: #539924;
	color: #000;
	border: 2px solid #539924;
	text-decoration: none;
}
input.btn_jukou {
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	color: #fff;
	width: 100%;
	text-align: center;
	width: 100%;
	padding: .375rem .75rem;
	;
	background: #00A3D9;
	border: 0;
}
input.btn_jukou:hover {
	background: #00A3D9;
	color: #000;
	text-decoration: none;
}
/* ボタン　下部
--------------------------*/
span.btn_r_01 {
	float: right;
	font-size: 12px;
	background: url(https://i02.smp.ne.jp/u/sjcd/common/mark_line.png) no-repeat 0 5px;
	padding: 0 0 0 8px;
}
span.btn_r_02 {
	float: right;
	font-size: 12px;
	background: url(../images/common/mark_line_h.png) no-repeat 0 5px;
	padding: 0 0 0 8px;
}
span.btn_r_02 a {
	color: #fff;
}
/* ボタン　下部
--------------------------*/
.btn_u_list a {
	padding: 9px 6px 6px 6px;
	font-size: 12px;
	text-transform: uppercase;
	cursor: pointer;
	border: 1px solid #3399FF;
	display: inline-block;
	color: #3399FF;
	border-radius: 8px;
	margin-right: 4px;
}
.btn_u_list a:hover {
	background: #3399FF;
	color: #fff;
	border: 1px solid #3399FF;
	text-decoration: none;
}

.spiral_list input[type="submit"]{
	padding: 7px;
    margin-left: 3px;
}
.spiral_list td{
	font-size: 12px!important;
	padding: 3px!important;
	/*text-align: center!important;*/
	vertical-align: middle!important;
}
/* ボタン　コンテンツ内別ページへのリンク
--------------------------*/
/*.btn_p a{padding:9px 16px 9px 16px;
font-size:12px;
text-transform:uppercase;
cursor:pointer;
border:1px solid #FFA0AC;
display: inline-block;
color:#fff;
border-radius:8px;
margin-right:4px;
background: #FFA0AC;
}
.btn_p a:hover{
background: #E6178D;
color:#fff;
border:1px solid #DB5577;
text-decoration:none;
}*/
/*.btn_p a{
padding:7px 21px 6px 28px;
font-size:13px;
text-transform:uppercase;
cursor:pointer;
border:2px solid #FFA0AC;
background: url(../images/common/mark_line.png) no-repeat 16px 12px #fff;
display: inline-block;
color:#666;
}
.btn_p a:hover{
background: url(../images/common/mark_line_h.png) no-repeat 16px 12px #FFA0AC;
color:#fff;
border:2px solid #FFA0AC;
text-decoration:none;
}*/
.btn_p a {
	padding: 7px 21px 6px 28px;
	font-size: 13px;
	text-transform: uppercase;
	cursor: pointer;
	border: 2px solid #3399FF;
	background: url(../images/common/mark_line_out.png) no-repeat 16px 12px #fff;
	display: inline-block;
	color: #666;
}
.btn_p a:hover {
	background: url(../images/common/mark_line_h.png) no-repeat 16px 12px #3399FF;
	border: 2px solid #3399FF;
	text-decoration: none;
	color: #fff;
}
/* ボタン-ar
--------------------------*/
.btn_ar a {
	width: 100%;
	background: url(http://sample-model.com/nikkin/fitweb/common/images/common/btn_left_ar.png) no-repeat left bottom,  url(http://sample-model.com/nikkin/fitweb/common/images/common/btn_right_ar.png) no-repeat right top;
	background-color: #fff;
	display: block;
	text-align: center;
	cursor: pointer;
	color: #656565;
	font-size: 15px;/*font-size:4.6875vw;*/
}
.btn_ar a:hover {
	background-color: #FDECF1;
	text-decoration: none;
	color: #999;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}
.btn_ar a:hover .b_txt_ap, .btn_ar a:hover .b_txt_ap2 {
	color: #75CCBF;
}
.btn_ar a:hover .clr_pink2 {
	color: #F1859D;
}
.btn_ar a::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(237,69,107,0) 0%, rgba(237,69,107,.3) 100%);
	background: linear-gradient(to right, rgba(237,69,107,0) 0%, rgba(237,69,107,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.btn_ar a:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
 100% {
 left: 125%;
}
}
@keyframes shine {
 100% {
 left: 125%;
}
}
.btn_center {
	width: 400px;
	margin: 2em auto 0;
}
.btn_center a {
	width: 100%;
}

div.btn_line3 a.btn_red_small {
	border: 3px solid #b32b39;
	background: #b64e59;
	color: #fff;
	font-size: 18px;
}

input.btn_red_large {
	border: 3px solid #b32b39 !important;
	background: #b64e59 !important;
	color: #fff !important;
	/* font-size: 18px; */
}

@media only screen and (min-width: 767px) {
#login_right {
	box-sizing: unset !important;
	line-height: 1.5!important;
}
}

@media only screen and (max-width: 767px) {
.btn_ar a {
	width: 100%;
	padding: 0 0 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 3.6875vw;
}
.btn_center {
	width: 100%;
}
.btn_ar a::before {
	display: none;
}
/**/
}
/**/

/* ボタン-btn_anchor
--------------------------*/
.btn_anchor a {
	width: 100%;
	background-color: #00A3D9;
	display: block;
	text-align: center;
	cursor: pointer;
	color: #fff;
	font-size: 15px;
	height: 46px;
	line-height: 46px;
	border: 0px solid #EF847F;
	/*font-size:4.6875vw;*/
	position: relative;
	margin-top: 3px;
}
.btn_anchor a:hover {
	/*background-color:#FDECF1;*/
	text-decoration: none;
	color: #fff;
	/*-webkit-transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		-ms-transform: rotate(3deg);
		-o-transform: rotate(3deg);
		transform: rotate(3deg);
		border:1px solid #FDE3E9;*/
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	margin-top: -3px;
	margin-top: 0px;
	margin-bottom: 3px;
}
.btn_anchor a::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.btn_anchor a:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
 100% {
 left: 125%;
}
}
@keyframes shine {
 100% {
 left: 125%;
}
}

@media only screen and (max-width: 767px) {
.btn_anchor a::before {
	display: none;
}
/**/
}
/* logout
--------------------------*/
.btn_logout a {
	padding: 3px 15px 2px;
    font-size: 80%;
    cursor: pointer;
    background: #eee;
    border-radius: 3px;
    color: #666;
	margin-top: 1px;
    display: block;
		font-size: 14px;
}
/* ボタン01
--------------------------*/
.btn_line a {
	padding: 7px 0px 6px 0px;
	font-size: 100%;
	text-transform: uppercase;
	cursor: pointer;
	/*border:2px solid #FFA0AC;*/
/*background: url(https://i02.smp.ne.jp/u/sjcd/common/mark_line.png) no-repeat 16px 12px #fff;*/
	display: inline-block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: underline;
}
.btn_line a:before {
	content: url(https://i02.smp.ne.jp/u/sjcd/common/mark_line.png);
	margin-right: 6px;
	position: relative;
}
.btn_line a:hover:before {
	content: url(https://i02.smp.ne.jp/u/sjcd/common/mark_line.png);
}
.btn_line a:hover {
/*background:  #FFA0AC;
color:#fff;
border:2px solid #FFA0AC;
text-decoration:none;*/
}
/* ボタン01-外部リンク
--------------------------*/
.btn_line_out a {
	padding: 7px 21px 6px 28px;
	font-size: 13px;
	text-transform: uppercase;
	cursor: pointer;
	border: 2px solid #3399FF;
	background: url(../images/common/mark_line_out.png) no-repeat 16px 12px #fff;
	display: inline-block;
	color: #666;
}
.btn_line_out a:hover {
	background: url(../images/common/mark_line_out.png) no-repeat 16px 12px #3399FF;
	border: 2px solid #3399FF;
	text-decoration: none;
	color: #fff;
}
/* ボタン02
--------------------------*/
.btn_line2 a {
	padding: 22px 50px 19px 58px;
	font-size: 16px;
	text-transform: uppercase;
	cursor: pointer;
	border: 2px solid #46aace;
	display: inline-block;
	color: #46aace;
	background: #fff;
	font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
width: 100%;
}
.btn_line2 a:hover {
	background: #46aace;
	color: #fff;
	border: 2px solid #46aace;
	text-decoration: none;
	opacity: 1.0;
}
input.btn_line2,
button.btn_line2 {
	/*0616padding修正*/
	padding: 22px 0px 19px 0px;
	font-size: 16px;
	text-transform: uppercase;
	cursor: pointer;
	border: 2px solid #46aace;
	display: inline-block;
	color: #46aace;
	background: #fff;
	font-weight: bold;
}
input.btn_line2:hover,
button.btn_line2:hover {
	background: #46aace;
	color: #fff;
	border: 2px solid #46aace;
	text-decoration: none;
	opacity: 1.0;
}
.btn_line2.infc a {
	padding: 8px 30px;
	font-size: 14px;
}
/* ボタンlogin
--------------------------*/
.btn_login a {
	padding: 22px 50px 19px 58px;
	font-size: 16px;
	text-transform: uppercase;
	cursor: pointer;
	border: 2px solid #0080FF;
	display: inline-block;
	color: #0080FF;
	background: #fff;
	font-weight: bold;
}
.btn_login a:hover {
	background: #0080FF;
	color: #fff;
	border: 2px solid #0080FF;
	text-decoration: none;
}
input.btn_login {
	padding: 22px 50px 19px 58px;
	font-size: 16px;
	text-transform: uppercase;
	cursor: pointer;
	border: 2px solid #D96D00;
	;
	display: inline-block;
	color: #D96D00;
	;
	background: #fff;
	font-weight: bold;
}
input.btn_login:hover {
	background: #D96D00;
	;
	color: #fff;
	border: 2px solid #D96D00;
	;
	text-decoration: none;
	opacity: 1.0;
}
/* ボタン03
--------------------------*/
.btn_line3 a {
	padding: 12px 50px 9px 58px;
	font-size: 14px;
	text-transform: uppercase;
	cursor: pointer;
	border: 2px solid #46aace;
	display: inline-block;
	color: #46aace;
	background: #fff;
	font-weight: bold;
	margin-bottom: 2em;
}
.btn_line3 a:hover {
	background: #46aace;
	color: #fff;
	border: 2px solid #46aace;
	text-decoration: none;
	opacity: 1.0;
}
input.btn_line3 {
	padding: 12px 50px 9px 50px;
	font-size: 16px;
	text-transform: uppercase;
	cursor: pointer;
	border: 2px solid #00A3D9;
	display: inline-block;
	color: #00A3D9;
	background: #fff;
	font-weight: bold;
	margin-bottom: 2em;
}
input.btn_line3:hover {
	background: #00A3D9;
	color: #fff;
	border: 2px solid #00A3D9;
	text-decoration: none;
	opacity: 1.0;
}
.btn_line3.newt a {
	color: #FF0000;
	background: #fff;
	border: 2px solid #FF0000;
}
.btn_line3.newt a:hover {
	background: #FF0000;
	color: #fff;
	border: 2px solid #FF0000;
}
.btn_line3.spt a {
	color: #59B200;
	background: #fff;
	border: 2px solid #59B200;
}
.btn_line3.spt a:hover {
	background: #59B200;
	color: #fff;
	border: 2px solid #59B200;
}
/* ボタン04
--------------------------*/
.btn_line4 a {
	font-size: 18px;
	text-transform: uppercase;
	cursor: pointer;
	border: 2px solid #00A3D9;
	display: inline-block;
	color: #fff;
	width: 100%;
	text-align: center;
	width: 100%;
	padding: 14px 0;
	background: #00A3D9;
	font-weight: bold;
}
.btn_line4 a:hover {
	background: #FFC166;
	color: #000;
	border: 2px solid #FFC166;
	text-decoration: none;
}
/* ボタン05
--------------------------*/
.btn_line5 a {
	padding: 7px 21px 6px 28px;
	font-size: 100%;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #777;
}
.btn_line5 a:before {
	content: url(https://i02.smp.ne.jp/u/sjcd/common/mark_line.png);
	margin-right: 6px;
	position: relative;
}
.btn_line5 a:hover:before {
	content: url(https://i02.smp.ne.jp/u/sjcd/common/mark_line.png);
}
.btn_line5 a:hover {
/*background:  #FFA0AC;
color:#fff;
border:2px solid #FFA0AC;
text-decoration:none;*/
}
/* ボタン〒
--------------------------*/
.btn_yubin a:link, .btn_yubin a:visited {
	padding: 4px 15px 4px 15px;
	font-size: 13px;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	background: #3399FF;
	color: #fff;
	text-align: center;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	margin-left: 10px;
	vertical-align: top;
}
.btn_yubin a:hover {
	background: #CD94AB;
	color: #fff;
	text-decoration: none;
}
/* ボタン戻る
--------------------------*/
.btn_back a, input.btn_back {
	/*0616追記*/
	padding: 0;
    width: 196px;
    height: 56px;
    line-height: 60px;
    text-align: center;
	/*0616追記おわり*/
	font-size: 15px;
	text-transform: uppercase;
	cursor: pointer;
	border: 2px solid #777;
	display: inline-block;
	color: #777;
	background: #fff;
}
/*0616追記*/
input.btn_back {
	width: 200px;
    height: 60px;
}
/*0616追記おわり*/
.btn_back a:hover, input.btn_back:hover {
	background: #777;
	color: #fff;
	border: 2px solid #777;
	text-decoration: none;
	opacity: 1.0;
}
.btn01 a {
	padding: 15px 30px;
	border: solid 1px #fff;
	margin: 0 0 20px;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	background: #cb60b3;
	background: -moz-linear-gradient(top, #cb60b3 0%, #ad1283 50%, #de47ac 100%);
	background: -webkit-linear-gradient(top, #cb60b3 0%, #ad1283 50%, #de47ac 100%);
	background: linear-gradient(to bottom, #cb60b3 0%, #ad1283 50%, #de47ac 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#de47ac', GradientType=0 );
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
}
.btn01 a:hover {
	background: #890080;
	background: -moz-linear-gradient(top, #890080 12%, #db36a4 100%);
	background: -webkit-linear-gradient(top, #890080 12%, #db36a4 100%);
	background: linear-gradient(to bottom, #890080 12%, #db36a4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#890080', endColorstr='#db36a4', GradientType=0 );
	color: #ccc;
}
input.btn01 {
	padding: 15px 50px;
	border: solid 1px #fff;
	margin: 0 0 20px;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	background: #cb60b3;
	background: -moz-linear-gradient(top, #cb60b3 0%, #ad1283 50%, #de47ac 100%);
	background: -webkit-linear-gradient(top, #cb60b3 0%, #ad1283 50%, #de47ac 100%);
	background: linear-gradient(to bottom, #cb60b3 0%, #ad1283 50%, #de47ac 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#de47ac', GradientType=0 );
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
}
input.btn01:hover {
	background: #890080;
	background: -moz-linear-gradient(top, #890080 12%, #db36a4 100%);
	background: -webkit-linear-gradient(top, #890080 12%, #db36a4 100%);
	background: linear-gradient(to bottom, #890080 12%, #db36a4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#890080', endColorstr='#db36a4', GradientType=0 );
	color: #ccc;
}
.btn02 {
	background: #fceabb;
	background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	background: -webkit-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0 );
	border: 1px solid #fff;
	border-radius: 6px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
	color: #000;
	cursor: pointer;
	font-size: 12px;
	padding: 6px;
	text-transform: uppercase;
	width: 200px;
	margin: 16px 0;
}
.btn02:hover {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #FF4000 12%, #FFBF00 100%) repeat scroll 0 0;
	color: #000;
}
#sub_area input.s_btn {
	padding: 5px 20px;
	width: 130px;
	font-size: 1em;
	font-weight: normal;
	margin: 0;
}
#sub_area input.s_btn.w180 {
	width: 180px;
}
.ib_cart input.ibs_btn {
	font-size: 10px;
	padding: 5px;
	width: 86px;
	margin: 6px 0;
	font-weight: normal;
}
.ib_cart input.ibs_btn_no {
	font-size: 10px;
	padding: 5px;
	width: 86px;
	margin: 6px 0;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
}
.item_box .ib_cart span {
	display: inline-block;
	margin: 7px 0 0 6px;
	vertical-align: top;
}
.alpha {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
}
.idr_cart input.idr_btn {
	font-size: 15px;
	padding: 12px 20px;
	width: 220px;
	margin: 6px 0;
}
/*FAQ
--------------------------------------------------------------------------------------------------------------------*/
dl.faq {
	border-bottom: 1px solid #ddd;
	font-size: 110%;
	margin: 0;
	padding: 1em 2px;
	position: relative;
}
dl.faq dd {
padding: 1em 1em 1em 2em;
text-indent: -1em;
margin-left: 2em;
background: #fffbd2;
margin-top: 0.5em;
}
.dt_b{
color:#00A3D9;
font-weight: 600;
}
.faq_dd .bold{
color:#D80000;
font-weight: 600;
}
/*一覧
--------------------------------------------------------------------------------------------------------------------*/
/* 一覧01--------------------------*/
.list_01 {
	margin-top: 10px;
	padding-left: 6px;
}
.list_01 li {
	background: url("https://i02.smp.ne.jp/u/sjcd/common/mark_line.png") 3px center no-repeat;
	border-bottom: 1px solid #ccc;
	/*height: 1.8em;
    line-height: 2.1;*/
	padding: 8px 0 10px 7px;
	font-size: 14px;
}
.list_01 .listdate {
	padding: 0 10px;
	vertical-align: top;
}
.icon_new_01 {
	border: 1px solid #D90000;
	color: #D90000;
	font-size: 9px;
	padding: 0 5px;
}
.icon_new_02 {
	border: 1px solid #D90000;
	color: #D90000;
	padding: 0 5px;
}
/* 一覧02（年月）※沿革--------------------------*/
.list_02 dl {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	display: table;
	width: 100%;
	margin-bottom: 0;
}
.list_02 dt {
	border-top: 1px solid #ccc;
	width: 180px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: #eee;
	font-weight: bold;
}
.list_02 dl dd {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	display: table;
	font-size: 0.9em;
	height: auto;
	width: 100%;
	padding: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.list_02 dl dd .month {
	background: #f3f3f3 none repeat scroll 0 0;
	border-right: 1px solid #ccc;
	display: table-cell;
	height: auto;
	padding: 10px 10px 10px 0;
	text-align: right;
	width: 60px;
}
.list_02 dl dd .hl_txt {
	display: table-cell;
	height: auto;
	padding: 0 0 10px 10px;
}
.list_02 dt:first-child, .list_02 dd:first-of-type {
	border-top: 0 none transparent;
}
.list_02 dl:last-child {
	border-bottom: 1px solid #CCC;
}
/* 一覧03--------------------------*/
.list_03 ul li {
	background: url("https://i02.smp.ne.jp/u/sjcd/common/mark_line.png") 3px 8px no-repeat;
	padding: 0 0 0 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 0.5em;
}
/* 一覧04--------------------------*/
.list_04 {
	margin-top: 10px;
	padding-left: 6px;
}
.list_04 li {
	border-bottom: 1px solid #ddd;
	height: 1.8em;
	line-height: 2.1;
	padding: 10px 0 15px 7px;
}
.list_04 .listdate {
	padding: 0 10px;
}
.list_04 li a[href$=".pdf"] {
	background: url(../images/common/icon_pdf.png) no-repeat 0 3px;
}
/* 一覧05--------------------------*/
.list_05 {
	clear: both;
	width: 100%;
}
.list_05 a {
	padding: 20px 0px 20px 0px;
	border: 3px solid #FFA0AC;
	display: block;
	margin-top: 20px;
	color: #656565;
}
.list_05 a:hover {
	background-color: #FFA0AC;
	color: #fff;
	text-decoration: none;
}
.list_05 ul li {
	font-size: 13px;
	list-style-type: disc;
	margin-bottom: 10px;
	margin-left: 10px;
}
/* 一覧06--------------------------*/
.list_06 {
	padding: 0 0 0 0.5em;
}
.list_06 ul li {
	list-style-type: disc;
	margin-bottom: 10px;
	margin-left: 10px;
}
/* 一覧07--------------------------*/
.list_07 dl {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	width: 100%;
	display: table;
}
.list_07 dl.last {
	border-bottom: 1px solid #ddd;
}
.list_07 dl dt {
	border-right: 1px solid #ddd;
	width: 120px;
	vertical-align: middle;
	text-align: center;
	background: #f2f2f2;
	display: table-cell;
	padding: 0.5em;
}
.list_07 dl dd {
	font-size: 0.9em;
	display: table-cell;
	padding: 0.5em;
}
/* 一覧08--------------------------*/
.list_08 dl {
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 100%;
	display: table;
}
.list_08 dl.last {
	border-bottom: 1px solid #ddd;
}
.list_08 dl dt {
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	width: 15%;
	vertical-align: middle;
	text-align: center;
	background: #f2f2f2;
	display: table-cell;
	padding: 0.5em;
}
.list_08 dl dd {
	font-size: 0.9em;
	display: table-cell;
	padding: 0.5em;
	width: 32%;
}
/* 一覧09-recuruit-------------------------*/
.list_09 dl {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	width: 100%;
	display: table;
}
.list_09 dl.last {
	border-bottom: 1px solid #ddd;
}
.list_09 dl dt {
	border-right: 1px solid #ddd;
	width: 120px;
	vertical-align: middle;
	text-align: center;
	background: #f2f2f2;
	display: table-cell;
	padding: 0.5em;
}
.list_09 dl dd {
	font-size: 0.9em;
	display: table-cell;
	padding: 0.5em;
}
/* 一覧10--------------------------*/
.list_10 {
	padding: 0 0 0 10px;
}
.list_10 dl {
	border-bottom: 1px dotted #ddd;
	/*display:table;*/
	width: 100%;
	padding: 12px 0 8px;
}
.list_10 dl dt {
	font-size: 10px;
	font-weight: bold;/*display: table-cell;
	width: 80px;*/
}
.list_10 dl dd {
	/*font-size:12px;*/
	padding-top: 5px;/*display:table-cell;*/
}
/*.list_10 dl dd a {
	color: #333;
}*/
.list_10 .listdate {
	padding: 0 0 0 10px;
}

@media only screen and (max-width: 767px) {
.list_07 dl dt {
	border-right: 0px solid #ddd;
	width: 100%;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.list_07 dl dd {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.list_08 dl {
	border-right: 0px solid #ddd;
	border-top: 0px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 100%;
	display: block;
}
.list_08 dl dt {
	width: 100%;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 0px solid #ddd;
	border-left: 0px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 1em 15px;
	text-align: left;
}
.list_08 dl:first-child > dt {
	border-top: 1px solid #ddd;
}
.list_08 dl dd {
	width: 100%;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 0px solid #ddd;
	border-bottom: 0px solid#ddd;
	padding: 1em 5px;
}
.list_09 dl dt {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 50px;
}
.list_09 dl dd {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-break: break-all;
}
/**/}
/* 高さ固定--------------------------*/
.scroll_80 {
	overflow: auto;
	height: 80px;
}
.scroll_120 {
	overflow: auto;
	height: 120px;
}
.scroll_130 {
	overflow: auto;
	height: 130px;
}
.scroll_150 {
	overflow: auto;
	height: 150px;
}
.scroll_180 {
	overflow: auto;
	height: 180px;
}
.scroll_200 {
	overflow: auto;
	height: 200px;
}
.scroll_250 {
	overflow: auto;
	height: 250px;
border: 1px solid #ddd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
/* table
--------------------------------------------------------------------------------------------------------------------*/

/* table01
--------------------------*/
.table_01 {
	width: 100%;
}
.table_01.w50per {
	width: 50%;
}
.table_01 th, .table_01 td {
	padding: 6px 10px;
	border: 1px solid #ddd;
}
.table_01 th {
	background: #f4f4f4;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
}
.table_01.t_center th, .table_01.t_center td {
	text-align: center;
}
.table_01.t_center th.t_left, .table_01.t_center td.t_left {
	text-align: left;
}
/* 紹介用
--------------------------------------------------------------------------------------------------------------------*/
.box_b_10 li {
	border: 1px solid #ccc;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/* 画像ズーム
--------------------------------------------------------------------------------------------------------------------*/
img.grow {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
img.grow:hover {
	-webkit-transform: scale(1.02, 1.02);
	-moz-transform: scale(1.02, 1.02);
	-ms-transform: scale(1.02, 1.02);
	-o-transform: scale(1.02, 1.02);
	transform: scale(1.02, 1.02);
}
/* ページャー
--------------------------------------------------------------------------------------------------------------------*/
.pgr_count {
	text-align: center;
}
.pgr_count.pg_left {
	float: left;
}
.pgr_count.pg_right {
	float: right;
}
.pgr_count ul {
	display: inline-block;
}
.pgr_count ul li.thispage {
	background: #eee none repeat scroll 0 0;
	border: 0 none;
	border-radius: 5px;
	color: #999;
	font-weight: bold;
	padding: 7px 9px;
}
.pgr_count ul li {
	display: inline-block;
	vertical-align: middle;
}
.pgr_count ul li a {
	background-color: #ffffff;
	background-image: linear-gradient(#f5f5f5, #ffffff 30%);
	border: 1px solid #cad0c6;
	border-radius: 5px;
	box-shadow: 0 1px 1px #ccc, 0 2px 0 white inset, 0 -2px 0 #eeeeee inset;
	color: #333;
	display: inline-block;
	font-weight: bold;
	padding: 6px 8px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}
.pgr_count ul li a:hover {
	opacity: 0.6;
}
.opa {
	opacity: 0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha( opacity=30 )";
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
}
/* ico
--------------------------------------------------------------------------------------------------------------------*/
.ico_blue_01 a {
	background: #006DD9 none repeat scroll 0 0;
	color: #fff;
}
.ico_red_01 a {
	background: #b1174b none repeat scroll 0 0;
	color: #fff;
}
.ico_glay_01 a {
	background: #ddd none repeat scroll 0 0;
	color: #000;
}
.ico_blue_01 a, .ico_red_01 a {
	border-radius: 4px;
	display: inline-block;
	font-size: 12px;
	height: 24px;
	line-height: 25px;
	text-align: center;
	width: 40px;
}
.ico_glay_01 a {
	border-radius: 4px;
	display: inline-block;
	font-size: 12px;
	height: 24px;
	line-height: 25px;
	text-align: center;
	width: 80px;
}
/*shine
-----------------*/
.shine a, .shine2 a {
	position: relative;
	display: block;
	width: 690px;
	margin: 0 auto;
	overflow: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.shine2 a {
	width: 500px;
}
.shine a:hover, .shine2 a:hover {
	/*opacity:0.7;*/
	-webkit-transform: scale(0.98, 0.98);
	-moz-transform: scale(0.98, 0.98);
	-o-transform: scale(0.98, 0.98);
	transform: scale(0.98, 0.98);
}
.shine a:hover img, .shine2 a:hover img {
	opacity: 1;
}
.shine a span, .shine2 a span {
	opacity: 0;
	display: block;
	width: 60px;
	height: 120px;
	position: absolute;
	top: 20px;
	left: -700px;
	background: rgba(255, 255, 255, 0.3);
	-webkit-transition-property: left, top, opacity;
	-moz-transition-property: left, top, opacity;
	-ms-transition-property: left, top, opacity;
	-o-transition-property: left, top, opacity;
	transition-property: left, top, opacity;
	-webkit-transition-duration: 0.7s, 0.5s, 0.1s;
	-moz-transition-duration: 0.7s, 0.5s, 0.1s;
	-ms-transition-duration: 0.7s, 0.5s, 0.1s;
	-o-transition-duration: 0.7s, 0.5s, 0.1s;
	transition-duration: 0.7s, 0.5s, 0.1s;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
}
.shine a:hover span, .shine2 a:hover span {
	opacity: 1;
	top: -50px;
	left: 730px;
}
.switch {
	visibility: hidden;
}
.sp {
	display: none;
}

@media only screen and (max-width: 767px) {
.sp {
	display: block;
}
.pc {
	display: none;
}
body {
	-webkit-text-size-adjust: 100%;
}
/** {
    -webkit-appearance: none;
}*/
input {
	width: 100%;
	border-radius: 0;
}
.flt_lft {
	float: none;
}
.flt_rgt {
	float: none;
}
h1 {
/*height:50px;*/
}
h1 span {
	width: 100%;
	padding: 0 0 0 1em;
	line-height: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 120%;
}
/* コンテンツのカラム
--------------------------------------------------------------------------------------------------------------------*/

/* 1カラム-----------------*/
#contents_one {
	padding: 0px 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.conte_box {
	margin: 0px auto;
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.wrapper_box, .wrapper_box_f, .wrapper_in {
	width: 100%;
	margin: 0px auto 0;
}
.wide_box {
	width: 100%;
	margin: 3.5em auto 0;
}
/* 2カラム-----------------*/
#contents_two_top {
	width: 100%;
	float: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;/*padding:0 3%;*/
}
#contents_two {
    width: 100%;
    float: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    padding: 0 10px;
}
.c_one_box {
	width: 100%;
	float: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 60px 10px 0;
}
#sub_area {
	width: 100%;
	float: none;
	margin-top: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#sub_area img {
	width: 100%;
}
.pan_nav {
	width: 100%;
}
/* 画像の回り込み
--------------------------------------------------------------------------------------------------------------------*/
.img-right {
	float: none;
	padding: 0 0 10px 0;
	margin: 0 auto;
	display: block;
}
.img-left {
	float: none;
	padding: 0 0 10px 0;
	margin: 0 auto;
	display: block;
}
.img-center {
	padding: 5px 0 10px 0;
	text-align: center;
}
/* 画像横並べ
--------------------------------------------------------------------------------------------------------------------*/
.block-two,  .block-three,  .block-four,  .block-five,  .block-six {
	margin-left: 0;
	margin-bottom: 1.5em;
}
.block-two > li,  .block-three > li,  .block-four > li,  .block-six > li {
	float: none;
	margin: 0 0 1em 0;
	width: 100%;
}
.block-five > li {
	margin: 0 0.3em 0.5em;
	width: 46.8085%;
}
.block-three.recmenu > li {
	float: left;
	height: auto;
	margin-bottom: 0.5em;
	margin-left: 3.19149%;
	width: 30.1418%;
}
/* ボタン
--------------------------------------------------------------------------------------------------------------------*/

/* ボタン01
--------------------------*/
.btn_line a {
	width: 80%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/* ボタン01-外部リンク
--------------------------*/
.btn_line_out a:link, .btn_line_out a:visited {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	padding: 25px 21px 25px 28px;
	background: url(../images/common/mark_line_out.png) no-repeat 16px 32px #fff;
	font-size: 16px;
}
/* ボタン02
--------------------------*/
.btn_line2 a:link, .btn_line2 a:visited, input .btn_line2 {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}
input.btn_line2,
button.btn_line2 {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	min-width: 10px;
padding: 22px 0px 19px 0px;
}
/* ボタン03
--------------------------*/
.btn_line3 a {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}
/* ボタン04
--------------------------*/
.btn_line4 a:link, .btn_line4 a:visited {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}
/* ボタン05
--------------------------*/
.btn_line5 a {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	padding: 1em 0;
}
/* ボタン戻る
--------------------------*/
.btn_back a, input.btn_back {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	margin-top: 10px;
}
/*FAQ
--------------------------------------------------------------------------------------------------------------------*/
dl.faq {
	width: 100%;
}
/*一覧
--------------------------------------------------------------------------------------------------------------------*/
/* 一覧01--------------------------*/
ul.list_01 {
	margin-top: 10px;
}
ul.list_01 li {
	position: relative;
	padding: 6px 10px 6px 16px;
	background: rgba(0, 0, 0, 0) url("https://i02.smp.ne.jp/u/sjcd/common/mark_line.png") no-repeat scroll 3px 11px;
	height: auto;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
ul.list_01 .listdate {
	display: block;
	padding: 0;
}
.icon_new_01 {
	position: absolute;
	right: 0;
	top: 10px;
}
/* 一覧02（年月）※沿革--------------------------*/
.list_02 dl {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	display: block;
	width: 100%;
}
.list_02 dt {
	border-bottom: 1px solid #ccc;
	width: 100%;
	display: block;
	padding: 10px 0;
}
.list_02 dl dd {
	border-left: 0px solid #ccc;
}
.list_02 dl dd .month {
	width: 20%;
}
/* 一覧03--------------------------*/
.list_03 ul li {
	width: 50%;
	float: left;
}
/* 一覧04--------------------------*/
ul.list_04 {
	margin-top: 10px;
}
ul.list_04 li {
	position: relative;
	padding: 6px 0 6px 6px;
	height: auto;
}
ul.list_04 .listdate {
	display: block;
	padding: 0;
}
/* 画像ズーム
--------------------------------------------------------------------------------------------------------------------*/
img.grow:hover {
	-webkit-transform: scale(1.0, 1.0);
	-moz-transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
	-o-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
}
table.table_01 {
	box-sizing: border-box;
	border-right: 1px solid #000;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	display: block;
}
table.table_01 tbody {
	border-right: none;
	white-space: nowrap;
}
.shine a, .shine2 a {
	position: relative;
	display: block;
	width: 100%;
}
.shine2 a {
	width: 100%;
}
/**/}
#head4 {
	background: url(http://sample-model.com/nikkin/fitweb/bace/head4.png) no-repeat center 0;
	height: 145px;
}
#side4 {
	background: url(http://sample-model.com/nikkin/fitweb/bace/side.png) no-repeat center 0;
	height: 2067px;
	width: 249
}
/*raiten*/
.snsBox_instagram {
	background-color: #ED456B;
	padding: 10px;
}
.snsBox_instagram .snsBox_instagram_contents {
	height: 260px;
	background-color: #fff;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	margin-top: 6px;
}
.snsBox_instagram_contents {
	padding: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.snsBox_instagram_contents a {
	text-decoration: none;
}
.snsBox_instagram_contents a:hover {
	opacity: 0.4;
}
.snsBox_instagram_contents ul li {
	margin: 0 0 0px 0;
}
.snsBox_instagram_contents .sns_icon {
	margin: 0 6px 0 0;
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
}
.snsBox_instagram_contents .sns_icon img {
	width: 100%;
}
.snsBox_instagram_contents .sns_caption {
	width: 130px;
	display: inline-block;
	vertical-align: top;
}
.snsBox_instagram_contents .sns_caption .sns_date {
	color: #a3a3a3;
	font-size: 10px;
	letter-spacing: 0.08em;
}
.snsBox_instagram_contents .sns_caption .sns_line {
	color: #dd807f;
	font-size: 12px;
	letter-spacing: 0.08em;
	line-height: 1.2;
}
.snsBox_twitter {
	font-size: 12px;
	background-color: #41bee5;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	padding: 8px 10px 10px 10px;
}
.snsBox_twitter_contents {
	background-color: #41bee5;
	height: 260px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	margin-top: 7px;
	background: #fff;
}
.snsBox_twitter .badge {
	position: absolute;
	bottom: -15px;
	left: -50px;
}

@media only screen and (max-width: 767px) {
.snsBox_instagram_contents .sns_caption {
	width: 70%;
}
}/**/
.app01 {
	background: #d80000;
	color: #fff;
	font-size: 12px;
	padding: 2px 4px;
	margin-right: 2px;
}
.app02 {
	background: #fff;
	color: #444;
	font-size: 12px;
	padding: 2px 4px;
	margin-right: 5px;
}
#sub_area h3 img {
	width: auto;
}
/* login
-----------------------------*/

#login_left {
	float: left;
	margin-bottom: 20px;
	margin-top: 15px;
	width: 430px;
	/*height: 466px;*/
	min-height: 200px;
	/*background: #FFA928;*/
	background: #fff;
	border: 1px solid #ddd;
}
#login_left .log_inn {
}
#login_left input.btn_login {
	min-width: 350px;
}
.ChangeElem_Btn_Content .ChangeElem_Btn {
	float: left;
	background: #f2f2f2;
	width: 50%;
	text-align: center;
	padding: 1em 0;
	font-weight: bold;
	color: #666;
	cursor: pointer;
}
.ChangeElem_Btn_Content .ChangeElem_Btn.is-active {
	float: left;
	background: #fff;
	width: 50%;
	text-align: center;
	padding: 1em 0;
	font-weight: bold;
	color: #D96D00;
	/*border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.ChangeElem_Btn_Content .ChangeElem_Btn:hover {
	background: #00A3D9;
	color: #fff;
}
/*0718*/
.ChangeElem_Btn_Content .ChangeElem_Btn:hover {
	background: #f2f2f2;
	color: #666;
	cursor: pointer;
}
.ChangeElem_Btn_Content .ChangeElem_Btn.is-active:hover {
	background: #FFF;
	color: #D96D00;
	cursor: pointer;
}
#login_left .ChangeElem_Panel {
	padding: 10px 25px 30px 25px;
	clear: both;
}
#login_left .ptn_l_put {
	width: 100%;
}
#login_left p {
	padding: 0 0 5px;
	text-align: center;
}
#login_left p.c_mark a {
	padding: 0 0 0 7px;
}
#login_left p.c_mark a:first-child {
	border-right: 1px solid #666;
	padding: 0 10px 0 0;
}
#login_left .log_l_hoji_t {
	margin-left: 1em;
	padding: 0 0 0 5px;
	text-align: left;
	text-indent: -1em;
}
#login_left .login_btn {
	margin-top: 10px;
	text-align: center;
}
#login_left .login_fb_area {
	background: #f8efd6 none repeat scroll 0 0;
	padding: 0 0 20px;
}
#login_left .login_fb_area dl dt {
	padding: 20px 0 0 30px;
}
#login_left .login_fb_area dl dd {
	padding: 10px 0 5px 30px;
}
#login_right {
	border: 1px solid #dbdbea;
	float: right;
	height: 373px;
	height: 442px;
	margin-bottom: 20px;
	margin-top: 15px;
	width: 467px;
	padding: 10px 20px 20px 20px;
}
#login_right .btn_line3 {
	text-align: center;
	padding-top: 10px;
}
#login_right .btn_line5 a {
	width: 270px;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#login_right .lr_tit {
	text-align: center;
	background: #00A3D9;
	color: #fff;
	padding: 6px 0;
	font-weight: bold;
}
#login_right .login_btn {
	margin: 10px 0;
	text-align: center;
}
#login_right p {
	padding: 0 10px 10px 10px;
}
.login .log_in_txt {
	display: inline-block;
	padding-left: 40px;
	width: 80px;
}
.login .wide_l {
	width: 250px;
}
.login .login_btn {
	text-align: center;
	width: 424px;
}
.pass_link {
	margin-bottom: 25px;
	text-align: center;

}
.pass_link span {
	border: 1px solid #ccc;
	background: #fff;
	padding: 5px 10px 3px 10px;
	font-size: 12px;
	font-weight: bold;
}

@media only screen and (max-width: 767px) {
#login_left {
	float: none;
	height: auto;
	margin-bottom: 30px;
	margin-top: 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#login_left .ptn_l_put {
/*width: 100%;*/
}
#login_left p.c_mark a {
	padding: 0 10px 10px;
	display: block;
}
#login_right {
	float: none;
	border: 0px;
	height: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#login_left p.c_mark a:first-child {
	border-right: 0px solid #666;
}
#login_left input.btn_login {
	min-width: 0px;
}
#login_right .btn_line5 a {
	width: 100%;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/**/}
/* mypage
-----------------------------*/

/* ID・名前
-----------------------------*/
.m_namearea dl {
	margin: 20px 0 10px 0;
	width: 100%;
	display: table;
}
.m_namearea dl dt {
	float: left;
	text-align: center;
	padding: 20px 0;
	width: 30%;
	background: #FFF0DB none repeat scroll 0 0;
	border-right: 1px solid #00A3D9;
	box-sizing: border-box;
	margin: 0 0 8px;
	display: table-cell;
}
.m_namearea dl dd {
	background: #f8f8f8;
	width: 70%;
	padding: 20px 0 20px 20px;
	float: right;
	margin: 0 0 8px;
	box-sizing: border-box;
	display: table-cell;
}
/* ブロックメニュー
-----------------------------*/
.icon_menu ul li {
	border: 0px solid #eee;
	height: 209px;
	text-align: center;
	position: relative;
	/*background:rgba(255,255,255,0.8);*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.icon_menu ul li a {
	display: block;
	height: 100%;
	text-decoration: none;
	color: inherit;
}
.icon_menu ul li:last-child {
	margin-right: 0;
}
.icon_menu ul li a:hover {
/*display: block;
	border: 3px solid #00A3D9;
	margin: -3px;*/
}
.icon_menu ul li.green a:hover {
/*display: block;
	border: 3px solid #00B22D;
	margin: -3px;*/
}
.icon_menu ul li.blue a:hover {
/*display: block;
	border: 3px solid #0080FF;
	margin: -3px;*/
}
.icon_menu ul li img.icon {
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 10px;
}
.icon_menu ul li img.corner {
	width: 21px;
	height: 19px;
	top: 0px;
	right: 0px;
	position: absolute;
}
.icon_menu ul li span {
	display: block;
	font-size: 20px;
	text-align: center;
	padding-top: 140px;
}
.icon_menu ul li.red1 a {
	display: block;
	height: 100%;
	text-decoration: none;
	color: inherit;
}
.icon_menu ul li span.red2 {
	display: block;
	font-size: 16px;
	text-align: center;
	color: red;
	font-weight: bold;
}
.icon_menu ul li.red1 a:hover {
/*display: block;
	border: 3px solid #F7B93C;
	margin: -3px;*/
}
/* 支払い状況
-----------------------------*/
#kessai_tit_area {
	padding: 30px 0 50px;
	text-align: center;
}
#kessai_tit_area .kta_tit {
	text-align: center;
	display: block;
	font-size: 40px;
	position: relative;
}
#kessai_tit_area .kta_tit:before {
	content: url("https://i02.smp.ne.jp/u/sjcd/img/kesai_top_enmark.png");
	margin: 0 10px;
	position: relative;
	top: 20px;
}
#kessai_tit_area p {
	margin: 20px auto;
	position: relative;
}
#kessai_kaihi_area {
	width: 100%;
	text-align: center;
	padding: 20px 0;
	margin: 10px auto;
	border: 1px #ddd solid;
	text-align: center;
	font-size: 20px;
}
#kessai_kaihi_area li {
	padding: 10px;
	width: 60%;
	margin: 0 auto;
}
#kessai_kaihi_area li {
	padding: 10px;
	width: 60%;
	margin: 0 auto;
}
#kessai_kaihi_area li p {
	text-align: center;
}
#kessai_kaihi_area .dot_border {
	border-bottom: #64b2c8 dotted 3px;
}
#other_kessai.btn_line2{
width:900px;
}
#other_kessai.btn_line2 a{
border: 3px solid #eee;
color: #666;
}
#other_kessai.btn_line2 a:hover{
border: 3px solid #00A3D9;
background:#fff;
color: #999;
}
#contact_kessai span.tel {
	color: #309fdf;
	font-size: 18px;
	padding: 0 30px;
}

/*
-----------------------------*/
.menu_kessai {
	margin: 20px auto;
	width: 100%;
}
.menu_kessai ul li {
	float: left;
	height: 156px;
	text-align: center;
	background-color: #fff;
	border: 3px solid #eee;
	box-sizing: border-box;
}
.menu_kessai ul li img {
	display: block;
	margin: 0 auto;
}
.menu_kessai ul li a:hover {
	display: block;
	border: 3px solid #00A3D9;
	margin: -3px;
}
.si_syu_right {
	float: right;
	width: 200px;
	border-left: 1px solid #dbdbea;
	text-align: center;
}
.block-four .sub-description {
	font-size: 15px;
	margin-top: -5px;
}
/* アラート
-----------------------------*/
.credit_alert {
	text-align: center;
	color: red;
	background-color: pink;
	padding: 10px 5px;
	margin: 3px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	font-size: 17px;
}

@media only screen and (max-width: 767px) {
/**/}
ul.apirireki li span:nth-child(2) {
	padding: 0 1em;
}
ul.apirireki li span:nth-child(3) {
	padding: 0 1em;
}
ul.apirireki li span.sts {
	color: #d80000;
}
.api-inf {
	display: inline-flex;
}

@media only screen and (max-width: 767px) {
.api-inf {
	display: block;
}
ul.apirireki li span:nth-child(3) {
	padding: 0 1em 0 0;
}
ul.apirireki li {
	padding-bottom: 1em;
}
#other_kessai.btn_line2{
width:100%;
}
/**/}
/* マイページTOPへ戻る
-----------------------------*/
.myback {
	margin-bottom: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	text-align: right;
	font-size: 12px;
	margin-top: 5px;
}
.myback a {
	border: 1px solid #0080FF;
	display: inline-block;
	padding: 2px 6px 1px;
}
.myback a:hover {
	border: 1px solid #0080FF;
	background: #0080FF;
	color: #fff;
	text-decoration: none;
}
/**/
.cse .gsc-control-cse, .gsc-control-cse {
	border: 0 !important;
}
.alert-danger {
	font-weight: bold;
	color: #D80000;
}
.d-img-left {
	float: left;
	width: 180px;
}
.d-img-left img {
	width: 100%;
}
.document-error {
	border: 1px solid red;
	padding: 4px;
	font-size: 1.4rem;
	color: red;
	background-color: yellow;
}

@media only screen and (max-width: 767px) {
.d-img-left {
	float: none;
	width: 100%;
}
.d-img-left img {
	width: 100%;
}
.w70per {
	width: 100%;
}
/**/}
/**/
.list_10 dl dd {
	display: table-cell;/*width: 50px;*/
}
.list_10 dl dd.tou_title {
	width: 300px;
}
.list_10 dl.por {
	position: relative;
}
.list_10 dl dd.tbtns {
	width: auto;
	position: absolute;
	right: 0;
	bottom: 10px;
}
.toukou_btn a {
	padding: 2px 10px;
	margin: 0 5px 0 0;
	border-radius: 5px;
}
.toukou_btn.btnico_00 {
	padding: 2px 5px 2px 0px;
	margin: 0 5px 0 0;
	border-radius: 5px;
	border: 0px solid #ddd;
}
.btnico_00 a {
	background: #EEEEEE;
}
.btnico_00 a:hover {
	background: #f6f6f6;
	text-decoration: none;
}
.btnico_01 a {
	background: #006dd9;
	color: #fff;
}
.btnico_01 a:hover {
	background: #0683FF;
	color: #fff;
	text-decoration: none;
}
.btnico_02 a {
	background: #EEEEEE;
	color: #000;
}
.btnico_02 a:hover {
	background: #f6f6f6;
	color: #000;
	text-decoration: none;
}
.btnico_03 a {
	background: #4DA6FF;
	color: #fff;
}
.btnico_03 a:hover {
	background: #8AC5FF;
	color: #fff;
	text-decoration: none;
}
.post_header {
	/*position: fixed;*/
	width: 100%;
	/*top: 230px;*/
	z-index: 10;
	/*right: -10px;*/
	/* background-color: #f0ad4e; */
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #ddd;
	background: rgba(255,255,255,0.6);
}

@media only screen and (max-width: 767px) {
.list_10 {
	padding: 0 10px;
}
.list_10 dl dd {
	display: table-cell;
	width: 100%;
}
.list_10 dl dd.tou_title {
	width: 100%;
}
.list_10 dl dd.tbtns {
	width: auto;
	position: relative;
	right: auto;
	bottom: auto;
	display: block;
	margin-top: 5px;
}
.list_10 dl dd.tbtns span.toukou_btn a {
	width: 100%;
	display: block;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 0.5em;
}
.col-lg-3.control-label {
	width: 100%;
}
.post_header {
	position: fixed;
	width: 100%;
	top: auto;
	z-index: 10;
	right: auto;
	/* background-color: #f0ad4e; */
	padding: 5px;
	border-radius: 0px;
	bottom: 0;
	background: rgba(0,0,0,0.6);
}
}/**/
.form-control {
	width: auto!important;
	display: inline-block!important;
}
.megam_01 dl.gmn {
	margin-bottom: 0!important;
}
.megam_01 .gmn dt {
	margin-bottom: 0!important;
}
.megam_01 .gmn dd {
	margin-bottom: 0!important;
}
.error_input {
	background-color: #f2dede;
}
form .form-control-feedback {
	position: relative;
	top: 0;
	z-index: 2;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	pointer-events: none;
	display: inline-block;
	left: 0px;
}
form .has-feedback label~.form-control-feedback {
	top: 0px;
}


#footer {
	clear: both;
	color: #333333;
	font-size: 14px;
	text-align: left;
	width: 100%;
	padding-top: 50px;
}
#footer_copy {
	/*background: #7abcd4;*/
	clear: both;
	margin: 0 auto;
	padding: 30px 0 100px;
	border-top: 1px solid;
}
#footer_copy_in {
	padding-top: 10px;
	text-align: center;
	font-size: 11px;
}

@media only screen and (max-width: 767px) {
#footer {
	margin-top: 0px;
}
#footer_copy_in {
	width: 100%;
}
#footer_copy_in {
	font-weight: normal;
	padding-top: 1em;}
}
input[type="text"],input[type="password"] {
 width:100%;
}
input.input2{
width: 100px;margin-top: 8px;}
textarea {
    width: 100%;
}
.tooltips{
background:#FF7F00;
border-radius: 100%;
width: 20px;
display: inline-block;
height: 20px;
text-align: center;
color: #fff;
font-weight: normal;
font-size: 14px;
}

.tippy-tooltip.arr-c-theme {
  background-color: #FF7F00;
  color: #fff;
}

.tippy-tooltip.arr-c-theme[data-animatefill] {
  background-color: transparent;
}

.tippy-tooltip.arr-c-theme .tippy-backdrop {
  background-color: #FF7F00;
}
@media only screen and (max-width: 767px) {
.qr-code{width:30%!important;margin: 20px auto;}
}
#form_Table > dl > dd::after, .form_Table > dl > dd::after {
    content: "";
    display: block;
    clear: both;
}


/*#SMP_STYLE h1 .login_header{
	  background-color:#39464a;  
  	}
	
	#SMP_STYLE h1 .login_header{
		text-align:left;
	    	}
	
	.login_blue{
		color:#63b2c7;
	}
	
	.smp_tmpl dt .login_loginID{
		font-size:18px;
	}
*/

/*   common */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

.mt0 {
	margin-top: 0;
	border: #0C3 solid 1px;
	overflow: hidden;	
	}
	
.red{
	color: #CC0000;
	
	}



/*   common //*/


#header_area {
	background: url(https://i02.smp.ne.jp/u/sjcd/images/common/header/head_bg_01.png) repeat-x 0 0;
	width: 100%;
	height: 50px;
	padding-bottom: 10px;
	/*	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);*/
	position: relative;
}
.header-inner {
	width: 900px;
	margin: 0 auto;
	position: relative;
}
.logo_s {
	float: left;
	width: 128px;
	padding: 3px 0 0 0;
}

/*.logo_s img {
	width: 100%;
}
*/


.footer {
	margin: 20px auto;
	font-size: small;
	color: #4b5056;
	text-align: center;
	width: 900px;
	float: left;
	color: #fff;
}

.thanks_btn {
	/*width: 150px;*/
    padding: 10px 40px;
    font-size: 105%;
	text-shadow: 1px 1px 1px #fff;  
	}
	

li{
list-style: none;
}
 
ul.acordion{
/*background: #f5f5f5;*/
/*border-right: solid 1px #808080;
border-left: solid 1px #808080;*/
margin: 15px 0;
padding: 0;
}
 
ul.acordion li {
/*border-bottom: solid 1px #808080;*/
vertical-align: middle;
}

ul.acordion li .none-submenu {
	background-size: 2%;
	display: block;
	padding: 15px 0;
	
	margin-bottom: 10px;
	background: url(https://i02.smp.ne.jp/u/sjcd/images/cnt_bar_btn.png) no-repeat 98% 50%;
}
 
ul.acordion li .active-submenu {
	display: block;
	padding: 15px 0 0 0;
	margin-bottom: 10px;
	background: url(https://i02.smp.ne.jp/u/sjcd/images/cnt_bar_btn_o.png) no-repeat 98% 50%;
}


ul.acordion li .blue{
	display: inline-block;
	width: 100%;
	cursor: pointer;
	text-align: left;
	color: #FFF;
	font-size: 105%;
	line-height: 2;
	font-weight: bold;
	margin: 0;
	padding: 0 10px;
}
 
ul.acordion li ul {
margin: 0;
padding: 0;
border: none;
background-color: #fff;
}

ul.acordion li ul.white {
	background-color: #fff;
}
 
ul.acordion li ul li {
background: #fff;
}
 
ul.acordion li ul li:last-child{
border-bottom: none;
}

ul.acordion li ul li a {
color: #696969;
display: block;
padding: 10px 0;
text-decoration: none;
}

ul.acordion li .cont_swt {
	width: 135px;
	height: 42px;
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(https://i02.smp.ne.jp/u/sjcd/images/cnt_bar_btn.png);
	top: 9px;
	cursor: pointer;
	right: 1px;
	float: right;
}

#SMP_STYLE .need_2 {
	color: #CC0000;
	font-size: 100%;
	font-weight:bold;
	text-align:left;
	display: inline;
}

#SMP_STYLE .need_tab {
	display: none;
}

#SMP_STYLE .need_sp {
	display: none;
}

/*/////////////// login_0316 */


#SMP_STYLE h1.login_header {
	background-color:#39464a;
	text-align:left;
	height:80px;
}


#SMP_STYLE h1.login_header img{
	padding-left:30px;
	padding-top:20px;
}

#SMP_STYLE .login_main{
	margin:auto;
}

#SMP_STYLE .login_title{
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
}

#SMP_STYLE .login_nyuryoku{
	text-align:left;
	width:400px;
	margin-top:20px;
	color:#545859;
}

#SMP_STYLE .login_btn1{
  	border-radius: 5px;
  	background-image: -moz-linear-gradient( 90deg, rgb(97,176,196) 0%, rgb(108,187,211) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(97,176,196) 0%, rgb(108,187,211) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(97,176,196) 0%, rgb(108,187,211) 100%);
  	width: 400px;
  	height: 57px;
  	color: #FFFFFF;
	font-size: 153.9%;
	font-weight: bold;
	text-align: center;

	border: hidden;
	margin-top:40px;
	margin-bottom:10px;
}

#SMP_STYLE .login_touroku{
	text-align:left;
	width:360px;
	margin-bottom:30px;
	color:#545859;
}


/*/////////////// login_0406 */

.login_line{
	width: 600px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	
	}
	
#SMP_STYLE .login_new a{
	display: block;
  	border-radius: 5px;
  	background-image: -moz-linear-gradient( 90deg, rgb(97,176,196) 0%, rgb(108,187,211) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(97,176,196) 0%, rgb(108,187,211) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(97,176,196) 0%, rgb(108,187,211) 100%);
  	width: 400px;
  	height: 40px;
  	color: #FFFFFF;
	font-size: 153.9%;
	text-align: center;
	border: hidden;
	margin-top:10px;
	margin-bottom:10px;
	padding-top: 15px;
	text-decoration: none;
}

/*#SMP_STYLE .login_new p{
	display: inline;
	vertical-align: middle;

}*/
/*//////////////////////////*/



/*#SMP_STYLE .body_tbl_login {
	width: 900px;
	margin: 0 auto;
	padding-bottom: 30px;
	background: #FFFFFF;
}*/

/*#SMP_STYLE .input_login {
	width: 400px;
	height:50px;
	margin-bottom: 8px;
	padding: 5px;
	color: #333333;
	border: 1px solid #999999;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
	font-size: 108%;
	text-align: left;
}*/

/*/////////////// login_0316 */





@media screen and (min-width:726px) and (max-width:981px) {
	
ul.acordion li .none-submenu {
	background: url(https://i02.smp.ne.jp/u/sjcd/images/cnt_bar_btn.png)no-repeat 96% 50%; 
	display: block;
	text-indent: 10px;
}

ul.acordion li .active-submenu {
	background: url(https://i02.smp.ne.jp/u/sjcd/images/cnt_bar_btn_o.png)no-repeat 96% 50%; 
	display: block;
	border: #ccc solid 1px;
	text-indent: 10px;
	margin-bottom: 10px;
}

  ul.acordion li:first-child span.blue{
	display: inline-block;
	width: 300px;
	margin: 10px 0px;
	padding: 10px 0px;
	cursor: pointer;
	text-align: left;
	color: #FFF;
	font-size: 105%;
	line-height: 2;
	font-weight: bold;
}	
	
	
ul.acordion{
/*background: #f5f5f5;*/
/*border-right: solid 1px #808080;
border-left: solid 1px #808080;*/
margin: 15px 0;
padding: 0;

	display: table;
	margin: 0;
	position: relative;
	width: 100%;
	float: left;
	margin-bottom: 10px;
	padding: 0 0 0 0;

}
ul.acordion li .none-submenu {
	background: url(https://i02.smp.ne.jp/u/sjcd/images/cnt_bar_btn.png) no-repeat 96% 50%; 
	display: block;
	text-indent: 10px;
}

ul.acordion li .active-submenu {
	background: url(https://i02.smp.ne.jp/u/sjcd/images/cnt_bar_btn_o.png) no-repeat 96% 50%; 
	display: block;
	text-indent: 10px;
	margin-bottom: 10px;
}

ul.acordion ul.white{
background-color: #fff !important;
}	
	
	
	
	
#SMP_STYLE .need_2 {
	display: none;
}

#SMP_STYLE .need_tab {
	/*position: absolute;*/
	color: #CC0000;
	text-align: left;
	font-size: 80%;
	font-weight :bold;
	text-align: left;
	/*padding-left: 10px;*/
	padding-top: 20px;
	display: inline;
}

#SMP_STYLE .need_sp {
	display: none;
}


/*/////////////// login_0406 */

.login_line{
	width: 600px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	
	}
	
#SMP_STYLE .login_new{
  	border-radius: 5px;
  	background-image: -moz-linear-gradient( 90deg, rgb(97,176,196) 0%, rgb(108,187,211) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(97,176,196) 0%, rgb(108,187,211) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(97,176,196) 0%, rgb(108,187,211) 100%);
  	width: 400px;
  	height: 40px;
  	color: #FFFFFF;
	font-size: 153.9%;
	text-align: center;
	border: hidden;
	margin-top:10px;
	margin-bottom:10px;
	padding-top: 15px;
}

#SMP_STYLE .login_new p{
	/*height: 57px;*/
	display: inline;
	vertical-align: middle;
}
/*//////////////////////////*/





}


@media screen and (max-width:725px) {
	
	
.header-inner {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#sp_header_menu {
	float: left;
	position: relative;
	width: 100%;
}

#sp_header_menu .icon{
	display: block;
	width: 54px;
	margin: 0 5px 0 0px;
}



#sp_header_menu a {
	position: relative;
	float: right;
	display: inline-block;
	padding: 2px;
	color: #63b0c1;
	background-color: #fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	text-decoration: none;
	font-size: 80%;
	text-align: center;
}

#sp_header_menu .icon img {
	/*width: 34px;*/
	height: 30px;
}

#sp_header_menu .logo_s img {
	/*width: 34px;*/
	height: 40px;
	margin: 5px;
}


#sp_header_menu span {
	display: block;
	font-weight: bold;
}
	
	
#SMP_STYLE .need_2 {
	display: none;
}

#SMP_STYLE .need_tab {
	display: none;
}

#SMP_STYLE .need_sp {
	color: #CC0000;
	text-align: left;
	font-size: 80%;
	font-weight:bold;
	text-align:left;
	/*padding-left: 10px;*/
	display: inline;
}

/*/////////////// login_0316 */


#SMP_STYLE h1.login_header {
	background-color:#39464a;
	text-align:left;
	height:80px;
}


#SMP_STYLE h1.login_header img{
	padding-left:30px;
	padding-top:20px;
}

#SMP_STYLE .login_main{
	width: 90%;
	text-align: center;
	padding-top: 10px;
	margin: 0px auto 0;
}

#SMP_STYLE .login_title{
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
}

#SMP_STYLE .login_nyuryoku{
	text-align:left;
	width: 90%;
/*	margin-top:20px;*/
	color:#545859;
}

#SMP_STYLE .login_btn1{
  	border-radius: 5px;
  	background-image: -moz-linear-gradient( 90deg, rgb(97,176,196) 0%, rgb(108,187,211) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(97,176,196) 0%, rgb(108,187,211) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(97,176,196) 0%, rgb(108,187,211) 100%);
  	width: 150px;
  	height: 57px;
  	color: #FFFFFF;
	font-size: 153.9%;
	font-weight: bold;
	text-align: center;
	border: hidden;
	margin-top:40px;
	margin-bottom:10px;
}

#SMP_STYLE .login_touroku{
	text-align:left;
	width: 90%;
	margin: 10px auto 30px;
	color:#545859;
}

/*#SMP_STYLE .body_tbl_login {
	width: 900px;
	margin: 0 auto;
	padding-bottom: 30px;
	background: #FFFFFF;
}*/

#SMP_STYLE .input_login {
	width:100%;
	height:50px;
	margin-bottom: 8px;
	padding: 5px;
	color: #333333;
	border: 1px solid #999999;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
	font-size: 108%;
	text-align: left;
}

/*/////////////// login_0316 */



/*/////////////// login_0406 */

.login_line{
	width: 600px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	
	}
	
#SMP_STYLE .login_new a{
	display: block;
  	border-radius: 5px;
  	background-image: -moz-linear-gradient( 90deg, rgb(97,176,196) 0%, rgb(108,187,211) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(97,176,196) 0%, rgb(108,187,211) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(97,176,196) 0%, rgb(108,187,211) 100%);
  	width: 70%;
  	height: 40px;
  	color: #FFFFFF;
	font-size: 153.9%;
	text-align: center;
	border: hidden;
	margin-top:10px;
	margin-bottom:10px;
	padding-top: 15px;
}

#SMP_STYLE .login_new p{
	/*height: 57px;*/
	display: inline;
	vertical-align: middle;
}
/*//////////////////////////*/




}

/*/////////////// top_ */

#SMP_STYLE .zip_link {
	font-weight: normal;
	color: inherit;
	}

#SMP_STYLE .zip_link a {
	display: inline;
	text-decoration: underline;
	color: #06F;
	}









.spiral_head{
	text-align: center;
	padding: 10px 0;
	background: #46aace;
}
.spiral_head div{
	font-size: 100%;
    color: #fff;
    font-weight: normal;
    /* padding: 0 0 0 10px; */
    line-height: 1.2;
    margin: 0 auto;
    max-width: 960px;
    display: block;
}
.spiral_head h1{
	font-size: 100%;
    color: #F1F9E6;
	display: inline-block;
}
.spiral_head img{
	/*width: 180px;*/
}
.spiral_top_box{
	width: 100%;
	border: 1px solid #ddd;
	padding: 2em;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	margin-top: 20px;
}

.header_emesg,.msg{
	display: block;
color: #DD0000;
font-size: 100%;
font-weight: bold;
margin-bottom: 5px;
text-align: left;
clear: both;
padding-top: 10px;
}
/* table01
--------------------------*/
.form_Table table  { width: 100%; }

span.need {
    background: #c80000 none repeat scroll 0 0;
    color: #fff;
    font-size: 10px;
    margin-left: 5px;
    padding: 0 5px;
	font-weight: normal;
}

/* form,input
--------------------------------------------------------------------------------------------------------------------*/
select {
	-moz-appearance: button;
	-webkit-appearance: none;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 1px 1px #ccc, 0 2px 0 white inset, 0 -2px 0 #eeeeee inset;
	font-size: 100%;
	padding: 5px 4px;
	/*min-width: 100px;*/
text-align: center;
}
select.w250{
	min-width:250px ;
}
select.w70per{
	min-width:250px ;
}
	 select.w30per{
	width:auto;
}
input {
	padding: 5px 0px;
	border:1px solid #ddd;
	border-radius: 4px;
}
input.btn_line2 {
	/* 0616padding非表示 */
	/* padding: 22px 58px 19px 58px!important; */
}
textarea{
	border:1px solid #ddd;
}
input[type="radio"],input[type="checkbox"]{
  position: relative;
  /*: 2px;*/
	margin-right: 3px;
}

@media only screen and (max-width: 767px) {
	td.smp-sf-head,td.smp-sf-body{
	display: block;
	width: 100%!important;
}
	input[type="radio"],input[type="checkbox"]{
  width:auto;
}
	input {
	padding: 10px 0px;
}
	select {
	padding: 12px 4px;
		background: #fff;
}
}/**/

/* mailform
--------------------------------------------------------------------------------------------------------------------*/

#form_Table > dl,.form_Table > dl {
	border: 0 none;
	display: table;
	margin: 0;
	padding: 0;
	width: 100%;
}
#form_Table > dl:first-child > dt,.form_Table > dl:first-child > dt {
	border-top: 1px solid #DBDBEA;
}
#form_Table > dl.top_line,.form_Table > dl.top_line {
	border-top: 1px solid #DBDBEA;
}
#form_Table > dl > dt,.form_Table > dl > dt {
	/*background: #f2f2f2;*/
	background: #f2f2f2;
	
	border-bottom: 1px solid #DBDBEA;
	border-right: 1px solid #DBDBEA;
	display: table-cell;
	font-weight: normal;
	margin: 0;
	padding: 1em 15px;
	text-align: left;
	vertical-align: middle;
	width: 30%;
}
#form_Table dl dt,.form_Table dl dt {
	font-weight: bold;
	margin-bottom: 0.5em;
	border-left: 1px solid #DBDBEA;
}
#form_Table > dl:first-child > dd,.form_Table > dl:first-child > dd {
	border-top: 1px solid #DBDBEA;
}
#form_Table > dl > dd,.form_Table > dl > dd {
	border-bottom: 1px solid #DBDBEA;
	border-right: 1px solid #DBDBEA;
	display: table-cell;
	vertical-align: middle;
}
#form_Table > dl > dd,.form_Table > dl > dd {
	padding: 1em 15px;
	width: 70%;
}
#form_Table > dl > dd p,.form_Table > dl > dd p {
	padding: 5px 0 0 0;
}
ul.formname-list li {
	display: inline-block;
	padding-right: 12px;
}
.kiyaku {
	border: 1px solid #c2c2c2;
	height: 450px;
	overflow-y: scroll;
	margin: 10px 0px;
	padding: 20px 10px;
}
.comment_area {
	background: #fffbd2 none repeat scroll 0 0;
	text-align: center;
	vertical-align: middle;
	padding:10px 0 0 10px;
	
}
.comment_area2 {
	background: #fffbd2 none repeat scroll 0 0;
	border: 0 solid #dbdbea;
	height: auto;
	padding: 10px;
	text-align: left;
}
.comment_area3 {
	background: #fffbd2 none repeat scroll 0 0;
	border: 0 solid #dbdbea;
	height: auto;
	padding: 10px;
	text-align: center;
}
.comment_area4 {
	background: #fffbd2 none repeat scroll 0 0;
	border: 0 solid #dbdbea;
	height: auto;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}
.desc {
	color: #0059b2;
}
.desc ul, .desc ul li{
	list-style: disc;
	margin:0 0 0 10px;
	padding: 0;
}
.ev_nintei{
	padding-left:10px;
}
dl.ev_payall{
	padding:30px 20px;
}
dl.ev_payall dt{
	font-size:22px;
	border-bottom:1px solid #444;
	text-align:center;
	padding:0 0 8px;
	font-weight:600;
}
dl.ev_payall dd{
	font-size:28px;
	color:#d80000;
	font-weight:600;
	text-align:center;
	padding:5px 0 0 0;
}
.phone li.num01 input { width: 70px; }
.phone li.num02 input { width: 70px; }
.phone li.num03 input { width: 70px; }
.zipcode ul li,
.phone ul li,
.time ul li {

    float: left;
    height: 35px;
    line-height: 35px;
    margin: 0 3px 0 0;
    padding: 0;
    width: auto;

}
.zipcode .code01 input { width: 60px; }
.zipcode .code02 input { width: 70px; }
.price input { width: 200px; }
.num input { width: 60px; }
.integer input { width: 90px; }
.real input { width: 170px; }
.pass input { width: 150px; }
.epass input { width: 160px; }
.time input { width: 50px;margin-right: 3px; }
.time .year { width: 80px; }
/* ステップ図
--------------------------------------------------------------------------------------------------------------------*/
.flows_area {
	margin: 0px 0 10px;
	display: inline-block;
	width: 100%;
}
ul.flows {
	width: 100%;
}
li.flow {
	height: 30px;
	line-height: 30px;
	list-style: none;
	text-align: center;
	font-size: 12px;
	margin-left: 20px;
	float: left;
	position: relative;
	z-index: 10;
	padding: 0 37px;
	background: #eee;/*基本背景色*/
	/*width: 28%;*/
}
li.flow:first-child {
	margin-left: 0px;
}
li.flow::after {
	content: "";
	height: 0;
	border-top: solid 4px rgba(0, 0, 0, 0);
	border-bottom: solid 4px rgba(0, 0, 0, 0);
	position: absolute;
	top: 10px;
	right: -14px;
	z-index: 5;
	border-left: solid 6px #333333;/*現在地 矢印部分色*/
	
}
li.flow.current {
	background: #46aace;/*現在地 背景色*/
	color: #fff;
}
li.flow.current::after {
	
}
li.flow:last-child::after {
	display: none;
	width: 0;
}
.flows:after {
	content: "";
	display: block;
	clear: both;
}

 @media only screen and (max-width: 767px) {
select {
	width: 100%;
	min-width: 0;
}
select.w70per{
	width: 68%;
}
	 select.w30per{
	width: 30%;
}
	 select.w250{
	min-width:0px ;
}
select.w70per{
	min-width:0px ;
}
	 textarea{
 width:100% !important;
	border-radius:4px;
	margin-top:10px;
}
 #form_Table > dl:first-child > dd,
	.form_Table > dl:first-child > dd {
 border-top: 0px solid #DBDBEA;
}
#form_Table > dl > dt,
.form_Table > dl > dt {
 border-bottom: 1px solid #DBDBEA;
 border-right: 0px solid #DBDBEA;
 display: block;
 border-left: 0px solid #DBDBEA;
 padding: 1em 15px;
 text-align: left;
 width:100%;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom: 0;
}
#form_Table > dl > dd,
.form_Table > dl > dd {
 display: block;
 width:100%;
	padding: 1em 5px 1.8em;
	-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
 border-right: 0px solid #DBDBEA;
	
}
ul.formname-list li {
    padding-right: 0;
				padding-bottom:1em;
}
a[href$="/zipcode/"] {
	display: block;
	padding-top:10px;
}
span.ml10{
	margin:0;
}
ul.formname-list li {
	display:block;
	padding-right: 12px;
}
/*0319*/
li.flow {
	/*display:none;*/
margin-left: 0px;
margin-bottom: 10px;
padding: 0px;
width: 42%;
}
li.flow.current {
	display:block;
	margin-left:0;
}
ul.flows li:nth-child(even) {
margin-left: 20px;
}
/* input蟷&#65533; */
.ptn1 {
 width: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.ptn2 {
 width: 22%;
}
.ptn3 {
 width: 26%;
}
.ptn4 {
 width: auto;
}
.ptn5 {
 width: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom: 5px;
}
.ptn6 {
 width: 80%;
}
.ptn7 {
	width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
text-align:center;
}
.ptn_l_put{
 width: 80%;
}
.comment_area2,
.comment_area3,
.comment_area4 {
	width: 100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}
.w30per.flt_rgt.t_right .btn_line2 a{
	margin-top:10px;
	
}
.ev_nintei{
	display:block;
	padding-top:10px;
	padding-left:0;
}
/**/}
.open_area {
	margin: 0 0px 10px;
}
.open_area a {
	display: block;
}
.open_area .toggle2.toggle_menu .child {
	display: none;
	padding: 10px;
}
.open_area .toggle2.toggle_menu.active .child {
	display: block;
}
.open_area .toggle2.toggle_menu .toggle_title {
	color: #0059b2;
	border-bottom: 1px solid #ddd;
	padding: 10px 0 10px 12px;
	cursor: pointer;
	background: #f8f8f8;
}
.open_area .toggle2.toggle_menu .toggle_title:hover {
	color: #922a40;
	text-decoration: underline;
	background: #eee;
}
.switch .toggle_menu:after {
	position: absolute;
	top: 26px;
	right: 10px;
	margin-top: -1.4rem;
	content: '>';
	font-size: 1.4rem;
	font-weight: bold;
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-moz-transition: all, 0.25s, linear;
	-o-transition: all, 0.25s, linear;
	-webkit-transition: all, 0.25s, linear;
	transition: all, 0.25s, linear;
}
.switch .toggle_menu.active:after {
	-moz-transform: translate(0, 50%);
	-ms-transform: translate(0, 50%);
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.toggle_menu {
	display: block;
	position: relative;
}

	/*#contents_one {
    margin: 0px auto;
    width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
		
}*/
input.btn_line2 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    min-width: 10px;
}

/* radio */
ul.radio li{
	float: left;
	padding: 10px 0 0 0;
}
ul.radio label{
	cursor       : pointer;
	position     : relative;
	padding-left : 5px;
	margin-right : 20px;
	overflow     : hidden;
	padding-left : 20px;
	display      : inline-block;
	background: #f7f7f7;
	padding: 5px 12px 5px 30px;
	border-radius: 5px;
}
ul.radio label:before {
	position      : absolute;
	width         : 15px;
	height        : 15px;
	border        : 1px solid #ddd;
	border-radius : 50%;
	left          : 5px;
	top           : 8px;
	content       : '';
	z-index       : 3;
}
ul.radio label:after {
	content          : '';
	position         : absolute;
	width            : 11px;
	height           : 11px;
	border-radius    : 100%;
	left             : 8px;
	top              : 11px;
	background-color : #00A3D9;
	z-index          : 1;
}
ul.radio label input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	z-index    : 2;
	width      : 16px;
	height     : 16px;
	left       : -16px;
	top        : 10px;
	margin     : 0px;
	box-shadow : 20px -1px #fff;
	border-radius: 100px;
	padding: 0;
}
ul.radio label input[type="radio"]:checked {
	box-shadow : none;
}
ul.radio label input[type="radio"]:focus {
	opacity    : 0.2;
	box-shadow : 20px -1px #FFF;
}

/*CheckBox */
ul.checkbox li{
	float: left;
	padding: 10px 0 0 0;
}
ul.checkbox label,
div.checkbox label{
	cursor       : pointer;
	position     : relative;
	padding-left : 25px;
	margin-right : 20px;
	overflow     : hidden;
	position     : relative;
	padding-left : 25px;
	display      : inline-block;
	box-sizing   : border-box;
	/*border: 1px solid #ddd;*/
	background: #f7f7f7;
	padding: 5px 12px 5px 30px;
	border-radius: 5px;
}
ul.checkbox label :before,
div.checkbox label :before{
	content  : '';
	position : absolute;
	width    : 20px;
	height   : 20px;
	left     : 5px;
	top      : 5px;
	border   : 1px solid #ddd;
	z-index  : 3;
	border-radius: 4px;
}
ul.checkbox label :after,
div.checkbox label :after{
	content           : '';
	position          : absolute;
	top               : 12px;
	left              : 10px;
	display           : block;
	margin-top        : -8px;
	width             : 8px;
	height            : 12px;
	border-right      : 3px solid #00A3D9;
	border-bottom     : 3px solid #00A3D9;
	transform         : rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform    : rotate(45deg);
	z-index           : 1;
}
ul.checkbox label  input[type="checkbox"],
div.checkbox label  input[type="checkbox"]{
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	left       : -36px;
	width      : 20px;
	height     : 20px;
	display    : block;
	box-shadow : 41px 0px #fff;
	z-index    : 2;
	margin     : 0px;
	padding    : 0px;
}
ul.checkbox label  input[type="checkbox"]:hover,
div.checkbox label  input[type="checkbox"]:hover{
	opacity: 1.0;
}
ul.checkbox label  input[type="checkbox"]:checked,
div.checkbox label  input[type="checkbox"]:checked{
	box-shadow : none;
}
ul.checkbox label  input[type="checkbox"]:checked:focus,
div.checkbox label  input[type="checkbox"]:checked:focus{
	box-shadow : 40px 0px #fffbd2;
	opacity    : 0.1;
}
ul.checkbox label  input[type="checkbox"]:focus,
div.checkbox label  input[type="checkbox"]:focus{
	box-shadow : 41px 0px #EEE;
}
input:focus,
textarea:focus{
  border: 1px solid #ff9900;
  outline: 0;
	background: #FFF2DF;
}
@media only screen and (max-width: 767px) {
ul.checkbox li,
ul.radio li{
	float:none;
	padding: 0 0 10px 0;
}

ul.radio label{
	
	width: 98%;
	-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
	padding: 5px 0 5px 30px;
}
ul.checkbox label,
div.checkbox label{
	width:98%;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	padding: 5px 0 5px 30px;
}
}/**/


/*un_dmenu*/
.um_case{
		width:100%;
	}
	.um_case ul.mnr_i{
		position: fixed;
bottom: 0;
width: 100%;
		float: none;
		background:rgba(255,255,255,0.9);
		border-top: 1px solid #ddd;
		
	}
	.um_case li{
		width: 33%;
		float: left;
		min-height: 60px;
		line-height: 0;
		
	}
	
	.um_case ul.mnr_i li a {
    width: auto;
}
ul.un_dmenu li {
    border-left: 1px solid #ddd;
    display: block;
	text-align: center;
	padding: 8px 0 0 0;
	
}
ul.un_dmenu li a img {
    display: block;
	margin: 0 auto;
	height: 30px;
	
}
ul.un_dmenu li:hover{
	/*background: #FFF2DF;*/
background:#C64F00;
}
/*ul.un_dmenu li:nth-child(1) a{
	background: url(../images/mn07.png) no-repeat center 0;
}

ul.un_dmenu li:nth-child(1) a:hover{
	background: url(../images/mn07_on.png) no-repeat center 0 #FFF0DB;
}
ul.un_dmenu li:nth-child(2) a{
	background: url(../images/mn02.png) no-repeat center 0;
}

ul.un_dmenu li:nth-child(2) a:hover{
	background: url(../images/mn02_on.png) no-repeat center 0 #FFF0DB;
}
ul.un_dmenu li:nth-child(3) a{
	background: url(../images/mn03.png) no-repeat center 0;
}

ul.un_dmenu li:nth-child(3) a:hover{
	background: url(../images/mn03_on.png) no-repeat center 0 #FFF0DB;
}*/
ul.un_dmenu{
		position: fixed;
bottom: 0;
width: 100%;
		float: none;
		/*background:rgba(255,255,255,0.9);*/
background:#FF7F00;
		border-top: 1px solid #ddd;
		z-index: 100;
	}
ul.un_dmenu .und_txt{
	font-size: 10px;
	color: #fff;
	padding-top: 14px;
	display: inline-block;
		
	}
ul.un_dmenu li:nth-child(2) .und_txt,
ul.un_dmenu li:nth-child(3) .und_txt{
	padding-top: 0px;
		
	}
.myp_head{
	float: left;
	padding: 16px 0 16px 10px;
}
.myp_head img{
	/*width: 195px;*/
}
div#pc_header_menu{
		color:#000;
		font-size:13px;
	}
	div#pc_header_menu ul{
		float:right;
		margin:10px 5em 10px 0;
	}
	div#pc_header_menu ul li{
		float:left;
	}
	div#pc_header_menu ul li.user{
		border-right:1px dashed #000;
		padding-right:30px;
	}
	div#pc_header_menu ul li.payment{
		padding:0 30px;
	}
	div#pc_header_menu ul li.logout{
		padding-top: 5px;
	
	}
	div#pc_header_menu ul li span{
		display:inline-block;
		vertical-align:top;
	}
	div#pc_header_menu ul li a.logout_btn{
		background: #eee none repeat scroll 0 0;
border: 1px solid #ddd;
font-size: 11px;
padding: 5px 20px 4px;
		color: #666;margin-top: 10px;
	}

/*top*/
.icon_menu_bg{
	background: url(../images/common/icon_bg.jpg) 0 0;
	padding: 3em 0 2em 0;
	background-size: cover;
}
.icon_menu{
	background: rgba(255,255,255,0.8) url(../images/common/icon_waku_bg.png) center 30px no-repeat;
	padding-bottom: 20px;
}
.icon_menu ul{
	padding: 20px;
}
.icon_menu ul li{
	float: left;
	width: 30%;
	margin: 1.4%;
}
.icon_under{
	/*background:rgba(255,255,255,0.6);*/
	padding: 20px 0 0;
}

.icon_menu ul li:nth-child(1) a{
	background: url(../images/common/menu_icon_user.png) center 0 no-repeat;
	color: #000;
}
.icon_menu ul li:nth-child(1) a:hover{
	background: url(../images/common/menu_icon_user_hv.png) center 0 no-repeat;
}
.icon_menu ul li:nth-child(2) a{
	background: url(../images/common/menu_icon_nenji.png) center 0 no-repeat;
	color: #000;
}
.icon_menu ul li:nth-child(2) a:hover{
	background: url(../images/common/menu_icon_nenji_hv.png) center 0 no-repeat;
}
.icon_menu ul li:nth-child(3) a{
	background: url(../images/common/menu_icon_event.png) center 0 no-repeat;
	color: #000;
}
.icon_menu ul li:nth-child(3) a:hover{
	background: url(../images/common/menu_icon_event_hv.png) center 0 no-repeat;
}
.icon_menu ul li:nth-child(4) a{
	background: url(../images/common/menu_icon_faq.png) center 0 no-repeat;
	color: #000;
}
.icon_menu ul li:nth-child(4) a:hover{
	background: url(../images/common/menu_icon_faq_hv.png) center 0 no-repeat;
}
.icon_menu ul li:nth-child(5) a{
	background: url(../images/common/menu_icon_kessai.png) center 0 no-repeat;
	color: #000;
}
.icon_menu ul li:nth-child(5) a:hover{
	background: url(../images/common/menu_icon_kessai_hv.png) center 0 no-repeat;
}
.icon_menu ul li:nth-child(6) a{
	background: url(../images/common/menu_icon_masta.png) center 0 no-repeat;
	color: #000;
}
.icon_menu ul li:nth-child(6) a:hover{
	background: url(../images/common/menu_icon_masta_hv.png) center 0 no-repeat;
}

.icon_menu ul li a{
	color: #000;
}
.icon_menu ul li a:hover{
	color: #fff;
	-webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            -ms-transition: 0.5s;
            transition: 0.5s;
}




.srvices_list .icon_block:nth-of-type(n)::before {

    display: none;

}
.srvices_list .icon_block:nth-of-type(2n)::before {

    display: block;

}
.srvices_list .icon_block::before {

    content: "";
    display: block;
    position: absolute;
    bottom: 40px;
    top: 40px;
    left: 0;
    width: 1px;
    background-color: #c2c2c2;

}
.srvices_list .icon_block + .icon_block::after {

    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 40px;
    right: 40px;
    height: 1px;
    background-color: #c2c2c2;

}



.bg_box01{
	background: #f5f5f5;
}
.bg_box02{
	background: #f5f5f5;
}
h3.th3 {
    border-bottom: 0px solid #00A3D9;
    font-size: 26px;
    font-weight: bold;
    margin: 0px 0 10px;
    padding: 6px 4px 4px 2px;
    position: relative;
	text-align:center;
	color: #00A3D9;

}
h3.th3 span{

    font-size:14px;
	display: block;
	font-weight: normal;
	text-align:center;
	color: #000;


}
h3.th3::after {
    background-color: #00A3D9;
    bottom: -3px;
    content: "";
    height: 0px;
    left: 0;
    position: absolute;
    width: 20%;
    z-index: 2;
	
	/*box-sizing: unset !important;*/
}
ul.eb_list{
	text-align: center;
	margin-top: 15px;
}
.eb_list li{
	display: inline-block;
}
ul.ub_list{
	text-align: center;
	margin-top: 15px;
}
.ub_list li{
	display: inline-block;
	width: 160px;
	padding: 0 5px;
}
.ub_list li img{
	width: 100%;
}
.tel_box{

	background: #fff;
	text-align: center;

	padding: 2em;
}
.tel{
	font-size:28px;
	color: #000;
}




@media only screen and (max-width: 767px) {
.myp_head{
	float: none;
	text-align: center;
	padding: 16px 0;
	border-bottom: 1px solid #eee;
}
	.myp_head h1{
	text-align: center;
}
	div#pc_header_menu ul{
		float:left;
		margin:10px 0 10px 1em;
}
	div#pc_header_menu ul li{
		float:none;
	}
	div#pc_header_menu ul li.user{
		border-right:0px dashed #000;
		padding-right:0px;
		display: block;
	}
	div#pc_header_menu ul li.payment{
		padding:0;
		display: block;
	}
	div#pc_header_menu ul li.logout{
		    position: absolute;
    right: 10px;
    top: 90px;
}
.eb_list li{
		margin-bottom: 10px;
}
.ub_list li{
	margin-bottom: 10px;
}
.icon_menu ul li {

    float: left;
    width: 47%;
    margin: 1.4%;

}
.icon_menu{
	background: rgba(255,255,255,0.8) url(../images/common/icon_waku_bg_sp.png) center 12px no-repeat;
	padding-bottom: 20px;
}
	
	
	

}/**/


/*cate_icon*/
.rb_i_cate{
	color: #333;
	font-size: 11px;
	padding: 1px 6px 0;
	border: 1px solid #ddd;
}
#titleArea .rb_i_cate a{
	font-size: 13px;
	padding: 2px 10px 0;
	margin-top: 15px;
	display: inline-block;
}

.rb_i_cate.co01{
	border-color: #D04933;
	color: #D04933;
	white-space: nowrap;
}
.rb_i_cate.co02{
	border-color: #D76330;
	color: #D76330;
	white-space: nowrap;
}
.rb_i_cate.co03{
	border-color: #D6933A;
	color: #D6933A;
	white-space: nowrap;
}
.rb_i_cate.co04{
	border-color: #CFAD54;
	color: #CFAD54;
	white-space: nowrap;
}
.rb_i_cate.co05{
	border-color: #CEBF6C;
	color: #CEBF6C;
	white-space: nowrap;
}
.rb_i_cate.co06{
	border-color: #98BC5C;
	color: #98BC5C;
	white-space: nowrap;
}
.rb_i_cate.co07{
	border-color: #66AF3C;
	color: #66AF3C;
	white-space: nowrap;
}
.rb_i_cate.co08{
	border-color: #128B55;
	color: #128B55;
	white-space: nowrap;
}
.rb_i_cate.co09{
	border-color: #37B27B;
	color: #37B27B;
	white-space: nowrap;
}
.rb_i_cate.co10{
	border-color: #7BBDA1;
	color: #7BBDA1;
	white-space: nowrap;
}
.rb_i_cate.co11{
	border-color: #82B9BE;
	color: #82B9BE;
	white-space: nowrap;
}
.rb_i_cate.co12{
	border-color: #84A6C2;
	color: #84A6C2;
	white-space: nowrap;
}
.rb_i_cate.co13{
	border-color: #daa5a5;
	color: #daa5a5;
	white-space: nowrap;
}
.rb_i_cate.co14{
	border-color: #8bab5d;
	color: #8bab5d;
	white-space: nowrap;
}
/*.rb_i_cate.co01:hover{
	background: #008c8b;
	color: #fff;
	text-decoration: none;
}
.rb_i_cate.co02:hover{
	background: #efe326;
	color: #fff;
	text-decoration: none;
}
.rb_i_cate.co03:hover{
	background: #f39300;
	color: #fff;
	text-decoration: none;
}
.rb_i_cate.co04:hover{
	background: #12513c;
	color: #fff;
	text-decoration: none;
}
.rb_i_cate.co05:hover{
	background: #fc9845;
	color: #fff;
	text-decoration: none;
}
.rb_i_cate.co06:hover{
	background: #0782eb;
	color: #fff;
	text-decoration: none;
}
.rb_i_cate.co07:hover{
	background: #0ae0ed;
	color: #fff;
	text-decoration: none;
}
.rb_i_cate.co08:hover{
	background: #6425c2;
	color: #fff;
	text-decoration: none;
}
.rb_i_cate.co09:hover{
	background: #ec013a;
	color: #fff;
	text-decoration: none;
}
.rb_i_cate.co10:hover{
	background: #B20000;
	color: #fff;
	text-decoration: none;
}
.rb_i_cate.co11:hover{
	background: #0059B2;
	color: #fff;
	text-decoration: none;
}
.rb_i_cate.co12:hover{
	background: #59B200;
	color: #fff;
	text-decoration: none;
}*/


#leftbace{
	position: fixed;
    top: 59px;
    left: 0;
    overflow: hidden;
    width: 28%;
    height: 100%;
	background: #eee;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	padding: 20px;
}
#logo{
	text-align: center;
	width: 250px;
	margin: 0 auto;
}
#logo img{
	width: 100%;
}
/*#lb_tagarea{
	width: 100%;
	border: 1px solid #ddd;
	background: #fff;
	margin: 10px auto;
	display: table;
	padding: 10px 2px 10px 0;
	
}
#lb_tagarea dt{
	display: table-cell;
	vertical-align: middle;
	width: 80px;
	text-align: center;
}*/
#sa_tagarea{
	display: table-cell;
	font-size: 12px;
}
#sa_tagarea a{
	padding-right: 1em;
}
#lb_adtxt {
    margin: 10px 0 10px 0;
	font-size: 80%;
}
#lb_adtxt li {
	text-align: left;
	font-size: 11px;
	margin-bottom: 3px;
	display: inline-block;
	width: 100%;
}
#lb_adtxt li a {
	color: #3F48CC;
	text-decoration: underline;
}
#lb_adtxt li a:hover {
	color: #202677;
	text-decoration: underline;
}
#lb_newsarea{
	width: 100%;
	border: 1px solid #ddd;
	background: #fff;
	margin: 10px auto;
	padding: 10px 2px 10px 0;

}
#lb_newsarea .newstit{
	padding: 0 10px;
}

#leftbace .fmenu{
	font-size: 12px;
	text-align: center;
	width: 100%;
}
#leftbace .fmenu a{
	color: #333;
}
#leftbace .copy{
	font-size: 10px;
	text-align: center;
	width: 100%;
}

/**/
#rightbace {
    position: absolute;
    top: 74px;
    left: 29%;
    z-index: 200;
    height: 100%;
}
.rb_ul{
	
}
.rb_ul li{
	width: 33.333%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	padding: 10px;
	float: left;
	position: relative;
}
.rb_ul.cat_rb li{
	width: 50%;
}
.kanren {
	padding-bottom: 30px;
	display: inline-block;
}
.kanren .rb_ul li{
	width: 50%;
}
.rb_ul li .rbu_case{
	border: 1px solid #ddd;
	padding: 20px 20px 10px;
	height: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.rb_ul .rb_i_photo{
	padding: 0 0 7px;
	display: block;
	overflow: hidden;
	height: 174px;
}
@media only screen and (min-width: 1701px) {
	.rb_ul .rb_i_photo{
		height: 216px;
}
	.rb_ul li{
		height:390px !important;
		
	}
	#rightbace {
    max-width: 1400px;
}
}/**/
@media only screen and (min-width: 1500px) and  (max-width: 1700px) {
	.rb_ul .rb_i_photo{
		height: 210px;
}
}/**/
@media only screen and (min-width: 1011px) and  (max-width: 1250px) {
	.rb_ul .rb_i_photo{
	height: 124px;
}
}/**/
@media only screen and (min-width: 641px) and  (max-width: 1010px) {
	.rb_ul .rb_i_photo{
	height: 130px;
}
	.rb_ul .rb_i_user{
	text-align: left !important;;
	float: none !important;
		display: block;
		max-width: 100% !important;;
}
}/**/
@media only screen and (max-width: 640px) {
	.rb_ul .rb_i_photo{
	height: auto;
}
}/**/
.zoom{
    width:350px;
    overflow: hidden;
}

.rb_ul .rb_i_photo img{
    width:100%;
    -moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;

    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
transform: scale(1.0);
}

.rb_ul .rb_i_photo img:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
transform: scale(1.05);
}
.rb_ul .rb_i_photo img{
	width: 100%;
}

.rb_i_text{
	margin-top: 3px;
	font-size: 14px;
	height: 3em;
	overflow-y: hidden;
}
.rb_i_text a {
	color: #333;
}
.rb_i_text a:hover {
	text-decoration: none;
	color: #999;
}
.info{
	font-size: 12px;
}
.rb_ul .info i{
	color: #F29300;
}

.rb_ul .rb_i_tag{
	display: block;
	border-bottom: 1px solid #eee;
	padding-bottom: 2px;
	margin-bottom: 3px;
	margin-top: 10px;
}
.rb_ul .rb_i_tag a{
	/*color: #007FFF;*/
	padding-right: 8px;
}
.rb_ul .rb_i_tag a:hover{
	color: #004F9D;
	text-decoration: underline;
}
.rb_ul .rb_i_user{
	text-align: right;
	float: right;
}
.rb_ul .rb_i_tag{
	background: url(../images/common/t_ico_tag.gif) no-repeat 0 1px;
	margin-right: 3px;
	padding-left: 16px;
	height: 18px;
	overflow-y: hidden;
}
.rb_ul .rb_i_user{
	background: url(../images/common/t_ico_user.gif) no-repeat 0 1px;
	margin-right: 3px;
	padding-left: 16px;
	white-space: nowrap;
	max-width: 44%;
	overflow-x: hidden;
}
.rb_ul .rb_i_time{
	background: url(../images/common/t_ico_time.gif) no-repeat 0 1px;
	margin-right: 3px;
	padding-left: 16px;
	
}
.rb_ul li .rbu_bn_case{
	border: 1px solid #ddd;
	padding: 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	background-size: cover;
	height: 100%;
	display: table;
	width: 100%;
}
.rb_ul li .rbu_bn_case img{
	width: 100%;
}
.rb_ul li .rbu_bn_case .inn{
	display: table-cell;
	vertical-align: middle;
}
.rb_ul li .rbu_event_case{
	border: 1px solid #ddd;
	background: url(../images/common/photobg_01.png) no-repeat 0 0;
	height: 100%;
	padding: 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	background-size: cover;
}
.rb_ul li .rbu_event_case .fit_l{
	float: left;
	width: 48%;
}
.rb_ul li .rbu_event_case .fit_r{
	float: right;
	width: 48%;
}
.rb_ul li .rbu_event_case .fit_l img,
.rb_ul li .rbu_event_case .fit_r img{
	width: 100%;
}

.rb_ul li .rbu_mag_case{
	border: 10px solid #FFC977;
	border: 1px solid #D96D00;
	padding: 18px 14px 0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	height: 100%;
	/*background: #FFA928;*/
	font-size: 14px;
	
}
@media only screen and (min-width: 1011px) and  (max-width: 1250px) {
	.rb_ul li .rbu_mag_case{
	font-size: 12px;
}
}/**/
.rb_ul li .rbu_mag_case .fit_l{
	float: left;
	width: 30%;
}
.rb_ul li .rbu_mag_case .rm_txt{
	height: 70px;
	overflow: hidden;
	display: block;
	padding-bottom: 10px;
	line-height: 1.2;
}
.rb_ul li .rbu_mag_case .rm_txt2{
	width: 100%;
	border-top: 1px solid #fff;
	padding-top:10px;
	margin: 10px 0 5px;
	overflow: hidden;
	text-align: center;
}
.rb_ul li .rbu_mag_case .fit_l img,
.rb_ul li .rbu_mag_case .fit_r img{
	width: 100%;
}
/**/
.rb_ul li .rbu_mag_case .fm01{
	padding: 0 10px 0 0;
	width: 36%;
}
.rb_ul li .rbu_mag_case .fm01 img{
	width: 100%;
}
.rb_ul li .rbu_mag_case .fm02{
	position: relative;
	vertical-align: top;
	line-height: 1.2;
}
.rb_ul li .rbu_mag_case .fr_btn a{
padding:4px 0px ;
text-transform:uppercase;
cursor:pointer;
display: inline-block;
color:#fff;
	width: 100%;
	text-align: center;
	background: url(../images/common/mark_line_w.png) no-repeat right 8px #D96D00;
	position: absolute;
	bottom: 0;
}
.rb_ul li .rbu_mag_case .fr_btn a:hover{
background:url(../images/common/mark_line_w.png) no-repeat right 8px #F29300;
color:#fff;
text-decoration:none;
opacity:1.0;
}
.rb_ul li .rbu_mag_case .fm_btn{
	width: 50%;
	margin: 0 auto;
}
.rb_ul li .rbu_mag_case .fm_btn a{
padding:4px 0px ;
text-transform:uppercase;
cursor:pointer;
display: inline-block;
color:#fff;
	width: 100%;
	text-align: center;
	background: url(../images/common/mark_line_w.png) no-repeat right 8px #D96D00;
}
.rb_ul li .rbu_mag_case .fm_btn a:hover{
background:url(../images/common/mark_line_w.png) no-repeat right 8px #F29300;
color:#fff;
text-decoration:none;
opacity:1.0;
}
/*.rb_ul li .rbu_event_case .fit_l{
	height: 40%;
	margin-left:7%; 
}
.rb_ul li .rbu_event_case .fit_l span a{
	height: 100%;
	border: 1px solid #fff;
	width: 43%;
	display: inline-block;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	margin-right:3%;
	text-align: center;
	line-height: 1.1;
}*/

.rb_ul li .rc_tit{
	text-align: center;
}
.rb_ul li .rc_tit img{
}

/*tablet*/
@media print, screen and (min-width: 641px) and (max-width: 1010px) {
#leftbace{
	position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
	background: #eee;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	padding: 0px 0 20px 0;
}
#rightbace {
    position: relative;
    top: 0px;
    left: 0%;
    z-index: 200;
    height: 100%;
}
	#logo{
	text-align: center;
	width: auto;
	margin: 0 auto;
}
		#logo h1{
	text-align: center;
}
	#logo img{
	width: auto;
}
	#lb_adtxt {
    margin: 10px 0 10px 4.5%;
		width: 90%;
}
	#lb_newsarea {
    width: 90%;
    border: 1px solid #ddd;
    background: #fff;
    margin: 10px 0 10px 4.5%;
    padding: 10px 2px 10px 0;
}
	#leftbace .fmenu {
    font-size: 12px;
    text-align: center;
    width: 100%;
		display: none;
}
	#leftbace .copy {
    font-size: 10px;
    text-align: center;
    width: 100%;
		display: none;
}

	
}/**/

/*sp*/
@media print, screen and (max-width: 640px) {
#leftbace{
	position: relative;
    top: 0;
    width: 100%;
	padding: 0px 0px 20px;
}
#rightbace {
    position: relative;
    top: 0px;
	left: 0;
}
	#logo{
	width: auto;
	margin: 0 auto;
		max-width: 80%;
}
	#logo img{
	width: auto;
}
	#lb_adtxt {
    width: 90%;
    margin: 10px 0 10px 4.5%;
}
	#lb_adtxt li {
    font-size: 12px;
}
	#lb_newsarea {
    width: 90%;
    border: 1px solid #ddd;
    background: #fff;
    margin: 10px 0 10px 4.5%;
    padding: 10px 2px 10px 0;
}
	#leftbace .fmenu {
		display: none;
}
	#leftbace .copy {
		display: none;
}
.rb_ul li {
    width: 100%;
}
	.rb_i_text {
    font-size: 12px;
}
	.rb_ul li .rbu_case {
    padding: 10px 10px 5px;
}
	.rb_ul li .rbu_bn_case {
    padding: 10px 10px 5px;
}
.rb_ul li .rbu_mag_case {
    padding: 10px 10px 5px;
}
.rb_ul li .rbu_event_case {
    padding: 10px 10px 5px;
}
	.rb_ul li .rbu_mag_case .rm_txt {
		font-size: 12px;
}
.rb_ul .rb_i_user {
    text-align: left;
    float: left;
}

.rb_ul li .rbu_mag_case .fit_r {
    float: none;
    width: auto;
}
.rb_ul li .rbu_mag_case .fit_l {
    margin-right: 0.5em;

}
.rb_ul .fr_btn	{
	display: block;
 }
.rb_ul li .rbu_mag_case .rm_txt2 {
    height: 38px;
    overflow: hidden;
}
	.kanren .rb_ul li{
	width: 100%;
}
}/**/

/*detail*/
section:first-child, article:first-child {
    margin: 0;
    padding: 0;
}
article figure.textBox {
    border-left: 4px solid #e6e6e6;
    padding:0 0 0.5em 1em;
                margin-top:0.5em;
}
article figure.textBox p {
    padding: 0.2em 0 0.5em 0;
}
/*----------------- sns -----------------*/
.sns_wrapper {
    /*/display: table;
    table-layout: fixed;*/
    width: 100%;
	padding-top: 10px;
}
.sns_wrapper ul {
    margin: 10px auto 20px;
    width: 80%;
}
.sns_wrapper li {
     padding-right:3px;
	padding-left:3px;
    display: inline-block;
    font-weight: 300;
    /*vertical-align: middle;*/
	width: 49%;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sns_wrapper li a {
    background-size: auto 110%;
    border-radius: 3px;
    color: white;
    display: block;
    font-size: 1.0em;
    height: 40px;
    line-height: 40px;
    text-align: center;
                padding:0 1em;
                margin-bottom:0.5em;
}
.sns_wrapper li a i {
                padding-right:0.5em;

}
.fb_button a {
    box-shadow: 0 3px #22416d;
                background:#3A5B9E;
}
.tw_button a {
    background:#51BEF1;
    box-shadow: 0 3px #2e88a3;
}
.fb_button a:hover {
    background-color: #2b4a8a;
    box-shadow: 0 2px #22416d;
    margin-bottom: -1px;
    margin-top: 1px;
}
.tw_button a:hover {
    background-color: #42b2e7;
    box-shadow: 0 2px #2e88a3;
    margin-bottom: -1px;
    margin-top: 1px;
}
/**/
section, article {
    margin-bottom: 3em;
}
article p {
    padding: 0.5em 0 0 0;
	line-height: 1.8;
}
p.lead {
    text-align: justify;
}
article figure {
    padding: 0.5em 0 0 0;
	margin: 0;
}
article figure img {
    padding-bottom: 3px;
}
.moviePost {
    position: relative;
    width: 100%;
    margin-top: 0.5em;
}

article figcaption {
    font-size: 0.7em;
    padding: 0;
}
.fb_iframe_widget {
    padding-bottom: 5px;
}
.fb_iframe_widget {
    display: inline-block;
    position: relative;
}

/*.profile_image {
    border: 0;
    margin: 10px;
    width: 200px;
    min-height: 200px;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}*/
.u_prof_t{
	border-top:1px solid #ddd; 
	padding-top: 5em;
	margin-top: 1em;
}
.u_prof{
	border:1px solid #ddd; 
	padding: 1em;
	margin-top: 1em;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	min-height: 230px;
}
.u_prof .up_photo{
	float: left;
	width: 150px;
	height: 150px;
}
.u_prof dl{
	padding-left: 160px;
}
.u_prof dl dd{
	padding-top: 20px;
}
.u_prof  a.upname {
	width: 75%;
	display: inline-block;
}
.u_prof  a.sns_icon {
    float: right;
    text-decoration: none;
    margin-right: 10px;
}
.fb-like {
    text-align: center;
    transform: scale(1.8);
                margin:10px 0 0 0;
}
.likebox {
                border-bottom:1px solid #ddd;
                text-align:center;
                padding:0 0 6px 0;
                margin-bottom:20px;
}
.likebox_in {
                background:#fafafa;
                padding:15px 0 18px 0;
	text-align: center;
}
.likebox p {
                text-align:center;
                margin:0 0 10px 0;
                font-size:86%;
                font-weight:bold;
}
/**/
.thumbnail_group {
    width: 100%;
    height: 100%;
    clear: both;
}

.large_thumbnail .thumbnail_l {
    width: auto;
    height:194px;
    max-height:194px;
    margin: 0 1.25em 1.25em 0;
    position: relative;
    top: 0;
    left: 0;
    float: left;
    overflow:hidden;
}
.large_thumbnail .thumbnail_l .info {
    font-size:80%;
}
.large_thumbnail .thumbnail_l .user {
    font-size:90%;
}

.large_thumbnail .thumbnail_l:nth-child(odd) {
    margin: 0 1.25em 1.25em 0;
}

.large_thumbnail .thumbnail_l:last-child {
    margin-bottom: 1.8725em;
}

.large_thumbnail .thumbnail_l a img {
    margin: 0;
    padding: 0;
}
.large_thumbnail .thumbnail_l .fa {
    color:#fff;
}
.large_thumbnail .thumbnail_l .fa-user {
    font-size:120%;
    padding-top:2px;
}
.titleArea{
    display: block;
    width:100%;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    padding: 0.3em;
    position: absolute;
    bottom: 0;
    z-index: 2;
}

.titleArea a {
    color: #fff;
    line-height: 150%;
}

.titleArea a:hover {
    text-decoration: underline;
}

.titleArea .titleTag {
    margin-bottom: 0.8em;
}

.titleArea .titleTag .tagLink {
    width: auto;
    font-size: 0.6em;
    border: 1px solid #fff;
    padding: 0.3em 0.5em;
}
.titleArea .titleLink {
    font-size: 0.875em;
    margin-top: 0.625em;
    height: 1.3em;
    overflow: hidden;
}

.titleArea .info {
    font-size: 0.875em;
    margin-top: 0.2em;
}

.titleArea .info .view {
    margin-right: 0.66em;
}

.titleArea .info img {
    margin-right: 0.2em;
}

.small_thumbnail {
    height: auto;
    clear: both;
    margin-bottom: 0.625em;
}

.small_thumbnail .thumbnail_l {
    width: 24%;
    float: left;
    margin-bottom: 0.625em;
    padding-right: 1.25em;
    height:115px;
    max-height:115px;
    overflow:hidden;
}
.small_thumbnail .thumbnail_l img {
    width: 100%;

}
.small_thumbnail .thumbnail_r {
    width: 76%;
    height: auto;
    font-size: 0.75em;
    padding-top: 0.625em;
    margin-bottom: 0.625em;
    padding-right: 1.5em;
}

.small_thumbnail .thumbnail_r .tag {
    width: auto;
    height: auto;
    background-color: #AF9967;
    padding: 0.375em;
}

.small_thumbnail .thumbnail_r .tag a {
    color: #fff;
}
.small_thumbnail .thumbnail_r .text {
    line-height: 120%;
    margin: 1.0em 0 0.5em;
    font-size:150%;
}
.small_thumbnail .thumbnail_r .text a{
	color: #333;
}
.small_thumbnail .thumbnail_r .info {
    line-height: 1em;
    vertical-align: middle;
    margin-bottom: 1.4em;
}
.small_thumbnail .thumbnail_r .info .fa {
    color:#000;
}
.small_thumbnail .thumbnail_r .info .view {
    margin-right: 1.5em;
}
.small_thumbnail .thumbnail_r .info .date {
    margin: 0 1.5em 0 0.2em;
}
.small_thumbnail .thumbnail_r .info .user {
    margin-left: 0.2em;
}

.ad_r {
    width: 100%;
    margin: 3.125em auto;
    text-align: center;
    clear: both;
}

.more {
    margin: 1.25em auto;
    text-align: center;
    position:relative;
}
.ChangeElem_Panel{
  display: none;
}
.log_c{
	background: #FFF0DB;
	padding: 30px;
	margin-top: 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	text-align: center;
	
}
.log_c input.btn_login,
.log_c .btn_login a,
.log_c input.btn_line3,
.log_c .btn_line3 a{
	width: 100%;
	 -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	text-align: center;
}
.log_c .btn_line2 a,
.ps_r input.btn_line2{
	/*0616追記*/
	/* min-width: 350px; */
	width: 200px;
    height: 60px;
    padding: 0;
	/*0616追記おわり*/
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
/*sp*/
@media print, screen and (max-width: 640px) {
	#contents_two{
		padding-top:0px;
	}
	.sns_wrapper ul {
    width: 100%;
}
	.sa_logo{
		width: 80%;
		margin: 0 auto;
	}
	.sa_logo img{
		width: 100%;
	}
	.small_thumbnail .thumbnail_r {
    display: inline;
}
.u_prof .up_photo{
	float: none;
	width: 40%;
	height: auto;
	margin: 0 auto;
}
	.u_prof .up_photo img{
	width: 100%;
}
.u_prof dl{
	padding-left: 0px;
	clear: both;
	padding-top: 1.5em;
}
.u_prof dl dt{
	padding-left: 0;
	
}
.u_prof dl dd{
	padding-top: 20px;
	
}
	.u_prof  a.upname {
	width: 60%;
}
	.u_prof a.sns_icon {
		margin-top: 5px;
    
}
	.log_c{
	padding: 30px 20px 10px;

	
}
	.log_c .btn_line2 a,
	.ps_r input.btn_line2{
	min-width: 0px;
}
	.rb_ul .rb_i_user{
	text-align: left;
	float: none;
		display: block;
		max-width: 100%;
}
}/**/
.acc_area {
	position: relative;
	background: #FFF0DB;
	padding: 5px 0 5px 34px;
	cursor: pointer;
	
}
.acc_area:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 15px;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	background: #F29300;
}

.acc_area:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 15px;
	width: 10px;
	height: 10px;
	margin-top: -10px;
	background: #FFF0DB;
}
.acc_area.active:before {
	margin-top: -2px;
}

.acc_area.active:after {
	margin-top: 3px;
}

/*faq*/
.faq dl {
    border-bottom: 1px solid #eee;
    clear: both;
    float: left;
    margin: 5px 0 0px 2px;
				padding-bottom: 6px;
    width: 100%;
				position:relative;
}
.faq dl dt {
    background: rgba(0, 0, 0, 0) url("../images/common/faq_q.png") no-repeat scroll 0 0;
    color: #06c;
    font-size: 16px;
    padding: 0 0 12px 35px;
    text-decoration: underline;
}
.faq dl dd {
	padding:10px 10px 10px 45px;
	background: url(../images/common/faq_a.png) no-repeat 15px 10px;
}

/**/
#titleArea h2 {
    font-size: 200%!important;
}
.lead {
    font-size: 100%!important;
}
.ssright{
	vertical-align: top;
    display: inline-block;
}
.pdfico a {
	background-size: 20px 20px!important;
	padding-top: 2px;
}
.ds_flex {
display: flex;
}
.pagination {
    margin: 20px 0 10px 0px;
    font-size: 120%;
    width:100%;
}
.page_number{
background: #0080ff;
border: 1px solid #0080ff;
padding: 0 6px;
margin: 0 3px;
color: #fff;
overflow: hidden;
display: inline-block;
}
.pagination a{
border: 1px solid #1389FF;
padding: 0 6px;
margin: 0px 3px;
background: #fff;
color: #0080ff;
display: inline-block;
}
.pagination a:hover{
background: #0080ff;
color: #fff;
text-decoration:none;
}
@media print, screen and (max-width: 640px) {
	.ssright{
		width: 100%;
}
/**/}

h2 span.login {

    font-size: 200%;

}
.phm{
margin: 2em 2em 10px 0!important;
}
.tk_btn a{
color: #00A3D9!important;
float: left;
margin: 0 10px -1px 0;
padding: 10px 20px;
border: 1px solid #00A3D9;
cursor: pointer;
list-style: none;
transition: .3s;
}
.tk_btn a:hover {
    color: #fff!important;
    background: #00A3D9;
    cursor: pointer;
  }
@media print, screen and (max-width: 640px) {
.tab li,.tk_btn a {
    padding: 16px 26px!important;
margin-bottom:10px!important;
min-width: 100px;
text-align: center;
}
/**/}

.user_h{
	display: inline-block!important;
}
.admin_h{
	display: none!important;
}
.s_top_flow dl{
	clear: both;
	overflow: hidden;
	    border-bottom: 1px solid #eee;
    padding-bottom: 1em;

}
.s_top_flow dt{
	border: 1px solid #DBDBEA;
    padding: 1em 0;
        margin-right: 4%;
    float: left;
    width: 20%;
    text-align: center;
    font-weight: bold;
    border-radius: 6px;
	background: #7abcd4;
	color: #fff;
}
.s_top_flow dd{
	border: 1px solid #DBDBEA;
    padding: 1em;
    float: left;
    width: calc(50% - 2em);
    text-align: center;
    font-weight: bold;
    border-radius: 6px;
	background: #fafafa;
	text-align: left;
}
.s_top_flow dd:last-child{
    width: calc(20% - 1em);
	float: right;
}
.s_top_flow .triangle {
    content: "";
    display: block;
    width: 0;
    border: solid 1em transparent;
    border-top-color: #dedede;
    margin: 0 auto;
}

.s_top_flow_my dl{
	display: flex;
    justify-content: space-between;
    align-items: center;
	border-bottom: 1px solid #eee;
    padding-bottom: 1em;

}

.s_top_flow_my dt{
    /* padding: 1em 0; */
    width: 20%;
	min-height: 63px;
    line-height: 63px;
    color: #fff;
    width: 28%;
    text-align: center;
    font-size: 18px;
	font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
	transition: all 0.2s ease;
	box-shadow: 4px 4px 5px -2px rgba(0, 0, 0, 0.4);
}

.s_top_flow_my_dt_bg_ff35 {
	background-color: #ff7a35;
}

.s_top_flow_my_dt_bg_fa4b {
	background-color: #FAB54B;
}

.s_top_flow_my_dt_bg_7fca {
	background-color: #7abcd4;
}

.s_top_flow_my_dt_bg_4c79 {
	background-color:#4C7B79;
}

.s_top_flow_my_dt_bg_83dc {
	background-color:#8faadc;
}

.s_top_flow_my_dt_bg_bf {
	background-color:#bfbfbf;
}

.s_top_flow_my dt a{
    display: block;
    color: #ffffff;
	min-height: 63px;
    line-height: 63px;
}

.s_top_flow_my dt:hover{
	border-radius:40px; 
	box-shadow: 2px 4px 5px -2px rgba(0, 0, 0, 0.4);
	color: #ffffff;
  }

  .s_top_flow_my dt a:hover{
    color: #ffffff;
	text-decoration: none;
}

.s_top_flow_my_multiple {
    text-align: center;
    padding: 5px 0;
}

.nonhver {
    pointer-events: none;
}

.s_top_flow_my dd{
	border: 1px solid #DBDBEA;
    padding: 10px;
    width: 46%;
	min-height: 40px;
    font-weight: bold;
    border-radius: 6px;
	background: #fafafa;
}

.s_top_flow_my dd:last-child{
    width: 18%;
}

.s_top_flow_my .triangle {
    content: "";
    display: block;
    width: 0;
    border: solid 1em transparent;
    border-top-color: #dedede;
    margin: 2rem auto 1rem;
}

.bdt_c_fa4b{
    border-top-color: #FAB54B !important;
}

@media print, screen and (max-width: 960px) {
	.s_top_flow_my dl {
		flex-direction: column;
	}

	.s_top_flow_my dt {
		width: 100%;
		margin-bottom: 2rem;
		box-shadow: 4px 4px 5px -2px rgba(0, 0, 0, 0.4);
		order: 3;
	}

	.s_top_flow_my dd {
		width: 97%;
		margin-bottom: 2rem;
	}

	.s_top_flow_my dd:last-child {
		width: 97%;
	}
}


.cf>.data>.sample{
	color: #bd7400;
}

#contents_mes{
	padding: 10px 20px;
	margin-bottom: 20px;
	border: 1.5px solid #7abcd4;
}

#submit-area{
	margin-top: 100px;
}

.video_area {
	display: flex;
    justify-content: space-between;
    align-items: center;

	margin-top: 20px;
}

@media print, screen and (max-width: 960px) {
	.video_area {
		flex-direction: column;
	 }

	 video {
		width: 100%;
	 }
}

.video{
	margin-top: 30px;
}

.video>p{
	margin: 10px 0px;
}
.video>video{
	border: 1px solid grey;
}

td.smp-cell-data{
	word-break: break-all;
}

.annotation_accordion{
	border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 10px;
	font-size: small;
}

.annotation_accordion_header{
	background-color: #ffffdb;
  padding: 10px;
  cursor: pointer;
	position: relative;
}


.annotation_accordion_header::after{
	position: absolute;
	right: 5px;
	content: '\958B\304F';
}

.annotation_accordion_body{
	padding: 10px;
}

.active::after {
	content: '\9589\3058\308B';
}

.header_area_title {
	width: 600px;
}

.btn_inquiry_tel {
	width: 360px;
}

.btn_inquiry_tel p{
	text-align: right;
    font-size: 16px;
}


.header_area {
	display: flex !important;
	justify-content: space-between;
}

.title_area {
	width: 100%;
    background: #7abcd4!important;
	/* padding: 1.2em 0; */
}

.title_area_inner {
	max-width: 960px;
	margin: 0 auto;
	position: relative;
}

.btn_logout {
	margin-top: 10px;
	text-align: center;
}

.btn_inquiry {
	text-align: center;
}

.button_area {
	position: absolute;
    width: 140px;
    z-index: 999;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.btn_inquiry a {
	padding: 3px 15px 2px;
    font-size: 80%;
    cursor: pointer;
    background: #ea8f0e;
    border-radius: 3px;
    color: #ffffff;
	margin-top: 1px;
    display: block;
	font-size: 16px;
}

.nonhver {
    pointer-events: none;
}

.w100_768 {
    width: initial;
}

@media only screen and (max-width: 960px) {  
    .header_area {
        width: 98% !important;
        flex-direction: column;
    }

    .button_area {
        margin-left: 6px;
    }

	.btn_logout a {
		font-size: 14px;
	}

	.btn_inquiry a {
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 14px;
	}

	.btn_inquiry_tel {
		width: 100% !important;
		padding: 0 !important;
		margin-top: 10px !important;
	}

	.btn_inquiry_tel p{
		text-align: left;
	}
}


@media only screen and (max-width: 768px) {
    .title_area {
        padding: 0 0 1em;
    }

    .button_area {
        display: flex !important;
        justify-content: space-between;
        flex-direction: column;
        top: -92px;
    }

    .title_area_inner {
        max-height: 60px;
    }

    .button_area div {
        margin: 0 !important;
    }

    .w100_768 {
        width: 100% !important;
    }
}

.radio label {
	width: 200px;
	border-radius: 5px;
	text-align: center;
	font-weight: bold;
	box-shadow: 4px 4px 5px -2px rgba(171, 171, 171, 0.4);
}

.radio  label:has(:checked)::after {
background-color: #ffffff;
animation: animation_radio_button .3s linear;
}

.radio  label:has(:checked) {
background-color: #46aace;
color: #ffffff;
animation: animation_radio_button .3s linear;
}

.radio_button_category {
display: flex;
margin-bottom: 24px;
}

.radio_button_textarea_head {
/* color: #DD0000; */
font-size: 14px;
font-weight: bold;
}

.radio_button_textarea_contents {
color: #DD0000;
font-size: 14px;
}

.radio_button_area_s {
	width: 140px !important;
}

.radio_price_area {
	margin-right: 10px;
}

@keyframes animation_radio_button {
0% {
	box-shadow: 0 0 0 1px transparent;
}
50% {
	box-shadow: 0 0 0 7px #25d09733;
}
100% {
	box-shadow: 0 0 0 7px transparent;
}

}

@media only screen and (max-width: 960px) {    
 .radio_button_textarea {
  margin-left: 20px;
 }

	ul.radio li {
	float: none;
	}

	.radio_button_area_s {
		width: 98% !important;
	}

	.radio_price_area {
		margin-right: 0;
		margin-bottom: 24px;
	}
}

@media only screen and (max-width: 768px) {
.radio_button_category {
  flex-direction: column;
}

.radio_button_area {
  max-width: 250px;
}

.radio_button_textarea {
  margin-top: 20px;
  margin-left: 0;
 }
}

.reporting_area_group {
    margin-bottom: 40px;
}

.reporting_area_group:last-child  {
    margin-bottom: 80px;
}

@media screen and (max-width: 960px) {
    #contents_two {
        padding: 10px;
    }
}

.total_amount_area {
    margin-bottom: 40px;
    padding: 40px 0;
    background: #f8fffe;
    border-top: solid 6px #46aace;
}

.total_amount_area_title {
    text-align: center;
    font-weight: bold;
}

.total_amount_area_money {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    margin: 20px auto;
    color: #cf5a4a;
}

.total_amount_area_contents {
    max-width: 640px;
    margin: 0 auto 40px;
}

.provisional_total_area {
    margin: 10px auto;
    text-align: center;
}

.provisional_total_area_th_lc {
    text-align: left !important;
    padding: 10px 20px !important;
}

.provisional_total_money {
    text-align: right;
    padding: 20px 0 8px;
    margin-right: 10px;
}

.provisional_total_money_span {
    font-size: 20px;
    font-weight: bold;
    color: #cf5a4a;
}

.provisional_total_notice {
    text-align: right;
    font-size: 14px;
}

@media screen and (max-width: 960px) {
    .provisional_total_area_th_lc {
        text-align: center !important;
        padding: 10px !important;
    }

    .provisional_total_money {
        text-align: center;
        margin-right: 0;
    }

    .provisional_total_notice {
        text-align: center;
    }
}


.middle_heading_area {
    margin: 40px auto 20px;
}

.middle_heading_area_inner {
    border-bottom: solid 3px #afdcd9 !important;
    border-bottom: solid 3px #d7f6f4b1 !important;
    position: relative;
}

.middle_heading_area_inner:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #46aace;;
    bottom: -3px;
    width: 22%;
    background: none;
}

.middle_heading_area_span {
    margin-left: 20px;
}

.middle_heading_area_notice {
    color: #cf5a4a;
}

.sub_heading_area {
    margin: 40px auto;
}

.sub_heading_area_inner {
    padding: 10px;
    color: #46aace;
    background: #edf4f6;
    border-left: solid 5px #46aace;
    margin: 40px auto 20px;
    font-weight: bold;
    font-size: 24px;
}

.sub_heading_area_span {
    margin-left: 20px;
    font-size: 18px;
}

@media screen and (max-width: 768px) {
    .sub_heading_area_span {
        margin-left: 0;
    }
}

.list_button {
	display: block;
	min-width: 80px;
	max-width: 200px;
	color: #ffffff;
	letter-spacing: 2px;
	padding: 6px 0;
	text-decoration: none;
	border-radius: 8px;
	transition: 0.3s;
	white-space: pre;
	font-size: clamp(12px, 1vw, 16px);
}

.list_button:hover {
	border-radius: 30px;
	color: #ffffff;
	text-decoration: none;
}

.list_button_w_104 {
    width: 104px;
}

@media screen and (max-width: 768px) {
    .list_button_w_104 {
        width: 200px;
    }
}
.confirm_button {
    display: block;
    max-width: 250px;
    min-height: 54px;
    line-height: 54px;
    border-radius: 8px;
    box-shadow: 4px 4px 5px -2px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease;
}

.form_button {
	width: 100%;
	background-color: unset;
	border: unset;
	color: #fff;
	line-height: inherit;
}
.form_button:hover {
	border-radius: 32px;
}

.confirm_flex_button {
    display: block;
    width: 250px;
    min-height: 54px;
    line-height: 54px;
    border-radius: 8px;
    box-shadow: 4px 4px 5px -2px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease;
}

.confirm_button:hover,.confirm_flex_button:hover {
    border-radius: 32px;
    color: #ffffff;
    text-decoration: none;
}

.confirm_button_input {
    width: 100%;
    background:#ffffff;
    text-align: center;
    background: none;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 auto;
    padding: 0;
    min-height: 54px;
    line-height: 54px;
}

.confirm_button_input:hover {
    color: #ffffff;
    opacity: 1;
}

.confirm_flex_button_input {
    width: 100%;
    text-align: center;
    background: none;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 auto;
    padding: 0;
    min-height: 54px;
    line-height: 58px;
}

.confirm_flex_button_input:hover {
    color: #ffffff;
    opacity: 1;
}

button.confirm_flex_button_input {
	border:none
}

button.confirm_flex_button_input:hover {
	border:none
}

.return_button {
    display: block;
    width: 250px;
    text-align: center;
    /* background:#ffffff; */
    /* color: #ffffff; */
    font-weight: bold;
    padding: 15.5px 0;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    box-shadow: 4px 4px 5px -2px rgba(0, 0, 0, 0.4);
}

.return_button:hover {
    border-radius: 30px;
    color: #ffffff;
    text-decoration: none;
}

.file_pdlr5 {
    padding-left: 5px;
    padding-right: 5px;
}

.file_clear_button {
    width: 120px;
    text-align: center;
    color: #ffffff;
    /* font-weight: bold; */
    /* padding: 15.5px 0; */
    text-decoration: none;
    border-radius: 8px !important;
    transition: all 0.3s ease;
    margin-left: 10px;
}

.file_clear_button:hover {
    border-radius: 30px !important;
    color: #ffffff;
    text-decoration: none;
    opacity: 1;
}

@media screen and (max-width: 768px) {
    .file_clear_button {
        margin-top: 10px;
        margin-left: 0;
    }
}

/*  button_bgclor_01  */
.button_bgclor_01 {
    background:#46aace;
}

.button_bgclor_01:hover {
    background:#7abcd4bd;
}

.button_bd_bg_01 {
    background:#ffffff;
    border: 2px solid #46aace;
}

.button_bd_bg_01:hover {
    background:#46aace;
    color: #ffffff;
}

.button_text_01 {
    color: #46aace;
}

.button_text_01:hover {
    color: #ffffff;
}

/*  button_bgclor_02  */
.button_bgclor_02 {
    background: #F29300;
}

.button_bgclor_02:hover {
    background: #ffb546;
}

.button_bd_bg_02 {
    background:#ffffff;
    border: 2px solid #F29300;
}

.button_bd_bg_02:hover {
    background:#F29300;
    color: #ffffff;
}

.button_text_02 {
    color: #F29300;
}

.button_text_02:hover {
    color: #ffffff;
}

/*  button_bgclor_03  */
.button_bgclor_03 {
    background:#64b5f7;
}

.button_bgclor_03:hover {
    background:#83c5fb;
}

.button_bd_bg_03 {
    background:#ffffff;
    border: 2px solid #64b5f7;
}

.button_bd_bg_03:hover {
    background:#64b5f7;
    color: #ffffff;
}

.button_text_03 {
    color: #64b5f7;
}

.button_text_03:hover {
    color: #ffffff;
}


/*  button_bgclor_04  */
.button_bgclor_04 {
    background:#0f2b5c;
}

.button_bgclor_04:hover {
    background:#456296;
}

.button_bd_bg_04 {
    background:#ffffff;
    border: 2px solid #0f2b5c;
}

.button_bd_bg_04:hover {
    background:#0f2b5c;
    color: #ffffff;
}

.button_text_04 {
    color: #0f2b5c;
}

.button_text_04:hover {
    color: #ffffff;
}


/*  button_bgclor_05  */
.button_bgclor_05 {
    background:#cf5a4a;
}

.button_bgclor_05:hover {
    background:#e47e70;
}

.button_bd_bg_05 {
    background:#ffffff;
    border: 2px solid #cf5a4a;
}

.button_bd_bg_05:hover {
    background:#cf5a4a;
    color: #ffffff;
}

.button_text_05 {
    color: #cf5a4a;
}

.button_text_05:hover {
    color: #ffffff;
}


/*  button_bgclor_06  */
.button_bgclor_06 {
    background:#717171;
}

.button_bd_bg_06 {
    background:#ffffff;
    border: 2px solid #717171;
}

.button_bd_bg_06:hover {
    background:#717171;
    color: #ffffff;
}

.button_text_06 {
    color: #717171;
}

.button_text_06:hover {
    color: #ffffff;
}

/*  button_bgclor_07  */
.button_bgclor_07 {
	background:#627EDF;
}

.button_bd_bg_07 {
	border: 2px solid #627EDF;
}

.button_bd_bg_07:hover {
	background:#627EDF;
	color: #ffffff;
}

.button_text_07 {
	color: #627EDF;
}

.button_text_07:hover {
	color: #ffffff !important;
}


.button_flex_area {
    display: flex;
    justify-content: space-around;
    flex-direction: row-reverse;
    margin-bottom: 20px;
}

.button_arrangement_left {
    margin-right: auto;
}

.button_arrangement_center {
    margin: 0 auto;
}

.button_arrangement_right {
    margin-left: auto;
}

@media only screen and (max-width: 960px) {
    .button_flex_area {
        flex-direction: column;
        align-items: center;
    }

    .confirm_flex_button {
        margin-bottom: 20px;
    }
}

.table_area{
    border-collapse: collapse;
    width: 100%;
  }
  .table_area_group th,
  .table_area_group td{
    padding: 10px;
    border: solid 1px #DBDBEA;
    text-align:center;
    box-sizing:border-box;
	overflow-wrap: break-word;
    word-break: keep-all;
  }

  .table_area_group_bf th,
  .table_area_group_bf td {
    padding: 10px;
    border: solid 1px #ccc;
    text-align:center;
    box-sizing:border-box;
  }

  .table_area_th_w_250 {
    width: 250px;
  }
  
  .table_area_group td:last-child {
      border: none;
  }
  
  .table_area_group th,
  .table_area_group_bf th {
    background: #f2f2f2;
    color: #333333;
  }

  .table_area_inactive {
    background: #797979;
    color: #000;
    }

    .table_area_inactive td:last-child{
        background: #ffffff;
        color: #ffffff;
    }

		.table_area_group_button_area {
			border: none !important;
		}
  @media screen and (max-width: 960px) {
    .table_area_group .head,
    .table_area_group_bf .head{
      display:none;
    }

    .table_area_group,
    .table_area_group_bf  {
      width: 100%;
    }

    .table_area_group td {
      display: block;
      width: 100%;
      border-bottom:none;
    }

     .table_area_group_bf td,
     .table_area_group_bf th{
        display: block;
        width: 100%;
        border-bottom:none;
    }

    .table_area_group_bf th{
        font-weight: bold;
    }

    .table_area_group_bf td{
        padding: 0px 12px 0 0;
        display: block;
        width: 100%;
        line-height: 2.5;
        text-align:left;
    }

    .table_area_group_bf td:before{
        min-width: 164px;
        color: #333;
        content: attr(data-label);
        font-weight: bold;
        padding: 0px 10px;
        display: inline;
        /* background-color: #ed1e79; */
        margin-right: 10px;
        float: left;
    }

    .table_area_group_bf tr:last-child{
        border-bottom: solid 1px #ccc;
    }

    .table_area_group td:nth-last-child(2) {
        border-bottom: solid 1px #DBDBEA;
    }

    .table_area_group td:first-child{
      background: #f2f2f2;
      color:#333333;
      font-weight:bold;
    }

    .table_area_group td:last-child a {
       margin:  0 auto;
    }

    .table_area_group tr:last-child{
      /* border-bottom: solid 1px #DBDBEA; */
    }

		.table_area_group_button_area {
			padding: 0 !important;
	}    


		.table_area_group_button_area  a{
				margin:  0 auto;
		}  
    
  }

  .bd_color_01 {
    border-color:#46aace !important;
  }

  .bd_color_02 {
    border-color:#F29300 !important;
  }

   .bd_color_03 {
    border-color:#64b5f7 !important;
  }

   .bd_color_04 {
    border-color:#0f2b5c !important;
  }

   .bd_color_05 {
    border-color:#cf5a4a !important;
  }

  .bd_color_06 {
    border-color:#9aabd9 !important;
  }

  .acd_labe_bg_03 {
    background:#46aace;
}

.acd_labe_bg_04 {
    background:#F29300;
}

.acd_labe_bg_05 {
    background:#64b5f7;
}

.acd_labe_bg_06 {
    background: #cf5a4a;
}

.notification_contents_area_name,
.notification_contents_area_sentence_01 {
    margin-bottom: 20px;
}

.final_confirmation_area {
    padding: 20px;
    border: 2px solid #ce311d;
    margin-top: 40px;
}

.final_confirmation_area_title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #ce311d;
}

.final_confirmation_area_contents {
    text-align: center;
    margin: 20px auto;
    color: #ce311d;
}

.disabled_area dt,.disabled_area dd, .disabled_area input,.disabled_area textarea {
    background: #797979 !important;
    cursor: default;
}

input:disabled,
textarea:disabled {
    background: #797979;
}

.sample_area {
    color: #bd7400;
    margin-bottom: 10px;
}

.text_inform {
    position: relative;
    padding: 15px 20px;
    background: #ffdfdc;
    margin-bottom: 30px;
    font-weight: bold;
    color: #ce311d;
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.text_inform::after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #ffdfdc;
    width: 0;
    height: 0;
}

.text_inform_contents_title {
    font-size: 18px;
    margin-bottom: 5px;
}

.error_input_area {
    color: #ce311d;
    margin-left: 3px;
    margin-top: 10px;
}

.arrow_area {
	max-width: 960px;
	margin: 0 auto;
}

.arrow_area_item{
	max-width:960px;
	margin: 40px auto;
	display: flex;
	justify-content: center;
	padding: 0;
}

.arrow_area_item li{
	margin: 0 .5em 0 16px;
	list-style: none;
}

@media screen and (max-width: 960px) {
	.arrow_area_item{
		max-width: 600px;
		flex-wrap: wrap;
		margin: 0 auto;
	}

	.arrow_area_item li {
		margin-top: 30px;
	}
}

.arrow_area_item_category{
	display: block;
	width: 200px;
	text-align: center;
	background: #ebebeb;
	padding: 14px 0;
	/* float: left; */
	text-decoration: none;
	color: #444;
	position: relative;
}

.arrow_area_item_category::before{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.625em;
	border-width: 1.645em 0 1.65em 16px;
	border-style: solid;
	border-color: #ebebeb #ebebeb #ebebeb transparent;
	left: -16px;
}

.arrow_area_item_category::after{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.625em;
	border-top: 1.625em solid transparent;
	border-bottom: 1.625em solid transparent;
	border-left: 16px solid #ebebeb;
	right: -16px;
}

.current{
	background: #7abcd4;
	font-weight: bold;
}

.current::after{
	border-left-color: #7abcd4;
}

.current::before{
	border-color: #7abcd4 #7abcd4 #7abcd4 transparent;
}

.select_area_head {
    margin: 16px auto 10px;
    font-weight: bold;
}

.select_area_input select {
    width: 100%;
    text-align: left;
}

.select_area_input input {
    padding-left: 5px;
    padding-right: 5px;
}


.confirm_flex_button_notice {
	width: 250px;
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
}

.confirm_flex_button_notice_cooperation {
	text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.cooperation_text_01 {
    color: #46aace;
}

.cooperation_text_02 {
    color: #F29300;
}

.cooperation_text_03 {
    color: #64b5f7;
}

.cooperation_text_04 {
    color: #0f2b5c;
}

.cooperation_text_05 {
    color: #cf5a4a;
}

.cooperation_text_06 {
    color: #717171;
}

input[type="submit"]:focus {
  	border: none !important;
  	outline: none !important;
	background: none !important;
}

.ul_flexb {
    display: flex;
    justify-content: space-between;
}

.notice_list {
	display: flex;
	flex-direction: column;
}

.notice_item {
	display: flex;
}

.notice_date {
	flex: 0 0 15%;
}

.notice_content{
	flex: 0 0 85%;
}


@media screen and (max-width: 960px) {
	.confirm_flex_button_notice {
		margin-bottom: 20px;
	}

	.ul_flexb {
        flex-direction: column;
    }
}