@charset "utf-8";

/* もっと見る ---------- */
div.arrow_next {
text-align: right;
}
div.arrow_next a {
padding-right: 15px;
background: url(../../img/common/list_next.png) right 1px no-repeat;
background-size: 10px auto;
text-align: right;
}

div.arrow_next a:hover {
	background:rgba(211, 229, 241, 0.46) url(../../img/common/list_next.png) right 1px no-repeat;
	background-size: 10px auto;
}

/* info リスト --------------------------------- */

dl.ainfo {
	width:100%;
	padding:0 8px;
	box-sizing:border-box;
	font-size:1.5rem;
}
dl.ainfo dt{
	margin: 0 0 10px 0;	
	padding: 0px 5px 0 8px;
	border-left: 5px solid #DDD;
}
dl.ainfo dd {
	width:100%;
	margin: 0 10px 8px;
	padding:5px;
	box-sizing:border-box;
}
dl.ainfo dd:last-child {
	margin-bottom:20px;
}
dl.ainfo_set dd {
	width:auto;
	margin-bottom:8px;
	padding:0;
	box-sizing:border-box;
}
dl.ainfo dd input {
	padding: 8px 5px;
	border: 1px solid #bababa;
	color:#444;
	font-size:1.5rem;
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.08);
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
	box-sizing:border-box;
}

dl.ainfo dd.clear {
	margin: 0 10px 0;
	padding:0;
}

dl.ainfo dd input.w_middle {
	width:60%;
}
dl.ainfo dd input.w_short {
	width:45%;
}
dl.ainfo dd input.w_long {
	width:100%;
}
.ainfo_note li {
	margin-left:1rem;
	margin-right:1rem;
	text-indent:-1rem;
	padding-left:1rem;
	list-style: inside disc;
	font-size:1.2rem;
}
p.ainfo_note {
	margin-left:1em;
	padding-left:1em;
	text-indent:-1em;	
}

/* formtips.js --------------------------------- */

.tipped {
color:#bcbcbc !important;
font-size:1.35rem !important;
}
	

/* form --------------------------------- */

input[type="radio"] {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	margin-right:0.5em;
}
input[type="checkbox"] {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    margin-right:0.5em;
}

	
/* allow list --------------------------------- */	
ul.liarrow_r {
	margin:10px auto;
	text-indent: 10px;
}
ul.liarrow_r li:before{
	display: inline-block;
	margin-top:5px;	
	content: '';width: 0;height: 0;
	border: 5px solid transparent;border-left-color: #FE8005;border-left-width:6px;
}
.list_ty1 li {
	margin-left:1rem;
	margin-right:1rem;
	text-indent:-1rem;
	padding-left:1rem;
	list-style: inside disc;
}


a.newwin {
	padding-right:16px;
	background:url(../../img/common/icon_newwin.gif) right center no-repeat;
	background-size: 10px 10px;
}	
	
/* num list --------------------------------- */	
ol.list_num {
  margin: 0 0 1em 0;
  padding-inline-start: 1.5em;
}
ol.list_num li { 
  list-style-type: decimal; 
}

/* txt --------------------------------- */

.area_txt {
	padding:5px 10px 20px;
}
.area_txt p {
	padding-bottom:0.5em;
}
.area_txt li {
	padding-left:1em;
	padding-bottom:3px;
	text-indent:-1em;
	list-style:inside disc;
}

.area_txt_li_non {
	padding-left:1em;
	padding-bottom:3px;
	text-indent:-1em;
	list-style:none !important;
}

.fb_blue{color:#69a4be;}
.fw_b {font-weight:bold;}
.fc_or {color: #EB5505;}
.fc_gr {color:#bcbcbc;}
.fc_red {color:#ff0000;}
.fc_link {color: #0066aa !important;}
.fc_gr2{color:#848484}
.fs_10 {font-size:1.0rem;}
.fs_12 {font-size:1.2rem;}
.fs_13 {font-size:1.3rem;}
.fs_14 {font-size:1.4rem;}
.fs_15 {font-size:1.5rem;}
.fs_16 {font-size:1.6rem;}
.fs_17 {font-size:1.7rem;}
.fs_18 {font-size:1.8rem;}
.fc_link {color: #0066aa !important;}
.fs_12 {font-size:1.2rem;}
.fs_13 {font-size:1.3rem;}
.txt_r { text-align:right;}
.txt_l { text-align:left;}
.txt_c { text-align:center;}
.under {text-decoration: underline;}

.indent {
	padding-left:1em;
	text-indent:-1em;
}
span.indent {
	display:inline-block;
	padding-left:1em;
	text-indent:-1em;
}

/*　参考　*/
.color_blue {color:#4077C1;}
.color_gray_1 {color:#EDEDED;}

.color_gray_1 {color:#bcbcbc;}
.color_gray_1 {color:#f5f5f5;}
.color_orange_1 {color:#eb5505;}
.color_orange_2 {color:#FE8005;}


/* table --------------------------------- */
.table_l, .table_t {
	margin:10px auto ;
	border:1px solid #aaa;
	border-collapse: collapse;
	text-align:left;
}

.table_l th, .table_l td, .table_t th, .table_t td {
	padding:8px;
	border:1px solid #aaa;
	word-break:break-all;
}
.table_l th, .table_t th {
	background:#f8f8f8;
	font-weight:bold;
}
.table_l .td_r, .table_t .td_r {	border-right:none;}
.table_l .td_l, .table_t .td_l {	border-left:none;}

/* shape --------------------------------- */
.circle_s { display:inline-block; width:6px; height: 6px; background:#FE8005; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } 
.circle_l { display:inline-block; margin:2px 5px 0px 0;
 width:10px; height:10px; background:#EB5505;
  -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } 

.circleL {margin:0 3px 2px 0;}
.circleR {margin:0 0 1px 5px;}

.circle_w {display: inline-block;float: left;margin: 5px 4px 0 0;
width: 5px;height: 5px;border: 4px solid #EB5505;
-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;}

.square { width: 100px; height: 100px; background:#FE8005; }
.square.cross.asterisk::before { -moz-transform:rotate(60deg); -webkit-transform:rotate(60deg);  transform:rotate(60deg);}
.square.cross.asterisk::after {
    content:""; display:block; width:100%; height:100%; -moz-transform:rotate(-60deg); -webkit-transform:rotate(-60deg); transform:rotate(-60deg);
    position:absolute; top:0;left:0;}

.triangle {margin-top:5px;content: '';width: 0;height: 0;border: 5px solid transparent;border-left-color: #FE8005;border-left-width:6px;border-right-width:7px;display: inline-block;}
.triangle_l {margin-right:3px;}
.triangle_r {margin-left:3px;}

.triangle_left {margin-top:5px;content: '';width: 0;height: 0;border: 5px solid transparent;border-left-color: #FE8005;border-left-width:6px;border-right-width:7px;display: inline-block;}

/* ▼ */
div.area_tbtm {height:35px;}
.triangle_btm { position:absolute; left:43%;content: "";display:block;text-align:center;width: 0px;height: 0px;
border-style: solid;border-width: 15px 25px 0 25px;border-color:#FE8005 transparent transparent transparent;}


/* use_video --------------------------------- */
.use_video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	/*overflow: hidden;
	margin-bottom:15px;*/
}

.use_video iframe,  
.use_video object,  
.use_video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 95%;
	height: 100%;
	margin:auto 10px;
}
#box_a,
#box_b {
	margin-bottom: 15px;
}
.hide {
	display: none;
}
/*youtube*/
.charge.mov{
	background:#FFF;
	border:2px solid #f35904;
	text-align:center;
	padding:2.4em 0 1.4em;
	margin-bottom:2em;
	position:relative;
	overflow:visible;
	margin-top: 2em;
	width: 98%;
}
.charge.mov h1{
	width: 90%;
    height: 45px;
    background: #f35904;
    display: inline-block;
    font-size: 4vw;
    line-height: 49px;
    color: #FFF;
    font-weight: bold;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    position: absolute;
    top: -22px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.youtube{
	position: relative;
	padding-top: 56.25%;
}
.charge.mov iframe{
	position: absolute;
	width: 98%;
	height: 98%;
	top:0;
	left: 1%;
}

/* margin --------------------------------- */

.mt1em { margin-top: 1em !important; }
.mt2em { margin-top: 2em !important; }

.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }

.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr8 { margin-right: 8px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }

.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }

/* padding */
.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }

.pr0 { padding-right: 0px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }

.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }


/**/
.include {padding:10px; background:#aaa;overflow: hidden;}
.include > span{ display:block; text-align:center; color:#fff;}
.include2 {padding:0; background:#aaa; }
.include2 > span{ display:block; text-align:center; color:#fff;}


/* =================================
font-size
================================= */
.txt_160 {font-size: 1.6rem;}
/* =================================
line-height
================================= */
.lh_100 {line-height: 1 !important;}
.lh_110 {line-height: 1.1 !important;}
.lh_120 {line-height: 1.2 !important;}
.lh_130 {line-height: 1.3 !important;}
.lh_140 {line-height: 1.4 !important;}
.lh_150 {line-height: 1.5 !important;}
.lh_200 {line-height: 2 !important;}
/* =================================
width
================================= */
.w_20per { width:20% !important;}
.w_25per { width:25% !important;}
.w_40per { width:40% !important;}
.w_60per { width:60% !important;}
.w_80per { width:80% !important;}
.w_90per { width:90% !important;}
/* =================================
clear
================================= */
clear_both {clear:both;}
.clr {clear:both;}
/* =================================
display
================================= */
.display_inline_block {display:inline-block;}
