@charset "utf-8";

/* =================================
reset
================================= */
body, nav, section, ul, li, dl, dt, dd, aside, h1, h2, h3, h4, h5, h6, p {margin: 0;padding: 0;list-style:none;}
body {line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc;margin:1em 0; padding:0;}
input, select {vertical-align:middle; font-size: inherit;}
a {-webkit-tap-highlight-color:transparent;}


/* base --------------------------------- */
html, body{
	font-size:100%;
    font-size: 62.5%;
	height:100%;
}
body{
	position : relative ;
	width : 100% ;
	line-height: 1.4;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "meiryo", "MS PGothic", sans-serif;
	font-size:1.4rem; /* 14px */
	color:#444;
	letter-spacing: -0.001em;
	-webkit-text-size-adjust: 100%;
}

a:link {
	color: #0066aa;
	text-decoration: none;
}
a:visited {
	color: #0066aa;
	text-decoration: none;
}

img {
	display:block;
	margin:0 auto;
	border: none;
	line-height: 0;
	vertical-align: text-bottom;
}

/* system error --------------------------------- */

#error{
	width:95%;
	margin:20px auto 10px;
	padding:8px 15px;
	color:#F00;
	border:#F00 solid 1px;
	box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;
}
.error{
	width:95%;
	margin:20px auto 10px;
	padding:8px 15px;
	color:#F00;
	border:#F00 solid 1px;
	box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;
}
#error a{
	color:#F00;
	text-decoration: underline;
}
/* header --------------------------------- */
header {
	display: table;
	width:100%;
	padding:7px 8px;
	height:34px;
	border-bottom: solid #e5e5e5 1px;
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1) inset, 0 0 0 rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

h1 {
	display:table-cell;
	width: 80px;
	vertical-align:middle;
}
#au_logo {
	line-height: 0;
	padding-right: 10px;
}
#au_logo img{
	padding: 6px;
	width:140px;
	margin-left:-6px;
}
#au_id {
	display:table-cell;
	vertical-align:middle;
	max-width:128px;
}

#au_id dl {
	display:table;
	min-height: 28px;
	word-break: break-all;
	font-size:0.7em;
	float:right;
}

#au_id dt, #au_id dd {
	display:table-cell;
	vertical-align:middle;
	line-height:1;
}
#au_id dt {
	text-align:right;
}
#au_id dt img {
	width:22px;
	height:22px;
}
#au_id dd {
	padding-left:4px;
	text-align:left;
}
#au_id a.btn_login {
	display:block;
	margin:0 auto;
	width:80px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#fb9909;
	color:#fff;
	font-weight:bold;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
}
#au_id a.btn_login.hover {
	background:#eb5505;
}

/* contents --------------------------------- */

#contents {
	margin:0 auto;
	padding-top:16px;
}
section {
	overflow: hidden;
	width:100%;
}
h2 {
	margin: 0 0 8px;
    padding:16px;
    font-size:1.3em;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	background: url(../../img/common/bar_h2.gif) repeat-y scroll left bottom #F8F8F8;
}
h3 {
    margin: 0 0 8px;
    padding: 16px;
    background: #fff url(../../img/common/bar_h3.gif) no-repeat scroll left bottom;
    font-size: 1.2em;
}
/*
h4{
    margin: 0 auto;
    padding: 16px 16px 8px;
    border-bottom: 1px solid #ccc;
    font-size: 1.1em;
    font-weight: bold;
}
*/
h4 {
    margin: 0 16px 8px;
    padding: 5px 0 5px 17px;
    background: url(../../img/common/icon_h4.png) no-repeat left 8px;
    font-size: 1.3rem;
    font-weight: bold;
}
h5{
    margin: 0 auto;
    padding: 5px 16px;
	background-color: #f2f2f2;
    border-bottom: 1px solid #d5d5d5;
    font-size: 0.9em;
    font-weight: bold;
}
/* alert --------------------------------- */


/* 緊急告知ツール ---------- */

#alert , #recovery , #invalid {
	margin:8px 8px 0;
	padding:8px;
	line-height:1.4;
	background-color: #fff;
	font-size: 1.3rem;
}

#alert {
	border:2px solid #dd2211;
	color:#dd2211;
}

#recovery {
	border:2px solid #333;
	color:#333;
}

#alert h4 {
	margin:0;
	padding:0;
	padding-left: 22px;
	background:url(../../img/common/icon_alert.png) no-repeat left 3px;
	background-size: 15px auto;
	-webkit-background-size: 15px auto;
	-moz-background-size: 15px auto;
	-o-background-size: 15px auto;
	-ms-background-size: 15px auto;
	font-weight:bold;
	border: 0;
}
#recovery h4 {
	margin:0;
	padding:0;
	background:none;
	font-weight:bold;
	border: 0;
}

#alert a,
#recovery a {
	color:#0066aa;
	text-decoration:underline;
}

#alert a.hover,
#recovery a.hover
#invalid a hover{
	text-decoration:none;
}

/* アラート ---------- */

#notify {
/*	margin:0 10px 10px;*/
}
#notify li{
	margin:8px;
/*	margin-bottom:5px;*/
	padding:8px;
	border: 2px solid #ffe4a2;
    background-color: #fff9f5;
}
#notify li a {
	color: #EB5505;
	text-decoration:underline;
}
#notify li a.hover {
	text-decoration:none;
}
#invalid {
	border:2px solid #dd2211;
	color:#dd2211;
}

/* footer --------------------------------- */

#footerSnav , #footerSnavTop{
  display: block;
  margin: 0 auto;
  background-color: #ddd;
}
#footerSnav li , #footerSnavTop li{
  list-style: none;
  border-bottom: solid 1px #fff;
}
.inner li {
  list-style: none;
  border-bottom: solid 1px #fff;
}
#footerSnav li:last-child , #footerSnavTop li:last-child{
  border-bottom: none;
}
#footerSnav a,#footerSnav .toggle,
#footerSnavTop a, #footerSnavTop .toggle{
  display: block;
  position: relative;
  padding: 16px;
  text-decoration: none;
  color: #444;
  cursor: pointer;
/*  -webkit-transition: .2s ease-in-out;*/
}
#footerSnav a:hover,#footerSnav .toggle:hover,
#footerSnav a:focus,#footerSnav .toggle:focus,
#footerSnavTop a:hover,#footerSnavTop .toggle:hover,
#footerSnavTop a:focus,#footerSnavTop .toggle:focus{
  background-color: #ddd;
  color: #444;
}
#footerSnav .toggle:after , #footerSnavTop .toggle:after{
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -3px;
  border-top: solid 1px #444;
  border-right: solid 1px #444;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -webkit-transition: .2s ease-in-out;
}
#footerSnav .toggle:hover:after , #footerSnav .toggle:focus:after ,
#footerSnavTop .toggle:hover:after , #footerSnavTop .toggle:focus:after{
  border-top: solid 1px #444;
  border-right: solid 1px #444;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -webkit-transition: .2s ease-in-out;
}
#footerSnav .toggle.open:after ,#footerSnavTop .toggle.open:after{
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
#footerSnav li ul , #footerSnavTop li ul{
  display: none;
  background: #eee;
  margin: 0;
  overflow: hidden;
}
#footerSnav li ul:first-child , #footerSnavTop li ul:first-child{
  border-bottom: solid 1px #000;
}
#footerSnav li ul li a , #footerSnavTop li ul li a{
  line-height: 20px;
  color: #444;
}
.newwin_wh {
	background:url(../../img/common/icon_newwin.png) right 13px center no-repeat;
	background-size: 12px 10px;
}
.newwin_wh a:hover , .newwin_wh a:focus{
	background:url(../../img/common/icon_newwin.png) right 13px center no-repeat;
	background-size: 12px 10px;
	background-color: #ddd;
	color: #444;
}
.newwin_wh a:hover , .newwin_wh a:focus{
	background:url(../../img/common/icon_newwin.png) right 13px center no-repeat;
	background-size: 12px 10px;
	background-color: #ddd;
	color: #444;
}
.key_wh {
    background: url(../../img/common/icon_key.png) right 8px center no-repeat;
    background-size: 18px 16px;
}
.key_wh a:hover , .key_wh a:focus{
	background:url(../../img/common/icon_key.png) right 8px center no-repeat;
	background-size: 18px 16px;
	background-color: #ddd;
	color: #444;
}
#footerSnav li ul li a:after ,#footerSnavTop li ul li a:after{
  display: none;
}
#footerSnav li ul li a:hover , #footerSnav li ul li a:focus,
#footerSnavTop li ul li a:hover , #footerSnavTop li ul li a:focus{
  background-color: #fff;/*#FFE5D6*/
  color: #444;
}
#footer {
	clear:both;
	margin:0 auto;
	padding:8px;
	color: #fff;
	background-color: #666;
}
#footer .inner{
	width:100%;
	text-align:center;
	overflow:hidden;
}
#copyright {
	margin:0 auto;
	text-align:center;
	font-size: 0.9rem;
	line-height: 1;
	box-sizing: border-box;
}
/* ページの先頭へ ---------- */
#toTop {
/*	background-color: #FAFAFA;*/
	font-size: 1.3rem;
	text-align: center;
	border-top: 1px solid #D5D5D5;
}
#toTop a {
	display: block;
	font-weight: bold;
/*	color: #444;*/
	padding: 32px 0 16px;
	background: url(../../img/common/arrow_top.png) no-repeat center 16px;
	background-size: 12px 12px;
	-webkit-background-size: 12px 12px;
	-moz-background-size: 12px 12px;
	-o-background-size: 12px 12px;
	-ms-background-size: 12px 12px;
}
#toTop a.hover {
	background-color:rgba(211, 229, 241, 0.8);
}
/* 戻るボタン ---------- */
#toBack {
	margin:15px auto;
}
#toBack a {
	padding-left: 15px;
	background: url(../../img/common/list_prev.png) left 3px no-repeat;
	background-size: 10px auto;
	-webkit-background-size: 10px auto;
	-moz-background-size: 10px auto;
	-o-background-size: 10px auto;
	-ms-background-size: 10px auto;
	text-align: right;
}
#toBack a.hover {
	background:rgba(211, 229, 241, 0.46)  url(../../img/common/list_prev.png) left 3px no-repeat;
	background-size: 10px auto;
	-webkit-background-size: 10px auto;
	-moz-background-size: 10px auto;
	-o-background-size: 10px auto;
	-ms-background-size: 10px auto;
}

/* =================================
common
================================= */

/* もっと見る ---------- */
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;
	-webkit-background-size: 10px auto;
	-moz-background-size: 10px auto;
	-o-background-size: 10px auto;
	-ms-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;
	-webkit-background-size: 10px auto;
	-moz-background-size: 10px auto;
	-o-background-size: 10px auto;
	-ms-background-size: 10px auto;
}

/* info リスト --------------------------------- */

dl.ainfo {
	width:100%;
	padding:0 16px;
	box-sizing:border-box;
	font-size:1.5rem;
}
dl.ainfo dt{
	margin: 16px 0 16px 0;
	padding: 0px 5px 0 8px;
	border-left: 5px solid #ddd;
	font-weight: 600;
}
dl.ainfo dd {
	width:100%;
	margin: 16px 0;
	padding:5px;
	box-sizing:border-box;
}

dl.ainfo dd:last-child {
	margin-bottom:20px;
}
dl.ainfo_set dd {
	width:auto;
	margin-bottom:16px;
	padding:0;
	box-sizing:border-box;
}
dl.ainfo dd input {
	padding: 8px 5px;
	border: 1px solid #bababa;
	color:#444;
	font-size:1.2rem;
	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{
	word-break: break-all;
	font-size:1.2rem;
	text-align: justify;
}
.ainfo_note li {
	margin:1rem;
	text-indent:-1em;
	padding-left:1em;
	list-style: inside disc;

}
p.ainfo_note {
	margin:1em;
	padding-left:1em;
	text-indent:-1em;
}
dl.ainfo dt.btn_change, dl.ainfo dd.btn_change {
/*	margin-bottom:0 !important;*/
	padding:0;
	width:100%;
	border-left:none;
	overflow:hidden;
	box-sizing:border-box;
}
dl.ainfo dt.btn_change span {
	display:block;
	float:left;
	width:10em;
/*	margin-top:8px;*/
	padding: 0px 5px 0 8px;
	border-left: 5px solid #DDD;
}
dl.ainfo dd.btn_change span {
	display:inline-block;
	margin: 0 10px 8px;
	padding:5px;
	box-sizing:border-box;
}
dl.ainfo dt.btn_change a {
	position: absolute;
	right: 8px;
	padding: 2px 13px;
/*	margin-top: 8px;*/
	font-size: 1.3rem;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
dl.ainfo dt.btn_change a.btn, h3.btn_change a.btn, dl.ainfo dd.btn_change a.btn {
	width: 80px;
	display: block;
	float: right;
/*	height: 36px;
	line-height: 36px;*/
	margin-top: 0px;
}
dl.ainfo dd.btn_change a.btn {
	margin-top:0;
/*	margin-right:8px;*/
}
dl.ainfo dd textarea{
	padding: 8px 5px;
    border: 1px solid #bababa;
    color: #444;
/*    font-size: 1.2rem;*/
	line-height: 1.3;
    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;
}
.ainfo_notice {font-size: 1.1rem; padding: 0 0 5px;}
.ainfo_caption {font-size: 1.1rem; padding: 0 0 5px; color: #ff0000;}

/* formtips.js --------------------------------- */
.tipped {
color:#000000 !important;
font-size:1.2rem !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;
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	-o-background-size: 10px 10px;
	-ms-background-size: 10px 10px;
}


/* txt --------------------------------- */
.txt_box{
	position: relative;
-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin: 8px;
    background-color: #fff;
	-webkit-box-shadow: 0px 1px 5px 0px  rgba(0,0,0,0.08),0px 0px 2px 0px  rgba(0,0,0,0.03);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.08),0px 0px 2px 0px  rgba(0,0,0,0.03);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.08),0px 0px 2px 0px  rgba(0,0,0,0.03);
}
.txt_box p{
	text-align: justify;
}
.info_box{
	margin: 8px 16px;
	padding: 8px;
	position: relative;
-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.bnr_box{margin: 8px;}
.bnr_box img{
	width: 100%;
-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.img_box{margin: 8px;}
.img_box img{width: 100%;}
.area_txt {
	padding:16px;
	text-align: justify;
}

/*----リスト------------*/
ul.list_type li{
	margin-left: 16px;
	margin-bottom: 1em;
	position: relative;
}
/*
ul.list_type li:first-child{
	margin-bottom: 0;
}
*/
.type_01 li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -0.9em;
	width: 6px;
	height: 6px;
	background-color: #aaa;
	border-radius: 100%;
}
.type_02 li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 8px;
	height: 3px;
	border-left: 2px solid #e95304;
	border-bottom: 2px solid #e95304;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.type_03 li::before {
	display: block;
	content: "";
	position: absolute;
	left: -0.9em;
	width: 0;
	height: 0;
	margin-top: 6px;
	border: 4px solid transparent;
	border-left: 7px solid #e95304;
}
.type_04 li::before {
	display: block;
	content: "";
	position: absolute;
	left: -0.9em;
	width: 0;
	height: 0;
	margin-top: 6px;
	border: 4px solid transparent;
	border-left: 7px solid #aaa;
}
.fw_b {font-weight:bold;}
.fc_or {color: #EB5505;}
.fc_gr {color:#bcbcbc;}
.fc_link {color: #0066aa !important;}
.fc_red {color:#ff0000;}
.fs_10 {font-size:1.0rem;}
.fs_11 {font-size:1.1rem;}
.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;}
.txt_r { text-align:right;}
.txt_l { text-align:left;}
.txt_c { text-align:center;}

.indent {
	padding-bottom:1em;
	padding-left:1em;
	text-indent:-1em;
}
span.indent {
	display:inline-block;
	padding-left:1em;
	text-indent:-1em;
}

.note_red {
	color:#ff0000;
	font-weight: bold;
	font-size: 0.9em;
}

/*　参考　*/
.color_blue {color:#4077C1;}
.color_gray_1 {color:#EDEDED;}
.color_gray_2 {color:#bcbcbc;}
.color_gray_3 {color:#f5f5f5;}
.color_orange_1 {color:#eb5505;}
.color_orange_2 {color:#FE8005;}
.b_reset {border: none!important;}

/* list_t1 --------------------------------- */
/*
.list_t1 {
    margin-top: -16px;
    background: #fff;
}
.list_t1 li{
	text-align: justify;
	border-bottom: 1px solid #d5d5d5;
	padding: 10px 8px;
}
.list_t1 li:last-child{
	border-bottom: none;
}
.list_t1 li a{
	padding-right: 16px;
	display: block;
	color: #333;
    background: url(../../img/common/arrow_rg.png) no-repeat right 0 top 50%;
    background-size: 6px auto;
}
*/

/* table --------------------------------- */
.table_l, .table_t {
	margin:10px auto ;
/*	border:1px solid #d5d5d5;*/
	border-collapse: collapse;
	text-align:left;
}

.table_l th, .table_l td, .table_t th, .table_t td {
	padding:8px;
	border-top:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	word-break:break-all;
}
.table_l th, .table_t th {
	background:#f9f9f9;
	border-right:1px solid #d5d5d5;
	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;}


/* margin --------------------------------- */

.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt8 { margin-top: 8px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt16 { margin-top: 16px !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; }
.mr16 { margin-right: 16px !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; }
.mb8 { margin-bottom: 8px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb16 { margin-bottom: 16px !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; }
.ml8 { margin-left: 8px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml16 { margin-left: 16px !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; }
.pt8 { padding-top: 8px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt16 { padding-top: 16px !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; }
.pr8 { padding-right: 8px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr16 { padding-right: 16px !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; }
.pb8 { padding-bottom: 8px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb16 { padding-bottom: 16px !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; }
.pl8 { padding-left: 8px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl16 { padding-left: 16px !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; }

/*---------------width----------------*/
.w100 {width: 100%;}
.w90 {width: 90%;}
.w80 {width: 80%;}
.w70 {width: 70%;}
.w60 {width: 60%;}
.w50 {width: 50%;}
.w40 {width: 40%;}
.w30 {width: 30%;}
.w20 {width: 20%;}
.w10 {width: 10%;}

/* =================================
font-size
================================= */
.txt_small {display: inline-block; margin: 0 5px; font-size: 0.8em; color: #444; line-height: 1.3;}
/* =================================
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_60per { width:60% !important;}
.w_80per { width:80% !important;}
.w_90per { width:90% !important;}
/* =================================
rounded_corners
================================= */
.rounded_corners {-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; border:#FE8005 solid 2px;}
.bd_w1 {border-width:1px !important;}
.bd_w2 {border-width:2px !important;}
.bd_orange {border-color:#FE8005 !important;}
.bd_gray {border-color:#f5f5f5 !important;}
/* =================================
background_color
================================= */
.bg_wh{background-color: #fff !important;}
/* =================================
bordercolor
================================= */
.bc_blk {border: 2px solid #000;}
.bc_gry {border: 2px solid #ccc;}
.bc_org {border: 2px solid #FE8005;}
/* =================================
button
================================= */
a.btn {
	display:block;
	padding: 10px 0;
	margin:10px auto;
	width:90%;
/*	height:42px;
	line-height:42px;*/
	text-align:center;
	text-decoration:none;
	font-size:1.5rem;
	font-weight:bold;
	color:#444;
	-webkit-border-radius:4px;-moz-border-radius: 4px; border-radius: 4px;
}
@media screen and (min-width: 640px) {
	a.btn {
		width:270px;
	}
}
a.btn.hover {text-decoration:none;}
a.btn:active {text-decoration:none;}

/*orange*/
.orange {
	color: #ffffff !important;
	background-color:#eb5505;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNzciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRUI1NTA1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkI5OTA5IiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnMzc3KSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,#F27306 0%,#eb5505);
	background: -webkit-gradient(linear, left top, left bottom, from(#F27306),to(#eb5505));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F27306', endColorstr='#eb5505');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorStr='#F27306', EndColorStr='#eb5505')";
	border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;
	border: 1px solid #F37607;
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 0 0 rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
}

.orange.hover {
	background-color:#F27306;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGNTYwMDYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGREFEMEEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5NikiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,#eb5505 0%,#F27306);
	background: -webkit-gradient(linear, left top, left bottom, from(#eb5505),to(#F27306));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb5505', endColorstr='#F27306');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorStr='#eb5505', EndColorStr='#F27306')";
	cursor: pointer;
}
/*.orange:active {
	background-color:#fdad0a;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4NjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkRBRDBBIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjRjU2MDA2IiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODYzKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,#f56006 0%,#fdad0a);
	background: -webkit-gradient(linear, left top, left bottom, from(#f56006),to(#fdad0a));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56006', endColorstr='#fdad0a');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorStr='#f56006', EndColorStr='#fdad0a')";
}
.orange:visited {color:#ffffff !important;}
.orange.orange:not(:target) {
    filter: none;
    -ms-filter: none; }*/

/*gray*/
.gray {
	background-color:#e5e5e5;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3MTAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRTVFNUU1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjRURFREVEIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNzEwKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,#ededed 0%,#e5e5e5);
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed),		to(#e5e5e5));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e5e5e5');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorStr='#ededed', EndColorStr='#e5e5e5')";
	border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;
	border: 1px solid #888888;
}

.gray.hover {
	background-color:#f2f2f2;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxOTgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjJGMkYyIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjRjZGNkY2IiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnMTk4KSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,#f6f6f6 0%,#f2f2f2);
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f2f2f2));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f2f2f2');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorStr='#f6f6f6', EndColorStr='#f2f2f2')";
	cursor: pointer;
}
/*.gray:active {
	background-color:#f6f6f6;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0MzkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjZGNkY2IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjRjJGMkYyIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNDM5KSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,#f2f2f2 0%,#f6f6f6);
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2),to(#f6f6f6));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f6f6f6');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorStr='#f2f2f2', EndColorStr='#f6f6f6')";
}*/
.gray.gray:not(:target) { /*ie9以上は以下でフィルターを解除する*/
	filter: none;
	-ms-filter: none;
}
.gray_off {
	background-color: #eee;
	color:#aaa !important;
	border: 1px solid #ccc;
}
/* small_btn */

a.btn_s{
	display: inline-block;
	padding: 5px 10px;
	margin:10px auto 0px auto;
/*	width:120px;
	height:38px;
	line-height:38px;*/
	border:1px solid #b2b2b2;
	text-align:center;
	font-weight:bold;
	color:#FF8019;
	-webkit-border-radius:3px;-moz-border-radius: 3px; border-radius: 3px;
	box-sizing:border-box;
}
.white {
color:#444 !important;
border:1px solid #ccc;
  background: #eeeeee;
  background: linear-gradient(#ffffff 0%, #eeeeee 100%);
  background: -webkit-linear-gradient(white 0%, #eeeeee 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#eeeeee));
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 0 0 rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
}
.white.hover {
color:#444 !important;
border:1px solid #ccc;
  background: #eeeeee;
  background: linear-gradient(#eeeeee 0%, #ffffff 100%);
  background: -webkit-linear-gradient(#eeeeee 0%, white 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#white));
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 0 0 rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
}
/*
.white.hover {
color:#444 !important;
background: #f3f3f3;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #f3f3f3 22%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,#f3f3f3), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #f3f3f3 22%,#ffffff 100%);
background: -o-linear-gradient(top,  #f3f3f3 22%,#ffffff 100%);
background: -ms-linear-gradient(top,  #f3f3f3 22%,#ffffff 100%);
background: linear-gradient(to bottom,  #f3f3f3 22%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 );
 box-shadow:none;
}*/

a.btn_ss {width:94px;}
a.btn_m {width:40%;}
a.btn_g {color:#444;}

a.fs_l {
	font-size:1.5rem;
}

/* 並列 --------------------------------- */

.btn_side2 {
	display:table;
    -webkit-box-pack:center;
	width:100%;
	margin:10px auto;
	box-sizing:border-box;
}
.btn_side2 div {
	display:table-cell;
	width:43%;
}
.btn_side2 div:first-child {text-align:right;}
.btn_side2 a {
	display:inline-block;
	text-align:center;
	box-sizing:border-box;
}

@media screen and (min-width: 640px) {
	.btn_side2 a {width:270px;}
}

.btn_side2 a:first-child {margin:0 1em 0 0;}
.btn_side2 a:last-child {margin:0 0 0 1em;}

/* kiyaku_btn --------------------------------- */

.btn_kiyaku {
	display: block;
	width:260px;
	height:46px;
	line-height:46px;
	font-size:17px;
	font-weight:bold;
	color:#444;
	text-shadow:0 1px 1px rgba(255,255,255,0.7);
}
.btn_kiyaku span {
	display:inline-block;
	line-height:46px;
	width:215px;
	height:46px;
}
.btn_d {
	padding:0 22px 0 23px;
	background:url(../image/common/ico_note.png) no-repeat 1.4em center, url(../image/common/ico_arrow_05_d.png) no-repeat 13em center;

}
.btn_t {
	padding:0 22px 0 23px;
	background:url(../image/common/ico_note.png) no-repeat 1.4em center, url(../image/common/ico_arrow_05_t.png) no-repeat 13em center;
}

/* 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;
}

/* caution_list --------------------------------- */

/*dl.caution_list {width:100%; display:inline-block;}
dl.caution_list dt { float:left; clear:left; margin-right:5px; width:4%;}
dl.caution_list dd { float:left; width:94%;}*/

.clearfix{
	font-size: 1.1rem;
}
dl.caution_list {
width: 100%;
display: inline-block;
font-size: 1.1rem;
}
dl.caution_list dt { float:left; clear:left; width:4%;}
dl.caution_list dd {
float: left;
width: 94%;
margin-bottom: 8px;
}
/* scroll_tab --------------------------------- */
.display_frame {
	width: 100%;
	overflow: hidden;
}
.scroll_frame {
	width: 100%;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	-webkit-transform:translateZ(0);
}
.scroll_frame::-webkit-scrollbar {
  display: none;
}
.inner_frame li{
	min-width: 80px;
	text-align: center;
	font-size: 1.0em;
    float: left;
    border-right: 1px solid #d5d5d5;
}
.inner_frame li a{
	color: #333;
    display: block;
    padding: 16px 8px;
    border-bottom: 3px solid #e5e5e5;
	background-image:url(image);
}
.inner_frame li a.active{
    border-bottom: 3px solid #f76b1f;
}
/*
.inner_frame li:first-child {
	border-left: 1px solid #d5d5d5;
}*/
/*
@media screen and (min-width: 480px) {
	.inner_frame ul {
	width: 100%;
    display: table;
	table-layout: fixed;
	}
	.inner_frame li {
    display: table-cell;
	}
}
*/
/*AND 2.0 タブ代替用*/
.noscroll_frame{
	display: none;
}
.noscroll{
    display: inline-block;
	width: 100%;
}
.noscroll ul{
	padding: 0;
    list-style: none;
	border-top: 1px solid #d5d5d5;
}
.noscroll li{
	background-color: #f2f2f2;
	text-align: center;
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
    display: block;
    border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
}

.noscroll li:nth-child(even) {
    border-right: none;
/*	border-bottom: 1px solid #e5e5e5;*/
}
.noscroll li a{
	padding: 16px;
	color: #333;
    display: block;
	background-image:url(image);
}
.noscroll li a.active{
	color: #fff;
    background-color: #f76b1f;
}
/*お試し用card導線*/
.card_pr_box{
    background: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.card_pr_box dl{
	background-image: url(../../img/common/list_submenu.png) ;
	background-repeat: no-repeat;
	background-position: 99%;
    background-size: 10px;
	display: block;
    position: relative;
    text-align: justify;
	min-height: 72px;
}
.card_pr_box dl dt {
	border-top: 1px solid #d9d9d9;
	display: block;
    position: relative;
    padding: 16px 24px 0 112px;
    line-height: 1.2;
    font-size: 0.9em;
    font-weight: bold;
}
.card_pr_box a dt{
	color: #21405d;
}
.card_pr_box dl dd {
	border-bottom: 1px solid #d9d9d9;
	display: block;
    padding: 3px 24px 16px 112px;
    font-size: 0.75em;
    line-height: 1.2;
    min-height: 36px;
}
.card_pr_box a dd{
	color: #444;
}
.card_pr_box dl dt img {
    width: 88px;
    position: absolute;
    display: block;
    left: 16px;
    padding: 0;
    -webkit-background-size: 60px;
}

/* list_t1 --------------------------------- */
.list_t1 {
    margin-top: -8px;
    background: #fff;
}
.list_t1 li{
	text-align: justify;
	border-bottom: 1px solid #d5d5d5;
	padding: 16px;
}
.list_t1 li:last-child{
	border-bottom: none;
}
.list_t1 li a{
	padding-right: 16px;
	display: block;
	color: #333;
    background: url(../../img/common/arrow_rg.png) no-repeat right 0 top 50%;
    background-size: 6px auto;
}
/* list_t2 --------------------------------- */
.list_t2 {
    margin-top: 8px;
    background: #fff;
}
.list_t2 li{
	text-align: justify;
	border-bottom: 1px solid #d5d5d5;
	padding: 16px;
}
.list_t2 li:first-child{
	border-top: 1px solid #d5d5d5;
}
.list_t2 li a{
	padding-right: 16px;
	display: block;
	color: #333;
    background: url(../../img/common/arrow_rg.png) no-repeat right 0 top 50%;
    background-size: 6px auto;
}
/*modal*/
* html .layer_board_bg,* html .layer_board {position: absolute;}
.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 2000;
	top: 0;
	left: 0;
	display: none;
	cursor: pointer;
	background: #000;
}
.layer_board {
	width: 100%;
	top: 6vw;
	display: none;
	position: fixed;
	margin: 16px auto;
	text-align: center;
	z-index: 3000;
}
.modal_box{
	position: relative;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin: 0 16px;
  	background-color: #fff;
	-webkit-box-shadow: 0px 1px 5px 0px  rgba(0,0,0,0.08),0px 0px 2px 0px  rgba(0,0,0,0.03);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.08),0px 0px 2px 0px  rgba(0,0,0,0.03);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.08),0px 0px 2px 0px  rgba(0,0,0,0.03);
}
.modal_top{
	-webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.modal_top .w{
 	float:left;
	width:100%;
	background-color:#ea5504;
}
.modal_top .l{
	float:left;
	width:87.24%;
}
.modal_top .r{
 	float:left;
	width:12.76%;
}

a.modal_btn {
	display: block;
    padding: 12px 0;
    margin: 0 auto 10px;
    width: 90%;
    text-align: center;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
	background-color: #eb5505;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.modal_cbox {padding: 8px;
	font-size: 1.2rem;}
@media screen and (min-width: 600px) {
	.modal_box{width: 300px; margin: 0 auto;}
}
.available__box{
	margin: 16px auto 0;
}
@media screen and (min-width: 600px) {
	.available__box{width: 450px}
}
.available{
	display: table;
	width: 100%;
	font-size: 1.5rem;
}
.available dt{
	display: table-cell;
	text-align: left;
	padding: 8px 0px 8px 16px;
}
.available dd{
	display: table-cell;
	text-align: right;
	padding: 8px 16px 8px 0;
}
.available span{
	padding-left: 2px;
}

/*-errorの文字黒にする--*/

.default_font_color{
	color: #444;
}
/*-errorのリンク青にする--*/
#error a.default_font_color_a{
	color: #0066aa;
	text-decoration: none;

}

.inner .ponta {
	font-size:7px;
}
.userinfo dt p img {
	width:70px;
	height:auto;
	display:inline;
	margin:0;
}

.btn_disabled {
  pointer-events: none;
}
