@charset "UTF-8";
/* CSS Document */

header,
nav,
aside,
section,
footer,
figure,
figcaption {display:block;}

/***************マーク************************/
/*カーソルマーク（下方向）*/
.addCursor::after{
	background:url(css_img/markCursor.svg) no-repeat left top;
	background-size:100%;
	padding:12% 0 0 0;
	display:block;
}

/*フォーム項目*/

input,
select,
button,
textarea {
	border:solid 1px #ccc;
	box-sizing:border-box;
	padding:5px 10px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	background:#fff;
	-webkit-appearance: none;
	width:100%;
}

input[type="checkbox"]{
	width:20px;
	height:20px;
	padding:5px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	margin-right:5px;
	position:relative;
}
input[type="checkbox"].active::before{
	content:"";
	display:block;
	width:12px;
	height:12px;
	background:#ccc;
	position:absolute;
	left:3px;
	top:3px;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
}

input[type="radio"]{
	width:20px;
	height:20px;
	padding:5px;
	border-radius: 20px;        /* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 20px;   /* Firefox用 */
	margin-right:5px;
	position:relative;
}
input[type="radio"].active::before{
	content:"";
	display:block;
	width:12px;
	height:12px;
	background:#ccc;
	position:absolute;
	left:3px;
	top:3px;
	border-radius: 12px;        /* CSS3草案 */  
	-webkit-border-radius: 12px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 12px;   /* Firefox用 */
}

form dl {
	padding:30px 0 30px 0;
	border-bottom:solid 1px #eee;
}
form dt {
	margin-bottom:10px;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	color:#666;
}

form dl.inputReq dt {
	padding-left:1.5em;
	position:relative;
}
form dl.inputReq dt::before {
	content:"※";
	position:absolute;
	left:0;
	top:0;
	color:#f00;
	font-size:0.91em;
}

form dl.inputReq dd p {
	padding:5px 0 5px 10px;
	font-size:0.86em;
	margin:0!important;
	color:#666;
}

form .line_1,
form .line_2,
form .line_3,
form .line_free {
	padding: 10px 10px;
	box-sizing:border-box;
}
form .line_free {
	height:35px;
	margin-bottom:15px;
}
form .line_1 .box,
form .line_2 .box,
form .line_3 .box,
form .line_free .box {
	float:left;
	margin-right:11px;
	height:33px;
	line-height:33px;
}
form .line_1 .box label,
form .line_2 .box label,
form .line_3 .box label,
form .line_free label {
	height:25px;
	line-height:25px;
	display:block;
	padding:0 5px;
}
/*form .line_free label {
	height:35px;
	line-height:35px;
}*/
form .line_1 .box label,
form .line_2 .box label,
form .line_3 .box label,
form .line_free label,
form .line_1 .box input,
form .line_2 .box input,
form .line_3 .box input,
form .line_free input {
	float:left;
}

form .box input[type="checkbox"]{
	/*margin-top:5px;*/
}

form .btmForm{
	padding-top:50px;
}
form .btmForm li{
	padding:10px 0;
}

input[type="button"],
input[type="reset"],
input[type="submit"],
button{
	cursor:pointer;
	border:none;
	background:#FF4343;
	color:#fff;
	height:35px;
	line-height:35px;
	border-radius: 35px;        /* CSS3草案 */  
	-webkit-border-radius: 35px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 35px;   /* Firefox用 */
	padding:0 10px;
}

input.errCheck{
	position:relative;
	padding-left:30px;
	background-image:url(css_img/iconErrCheck.svg)!important;
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:15px;
}

/*エラー画面*/
.listError {
	color:#f00;
	font-size:1.12em;
}

.listError li {
	padding:8px 0 8px 35px;
	position:relative;
	font-weight:bold;
}

.listError li::before {
	display:block;
	position:absolute;
	left:0;
	top:7px;
	width:20px;
	height:20px;
	line-height:20px;
	content:"!";
	color:#fff;
	background:#f00;
	font-size:0.8em;
	text-align:center;
	border-radius: 20px;        /* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 20px;   /* Firefox用 */
}

/*確認画面*/
.listCheck {
	
}

.listCheck dd{
	text-align:center;
	font-size:1.23em;
	color:#31BAB5;
}


.clear{
	clear:both;
}

.clearfix:after {
	display:block;
	clear:both;
	content:"";
	height:0;
	visibility:hidden;
}

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

table {
	border-collapse:collapse;
}

body {
	-webkit-text-size-adjust: 100%;
	font-size:14px;
}

.wideFrame {
	width:auto;
	padding:0 10px;/**/
}

h2 {
	padding:8px 25px;
	color:#333;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:35px;
	font-family: 'Baloo Tammudu', cursive;
	position:relative;
}
h2:after {
	content:"";
	display:block;
	width:120px;
	height:2px;
	background:#FFA8A8;
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-60px;
}

#wrapper {
	padding-top:45px;
	/*padding-bottom:80px;*/
}

/*リスト項目の表示*/

ul{
	padding:10px 0 10px 5px;
}
li {
	position:relative;
	padding:8px 0 8px 25px;
}
li span {
	position:absolute;
	left:0;
	top:8px;
}

a.btm {
	display:block;
	font-size:1.2em;
	text-align:center;
	padding:11px 10px;
	box-sizing:border-box;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}
a.btm.p01 {
	color:#fff;
	background:#FF6E6E;
}


/*その他*/

.markScroll {
	position:relative;
}
.markScroll::before,
.markScroll:after {
	content:"";
	display:block;
	right:10px;
	border-right:solid 5px transparent;
	border-left:solid 5px transparent;
	position:absolute;
}
.markScroll::before {
	top:5px;
	border-top:solid 5px transparent;
	border-bottom:solid 8px #ccc;
}
.markScroll:after {
	bottom:5px;
	border-top:solid 8px #ccc;
	border-bottom:solid 5px transparent;
}

li.markNew {
	padding-left:80px;
}

li.markNew::before {
	content:"new!";
	display:block;
	color:#fff;
	font-size:0.87em;
	background:#31BAB5;
	padding:0 8px;
	height:22px;
	line-height:22px;
	position:absolute;
	left:0;
	top:7px;
	order-radius: 22px;        /* CSS3草案 */  
	-webkit-border-radius: 22px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 22px;   /* Firefox用 */
}

/*アイコン*/

.iconMap {
	background:url(css_img/iconMaplink.svg) no-repeat center center;
}

@media screen and ( min-width:992px )
{

	#wrapper {
		padding-top:81px;
	}
	.wideFrame {
		width:992px;
		margin-left:auto;
		margin-right:auto;
		padding:0;
	}
	
	
	form .line_1,
	form .line_2,
	form .line_3,
	form .line_free {
		float:left;
	}
	form .line_1 {
		width:100%;
	}
	form .line_2 {
		width:50%;
	}
	form .line_3 {
		width:33%;
	}
	form dt {
		text-align:left;
		font-size:1.15em;
	}
	
}

@media screen and ( min-width:768px ){
	
	form .btmForm li{
		float:left;
		width:50%;
		padding:10px 10px;
		box-sizing:border-box;
	}
}


/************************************************************************************************************
#frameMenu
************************************************************************************************************/


#frameMenu {
	position:fixed;
	width:100%;
	height:100%;
	background:#ffffffff;
	overflow:scroll;
	left:0;
	top:0;
	display:none;
	z-index:15;
}


#frameMenu.show {
	display:block;
}

#frameMenu .frame {
	padding:80px 15px 20px;
}


#frameMenu .main {
}

#frameMenu .main li {
	text-align:center;
	padding:15px 10px;
	font-weight:bold;
}
#frameMenu .main li .btmSmenu {
	position:absolute;
	right:15px;
	top:15px;
}
#frameMenu .main li .btmSmenu a{
	width:25px;
	height:0;
	display:block;
	overflow:hidden;
	padding:25px 0 0 0;
	background:#FF6E6E;
	position:relative;
	border-radius: 25px;        /* CSS3草案 */  
	-webkit-border-radius: 25px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 25px;   /* Firefox用 */
}
#frameMenu .main li .btmSmenu a::before,
#frameMenu .main li .btmSmenu a:after{
	background:#fff;
	position:absolute;
	width:16px;
	height:3px;
	content:"";
	display:block;
	left:50%;
	top:11px;
	margin-left:-8px
}
#frameMenu .main li .btmSmenu a::before{
	-moz-transform:    rotate( 90deg );  /* Firefox用 */
	-webkit-transform: rotate( 90deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( 90deg );  /* 古いOpera用 */
	-ms-transform:     rotate( 90deg );  /* IE9用 */
	transform:         rotate( 90deg );  /* CSS3の書き方 */
	transition-property:-moz-transform,-webkit-transform,-o-transform,-ms-transform,transform;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;
}
#frameMenu .main li .btmSmenu a:after{
}
#frameMenu .main li.show > .btmSmenu a::before{
	-moz-transform:    rotate( 0deg );  /* Firefox用 */
	-webkit-transform: rotate( 0deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( 0deg );  /* 古いOpera用 */
	-ms-transform:     rotate( 0deg );  /* IE9用 */
	transform:         rotate( 0deg );  /* CSS3の書き方 */
}

#frameMenu .main li a {
	color:#666;
}
#frameMenu .main li li,
#frameMenu .main li li a{
	color:#FF6E6E;
}
#frameMenu .main li > ul{
	display:none;
}
#frameMenu .main li.show > ul{
	display:block;
}
#frameMenu .main li li{
	font-size:0.93em;
	padding:10px 5px;
}

@media screen and ( min-width:992px )
{
	#frameMenu {
		display:none!important;
	}
}

/************************************************************************************************************
#header
************************************************************************************************************/

#header {
	position:fixed;
	width:100%;
	background:#fff;
	overflow:hidden;
	left:0;
	top:0;
	z-index:20;
	border-bottom:solid 1px #ccc;
}

#header.close {
	background:#ffffff00;
	border-color:#cccccc00;
}

#header .wideFrame {
	height:45px;
	position:relative;
}

#header h1 {
	position:absolute;
	left:50%;
	top:9px;
	margin-left:-68px;
}
#header h1 a {
	display:block;
	width:136px;
	height:0;
	overflow:hidden;
	padding-top:25px;
	background:url(css_img/title_chk.gif) no-repeat left top;
	background-size:100%;
}

#header #btmHeadMenu_irai,
#header #btmHeadMenu_contact {
	position:absolute;
	top:7px;
}
#header #btmHeadMenu_irai {
	right:2px;
}
#header #btmHeadMenu_contact {
	right:35px;
}
#header #btmHeadMenu_irai a,
#header #btmHeadMenu_contact a {
	background:#FF6E6E no-repeat center center;
	background-size:65%;
	width:30px;
	height:30px;
	position:relative;
	display:block;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 30px;   /* Firefox用 */

}
#header #btmHeadMenu_contact a {
	background-image:url(css_img/iconSubmenuMail.svg);
}
#header #btmHeadMenu_irai a {
	background-image:url(css_img/iconSubmenuIrai.svg);
}

#header #btmHeadMenu_irai a span,
#header #btmHeadMenu_contact a span {
	display:none;
}

/*メニューボタン*/
#header #btmOpenMenu {
	position:absolute;
	left:5px;
	top:6px;
	width:30px;
	height:30px;
	background:#fff;
	cursor:pointer;
	padding:0;
}
#header #btmOpenMenu li {
	position: absolute;
	left:6px;
	width:18px;
	height:0;
	overflow:hidden;
	padding:3px 0 0 0;
	background:#FFA8A8;
	transition-property:top, -moz-transform, -webkit-transform, -o-transform, -ms-transform, transform;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;
}
#header #btmOpenMenu li.p01 {
	top:6px;
}
#header #btmOpenMenu li.p02 {
	top:13px;
}
#header #btmOpenMenu li.p03 {
	top:20px;
}

#header.close #btmOpenMenu li.p01 {
	top:13px;
	-moz-transform:    rotate( -45deg );  /* Firefox用 */
	-webkit-transform: rotate( -45deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( -45deg );  /* 古いOpera用 */
	-ms-transform:     rotate( -45deg );  /* IE9用 */
	transform:         rotate( -45deg );  /* CSS3の書き方 */
}
#header.close #btmOpenMenu li.p02 {
	-moz-transform:    rotateY( 90deg );  /* Firefox用 */
	-webkit-transform: rotateY( 90deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotateY( 90deg );  /* 古いOpera用 */
	-ms-transform:     rotateY( 90deg );  /* IE9用 */
	transform:         rotateY( 90deg );  /* CSS3の書き方 */
}
#header.close #btmOpenMenu li.p03 {
	top:13px;
	-moz-transform:    rotate( 45deg );  /* Firefox用 */
	-webkit-transform: rotate( 45deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( 45deg );  /* 古いOpera用 */
	-ms-transform:     rotate( 45deg );  /* IE9用 */
	transform:         rotate( 45deg );  /* CSS3の書き方 */
}

@media screen and ( min-width:992px )
{
	
	#header .wideFrame {
		height:80px;
	}
	
	#header h1 {
		left:0;
		top:24px;
		margin-left:0;
	}
	
	#header h1 a {
		width:180px;
		padding-top:30px;
		/*background:url(css_img/title_chk.gif) no-repeat left top;
		background-size:100%;*/
	}
	
	/*メニューボタン*/
	#header #btmOpenMenu {
		display:none;
	}
	
	
	/*サブメニュー*/
	#header #btmHeadMenu_irai,
	#header #btmHeadMenu_contact {
		top:7px;
	}
	#header #btmHeadMenu_irai {
		right:2px;
	}
	#header #btmHeadMenu_contact {
		right:150px;
	}
	#header #btmHeadMenu_irai a,
	#header #btmHeadMenu_contact a {
		width:auto;
		height:30px;
		line-height:30px;
		font-size:0.8em;
		color:#fff;
		padding:0 15px 0 35px;
		border-radius: 30px;        /* CSS3草案 */  
		-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 30px;   /* Firefox用 */
		background-position:9px center;
		background-size:18px;
	
	}
	#header #btmHeadMenu_irai a span,
	#header #btmHeadMenu_contact a span {
		display: inherit;
	}
	
}

/************************************************************************************************************
#glNav
************************************************************************************************************/

#glNav {
	display:none;
}

@media screen and ( min-width:992px )
{
	#glNav {
		display:block;
		position:absolute;
		right:0;
		bottom:0;
		border-right:solid 1px #eee;
	}
	#glNav ul {
		padding:0;
	}
	#glNav li {
		float:left;
		font-size:0.87em;
		padding:0;
	}
	#glNav li a {
		display:block;
		padding:8px 15px;
		color:#666;
		border-left:solid 1px #eee;
		position:relative;
		overflow:hidden;
		transition-property:color;
		transition-duration:0.2s;
		transition-timing-function:ease-in-out;
		transition-delay:0s;
	}
	#glNav li a:hover {
		color:#fff;
	}
	#glNav li ul {
		/*position:absolute;
		left:0;
		top:34px;
		width:100%;*/
		display:none;
	}
	
	
	#glNav li a::before {
		content:"";
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		left:-100%;
		top:0;
		z-index:-1;
		background:#FF6E6E;
		transition-property:left;
		transition-duration:0.2s;
		transition-timing-function:ease-in-out;
		transition-delay:0s;
	}
	#glNav li a:hover::before {
		left:0;
	}
	
}


/************************************************************************************************************
#subMunuViewpc
************************************************************************************************************/

#subMunuViewpc {
	position:fixed;
	width:100%;
	left:0;
	top:81px;
	background:#FFAE6E;
	background:#666;
	z-index:20;
	display:none;
	font-size:1.1em;
}
#subMunuViewpc ul {
	padding:0;
}

#subMunuViewpc li a {
	color:#fff;
	display:block;
	padding:0.3em 1.0em;
	text-align:center;
	transition-property:background-color;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;

}
#subMunuViewpc li a:hover {
	background-color:#999;
}
#subMunuViewpc .frame{
	padding:10px 0;
	width:992px;
	margin:0 auto;
}
#subMunuViewpc ul > li {
	float:left;
}
@media screen and ( min-width:992px )
{
	#subMunuViewpc {
		/*display:block;*/
	}
	#subMunuViewpc.show {
		display:block;
	}
}

/************************************************************************************************************
#footer
************************************************************************************************************/


#footer{
	background:#ccc;
	position:relative;
	padding-bottom:55px;
}

#footer #navFtr {
	padding:5px;
}
#footer #navFtr li {
	width:50%;
	float:left;
	text-align:center;
	font-size:0.8em;
	box-sizing:border-box;
	padding:11px 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#footer #navFtr li a{
	color:#666;
}

#footer #wordCopy{
	position:absolute;
	left:0;
	bottom:5px;
	width:100%;
	text-align:center;
	font-size:0.8em;
	color:#666;
}

#footer #btmScrollTop {
	display:none;
	position:fixed;
	width:60px;
	height:60px;
	box-sizing:border-box;
	text-align:center;
	background:#ffffffcc;
	bottom:5px;
	right:8px;
	z-index:15;
	font-size:0.53em;
	font-weight:bold;
	color:#666;
	padding:33px 0 0 0;
	border-radius: 60px;        /* CSS3草案 */  
	-webkit-border-radius: 60px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 60px;   /* Firefox用 */
	box-shadow:0 0 10px #00000033;
}
#footer #btmScrollTop.show {
	display:block;
}
#footer #btmScrollTop::before {
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-left:solid 2px #FF4343;
	border-top:solid 2px #FF4343;
	position:absolute;
	top:21px;
	left:50%;
	margin-left:-5px;
	-moz-transform:    rotate( 45deg );  /* Firefox用 */
	-webkit-transform: rotate( 45deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( 45deg );  /* 古いOpera用 */
	-ms-transform:     rotate( 45deg );  /* IE9用 */
	transform:         rotate( 45deg );  /* CSS3の書き方 */
}

@media screen and ( min-width:992px )
{
	
	
	#footer #navFtr li {
		width:auto;
		text-align:center;
		font-size:0.8em;
		padding:11px 15px;
		overflow: hidden;
	}
	
}