@charset "UTF-8";

/* --------------------------------------------------- */
/* content width */

.lay_lqd:before,
.lay_lqd:after { content: " "; display: table; }
.lay_lqd:after { clear: both; }
.lay_lqd {

	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.lay_lqd_tight {

	max-width: 864px;
	margin-right: auto;
	margin-left: auto;
}
.lay_lqd_tightest {

	max-width: 864px;
	margin-right: auto;
	margin-left: auto;
}


/* spview */
@media screen and (max-width:767px) {

	.lay_lqd {

		max-width:none;
		/* 170922 */
/*
		margin-right: 0.5em;
		margin-left: 0.5em;
*/
		margin-right: 0.5em;
		margin-left: 0.5em;

	}

	#mv .lay_lqd {
		margin-top: 0.3em;
	}

	#header_nav .lay_lqd {
		margin: 0;
	}
}

/* --------------------------------------------------- */

#wrapper {
	width: 100%;
	overflow-x:hidden;
}

/* --------------------------------------------------- */
/* #header basic */
#header {

	background-color:#fff;
	border-bottom:solid 5px #f16e6a;

    z-index: 1000;
    position: relative;
}

#sitecopy {

	background-color: #ededed;
	color: #777;
	padding: 0.25rem 0;
	font-size: 0.75rem;
	font-weight: normal;
}
#sitecopy a { color: #777; }
#sitecopy > div { position: relative; }
#sitecopy > div > p {
	margin: 0;
	font-size: 0.75rem;
	line-height: 1.4;
}
#sitecopy > div > nav {
	position: absolute;
	right: 0;
	top: 0;
}
#sitecopy > div > nav a:after {
	content: '|';
	margin: 0 0.5rem;
}
#sitecopy > div > nav a:last-child:after { display: none; }

#header .inner {

	display:table;
	width:100%;
	height:auto;/* header total height pc */
	border-collapse: separate;
	border-spacing: 0;
	padding: 0.66rem 0;
	position:relative;/* for #header_nav_btn */
}
.siteid,
#header_sns,
#header_info {

	display:table-cell;
	vertical-align:middle;
}

/* spview */
@media screen and (max-width:767px) {

	#sitecopy > div > p {
		font-size: 0.5rem;

		/*width:calc(100% - 3rem);*/
	}
	#sitecopy > div > nav {
		font-size: 0.5rem;
	}
}

.headerNavi02{
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	overflow: hidden;
}

.headerNavi02 ul{
	list-style: none;
}

.headerNavi02 li{
	margin: 0 5px;
	min-width: 60px;
}

.headerNavi02 a{
	display: block;
	font-size: 13px;
	line-height: 40px;
}

/* --------------------------------------------------- */
/* global navi & primary navi */

/* global navi */
#gnav {
	display: table;
	width: 100%;
	height: 5.5rem;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}

.wpHeader #gnav{
	margin: 0;
	height: 4.8rem;
}

#gnav > li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size:1rem;
	border-top: none;
	border-right: dotted 1px #dfdede;
	border-bottom: none;
	border-left: dotted 1px #dfdede;
}

.wpHeader #gnav > li{
	font-size: 0.9rem;
}


#gnav > li span,
#gnav > li a {

	color:#555;
	display: block;
	font-weight: normal;
	text-decoration:none;
}

#gnav > li i {

	display: block;
	text-align: center;
	font-size: 2rem;
	margin: 0 0 0.5rem;
}

.wpHeader #gnav > li i{
	font-size: 1.75rem;
}

#gnav > li .icon-magnify { color: #d0adcd; }
#gnav > li .icon-medal { color: #f485a2; }
#gnav > li .icon-footprint { color: #96d4ba; }
#gnav > li .icon-folder { color: #8ec3d4; }
#gnav > li .icon-check { color: #f8c758; }
#gnav > li .icon-lock { color: #fcab36; }
#gnav > li .icon-woman { color: #f16e6a; }

#gnav > li .icon-balloon4 {color: #00854d;}
#gnav > li .icon-pen {color: #f5a833;}
#gnav > li .icon-home { color: #f16e6a; }

#gnav > #gnav_sns_sp { display: none; }
#gnav_sns_sp > :first-child { margin-bottom: 0.5rem; }

#gnav > #gnav_sns_sp span,
#gnav > #gnav_sns_sp a { padding: 0.25rem; }

#gnav > #gnav_sns_sp .btn_header_facebook span { color: #fff; }

/* 170906 */
#gnav > li.sp {
	display: none!important;
}

/* spview */
@media screen and (max-width:767px) {

	/* global navi */
	#gnav {
		display:block;
		height: auto;
		padding: 0 0 0.5em;
	}
	#gnav > li {
		display:block;
		font-size:100%;
		margin-right:0;
	}
	/* 170907 */
	#gnav > li.pc {
		display: none;
	}

	#gnav > li,
	#pnav > li{
		/* padding:0.5em; */
		padding:0.6em;
		width:100%;
		border-top:solid 1px #eee;

		text-align: left;
	}
	#gnav > li:first-child { border-top:none; }
	#gnav > #gnav_sns_sp { display: block; }

	#gnav > li a,
	#pnav > li a {}

	#gnav .drop_down_list {
		top:4.5em;
		box-shadow:0px 3px 3px 0px rgba(6,6,7,0.11);
		-moz-box-shadow:0px 3px 3px 0px rgba(6,6,7,0.11);
		-webkit-box-shadow:0px 3px 3px 0px rgba(6,6,7,0.11);
	}

	/* 170906 */
	#gnav > li i {
		display: inline-block;
		margin: 0 0.5rem 0 0;
		font-size: 14px !important;
	}
	#gnav > li.sp {
		display: block!important;
	}
	#gnav > li.border {
		border-top:2px solid #ccc;
	}
}
/* --------------------------------------------------- */
/* #header link */
#header a {}
#header a:hover {}

/* --------------------------------------------------- */
/* #siteid & #header_nav */

/* #siteid */
.siteid {
	white-space:nowrap;
	width:290px;/* logo image size */
}

#header h1 {
	display:table;
	width:100%;
	height:100%;
}

#header h1 span,
#header h1 a {
	display:table-cell;
	vertical-align:middle;
}
#header h1 img {
	width:auto;
	/*height:6rem;*/
}
#header h1 .pc_view {
	display: inherit;
}
#header h1 .sp_view {
	display: none;
}
/* spview */
@media screen and (max-width:767px) {
	#header h1 .pc_view {
		display: none;
	}
	#header h1 .sp_view {
		display: inherit;
	}
}


/* #header_info */
#header_info {
	font-size: 0.75rem;
	padding: 0 0 0 1rem;
}
#header_info em {
	color: #f16e6a;
	font-size: 128%;
	font-weight: bold;
}

#header_sns {
	text-align: right;
}
#header_sns ul {
	list-style: none;
	display: inline-block;
	text-align: left;
	margin: 0 0 0 auto;
}
#header_sns li {
	margin-bottom: 0.66rem;
	font-size: 1rem;
	width: 14em;
	height: 2.25em;
}
#header_sns li.snsList{
	font-size: 40%;
	width: auto;
	height: auto;
}

#header_sns li:last-child { margin-bottom: 0; }

.btn_header_sns {

	display: table;
	width: 100%;
	height: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	font-size: 0.9rem;
}
.btn_header_sns > span {

	display: table-cell;
	vertical-align: middle;
	padding: 0;
	line-height: 1;
}

.wpHeader .btn_header_sns > span{
	padding: 8px 20px 8px 0;
}


#gnav > li .btn_header_sns i,
.btn_header_sns i {

	font-size: 150%;
	line-height: 0.66;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	width: 3rem;
}

#gnav > li .btn_header_facebook,
.btn_header_facebook {

	border-color: #1e3560;
	color: #fff !important;
	text-decoration: none !important;
	text-shadow: 0 -1px 0 #2d4470;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a6ca0+0,385f97+100 */
	background: rgb(74,108,160); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(74,108,160,1) 0%, rgba(56,95,151,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(74,108,160,1) 0%,rgba(56,95,151,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(74,108,160,1) 0%,rgba(56,95,151,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#gnav > li .btn_header_yahoo,
.btn_header_yahoo {

	border-color: #ccc;
	color: #333;
	text-decoration: none !important;
	font-weight: bold;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#gnav > li .btn_header_yahoo i,
.btn_header_yahoo i {
	color: #ff1f3b;
	font-size: 200%;
	font-weight: normal;
	line-height: 0.5;
}

/* #header_nav */
#header_nav {
	border-top: solid 1px #dfdede;
}

/* spview */
/* when use menu button */
@media screen and (max-width:767px) {

	/* #siteid */
	.siteid {

		/* width:9rem; */
		width:13rem;
		height:100%;
	}

	#header h1 img {

		width:100%;
		height:auto;
	}

	#header_sns {
		display: none;
	}
	#header_sns ul {}
	#header_sns li {}

	/* #header_nav */
	#header_nav {

		/* sp view basic style */
		box-shadow:0px 3px 3px 0px rgba(6,6,7,0.11);
		-moz-box-shadow:0px 3px 3px 0px rgba(6,6,7,0.11);
		-webkit-box-shadow:0px 3px 3px 0px rgba(6,6,7,0.11);

		/* for drop down */
/*		display:none;*/
		position:absolute;
		top:0;
		left:0;
		z-index:998;

/*		width: 95%;*/

/*		left:50%;*/
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    transform: translate(-50%,0%);

		/* 170922 */
		left: 135%;
/*		height: 100%;*/
		width: 70%;
		transition: all  0.3s ease;
		background:#fff;
	}
	#header_nav.active {
		left: 65%;
	}

	/* 170907 */
	#header .inner {
		position: relative;
		padding: 0.4rem 0 1.5rem 0;
	}
	#header #header_info {
		position: absolute;
		bottom: 0;
		height: 1.5rem;
		padding: 0;
		left: 0;
	}
}

/* モーダル */
.drawer-overlay {
	display: none;
}
@media screen and (max-width:767px) {
	.drawer-overlay {
		position: fixed;
		z-index: 700;
		top: 0;
		left: 0;
		display: none;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .6);
	}
	.drawer-overlay.active {
		display: block;
	}
}

/* --------------------------------------------------- */
/* menu button (sp view) */
#header_nav_btn {

	/*width:3em;*/
	/*height:3em;*/
	position:absolute;
	top:50%;
	right:0;
	margin-top: -0.66em;
	font-size: 2.5rem;

	display:none;
	border:none;
	background:none;
	padding:0;
}

#header_nav_btn:before {

    font-family: "Ionicons";
	content:'\f20d';
	color:#fff;
	line-height:1;
}

/* spview */
@media screen and (max-width:767px) {
/*
	#header_nav_btn {
		display:block;
	}
	#header_nav_btn:before {
		color:#165A72;
	}
*/

	#header_nav_btn{
		text-align:center;
		line-height: 0.25em;
		display:block;
		margin-top: -18px;
		height: 1.1em;
		right:0.6em;
	}
	#header_nav_btn:before {
	    font-size: 2.8rem;
	    line-height: 0px;
	    font-family: "Ionicons";
	    content: '\f20d\A';
	    white-space: pre;
	    color:#165A72;
	}
	#header_nav_btn:after {
		content: "MENU";
		font-size: 8px;
		line-height: 0px;
		vertical-align: 0px;
		color:#165A72;
	}

	#header_nav_btn.close{
	}
	#header_nav_btn.close:before {
	    font-size: 2.7rem;
	    content: '\f129\A';
	}
	#header_nav_btn.close:after {
		content: "CLOSE";
	}

}
/* --------------------------------------------------- */
/* 170907 login button (sp view) */
#header_nav_btn_login {
	/*width:3em;*/
	/*height:3em;*/
	position:absolute;
	top:50%;
	right:1.2em;
	margin-top: -0.66em;
	font-size: 2.5rem;

	display:none;
	border:none;
	background:none;
	padding:0;
}

#header_nav_btn_login:before {
    /* font-family: "Ionicons"; */
	font-family: 'icomoon' !important;
	content:'\e915';
	color:#fff;
	line-height:1;
	font-size: 2.2rem;
}


/* spview */
@media screen and (max-width:767px) {
/*
	#header_nav_btn_login {
		display:block;
	}
	#header_nav_btn_login:before {
		color:#165A72;
	}
*/

	#header_nav_btn_login{
		text-align:center;
		line-height: 0.8em;
		display:block;
		margin-top: -10px;
		height: 1.1em;
		right:1.3em;
	}
	#header_nav_btn_login:before {
	    font-size: 2.8rem;
	    line-height: 0px;
	    font-family: 'icomoon' !important;
	    content: '\e915\A';
	    white-space: pre;
	    color:#165A72;
	}
/*	#header_nav_btn_login:after {
		content: "LOGIN";
		font-size: 11px;
		line-height: 0px;
		vertical-align: -2px;
		color:#165A72;
	}*/
}

/* --------------------------------------------------- */

/* back to top navi */
#pagetop {

	background-color: #db625b;
	text-align: right;
	padding: 1rem 0;
/*
	position:fixed;
	bottom: 10px;
	right: 30px;
	z-index: 1000;
*/
}
#pagetop a {

	font-size: 1.07rem;
	color: #fff;
/*
	text-decoration:none;
	line-height:1;
	display:block;
	width:72px;
	height:72px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color:rgba(0,0,0,0.40);
	color:#fff;
	text-align:center;
	padding:24px 0 0;
	font-size:150%;
*/
}
#pagetop a:hover {}
#pagetop a i {
	margin: 0 0 0 1rem;
	vertical-align: middle;
	line-height: 0.5;
	font-size: 2rem;
}


/* spview */
@media screen and (max-width:767px) {
	#pagetop {
    z-index: 20000;
    background-color: #db625b;
    text-align: center;
	padding: 0.2rem 0;
    width: 100%;
	}
	#pagetop a i {
		font-size: 1.5rem;
	}
	#pagetop .lay_lqd a {
		font-size: 0.9rem;
	}
/*
	#pagetop {
		bottom: -24px;
		right: 0;
	}
	#pagetop a {
		width:48px;
		height:48px;
		padding:2px 0 0;
	}
	#pagetop a:hover {}
*/
}


/* footer */
#footer {

	background-color:#fff;
	color: #707070;
	padding:2rem 0;
	font-size: 0.9rem;
}

#footer .inner {
	text-align: center;
	margin-bottom: 2rem;
/*
	display:table;
	width:100%;
	margin-bottom:1em;
*/
}
#footer_logo,
.footer_links {
/*
	display:table-cell;
	vertical-align:middle;
*/
}

#footer_logo { width:96px; }
#footer_logo img {
	width:100%;
	height:auto;
}

.footer_links {
	font-size: 0.8rem;
	color: #707070;
}
.footer_links li { display:inline-block; }
.footer_links li:after {
	content: '|';
	margin: 0 1rem;
}
.footer_links li:last-child:after { display: none; }

.footer_links a {

	color: #707070;
	text-decoration:none;
}
.footer_links a:hover {}

#copyright {

	background-color:#fff;
	color: #707070;
	text-align:center;
	padding:0;
}


/* spview */
@media screen and (max-width:767px) {
/*
	#footer .inner {
		display:block;
		width:auto;
	}
	#footer_logo,
	.footer_links { display:block; }

	#footer_logo {
		width:60px;
		margin:0 auto 0.5em;
	}

	.footer_links {
		text-align:center;
		font-size:80%;
	}
	.footer_links li {
		margin-left:0.25em;
		margin-right:0.25em;
	}
	.footer_links a {
		color:#fff;
		text-decoration:none;
	}
	.footer_links a:hover {}

	#copyright {
		background-color:#666;
		color:#fff;
		text-align:center;
		padding:0.25em 0;
	}

*/}