@charset "UTF-8";

/* common
------------------------------------------------------------*/
.mainlabel {
	font-size: 17px;
	font-weight: bold;
}
.menulabel {
	font-size: 17px;
	margin: 5px 0px;
}
.nolabel:before {
	position: relative;
	padding-left: 5px;
	content: '';
	display: inline-block;
	vertical-align: middle;
}
.boxnotice {
		display: block;
}
.lb-lf {
	text-align: left;
}
.lb-ct {
	text-align: center;
}
.lb-rg {
	text-align: right;
}
.lb-tp {
	vertical-align: top;
}
.lb-md {
	vertical-align: middle;
}
.lb-bt {
	vertical-align: bottom;
}
.head-img1 {
	background-image: url('../images/mypage/icon/icon24_kit01.png');
//	background-image: url('../images/banner_icon_logo/icon_kit_40.png');
	background-size: contain;
	background-repeat: no-repeat;
}
.head-img2 {
	background-image: url('../images/mypage/icon/icon24_in.png');
//	background-image: url('../images/banner_icon_logo/icon_login_40.png');
	background-size: contain;
	background-repeat: no-repeat;
}
.head-img3 {
	background-image: url('../images/mypage/icon/icon24_my-b.png');
//	background-image: url('../images/banner_icon_logo/icon_mypage_40.png');
	background-size: contain;
	background-repeat: no-repeat;
}
.head-img4 {
	background-image: url('../images/banner_icon_logo/48-48_mail.png');
	background-size: contain;
	background-repeat: no-repeat;
}
.
.nowrp {
	white-space: nowrap;
}
.lb-img-ct {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}
.line-h12 {
	line-height: 1.2;
}
.line-h15 {
	line-height: 1.5;
}
.line-h18 {
	line-height: 1.8;
}
.line-h20 {
	line-height: 2.0;
}
.mg-t2 {
	margin-top: 2px;
}
.mg-t3 {
	margin-top: 3px;
}
.mg0 {
	margin: 0px;
}
.pd5 {
	padding: 5px;
}
.pd10 {
	padding: 10px;
}
.pd14 {
	padding: 14px;
}
.mg-t1 {
	margin-top: 1px;
}
.mg-t5 {
	margin-top: 5px;
}
.mg-t10 {
	margin-top: 10px;
}
.mg-t15 {
	margin-top: 15px;
}
.mg-t20 {
	margin-top: 20px;
}
.mg-t40 {
	margin-top: 40px;
}
.mg-b5 {
	margin-bottom: 5px;
}
.mg-b10 {
	margin-bottom: 10px;
}
.mg-b15 {
	margin-bottom: 15px;
}
.mg-b20 {
	margin-bottom: 20px;
}
.mg-l5 {
	margin-left: 5px;
}
.mg-l10 {
	margin-left: 10px;
}
.mg-l15 {
	margin-left: 15px;
}
.mg-l0 {
	margin-left: -4px;
}
.pd-t5 {
	padding-top: 5px;
}
.pd-tl5 {
	padding-top: 5px;
	padding-left: 5px;
}
.pd-t15 {
	padding-top: 15px;
}
.pd-b5 {
	padding-bottom: 5px;
}
.pd-l5 {
	padding-left: 5px;
}
.blockhead {
	position: relative;
}
.blockhead .label {
	position: absolute;
	bottom: 0;
}
.sp-h1 {
	height: 1px;
}
.sp-h2 {
	height: 2px;
}
.sp-h3 {
	height: 3px;
}
.sp-h5 {
	height: 5px;
}
.sp-h8 {
	height: 8px;
}
.sp-h10 {
	height: 10px;
}
.sp-h14 {
	height: 14px;
}
.sp-h15 {
	height: 15px;
}
.sp-h20 {
	height: 20px;
}
.sp-h21 {
	height: 21px;
}
.sp-h25 {
	height: 25px;
}
.sp-h26 {
	height: 26px;
}
.sp-h28 {
	height: 28px;
}
.sp-h36 {
	height: 36px;
}
.sp-h37 {
	height: 37px;
}
.sp-h39 {
	height: 39px;
}
.sp-h40 {
	height: 40px;
}
.sp-h42 {
	height: 42px;
}
.sp-h46 {
	height: 46px;
}
.sp-h48 {
	height: 48px;
}
.sp-h49 {
	height: 49px;
}
.sp-h53 {
	height: 53px;
}
.sp-h59 {
	height: 59px;
}
.sp-h82 {
	height: 82px;
}
.sp-h103 {
	height: 103px;
}
.w100p {
	width: 100%;
}
.bdclr-w {
	border-color: white;
}
.bdclr-b {
	border-color: black;
}
.divline {
	border-style: solid;
	border-width: 1px 0 0 0;
}
.bd-ful {
	border: 1px solid;
}
.bd-lf {
	border-left: 1px solid #000;
}
.bd-rg {
	border-right: 1px solid #000;
}
.bd-tp {
	border-top: 1px solid #000;
}
.bd-bt {
	border-bottom: 1px solid #000;
}
.ft14 {
	font-size: 14px;
}
.ft12 {
	font-size: 12px;
}
.ft17 {
	font-size: 17px;
}
.ft10 {
	font-size: 10px;
}
.ft20 {
	font-size: 20px;
}
.ftbold {
	font-weight: bold;
}
.ftnormal {
	font-weight: normal;
}
.ftclr-w {
	color: white;
}
.ftclr-rd {
	color: red;
}
.ftclr-gr {
	color: #666;
}
.ftclr-ec {
	color: #ef857d;
}
.topiclist {
	margin: 5px 0px 2px;
	line-height: 1.5;
}
.hdclr1 {
	background-color: #eae4d1;
}
.hdclr2 {
	background-color: #efefef;
}
.hdclr3 {
	background-color: #514e4d;
}
.hdclr4 {
	background-color: #d5ead8;
}
.hdclr5 {
	background-color: #bbc1dd;
}
.hdclr6 {
	background-color: #dcdddd;
}
.hdclr7 {
	background-color: #c4b09f;
}
.hdclr-my {
	background-color: #a5a3a2;
}
.indnt {
	padding-left: 1em;
	text-indent: -1em;
}
.linkoff a:link {
	text-decoration: none;
	color: #666;
}
.linkoff a:visited {
	text-decoration: none;
	color: #666;
}
.linkoff a:hover {
	text-decoration: underline;
	color: #666;
}
.linkon a:link {
	text-decoration: underline;
	color: #666;
}
.linkon a:visited {
	text-decoration: underline;
	color: #666;
}
.linkon a:hover {
	text-decoration: none;
	color: #666;
}
.linkoff-w a:link {
	text-decoration: none;
	color: #fff;
}
.linkoff-w a:visited {
	text-decoration: none;
	color: #fff;
}
.linkoff-w a:hover {
	text-decoration: underline;
	color: #fff;
}
.linkon-w a:link {
	text-decoration: underline;
	color: #fff;
}
.linkon-w a:visited {
	text-decoration: underline;
	color: #fff;
}
.linkon-w a:hover {
	text-decoration: none;
	color: #fff;
}
.inputarea {
}
.inputarea dl {
	font-size: 0;
}
.inputarea dt {
	width: 100%;
	font-size: 14px;
}
.inputarea dd {
	float: left;
	font-size: 14px;
}
//.inputarea table, th, td {
//	border: 1px solid black;
//}
.inputarea table {
	width: 100%;
	border-collapse: collapse;
//	clear: both;
}
.inputarea .topline {
	border-top: 1px solid black;
}
.inputarea .btmline-d {
	border-bottom: 1px dashed black;
	padding-top: 5px;
}
.inputarea .btmline {
	border-bottom: 1px solid black;
	padding-top: 5px;
}
.inputarea th {
	padding: 5px;
}
.inputarea td {
	padding: 5px;
}
.inputarea input[type="text"], input[type="tel"], input[type="password"] {
//	margin-left: 5px;
}
.inputarea input[type="radio"] {
	margin-left: 5px;
	margin-right: 2px;
}
.inputarea select {
	margin-left: 5px;
	margin-right: 5px;
}
.inputarea .inptxt input[type="text"] {
	width: 80%;
}
.inputarea .inptxt input[type="password"] {
	width: 67%;
}
.inputarea .inptxtful input[type="text"] {
	width: 95%;
}
.inputarea .inptxtful input[type="password"] {
	width: 95%;
}
.inputarea .inpt3item input[type="text"] {
	width: 28%;
}
.inputarea .inpt2item input[type="text"] {
	width: 43%;
}
.inputarea .inpt1item input[type="text"] {
	width: 80%;
}
.inputarea .inpt1itemS input[type="text"] {
	width: 40%;
}
.inputarea .inpt1itemM input[type="text"], input[type="tel"] {
	width: 60%;
}
.inputarea .agree {
	display: table;
	vertical-align: middle;
	width: 100%;
}
.inputarea .agree .child {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}
.inputarea .agree .child:hover{
	cursor: pointer;
	opacity: 0.8;
}

.retbtn {
	padding: 0;
	border: none;
}
.retbtn:hover {
	cursor: pointer;
	opacity: 0.8;
}

.flip-horizontal {
    transform: rotate(180deg);
}

/* メニュー */
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	top: 8px;
	width: 30px;
	height: 40px;
// 右寄せ
//	margin-left: auto;
//	margin-right: 0;
//	float: right;
//	margin: 20px 0px;

// 左寄せ（ロゴ右）
	margin-left: 0;
	margin-right: auto;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #fff;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 10px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 15px;
}
.menu-trigger span:nth-of-type(2)::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 4px;
	background-color: #fff;
	border-radius: 4px;
	transition: all .4s;
}
.menu-trigger.active span:nth-of-type(1) {
	transform: translate(50%) scale(0);
}
.menu-trigger.active span:nth-of-type(2) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu-trigger.active span:nth-of-type(2)::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.menu-trigger.active span:nth-of-type(3) {
	transform: translate(-50%) scale(0);
}
.naviblock {
	display: block;
	width: 240px;
	margin-left: auto;
	margin-right: 0;
}
.navimenu {
	position: absolute;
//	display: block;
	width: 220px;
//	top: 60px;		// 展開後表示位置
	text-align: right;
	overflow: hidden;
	z-index: 1;
}
.navimenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.navimenu li {
	position: relative;
	margin-left: 5px;
}
.navimenu ul li:nth-of-type(1) {
//	background-color: #dbdcdc;
	background-color: #514e4d;
	text-align: left;
//	color: $000;
	border-bottom: 1px solid #514e4d;
}
.navimenu ul li:nth-of-type(2) {
	background-color: #514e4d;
	border-bottom: 1px solid #fff;
}
.navimenu ul li:nth-of-type(3) {
	background-color: #514e4d;
	border-bottom: 1px solid #fff;
}
.navimenu ul li:nth-of-type(4) {
	background-color: #514e4d;
	border-bottom: 1px solid #fff;
}
.navimenu ul li:nth-of-type(5) {
	background-color: #514e4d;
	border-bottom: 1px solid #fff;
}
.navimenu ul li:nth-of-type(6) {
	background-color: #514e4d;
	border-bottom: 1px solid #fff;
}
.navimenu ul li:nth-of-type(7) {
	background-color: #514e4d;
	border-bottom: 1px solid #fff;
}
.navimenu ul li:nth-of-type(8) {
	background-color: #514e4d;
	border-bottom: 1px solid #514e4d;
}
.navimenu ul li:nth-of-type(9) {
	background-color: #514e4d;
	border-bottom: 1px solid #514e4d;
}
.navimenu ul li:nth-of-type(10) {
	background-color: #514e4d;
}
.navimenu ul li:nth-of-type(11) {
	background-color: #514e4d;
}
.navimenu ul li:nth-of-type(12) {
	background-color: #514e4d;
}
.navimenu ul li:nth-of-type(13) {
	border-bottom: 1px solid #fff;
}
.navimenu ul li:nth-of-type(14) {
	background-color: #514e4d;
}
.navimenu ul li:nth-of-type(15) {
	background-color: #514e4d;
}
.navimenu ul li .notlink  {
	height: 15px;
	line-height: 15px;
	text-align: right;
	margin-right: 10px;
	font-size: 15px;
}
.navimenu ul li .menulabel  {
	height: 30px;
	line-height: 30px;
	text-left: right;
	margin: 0px 10px 0px;
	font-size: 15px;
}
.navimenu ul li img  {
	vertical-align: middle;
	margin-right: 3px;
}
.navimenu a .headmark {
	color #ef857d;
	margin-right: 10px;
}
.navimenu a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
//	border-bottom: 1px solid #fff;
//	border-left: 1px solid #fff;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	text-align: left;
	padding-right: 35px;
}
.navimenu a:hover {
	background: #fff;
	color: #000;
}
.navimenu ul li a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 13px;
	display: block;
	width: 12px;
	height: 18px;
	margin-top: -9px;
//	background: url(../images/icn_arrow_01w.png) no-repeat 0 0;
//	-webkit-background-size: 12px 18px;
//	-moz-background-size: 12px 18px;
//	background-size: 12px 18px;
}

#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    height: 3px;/*線の太さ*/
    width: 25px;/*長さ*/
    border-radius: 3px;
    background: #fff;
    display: block;
    content: '';
    cursor: pointer;
}
#nav-open span:before {
    bottom: -8px;
}
#nav-open span:after {
    bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
    display: none;/*はじめは隠しておく*/
    position: fixed;
    z-index: 99;
    top: 0;/*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;/*最前面に*/
//    width: 90%;/*右側に隙間を作る*/
    max-width: 330px;/*最大幅*/
    height: 100%;
    background: #514e4d;/*背景色*/
    transition: .3s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
    display: block;/*カバーを表示*/
    opacity: .5;
}

#nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*中身を表示*/
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

/* Page Top icon
------------------------------------------------------------*/
.pagetop {
	margin: 8px 6px 0 0;
	text-align: right;
}
.pagetop a {
	display: inline-block;
	padding-left: 18px;
	background: url(../images/icn_pagetop.gif) no-repeat left center;
	color: #333333;
}

.actpagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
.actpagetop a {
	display: block;
	padding: 20px 20px;
	background: url(../images/icon100_to-top.png) no-repeat left center;
	background-size: 30px 30px;
}
 
.actpagetop a:hover {
	display: block;
	padding:20px 20px;
	background: url(../images/icon100_to-top.png) no-repeat left center;
	background-size: 30px 30px;
}


/* submit loading
------------------------------------------------------------*/
#loading {
	display: table;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	opacity: 0.8;
}
 
#loading .loadingMsg {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
//	padding-top: 140px;
	background: url(../images/gif-load.gif) center center no-repeat;
//	-webkit-background-size: 100% auto;
//	-moz-background-size: 100% auto;
}