@charset "utf8";
/*=============================
  - riset.css
	- 汎用css
==============================*/
/*----------------------------------------------------
	リセットCSS
----------------------------------------------------*/
*{
	margin:0;
	padding:0;
	color: #212121;
	text-decoration:none;
	box-sizing:border-box;
	font-size:14px;
}
body{
	min-width:1320px;
	-webkit-text-size-adjust: 100%;
}
a,p,span,h1,h2,h3,h4,h5,h6,li,dt,dd,th,td {
	line-height:1.4em;
}
ul,ol {
	list-style:none;
}
table {
	border-collapse:collapse;
	width:100%;
}
img{
	max-width: 100%;
	height:auto;
	width:auto;
	border:none;
}
img,iframe{
	vertical-align: bottom;
}
@media screen and (max-width:680px){
  body{
		margin-top:60px;
		margin-bottom:65px;
		min-width:0;
		overflow-x : hidden;
		overflow-y : auto;
	}
}

/*----------------------------------------
  固定汎用CSS
----------------------------------------*/
/* box-shadow */
.b-shadow {
	box-shadow:0px 0px 3px 2px #d6d7d7;
	-moz-box-shadow:0px 0px 3px 2px #d6d7d7;
	-webkit-box-shadow:0px 0px 3px 2px #d6d7d7;
}

/* underline */
.underline {
	text-decoration:underline;
}
/* indent */
.indent {margin-left:1em;text-indent:-1em;}

/* link */
.opa {transition:0.3s}
.opa:hover {opacity:0.7}
.sp-link {pointer-events:none;}
@media screen and (max-width:680px){
	.sp-link {pointer-events:auto;}
}

/* position */
.relative{position:relative;}

/* dispaly */
.inline{display:inline;}
.inline-block{display:inline-block;}
.block{display:block;}

/* float */
.fl{float:left !important;}
.fr{float:right !important;}
.cf:after{clear:both;}
.cf{overflow:hidden;}

/* vertical-align */
.va-t{vertical-align:top !important;}
.va-m{vertical-align:middle !important;}
.va-b{vertical-align:bottom !important;}
.va-base{vertical-align:baseline !important;}

/* width */
.w30{width:30px;}
.w50{width:50px;}

.par5{width:5%;}
.par10{width:10%;}
.par15{width:15%;}
.par20{width:20%;}
.par25{width:25%;}
.par30{width:30%;}
.par33{width:33%;}
.par35{width:35%;}
.par40{width:40%;}
.par45{width:45%;}
.par50{width:50%;}
.par55{width:55%;}
.par60{width:60%;}
.par65{width:65%;}
.par70{width:70%;}
.par75{width:75%;}
.par80{width:80%;}
.par85{width:85%;}
.par90{width:90%;}
.par95{width:95%;}
.par100{width:100%;}
@media screen and (max-width:680px){
	.sp-par100 {width:100%;}
}

/* margin */
.ma{margin:auto;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
@media screen and (max-width:680px){
	.sp-mt0 {margin-top:0px;}
	.sp-mt10 {margin-top:10px;}
	.sp-mt20 {margin-top:20px;}
	.sp-mt30 {margin-top:30px;}
	.sp-mt60 {margin-top:60px;}
}

/* マージンボトム */
.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; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
@media screen and (max-width:680px){
	.sp-mb0 {margin-bottom:0px;}
	.sp-mb10 {margin-bottom:10px;}
	.sp-mb20 {margin-bottom:20px;}
	.sp-mb30 {margin-bottom:30px;}
	.sp-mb60 {margin-bottom:60px;}
}




/* padding */
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p30{padding:30px;}

/* font-size*/
.f10 {font-size:10px;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f22 {font-size:22px;}
.f24 {font-size:24px;}
@media screen and (max-width:680px){
  .sp-f10 {font-size:10px;}
  .sp-f12 {font-size:12px;}
  .sp-f14 {font-size:14px;}
  .sp-f16 {font-size:16px;}
  .sp-f18 {font-size:18px;}
  .sp-f20 {font-size:20px;}
  .sp-f22 {font-size:22px;}
  .sp-f24 {font-size:24px;}
}

/* line-height */
.lh10 {line-height:1em;}
.lh12 {line-height:1.2em;}
.lh14 {line-height:1.4em;}
.lh16 {line-height:1.6em;}
.lh18 {line-height:1.8em;}
.lh20 {line-height:2em;}
.lh22 {line-height:2.2em;}
.lh24 {line-height:2.4em;}
.lh26 {line-height:2.6em;}
.lh28 {line-height:2.8em;}
.lh30 {line-height:3em;}
@media screen and (max-width:680px){
	.sp-lh10 {line-height:1em;}
	.sp-lh12 {line-height:1.2em;}
	.sp-lh14 {line-height:1.4em;}
	.sp-lh16 {line-height:1.6em;}
	.sp-lh18 {line-height:1.8em;}
	.sp-lh20 {line-height:2em;}
	.sp-lh22 {line-height:2.2em;}
	.sp-lh24 {line-height:2.4em;}
}

/* font-weight */
.tx-bold{font-weight:bold;}
.tx-normal{font-weight:normal;}

/* text-align */
.tx-center{text-align:center;}
.tx-left{text-align:left;}
.tx-right{text-align:right;}
@media screen and (max-width:680px){
	.sp-tx-center{text-align:center;}
	.sp-tx-left{text-align:left;}
	.sp-tx-right{text-align:right;}
}

/* sp pc 出し分け */
.sp-only,.sp_disp{display:none !important;}
.pc-only,.pc_disp{display:block;}
.pc-only.flex{display:flex;}
@media screen and (max-width:680px){
	.pc-only,.pc_disp{display:none !important;}
	.sp-only,.sp_disp{display:block !important;}
	.sp-only.flex{display:flex !important;}
}

/* flex-box */
	.flex {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
	.row {flex-direction:row;   }
	.row-r {flex-direction:row-reverse;}
	.column {flex-direction:column;}
	.column-r {flex-direction:column-reverse;}
	/*===コンテンツの折返し===*/
	.wrap {flex-wrap:wrap;}
	.wrap-r {flex-wrap:wrap-reverse;}
	.no-wrap {flex-wrap:nowrap;}
	/*===コンテンツの水平方向揃え ===*/
	.flex-left {justify-content:flex-start;}
	.flex-right {justify-content:flex-end;}
	.flex-center {justify-content:center;}
	.flex-space-b {justify-content:space-between;}
	.flex-space-a {justify-content:space-around;}
	/*===コンテンツの垂直方向揃え ===*/
	.flex-top {align-items:flex-start;}
	.flex-middle {align-items:center;}
	.flex-bottom {align-items:flex-end;}
	/* 順番 */
	.no1 {order:1;}
	.no2 {order:2;}
	.no3 {order:3;}
	.no4 {order:4;}
	.no5 {order:5;}
	.no6 {order:6;}
	.no7 {order:7;}
@media screen and (max-width:680px){
	.sp-flex {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
	.sp-row {flex-direction:row;   }
	.sp-row-r {flex-direction:row-reverse;}
	.sp-column {flex-direction:column;}
	.sp-column-r {flex-direction:column-reverse;}
	/*===コンテンツの折返し===*/
	.sp-wrap {flex-wrap:wrap;}
	.sp-wrap-r {flex-wrap:wrap-reverse;}
	.sp-no-wrap {flex-wrap:nowrap;}
	/*===コンテンツの水平方向揃え ===*/
	.sp-flex-left {justify-content:flex-start;}
	.sp-flex-right {justify-content:flex-end;}
	.sp-flex-center {justify-content:center;}
	.sp-flex-space-b {justify-content:space-between;}
	.sp-flex-space-a {justify-content:space-around;}
	/*===コンテンツの垂直方向揃え ===*/
	.sp-flex-top {align-items:flex-start;}
	.sp-flex-middle {align-items:center;}
	.sp-flex-bottom {align-items:flex-end;}
	/* 順番 */
	.sp-no1 {order:1;}
	.sp-no2 {order:2;}
	.sp-no3 {order:3;}
	.sp-no4 {order:4;}
	.sp-no5 {order:5;}
	.sp-no6 {order:6;}
	.sp-no7 {order:7;}
}/*-- sp end --*/



/**
 * テキスト入力フィールド
**/
input.txt_w19p {
	padding: 0 10px;
	width: 19%;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #cccccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input.txt_w30p {
	padding: 0 10px;
	width: 30%;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #cccccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input.txt_w47p {
    padding: 0 10px;
    width: 47%;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input.txt_w57p {
	padding: 0 10px;
	width: 57%;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 1px solid #cccccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input.txt_w78p {
	padding: 0 10px;
	width: 78%;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 1px solid #cccccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
textarea.textarea_w96p {
	padding: 10px;
	width: 96%;
	height: 140px;
	line-height: 1.8em;
	font-size: 14px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 1px solid #cccccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


@media screen and (max-width:680px) {
	input.txt_w14p {
		padding: 0 5px;
		width: 28%;
		height: 28px;
		line-height: 28px;
		font-size: 14px;
		border: 1px solid #cccccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	input.txt_w47p {
		padding: 0 5px;
		width: 100%;
		height: 28px;
		line-height: 28px;
		font-size: 14px;
		border: 1px solid #cccccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	input.txt_w55p {
		padding: 0 5px;
		width: 100%;
		height: 28px;
		line-height: 28px;
		font-size: 14px;
		border: 1px solid #cccccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	textarea.textarea_w83p {
		padding: 5px;
		width: 100%;
		height: 140px;
		line-height: 1.8em;
		font-size: 14px;
		border: 1px solid #cccccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
}