@charset "utf-8";

/* ===================================================================

 common.css

=====================================================================*/

/* -------------------------------------------------------------------
 utility class
---------------------------------------------------------------------*/

/* -------------------
	clear fix
 -------------------*/
.co-clf:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.co-clf {
	display:inline-block;
}

.co-dib {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .co-clf {
	height:1%;
}

.co-clf {
	display:block;
}
/* End hide from IE-mac */


/* -------------------
	text-align
-------------------*/
.co-tal {
	text-align: left;
}

.co-tar {
	text-align: right;
}

.co-tac {
	text-align: center;
}

/* -------------------
	vertical-align
-------------------*/
.co-vatop {
	vertical-align: top !important;
}
.co-vamid {
	vertical-align: middle !important;
}
.co-vabot {
	vertical-align: bottom !important;
}

/* -------------------
	font-weight
-------------------*/
.co-b {
	font-weight: bold;
}


/* -------------------
	float
-------------------*/
.co-fl {
	float:left;
}
.co-fr {
	float:right;
}

/* -------------------
	error
-------------------*/
.error{
	color:#ec6b6b;
	background:url("/img/prelogin/icon_errer_text.png") 0 45% no-repeat;
	background:url("/img/prelogin/icon_errer_text_b.png") 0 45% no-repeat\9; /* IE8 */
	-ms-background-size: 14px auto; /* IE */
	-moz-background-size: 14px auto; /* Firefox */
	-webkit-background-size: 14px auto; /* Safari,Chrome...etc */
	background-size: 14px auto;
	padding-left:19px;
}

/* -------------------
	main color
-------------------*/
.co-cgre{ /*コレックグリーン*/
	color:#90c31f;
}

.co-cbei{ /*コレックベージュ*/
	color:#f3f2ef;
}

.co-cbla{ /*コレックブラック*/
	color:#4d4d4d;
}

.co-csup{ /*サプライヤーブルー01*/
	color:#85c9ed;
}

.co-csup02{ /*サプライヤーブルー02*/
	color:#bbe7fe;
}

.co-cbuy{  /*バイヤーオレンジ01*/
	color:#df920b;
}

.co-cbuy02{ /*バイヤーオレンジ02*/
	color:#eedbb9;
}

.co-cred{ /*コレックレッド*/
	color:#ec6b6b;
}

/* -------------------
	opacity
-------------------*/
.co-o08:hover{
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}

/* IE8 */
html>/**/body .co-o08:hover {
    display /*\**/:inline-block\9;
    zoom /*\**/: 1\9;
}

/* -------------------
	em
-------------------*/
/* margin */
.co-m0_3em{margin:0.3em !important;}
.co-m0_5em{margin:0.5em !important;}
.co-m1em{margin:1em !important;}
.co-m1_5em{margin:1.5em !important;}
.co-m2em{margin:2em !important;}
/* margin-top */
.co-mt0_3em{margin-top:0.3em !important;}
.co-mt0_5em{margin-top:0.5em !important;}
.co-mt1em{margin-top:1em !important;}
.co-mt1_5em{margin-top:1.5em !important;}
.co-mt2em{margin-top:2em !important;}
/* margin-bottom */
.co-mb0_3em{margin-bottom:0.3em !important;}
.co-mb0_5em{margin-bottom:0.5em !important;}
.co-mb1em{margin-bottom:1em !important;}
.co-mb1_5em{margin-bottom:1.5em !important;}
.co-mb2em{margin-bottom:2em !important;}
/* margin-left */
.co-ml0_3em{margin-left:0.3em !important;}
.co-ml0_5em{margin-left:0.5em !important;}
.co-ml1em{margin-left:1em !important;}
.co-ml1_5em{margin-left:1.5em !important;}
.co-ml2em{margin-left:2em !important;}
/* margin-right */
.co-mr0_3em{margin-right:0.3em !important;}
.co-mr0_5em{margin-right:0.5em !important;}
.co-mr1em{margin-right:1em !important;}
.co-mr1_5em{margin-right:1.5em !important;}
.co-mr2em{margin-right:2em !important;}
/* padding */
.co-p0_3em{padding:0.3em !important;}
.co-p0_5em{padding:0.5em !important;}
.co-p1em{padding:1em !important;}
.co-p1_5em{padding:1.5em !important;}
.co-p2em{padding:2em !important;}
/* padding-top */
.co-pt0_3em{padding-top:0.3em !important;}
.co-pt0_5em{padding-top:0.5em !important;}
.co-pt1em{padding-top:1em !important;}
.co-pt1_5em{padding-top:1.5em !important;}
.co-pt2em{padding-top:2em !important;}
/* padding-bottom */
.co-pb0_3em{padding-bottom:0.3em !important;}
.co-pb0_5em{padding-bottom:0.5em !important;}
.co-pb1em{padding-bottom:1em !important;}
.co-pb1_5em{padding-bottom:1.5em !important;}
.co-pb2em{padding-bottom:2em !important;}
/* padding-left */
.co-pl0_3em{padding-left:0.3em !important;}
.co-pl0_5em{padding-left:0.5em !important;}
.co-pl1em{padding-left:1em !important;}
.co-pl1_5em{padding-left:1.5em !important;}
.co-pl2em{padding-left:2em !important;}
/* padding-right */
.co-pr0_3em{padding-right:0.3em !important;}
.co-pr0_5em{padding-right:0.5em !important;}
.co-pr1em{padding-right:1em !important;}
.co-pr1_5em{padding-right:1.5em !important;}
.co-pr2em{padding-right:2em !important;}


/* -------------------
	px
-------------------*/
/* padding */
.co-p0{padding:0 !important;}
.co-p10{padding:10px !important;}
/* padding-top */
.co-pt10{padding-top:10px !important;}
.co-pt20{padding-top:20px !important;}
.co-pt30{padding-top:30px !important;}
/* padding-bottom */
.co-pb5{padding-bottom:5px !important;}
.co-pb10{padding-bottom:10px !important;}
.co-pb20{padding-bottom:10px !important;}
/* padding-left */
.co-pl5{padding-left:5px !important;}
.co-pl10{padding-left:10px !important;}
.co-pl20{padding-left:20px !important;}
/* padding-right */
.co-pr5{padding-right:5px !important;}
/* margin-top */
.co-mt10{margin-top:10px !important;}
.co-mt20{margin-top:20px !important;}
.co-mt30{margin-top:30px !important;}
/* margin-bottom */
.co-mb5{margin-bottom:5px !important;}
.co-mb10{margin-bottom:10px !important;}
.co-mb20{margin-bottom:20px !important;}
/* margin-left */
.co-ml10{margin-left:10px !important;}
.co-ml15{margin-left:15px !important;}
.co-ml20{margin-left:20px !important;}



/* -------------------------------------------------------------------
 common
---------------------------------------------------------------------*/
html, body {
	width: 100%;
	height: 100%;
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #4d4d4d;
	background-color:#f3f2ef;
	min-width:320px;
}

body .container-center{
	position:relative;
	margin:0 auto;
}

img {
	max-width:100%;
	height:auto;
	vertical-align:middle;
}

input, textarea {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

label {
    cursor: pointer;
}

@media screen and (min-width: 360px) { /* for iphone landscape font-size */
  * { -webkit-text-size-adjust: none; }
}


/* -------------------
	a
 -------------------*/
a{
	overflow: hidden;
	text-decoration: none;
	color:#3893ee;
}

a:visited {
	color: #3893ee;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}

a.txt{
    background: url("/img/prelogin/icon_txt_link.png") no-repeat scroll left 4px transparent;
    color: #3893EE;
    display: inline-block;
    line-height: 1.4;
    padding-bottom: 1px;
    padding-left: 12px;
}


/* -------------------
	btn
 -------------------*/

/*** submit ***/
.mail-form .submit {
	margin: 20px auto 0;
}

.submit li {
	float: left;
	padding-left: 10px;
}

/* デフォルト */
.co-btn {
	margin: 0 auto;
	white-space: nowrap;
}

.co-btn input {
	border: none;
	cursor: pointer;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	width:100%;
}

.co-btn span {
	display:block;
	text-align:center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	position: relative;
	behavior: url(/stylesheets/pie.htc);
	}

.co-btn a:hover,
.co-btn input:hover{
	text-decoration:none;
	border:0;
}

/* サイズ */
.co-btn-m{
	min-width:110px;
	line-height:40px;
	font-size:16px;
}

.co-btn-m a,
.co-btn-m span span {
	min-width:110px;
	padding: 0 20px;
	height: 40px;
}
.co-btn-m input{
	min-width:150px;
	padding: 0 20px;
	height: 42px;
	font-size:16px;
}

.co-btn-l{
	min-width:120px;
	line-height:51px;
	font-size:21px;
}

.co-btn-l a,
.co-btn-l span span {
	min-width:120px;
	padding: 0 20px;
	height: 50px;
}

.co-btn-m input { min-width: 110\9; }/* IE8 */

/* IE9,IE8のinputにはpaddingつけない */
	:root .co-btn span input:not(:target) { padding: 0\0/IE9; }/* IE9 */
	.co-btn span input { padding: 0\9; }/* IE8 */

/* 色 */

	/* ホワイト */
	.co-btn-wht span {
		border-color: #dddddd #cccccc #aaaaaa;
		border-width: 1px;
		border-style: solid;
	}
	.co-btn-wht span a,
	.co-btn-wht span input {
		color: #4d4d4d;
		background-color: #f5f5f5;
		border-color: #dddddd #cccccc #aaaaaa;
		background-image: -moz-linear-gradient(center top , #fff, #e5e5e5);
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e5e5e5),color-stop(1, #fff));
		background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
		background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e5e5e5');
		display: block;
		position: relative;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	.co-btn-wht span a:hover,
	.co-btn-wht span input:hover{
		background-color: #e5e5e5;
		border-color: #ccc #aaa #999 #aaa;
		background-image: -moz-linear-gradient(center top , #e5e5e5, #e5e5e5);
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e5e5e5),color-stop(1, #e5e5e5));
		background: -ms-linear-gradient(top, #e5e5e5 0%, #e5e5e5 100%);
		background: linear-gradient(top, #e5e5e5 0%, #e5e5e5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e5e5e5', endColorstr='#e5e5e5');
	}

	/* グリーン */
	.co-btn-grn span {
	border-color: #8ec70e #7dac14 #7dac14;
	border-width: 1px;
	border-style: solid;
	}
	.co-btn-grn a,
	.co-btn-grn input {
	color: #ffffff;
	background-color: #8ec70e;
	background-image: -moz-linear-gradient(center top , #8ecd02, #7dac14);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #7dac14),color-stop(1, #8ecd02));
	background: -ms-linear-gradient(top, #8ecd02 0%, #7dac14 100%);
	background: linear-gradient(top, #8ecd02 0%, #7dac14 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8ecd02', endColorstr='#7dac14');
	display: block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	behavior: url(/stylesheets/pie.htc);
	}
	.co-btn-grn span a:hover,
	.co-btn-grn span input:hover{
	background-color: #7dad13;
	border-color: #8ec70e #618b02 #618b02 #618b02;
	background-image: -moz-linear-gradient(center top , #7dac14, #7dac14);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #7dac14),color-stop(1, #7dac14));
	background: -ms-linear-gradient(top, #7dac14 0%, #7dac14 100%);
	background: linear-gradient(top, #7dac14 0%, #7dac14 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7dac14', endColorstr='#7dac14');
	}

	/* バイヤーオレンジ */
	.co-btn-ora span {
	border-color: #f0ad38 #d58b09 #d58b09;
	border-width: 1px;
	border-style: solid;
	}
	.co-btn-ora a,
	.co-btn-ora input {
	color: #ffffff;
	background-color: #f0ad38;
	background-image: -moz-linear-gradient(center top , #f0ad38, #d58b09);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #d58b09),color-stop(1, #f0ad38));
	background: -ms-linear-gradient(top, #f0ad38 0%, #d58b09 100%);
	background: linear-gradient(top, #f0ad38 0%, #d58b09 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0ad38', endColorstr='#d58b09');
	display: block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	behavior: url(/stylesheets/pie.htc);
	}
	.co-btn-ora span a:hover,
	.co-btn-ora span input:hover{
	background-color: #d58b09;
	border-color: #f0ad38 #c2800c #c2800c #c2800c;
	background-image: -moz-linear-gradient(center top , #d58b09, #d58b09);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #d58b09),color-stop(1, #d58b09));
	background: -ms-linear-gradient(top, #d58b09 0%, #d58b09 100%);
	background: linear-gradient(top, #d58b09 0%, #d58b09 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d58b09', endColorstr='#d58b09');
	}


	/* サプライヤーブルー */
	.co-btn-blu span {
	border-color: #7ec7ed #5facd3 #5facd3;
	border-width: 1px;
	border-style: solid;
	}
	.co-btn-blu a,
	.co-btn-blu input {
	color: #ffffff;
	background-color: #7ec7ed;
	background-image: -moz-linear-gradient(center top , #7ec7ed, #5facd3);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #5facd3),color-stop(1, #7ec7ed));
	background: -ms-linear-gradient(top, #7ec7ed 0%, #5facd3 100%);
	background: linear-gradient(top, #7ec7ed 0%, #5facd3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7ec7ed', endColorstr='#5facd3');
	display: block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	behavior: url(/stylesheets/pie.htc);
	}
	.co-btn-blu span a:hover,
	.co-btn-blu span input:hover{
	background-color: #5facd3;
	border-color: #7ec7ed #c2800c #c2800c #c2800c;
	background-image: -moz-linear-gradient(center top , #5facd3, #5facd3);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #5facd3),color-stop(1, #5facd3));
	background: -ms-linear-gradient(top, #5facd3 0%, #5facd3 100%);
	background: linear-gradient(top, #5facd3 0%, #5facd3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5facd3', endColorstr='#5facd3');
	}


/* -------------------
	form
 -------------------*/
input[type="text"],
input[type="password"],
textarea {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 0.5em 2.5%;
    width: 95%;
    position: relative;
    background-color: #fafafa;
	font-size:16px;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	border: 1px solid #90C31F;
	background-color:#fff;
}
input[type='text']:focus,
textarea:focus {
	outline: none;
}

/* -------------------------------------------------------------------
 frame
---------------------------------------------------------------------*/

/* -------------------
	menu
 -------------------*/
.menu {
	background-color: #fff;
	width: 100%;
	height: 3.5em;
	position: fixed;
	z-index: 101;
	border-bottom: 1px solid #ccc;
}

.menu .inner{
	padding:5px 10px;
	max-width: 1366px;
	margin: 0 auto;
	height: 2.8em;
}

.menu header .inner p{
	max-width:120px;
	padding-top:1px;
	position: absolute;
	top: 12px;
}

.menu .login-a a{
    font-size: 0.85rem;
	position:absolute;
	top:0;
	right:50px;
	text-align:center;
	padding: 0 0 0 5px;
	margin: 7px 10px 0 0;
	height: 36px;
}

.menu .login-a .co-btn-m {
    line-height: 36px;
}

.menu .login-b {
	display: none;
}

.menu .menu-icon{
    padding: 4px 9px;
    position: absolute;
    right: 10px;
    top: 8px;
	border:1px solid #fff;
}

.menu .menu-icon span{
    background-color: #90C31f;
    border-radius: 5px;
    display: block;
    height: 5px;
    margin: 3px 0;
    width: 25px;
}

.menu .gnavi-a ul,
.menu .gnavi-b ul{
	display:none;
}

.menu nav .on{
    background-color: #f2f3ef;
    border-radius: 5px;
    display: block;
	border:1px solid #ccc;
}

.menu .gnavi-a li{
	border-top:1px solid #666;
}

.menu .gnavi-a li:first-child {
	border-top:0;
}

.menu nav li a{
	display:block;
	color:#fff;
	padding:1em;
	background:#4d4d4d url("/img/prelogin/icon_link.png") 95% 50% no-repeat;
	background:#4d4d4d url("/img/prelogin/icon_link_b.png") 95% 50% no-repeat\9; /* IE8 */
	-ms-background-size: 10px auto; /* IE */
	-moz-background-size: 10px auto; /* Firefox */
	-webkit-background-size: 10px auto; /* Safari,Chrome...etc */
	background-size: 10px auto;
}

.menu nav li a:hover{
	background-color:#666;
	text-decoration:none;
}

.menu nav .current a{
	background:#90c31f url("/img/prelogin/icon_link_white.png") 95% 50% no-repeat;
	background:#90c31f url("/img/prelogin/icon_link_white_b.png") 95% 50% no-repeat\9; /* IE8 */
	-ms-background-size: 10px auto; /* IE */
	-moz-background-size: 10px auto; /* Firefox */
	-webkit-background-size: 10px auto; /* Safari,Chrome...etc */
	background-size: 10px auto;
}

.menu nav .current a:hover{
	background-color:#90c31f;
}

.menu .menu-link{
	background-color:#4d4d4d;
}

@media only screen and (min-width: 670px){
		.menu .inner {
			height: auto;
			padding: 8px 10px;
		}

		.menu .login-a {
			display:none;
		}

		.menu .login-b {
			display: block;
			text-align: right;
			font-size: 13px;
		}

		.menu .login-b li {
			display: inline-block;
			vertical-align: middle;
			line-height: 1;
		}

		.menu .login-b .sup,
		.menu .login-b .buy {
			margin-right: 15px;
		}

		.menu .login-b .plan,
		.menu .login-b .register {
			margin-right: 10px;
		}

		.menu .login-b a {
			color: #4d4d4d;
		}

		.menu .login-b .login-box a {
			color: #3893EE;
		}

		.menu .login-b .co-btn-m {
			line-height: 31px;
		}

		.menu .login-b .register a {
			color: #ffffff;
			height: 31px;
			font-size: 1.07rem;
		}

		.menu .login-b .login {
			cursor: pointer;
			position: relative;
		}

		.menu .login-b .login a {
			padding: 0 8px;
		}

		.menu .login-b .login img {
			vertical-align: baseline;
			margin-right: 5px;
		}

		.menu .login-b .current a {
			color: #90c31f;
			font-weight: bold;
		}

		.menu .gnavi-a {
			display:none;
		}
}


@media only screen and (min-width: 970px){
		.menu .login-b {
			font-size: 15px;
		}

		.menu .login-b .login a {
			padding: 0 14px 0 0;
		}

		.menu .login-b .login a.txt {
			padding: 0 0 0 12px;
		}

		.menu .login-b .sup,
		.menu .login-b .buy {
			margin-right: 30px;
		}

		.menu .login-b .plan,
		.menu .login-b .register {
			margin-right: 25px;
		}
}




/* 冒頭説明文や完了画面のテキスト */
.fo-greet {
	margin: 20px 0 30px;
	font-size: 15px;
	text-align: center;
}

/* 完了画面 リンク */
.fo-bot-txtlink {
	margin-top: 30px;
	text-align: center;
	line-height: 2;
}

/* -------------------
	container
 -------------------*/
.container .form-img,
.container-simple .form-img {
	text-align: center;
	padding-top: 15px;
}

.container h1 {
	font-size:18px;
	font-weight:normal;
	text-align:center;
	line-height:1.4;
}

.container h2 {
	font-weight: bold;
	line-height: 1.4;
}

.container h2 .a{
	display:inline-block;
}

.container .sub-contents-area {
	background-color:#fff;
	border-radius:5px;
	box-shadow:1px 2px 1px #ccc;
	padding:2%;
	width:21%;
	float:left;
}

.container .main-contents-area {
	background-color:#fff;
	border-radius:5px;
	box-shadow:1px 2px 1px #ccc;
	width:67%;
	padding:3%;
	float:right;
	min-height:500px;
}

.container .main-contents-area dt {
	float:left;
}

.container .main-contents-area dd {
	padding:0 0 5px 10em;
	margin:0 0 1em 0;
	border-bottom:1px dotted #ccc;

}

.container .co-btn a:hover {
	border-bottom:0;
}

.container .main-contents {
	padding-top: 3.5em;
}

/* -------------------
	gnavi-c
 -------------------*/
.gnavi-c li{
	border-bottom:1px solid #dadada;
}

.gnavi-c li:first-child {
	border-top:1px solid #dadada;
}

.gnavi-c li a{
	display:block;
	color:#4d4d4d;
	padding:1em;
	background:#e9e7e1 url("/img/prelogin/icon_link.png") 95% 50% no-repeat;
	background:#e9e7e1 url("/img/prelogin/icon_link_b.png") 95% 50% no-repeat\9; /* IE8 */
	-ms-background-size: 10px auto; /* IE */
	-moz-background-size: 10px auto; /* Firefox */
	-webkit-background-size: 10px auto; /* Safari,Chrome...etc */
	background-size: 10px auto;
}

.gnavi-c .current a{
	background-color:#dfdcd3;
}

@media only screen and (min-width: 670px){
		.gnavi-c{
			display:none;
		}
}

/* -------------------
	sns
 -------------------*/
.sns {
	padding:1em 0 0.5em;
	text-align:left;
	margin:0;
	background-color:#555;
}

.sns .sns-inner {
	margin:0 auto;
	padding:0.2em 0 0.2em 1em;
	width:300px;
}

.sns li {
	list-style:none;
	padding-top:0.5em;
}

.sns li:first-of-type {
	padding-top:0;
	padding-left:0;
}

.sns li a:hover{
	border-bottom:none;
}

@media only screen and (min-width: 670px){
		.sns .sns-inner {
			display:table;
		}

		.sns li {
			display:table-cell;
			vertical-align:middle;
			padding: 0;
		}

		.sns li:first-of-type {
			padding: 0;
		}

		.sns li:last-of-type {
			padding-left: 13px;
		}
}


/* -------------------
	footer
 -------------------*/
footer {
	text-align:left;
	padding:2em 0 0;
	background-color:#4d4d4d;
	color:#fff;
}

footer .footer-inner{
	width:300px;
	margin:0 auto;
}

footer .fnavi li {
	padding:0.5em 0.3em 0.3em;
}

footer .fnavi li:first-of-type {
	padding:0 0.3em 0.3em 0.3em;
}

footer .fnavi a {
	color:#fff;
}

footer .etc-wrap {
	font-size: 12px;
}

footer .sns-b {
	font-size:12px;
	padding-top:2em;
}

footer .sns-b ul{
	padding-top:0.8em;
}

footer .sns-b img {
	max-width:30px;
	max-height:30px;
}

footer .sns-b li{
	list-style-type:none;
	float:left;
	padding-left:1em;
}

/* LINEアイコンはSPだけ表示 */
  @media screen and (min-width: 961px) {
	footer .sns-b li.li-b{
		display: none;
	}
}
  @media screen and (max-width: 960px) and (min-width: 671px) {
	footer .sns-b li.li-b{
		display: none;
	}
}

footer .group-service {
	font-size: 12px;
	padding-top: 3em;
}

footer .group-service p.title {
	border-bottom: 1px solid #5a5a5a;
	margin: 15px 70px 0px 0px;
	padding-bottom: 5px;
}

footer .group-service .domain {
	padding-top: 12px;
}

footer .group-service .domain a.sd-link {
	background: url(/img/prelogin/sd_icon00.png) left center / 26px no-repeat;
}

footer .group-service .domain a.sdf-link {
	background: url(/img/prelogin/sdfactory_icon00.png) left center / 25px no-repeat;
}

footer .group-service .domain a.crc-link {
	background: url(/img/prelogin/corec_icon00.png) left center / 25px no-repeat;
}

footer .group-service .domain a.paid-link {
	background: url(/img/prelogin/paid_icon00.png) left center / 24px no-repeat;
}

footer .group-service .domain a.tg-link {
	background: url(/img/prelogin/tg_icon00.png) left center / 24px no-repeat;
}

footer .group-service .domain a:hover .name {
	text-decoration: underline;
}

footer .group-service .domain a span.name {
	font-weight: bold;
    border: none;
    padding: 0;
}

footer .group-service .domain>a {
	padding-left: 35px;
	display: inline-block;
    text-decoration: none;
    line-height: 1.2;
}

footer .group-service .domain a span.explain {
	font-size: 90%;
}

footer .group-service ul {
	padding-top: 0px;
}

footer .group-service ul.sub {
    padding-left: 30px;
}

footer .group-service li {
	width:100%;
	display:block;
	float:left;
	list-style-type: disc;
    font-weight: bold;
    margin-bottom: 5px;
}

footer .group-service li a {
	background: url(/img/common/icon/icon_wht_arrow_r_l.png) 0.5em 43% no-repeat;
	background-size: 6px auto;
    padding-left: 1.25em;
}

footer .group-service a {
	color: #e6e6e6;
}

footer .copyright {
	font-size:11px;
	color:#dadada;
	text-align:center;
}

footer .ssl {
	font-size:11px;
	color:#dadada;
	padding:3em 0 0;
	text-align:center;
}

footer .headline{
	border-bottom:1px solid #666;
	padding-bottom:0.5em;
}

footer .howto-corec {
	padding-top: 3em;
}

footer .howto-corec > ul {
	padding-top: 0.5em;
}

footer .howto-corec > ul > li:first-child {
	padding-top: 0.75em;
}

footer .howto-corec > ul > li {
	width: 100%;
	padding-top: 1em;
}

footer .howto-corec ul ul li {
	margin-left: 0.5em;
	line-height: 2;
}

footer .howto-corec a {
	color: #ffffff;
	background: url("/img/common/icon/icon_wht_arrow_r_l.png") 0.5em 43%  no-repeat;
	background: url("/img/common/icon/icon_wht_arrow_r.png") 0.5em 43%  no-repeat\9; /* IE8 */
	-ms-background-size: 6px auto; /* IE */
	-moz-background-size: 6px auto; /* Firefox */
	-webkit-background-size: 6px auto; /* Safari,Chrome...etc */
	background-size: 6px auto;
	padding-left: 1.25em;
}

@media only screen and (min-width: 670px){
		footer {
			padding:3em 0 0;
		}
		footer .ssl {
			padding:3em 0 0;
		}
		footer .footer-inner{
			display:table;
			width: calc(100% - 60px);
			margin: 0 auto;
		}

		footer .etc-wrap {
			margin-top:-2px;
			background: #444444;
			padding: 20px 5%;
			border-radius: 5px;
		}

		footer .etc-wrap > div {
			width: 100%;
		}

		footer .fnavi {
			display:table-cell;
			vertical-align:top;
			width:35%;
			padding-top:15px;
		}

		footer .sns-b {
			padding-top:0;
		}

		footer .group-service {
			display: block;
		}

		footer .howto-corec > ul > li {
			width: 50%;
			padding-top: 0.75em;
		}

		footer .howto-corec > ul > li.last {
			padding-top: 0;
		}

		footer .group-service p.title {
			border-bottom: 1px solid #5a5a5a;
			margin: 15px 70px 0px 0px;
			padding-bottom: 5px;
		}
}

@media only screen and (min-width: 1100px){
		footer {
			padding:3em 0 0;
		}
		footer .footer-inner{
			display: flex;
			width: 940px;
			margin:0 auto;
			justify-content: center;
		}
		footer .fnavi {
			vertical-align:top;
			width: 270px;
			padding-top:15px;
		}

		footer .etc-wrap {
			margin-top:-2px;
			background: #444444;
			padding: 20px 5%;
			border-radius: 5px;
			width: calc(90% - 270px);
		}
		footer .etc-wrap > div {
			display: flex;
			align-items: flex-start;
		}
		footer .sns-b { width: 300px; }
		footer .howto-corec {
			padding-top: 0;
			margin-left: 30px;
		}
		footer .etc-wrap .ourservice {
			float: left;
		}

		footer .group-service p.title {
			border-bottom: 1px solid #5a5a5a;
			margin: 15px 70px 0px 0px;
			padding-bottom: 5px;
		}
}

/*** ラクーングループのサービス ***/
footer .footer-dmain {
	background: #333333;
	padding: 40px 0 30px;
	margin-top: 40px;
}
footer .footer-dmain,
footer .footer-dmain a { color: #cccccc; }
footer .footer-dmain .inner-dmain {
	max-width: 980px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
footer .footer-dmain .column-all {
	padding: 20px 0;
	display: table;
	table-layout: fixed;
	max-width: 980px;
	width: 100%;
}
footer .footer-dmain .main-title {
	font-weight: normal;
	font-size: 18px;
	font-style: normal;
	text-align: left;
	margin: 0;
}
footer .footer-dmain .title {
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px solid #999;
	padding: 0 0 4px;
	margin: 0 0 16px;
}
footer .footer-dmain .column01,
footer .footer-dmain .column02,
footer .footer-dmain .column03 {
	display: table-cell;
	padding: 0 20px;
	vertical-align: top;
}
footer .footer-dmain .dmain {
	padding: 0 0 0 30px;
	display: block;
}
footer .footer-dmain .dmain-sd {
	background: url("/img/common/icon_dmain_sd_l_gra.svg") left 5px no-repeat;
	background-size: 23px;
}
footer .footer-dmain .dmain-corec {
	background: url("/img/common/icon_dmain_co_l_gra.svg") left 5px no-repeat;
	background-size: 23px;
	margin-top: 20px;
}
footer .footer-dmain .dmain-sdf {
	background: url("/img/common/icon_dmain_sdf_l_gra.svg") left 5px no-repeat;
	background-size: 23px;
	margin-top: 20px;
}
footer .footer-dmain .dmain-paid {
	background: url("/img/common/icon_dmain_pa_l_gra.svg") left 5px no-repeat;
	background-size: 23px;
	margin-top: 20px;
}
footer .footer-dmain .dmain-trgr {
	background: url("/img/common/icon_dmain_trgr_l_gra.svg") left 5px no-repeat;
	background-size: 30px;
}
footer .footer-dmain .dmain-uriho {
	background: url("/img/common/icon_dmain_ur_l_gra.svg") left 5px no-repeat;
	background-size: 26px;
	margin-top: 20px;
}
footer .footer-dmain .dmain-rent {
	background: url("/img/common/icon_dmain_rnt_l_gra.svg") left 5px no-repeat;
	background-size: 26px;
	margin-top: 20px;
}

footer .footer-dmain .dmain-wrap a:hover { text-decoration: none; }
footer .footer-dmain .dmain-name { font-size: 18px; }
footer .footer-dmain .dmain-text {
	font-size: 14px;
	display: block;
	text-decoration: none;
}
footer .footer-dmain .dmain-wrap a:hover .dmain-name { text-decoration: underline; }
footer .footer-dmain .service { margin: 10px 0 0; }
footer .footer-dmain .service a:hover { text-decoration: underline; }
footer .footer-dmain .service li {
	list-style-type: disc;
	margin-left: 40px;
	line-height: 1.6;
	font-size: 16px;
}
footer .footer-dmain .service li span { font-size: 13px; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	footer .footer-dmain,
	footer .footer-dmain .box02 h1,
	footer .footer-dmain .box02 h2,
	footer .footer-dmain .dmain-name,
	footer .footer-dmain .service li { font-size: 14px; }
}
/* TABLET */
@media screen and (max-width: 940px) and (min-width: 671px) {
	footer .footer-dmain .box01 .inner .link-foot {
		margin-bottom:40px;
		float: inherit;
	}
	footer .footer-dmain .box01 .inner .link-sns {
		float: left;
		margin-left: 50px;
	}
	footer .footer-dmain .box01 .inner .blog { margin-top: 120px; }
	footer .footer-dmain .box01 .inner .blog li { padding: 0 10px; }
	footer .footer-dmain .dmain-text { font-size: 12px; }
	footer .footer-dmain .service { font-size: 14px; }
	footer .footer-dmain .column01 {
		margin-right: 20px;
		width: 31%;
	}
	footer .footer-dmain .column02 {
		margin-right:20px;
		width: 31%;
	}
	footer .footer-dmain .column03 { width: 31%; }
}
/* SP */
@media screen and (max-width: 670px) {
	footer .footer-dmain .main-title,
	footer .footer-dmain .title { font-size:14px; }
	footer .footer-dmain .column01 { display: block; }
	footer .footer-dmain .column02,
	footer .footer-dmain .column03 {
		display: block;
		margin-top: 2em;
	}
	footer .footer-dmain .service li,
	footer .footer-dmain .dmain-text,
	footer .footer-dmain .service { font-size: 12px; }
}

/* -------------------
	signup
 -------------------*/
.signup {
	text-align:center;
	padding:4em 0 5em;
}

.signup .box h2{
	color:#90c31f;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
	padding:0;
}

.signup .box {
	padding:1em 8% 2em;
	background-color:#fff;
	border-radius:10px;
	margin:1em 5% 0;
	box-shadow:0 6px 0 #afaa9c;
}

.signup dt {
	text-align:left;
	margin-top:1em;
}


.signup dt.select {
	margin-bottom:5px;
}

.signup dt span {
	float:right;
	display:block;
	font-size:12px;
	line-height:20px;
}

.signup .select-answer .sup {
	float:left;
	width:48%;
}

.signup .select-answer .buy {
	float:right;
	width:48%;
}

.signup .select-answer .sup label {
	color:#85c9ed;
	border:2px solid #85c9ed;
	padding:2em 0.5em 0.5em;
	display:block;
	text-align:center;
	border-radius:5px;
	background:url("/img/prelogin/icon_check_sup.png") 50% 20% no-repeat;
	background:url("/img/prelogin/icon_check_sup_b.png") 50% 20% no-repeat\9; /* IE8 */
	-ms-background-size: 16px auto; /* IE */
	-moz-background-size: 16px auto; /* Firefox */
	-webkit-background-size: 16px auto; /* Safari,Chrome...etc */
	background-size: 16px auto;
}

.signup .select-answer .buy label {
	color:#df920b;
	border:2px solid #df920b;
	padding:2em 0.5em 0.5em;
	display:block;
	text-align:center;
	border-radius:5px;
	background:url("/img/prelogin/icon_check_buy.png") 50% 20% no-repeat;
	background:url("/img/prelogin/icon_check_buy_b.png") 50% 20% no-repeat\9; /* IE8 */
	-ms-background-size: 16px auto; /* IE */
	-moz-background-size: 16px auto; /* Firefox */
	-webkit-background-size: 16px auto; /* Safari,Chrome...etc */
	background-size: 16px auto;
}

.signup .select-answer .sup label:hover,
.signup .select-answer .sup .current {
	color:#ffffff;
	border:2px solid #85c9ed;
	padding:2em 0.5em 0.5em;
	display:block;
	cursor:pointer;
	background:url("/img/prelogin/icon_check_hover.png") #85c9ed 50% 20% no-repeat;
	background:url("/img/prelogin/icon_check_hover_b.png") #85c9ed 50% 20% no-repeat\9; /* IE8 */
	-ms-background-size: 16px auto; /* IE */
	-moz-background-size: 16px auto; /* Firefox */
	-webkit-background-size: 16px auto; /* Safari,Chrome...etc */
	background-size: 16px auto;
}


.signup .select-answer .buy label:hover,
.signup .select-answer .buy .current {
	color:#ffffff;
	border:2px solid #df920b;
	padding:2em 0.5em 0.5em;
	display:block;
	cursor:pointer;
	background:url("/img/prelogin/icon_check_hover.png") #df920b 50% 20% no-repeat;
	background:url("/img/prelogin/icon_check_hover_b.png") #df920b 50% 20% no-repeat\9; /* IE8 */
	-ms-background-size: 16px auto; /* IE */
	-moz-background-size: 16px auto; /* Firefox */
	-webkit-background-size: 16px auto; /* Safari,Chrome...etc */
	background-size: 16px auto;
}

.signup .agree {
	padding:1em 0 0;
	font-size: 12px;
}

.signup input[type="radio"] {
	margin-right:5px;
	display:none;
}

.signup input[type="checkbox"] {
	margin-right:10px;
}

.signup input[type="text"],
.signup input[type="password"]{
	font-size: 15px;
}

.signup .signup-btn {
	padding:1em 0 0;
	margin:0 5%;
}

.signup .answer{
	padding:0.5em 0 0.3em;
	text-align:left;
}

.signup .answer .errer{
	color:#ec6b6b;
	background:url("/img/prelogin/icon_errer_text.png") 0 45% no-repeat;
	background:url("/img/prelogin/icon_errer_text_b.png") 0 45% no-repeat\9; /* IE8 */
	-ms-background-size: 14px auto; /* IE */
	-moz-background-size: 14px auto; /* Firefox */
	-webkit-background-size: 14px auto; /* Safari,Chrome...etc */
	background-size: 14px auto;
	padding-left:19px;
}

.signup .answer-box .errer{
	padding:0.5em;
	margin:1em 0;
	border:1px solid #ec6b6b;
}

.signup .answer-box .errer span{
	color:#ec6b6b;
	background:url("/img/prelogin/icon_errer_text.png") 0 45% no-repeat;
	background:url("/img/prelogin/icon_errer_text_b.png") 0 45% no-repeat\9; /* IE8 */
	-ms-background-size: 14px auto; /* IE */
	-moz-background-size: 14px auto; /* Firefox */
	-webkit-background-size: 14px auto; /* Safari,Chrome...etc */
	background-size: 14px auto;
	padding-left:19px;
}

.signup .qa{
	margin-top:2.5em;
	font-size:12px;
}

.signup .btm-link{
	margin-top:2.5em;
	font-size:12px;
	text-align:right;
	border-top:dashed 1px #cccccc;
	padding-top:0.5em;
}

.signup .bp-txt {
	margin-top: 20px;
	font-size: 15px;
}

.signup .bp-txt span {
	display: block;
}
.signup .co-btn-grn span {
	border:0;
}

@media only screen and (min-width:670px){
		.signup .inner {
			width:600px;
			margin:0 auto;
		}

		.signup .box {
			padding:1.5em 8% 2em;
		}

		.signup .box h2{
			font-size:20px;
		}

		.signup dt {
			text-align:left;
			margin-top:1em;
		}

		.signup dt span {
			float:right;
			display:block;
		}

		.signup .select-answer {
			margin-top:0.5em;
		}

		.signup .select-answer li {
			margin:0;
		}

		.signup .select-answer .sup label {
			padding: 0.5em 0.5em 0.5em 1.5em;
			background:url("/img/prelogin/icon_check_sup.png") 5% 50% no-repeat;
			background:url("/img/prelogin/icon_check_sup_b.png") 5% 50% no-repeat\9; /* IE8 */
			-ms-background-size: 16px auto; /* IE */
			-moz-background-size: 16px auto; /* Firefox */
			-webkit-background-size: 16px auto; /* Safari,Chrome...etc */
			background-size: 16px auto;
		}

		.signup .select-answer .buy label {
			padding: 0.5em 0.5em 0.5em 1.5em;
			background:url("/img/prelogin/icon_check_buy.png") 5% 50% no-repeat;
			background:url("/img/prelogin/icon_check_buy_b.png") 5% 50% no-repeat\9; /* IE8 */
			-ms-background-size: 16px auto; /* IE */
			-moz-background-size: 16px auto; /* Firefox */
			-webkit-background-size: 16px auto; /* Safari,Chrome...etc */
			background-size: 16px auto;
		}

		.signup .select-answer .sup label:hover,
		.signup .select-answer .sup .current {
			padding: 0.5em 0.5em 0.5em 1.5em;
			background:url("/img/prelogin/icon_check_hover.png") #85c9ed 5% 50% no-repeat;
			background:url("/img/prelogin/icon_check_hover_b.png") #85c9ed 5% 50% no-repeat\9; /* IE8 */
			-ms-background-size: 16px auto; /* IE */
			-moz-background-size: 16px auto; /* Firefox */
			-webkit-background-size: 16px auto; /* Safari,Chrome...etc */
			background-size: 16px auto;
		}

		.signup .select-answer .buy label:hover,
		.signup .select-answer .buy .current {
			padding: 0.5em 0.5em 0.5em 1.5em;
			background:url("/img/prelogin/icon_check_hover.png") #df920b 5% 50% no-repeat;
			background:url("/img/prelogin/icon_check_hover_b.png") #df920b 5% 50% no-repeat\9; /* IE8 */
			-ms-background-size: 16px auto; /* IE */
			-moz-background-size: 16px auto; /* Firefox */
			-webkit-background-size: 16px auto; /* Safari,Chrome...etc */
			background-size: 16px auto;
		}

		.signup input[type="text"],
		.signup input[type="password"]{
			font-size: 22px;
		}

		.signup .signup-btn {
			width:300px;
			margin:1em auto;
		}

		.signup .signup-btn input,
		.signup .signup-btn a {
			font-size:20px;
			height:56px;
			border-radius:5px;
		}

		.signup .signup-btn span a {
			line-height: 56px;
		}

		.signup .bp-txt span {
			display: inline;
		}
		
		.signup .co-btn-grn span {
			border:0;
		}
}

@media only screen and (min-width: 970px){
		.signup .box {
			padding:2em 3em;
		}

		.signup dt {
			text-align:left;
			margin-top:1em;
		}

		.signup dt span {
			float:right;
			display:block;
		}

		.signup input[type="text"]:focus {
			border:1px solid #90c31f;
		}

		.signup .select-answer .sup {
			float:left;
			width:48%;
		}

		.signup .select-answer .buyer {
			float:right;
			width:48%;
		}

.signup input[type="text"],
.signup input[type="password"]{
	font-size: 22px;
}

		.signup .signup-btn {
			width:300px;
			margin:0 auto;
		}

		.signup .signup-btn input {
			font-size:20px;
			height:56px;
			border-radius:5px;
		}

		.signup .co-btn-grn span {
			border:0;
		}
}


/* -------------------
	finish
 -------------------*/
.finish {
	padding:5.5em 0.5em 6em;
	text-align:center;
}
.finish .main img {
	width:200px;
	padding-right: 30px;
}
.finish .main p {
	font-size: 14px;
	margin-top: 15px;
	line-height:25px;
	padding: 0 10px;
}
.finish .main p .mail{
	word-break:break-all;
}
.finish .main p span.lb {
	display: block;
}
.finish .sub{
	padding: 1.5em 0 0.5em;
	font-size: 13px;
	letter-spacing: -1px;
}
.finish a{
	font-size: 13px;
}
@media only screen and (min-width: 670px){
		.finish {
			padding:8em 0.5em 16em;
		}
		.finish .main img {
			width:268px;
		}
		
		.finish .main p {
			font-size: 18px;
			margin-top: 15px;
			line-height:35px;
			padding: 0 5px;
		}
		
		.finish .main p span.lb {
			display: inline;
		}
		.finish .sub {
			font-size: 13px;
			letter-spacing: 0;
		}
}

@media only screen and (min-width: 970px){
		.finish {
			padding:10em 0.5em 13em;
		}
}


/* -------------------
	page-top
 -------------------*/
#page-top {
	position: fixed;
	bottom: 40px;
	right: 20px;
}

#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 45px;
	padding: 5px 0;
	text-align: center;
	display: block;
	border-radius: 100%;
	font-size:12px;
	opacity:0.8;
}

#page-top a:hover {
	text-decoration: none;
	background: #4d4d4d;
}

#page-top img{
	margin:5px;
	width:20px;
}


/* -------------------
	login
 -------------------*/
.login-b .login-btn,
.login-c .login-btn{
	display:none;
}

@media only screen and (min-width: 670px){
		.mail-form td {
			padding: 5px 0;
		}


		.login-btn-area{
			width:200px;
			margin:0 auto 1em;
		}

		.login-b .co-btn-m{
			width:150px;
		}

		.login-b .login-btn{
			display:block;
		}

		.login-btn {
			position: absolute;
			right: 15px;
			top: 15px;
			line-height: 35px;
			width: 100px;
		}

		.on .login-btn {
			box-shadow: 0 0 3px #999;
			border-radius:5px;
		}

		.login-btn p {
			background: url("/img/prelogin/icon_login.png") 20% 45% no-repeat;
			background: url("/img/prelogin/icon_login_b.png") 20% 45% no-repeat\9; /* IE8 */
			-ms-background-size: 14px auto; /* IE */
			-moz-background-size: 14px auto; /* Firefox */
			-webkit-background-size: 14px auto; /* Safari,Chrome...etc */
			background-size: 14px auto;
			padding-left:35%;
			color:#3893ee;
			font-size:12px;
		}

		.login-btn p:hover {
			cursor:pointer;
		}

		.login-btn .login-box {
			background-color: #f3f2ef;
			border-radius: 5px 0 5px 5px;
			box-shadow: 0 0 5px #999999;
			display: block;
			margin: 0 auto;
			padding: 25px 15px 5px;
			position: absolute;
			right: -18px;
			text-align: center;
			top: 19px;
			width: 300px;
			z-index: 1;
			cursor: default;
		}
		
		.login-btn .login-box .contract-txt{
			font-size:12px;
			margin-bottom: 15px;
			padding: 0;
			line-height: 1;
		}
		.login-btn .login-box .contract-txt a{
			padding-right:3px;
		}
		
		.login-btn:hover .login-box {
			display: block;
		}

		.on .login .btn-box {
			box-shadow: 0 0 5px #cccccc;
			border-radius: 5px 5px 0 0;
			display: block;
			float: right;
			height: 35px;
			line-height: 35px;
			position: absolute;
			right: 7px;
			top: 11px;
			width: 80px;
			z-index: 10;
		}

		.on .login .login-btn-inner {
			background-color: #f3f2ef;
			border-radius: 5px 5px 0 0;
			display: block;
			float: right;
			height: 42px;
			line-height: 35px;
			position: absolute;
			right: -4px;
			top: -8px;
			width: 90px;
			z-index: 10;
			border: solid 1px #cccccc;
			border-bottom: none;
		}

		.login-btn-inner p {
			top: -1px !important;
			padding-top: 0 !important;
			right: 11px;
		}

		.login:hover .login-btn-inner {
			display: block;
		}

		.login:hover a {
			text-decoration: none;
		}

		.login-box table {
			margin: 0 auto;
		}

		.v-long {
			max-width: 250px;
		}
}

@media only screen and (min-width: 970px){
		.login-c .login-btn {
			display:block;
			border:1px solid #dadada;
			border-radius:5px;
			background-color:#f3f2ef;
		}

		.login-b .co-btn-m{
			width: auto;
		}

		.login-c .login-btn:hover {
			background-color:#f3f2ef;
			text-decoration:none;
			box-shadow: 0 0 2px #999999;
		}

		.on .login .login-btn-inner {
			width: 110px;
			right: -4px;
			top: -9px;
		}

		.login-btn-inner p {
			top: 0 !important;
			right: 17px;
		}

}

/* -------------------
	movie modal
 -------------------*/

.pop-bg {
    background-color: #000000;
    height: 100%;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.pop-section {
    left: 0;
    position: fixed;
    top: 23%;
    width: 100%;
    z-index: 10100;
}
.pop-section .pop-inner {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 9px;
    box-shadow: 1px 1px 9px #585857, -1px -1px 9px #585857;
    margin: 0 auto;
    padding: 40px 30px 45px;
    position: relative;
}
.pop-section .pop-inner .close {
    position: absolute;
    right: 5px;
    top: 5px;
}

/* IE9以下対応プレースホルダーの文字色 */
.placeholder {
    color: #aaa;
}

/* -------------------
	表示切替
 -------------------*/
.co-disnon{
	display:none;
}
.co-disblo{
	display:block;
}