#mark971 {
	display: none
}

@media (min-width:970px) {
	#mark971 {
		display: block;
		width: 100%
	}
}

#mark970 {
	display: none
}

@media (max-width:970px) {
	#mark970 {
		display: block;
		width: 100%
	}
}

#mark767 {
	display: none
}

@media (max-width:767px) {
	#mark767 {
		display: block;
		width: 100%
	}
}

#mark640 {
	display: none
}

@media (max-width:640px) {
	#mark640 {
		display: block;
		width: 100%
	}
}

#mark480 {
	display: none
}

@media (max-width:480px) {
	#mark640 {
		display: block;
		width: 100%
	}
}

.sp97 {
	display: none !important
}

@media(max-width:970px) {
	.pc97 {
		display: none !important
	}

	.sp97 {
		display: block !important
	}
}

.sp76 {
	display: none !important
}

@media(max-width:767px) {
	.pc76 {
		display: none !important
	}

	.sp76 {
		display: block !important
	}
}

.sp {
	display: none !important
}

@media(max-width:640px) {
	.pc {
		display: none !important
	}

	.sp {
		display: block !important
	}
}

.sp48 {
	display: none !important
}

@media(max-width:480px) {
	.pc48 {
		display: none !important
	}

	.sp48 {
		display: block !important
	}
}

.sp37 {
	display: none !important
}

@media(max-width:375px) {
	.pc37 {
		display: none !important
	}

	.sp37 {
		display: block !important
	}
}

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

html {
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: 100%;
	min-width: 280px;
}

ul,
ol,
dl {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

img {
	border: none;
	vertical-align: bottom;
	zoom: 1;
	-ms-interpolation-mode: bicubic;

}

a,
a:focus {
	outline: 0;
}

a img {
	border: none;
}

header,
section,
footer,
aside,
article,
figure,
main {
	display: block;
}


body {
	margin: 0;
	padding: 0;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	color: #000;
	background-color: #FFF;
	line-height: 1.428571429;

}

@media print {
	a[href]:after {
		content: "" !important;
	}

	abbr[title]:after {
		content: "" !important;
	}
}



a:link {
	color: #000;
	text-decoration: underline;
}

a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #e60012;
	text-decoration: none
}

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

a:active {
	color: #e60012;
	text-decoration: none
}

a:focus {
	color: #e60012;
	text-decoration: none
}


a:hover img,
a.hover img {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	cursor: pointer;
	text-decoration: none;
}

.img-responsive-overwrite {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

@media (max-width:640px) {
	.hidden-xx {
		display: none !important
	}
}

.visible-xx {
	display: none !important
}

@media (max-width: 640px) {
	.visible-xx {
		display: block !important;
	}
}

@media (max-width:500px) {
	.hidden-xxs {
		display: none !important
	}
}

.visible-xxs {
	display: none !important
}

@media (max-width: 500px) {
	.visible-xxs {
		display: block !important;
	}
}

@media (max-width:480px) {
	.hidden-xxs {
		display: none !important
	}
}

.visible-xxs {
	display: none !important
}

@media (max-width: 480px) {
	.visible-xxs {
		display: block !important;
	}
}

@media (max-width:400px) {
	.hidden-xxxs {
		display: none !important
	}
}

.visible-xxxs {
	display: none !important
}

@media (max-width: 400px) {
	.visible-xxxs {
		display: block !important;
	}
}



@media (max-width:375px) {
	.hidden-xxxxs {
		display: none !important
	}
}

.visible-xxxxs {
	display: none !important
}

@media (max-width: 375px) {
	.visible-xxxxs {
		display: block !important;
	}
}

#mark900 {
	display: none;
}

@media screen and (max-width: 900px) {
	#mark900 {
		display: block;
		width: 100%;
	}
}


.panel {
	box-shadow: none;
	border: none;
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
	border-top: none;
}



#mark640 {
	display: none
}

@media screen and (max-width: 640px) {
	#mark640 {
		display: block;
		width: 100%
	}
}


/* --------------------------------------------------
 * 
 * テキスト
 * 
 * --------------------------------------------------
 */
.txt_bk {
	color: #000000 !important;
	font-weight: normal !important;
}

.txt_red {
	color: #FF0000 !important;
}

.txt_blue {
	color: #0066FF !important;
}

.txt_white {
	color: #FFFFFF !important;
}

.txt_green {
	color: #009900 !important;
}

.bold_txt {
	color: #000000 !important;
	font-weight: bold;
}

.bold_red {
	color: #FF0000 !important;
	font-weight: bold;
}

.bold_blue {
	color: #0066FF !important;
	font-weight: bold;
}

.bold_white {
	color: #FFFFFF !important;
	font-weight: bold;
}

.bold_green {
	color: #009900 !important;
	font-weight: bold;
}


a img.mw588 {
	max-width: 588px;
	width: 100%;
	height: auto;
}

.present-keyword {
	margin: 15px auto;
}

.present-keyword img {
	max-width: 590px;
	width: 100%;
	height: auto;
}

.smallsize {
	font-size: 80% !important;
}

.smalls-center {
	display: block;
	clear: both;
	line-height: 1.5;
	overflow-wrap: break-word;
	padding: 10px 0;
	margin: 0 auto;
	text-align: center;
}

.smalls-left {
	display: block;
	clear: both;
	line-height: 1.5;
	overflow-wrap: break-word;
	padding: 10px 0;
	margin: 0;
	text-align: left;
}

.small6 {
	font-size: 60% !important;
}

.small7 {
	font-size: 70% !important;
}

.small8 {
	font-size: 80% !important;
}

.small9 {
	font-size: 90% !important;
}



.mt025 {
	margin-top: .25em !important;
}

.pt025 {
	padding-top: .25em !important;
}

.mt05 {
	margin-top: .5em !important;
}

.pt05 {
	padding-top: .5em !important;
}

.pb05 {
	padding-bottom: .5em !important;
}

.mbm05 {
	margin-bottom: -.5em !important;
}

.mt1 {
	margin-top: 1em !important;
}

.pt1 {
	padding-top: 1em !important;
}


@media (max-width:640px) {
	.mt025 {
		margin-top: .125em !important;
	}

	.pt025 {
		padding-top: .125em !important;
	}

	.mt05 {
		margin-top: .25em !important;
	}

	.pt05 {
		padding-top: .25em !important;
	}

	.pb05 {
		padding-bottom: .25em !important;
	}

	.mbm05 {
		margin-bottom: -.25em !important;
	}

	.mt1 {
		margin-top: .5em !important;
	}

	.pt1 {
		padding-top: .5em !important;
	}
}


.mbp15 {
	margin-bottom: 15% !important;
}

img.sz590 {
	max-width: 590px;
	width: 100%;
	height: auto;
}

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

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin: auto;
	text-align: center;
}

.video-container video {
	width: 100%;
	display: block;
}

.video-container iframe {
	margin: auto;
	text-align: center;
	max-height: 100%;
	max-width: 815px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


@media screen and (max-width: 640px) {
	.video-container {
		width: 93%;
	}

}



#thumbnailContainer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

#thumbnailContainer img {
	width: 100%;
	height: auto;
}


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


#wrap {
	margin: auto;
	text-align: center;
	padding-top: 72px;
	overflow: hidden;
	border: none;
	background-color: #FFF;


}

.return {
	text-align: right;
	padding: 10px 0 15px 10px;
}

/*

#footer .copyright {
	text-align: center;
	margin: 0 auto;
	padding-bottom: 5px;
}
#footer .copyright strong {
	font-weight: normal;
}
 @media screen and (max-width: 700px) {
#footer .copyright strong {
	display: block;
	padding: 5px 0;
}
}



*/


/* --------------------------------------------------
 * 
 * footer
 * 
 * --------------------------------------------------
 */

.footer-area-bottom,
.footer-area-top,
.footer-area {

	width: 100%;
	margin: 0px 0 0;
	padding: 0px 0 0;
	overflow: hidden;
}

.footer-area-bottom,
.footer-area-top,
.footer-area {
	overflow: hidden;
}

.footer-area-bottom:after,
.footer-area-top:after,
.footer-area:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html .footer-area-bottom,
* html .footer-area-top,
* html .footer-area {
	height: 1em;
	overflow: visible;
}

/**/

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


.footer-area-top {

	/*	background-color:transparent;*/
	background-image: url(/english/common/img/footer_bg300.png);
	background-repeat: repeat-x;
	background-position: left top;
	border: none;

}

.footer-area-top .footer-box {
	max-width: 1077px;
	width: 100%;
	height: 70px;
	text-align: center;
	margin: 0 auto;
	padding-top: 20px;
	box-sizing: border-box;

}


.footer-area-top .footer-box ul.footer-contents-box-inner {
	display: block;
	text-align: left;
	width: 100%;
	clear: both;
	/*	padding-left:5px;*/
	padding-right: 5px;
	box-sizing: border-box;

}

.footer-area-top .footer-box ul.footer-contents-box-inner+ul.footer-contents-box-inner {
	padding-top: 5px;

}

.footer-area-top .footer-box ul.footer-contents-box-inner li {
	float: left;
	color: #787878;
	font-size: .9em;
}

.footer-area-top .footer-box ul.footer-contents-box-inner li:after {
	content: "｜"
}

.footer-area-top .footer-box ul.footer-contents-box-inner li:last-child:after {
	content: "";
}

.footer-area-top .footer-box ul.footer-contents-box-inner+ul.footer-contents-box-inner li:first-child:after {
	content: "："
}

/*
.footer-area-top .footer-box ul.footer-contents-box-inner.related-sites li:first-child:after {
	content: "："
}

*/

.footer-area-top .footer-box ul.footer-contents-box-inner li a {
	/*	color: #787878;*/
	color: #000;
	font-weight: normal;
}


.footer-area-bottom {

	/*	background-color:transparent;*/
	background-image: url(/english/common/img/cr_bg300.png);
	background-repeat: repeat-x;
	background-position: left top;
	border: none;
	height: 45px;

}

.footer-area-bottom .footer-box {
	max-width: 1077px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	box-sizing: border-box;
	font-size: .9em;

}

.footer-area-bottom .footer-box ul.footer-contents-box-inner+ul {
	padding-top: 15px;
}

/* --------------------------------------------------
 * 
 * .copy-right
 * 
 * --------------------------------------------------
 */



.copy-right {
	padding: 15px 0 0;
	color: #FFF;
	line-height: 1.5;
	clear: both;
}

.copy-right a {
	color: #FFF;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

@media (max-width: 399px) {
	.copy-right span {
		display: none;
	}
}


/* --------------------------------------------------
 * 
 * .footer-area-top 768
 * 
 * --------------------------------------------------
 */

@media screen and (max-width: 768px) {
	.footer-area-top {
		background-image: none;
		background-color: #E5E5E5;
	}

	.footer-area-top .footer-box {
		padding: 0;
	}

	.footer-area-top .footer-box ul:first-child {
		border-top: 1px solid #969696;
		padding-left: 0;
		padding-right: 0;
	}

	.footer-area-top .footer-box ul li {
		max-width: 100%;
		width: 100%;
		border-bottom: 1px solid #969696;
		padding-left: 0;
		padding-right: 0;
	}

	.footer-area-top .footer-box ul li a {
		display: block;
		max-width: 100%;
		width: 100%;
		text-decoration: none;
		padding: 15px 5px;
	}

	.footer-area-top .footer-box ul li a:hover,
	.footer-area-top .footer-box ul li a.hover,
	.footer-area-top .footer-box ul li a:focus {
		background-color: #EEE;
	}

	.footer-area-top .footer-box ul.footer-contents-box-inner li:after {
		content: ""
	}

	.footer-area-top .footer-box ul.footer-contents-box-inner li:last-child:after {
		content: "";
	}

	.footer-area-top .footer-box ul.footer-contents-box-inner+ul.footer-contents-box-inner {
		padding-top: 0;
	}

	.footer-area-top .footer-box ul.footer-contents-box-inner+ul.footer-contents-box-inner li:first-child {
		display: none;
	}

	.footer-area-top .footer-box ul.footer-contents-box-inner+ul.footer-contents-box-inner li:first-child:after {
		content: "";
	}

	.footer-area-top .footer-box ul:last-child,
	.footer-area-top .footer-box ul:last-child li {
		margin: 0;
		padding: 0;
		top: 0;
	}

}




/* --------------------------------------------------
 * 
 * .navbar.container,#wrap .container,.page #wrap .container
 * 
 * --------------------------------------------------
 */

/*

@media screen and (min-width: 1078px) {
.navbar .container,
#wrap .container {width: 1077px;}
}
@media screen and (max-width: 1077px) {
.navbar .container,
#wrap .container {width: auto; }
}

@media screen and (min-width: 895px) {
.page #wrap .container {width: 895px;}
}
@media screen and (max-width: 894px) {
.page #wrap .container {width: auto; }

.navbar-inverse .navbar-header h1{
	max-width:183px;
	height:auto;
	width:100%;
}
}
@media screen and (min-width: 1078px) {
.pagewide #wrap .container .row {
	max-width:1077px;
	width: auto;
	padding:0;

}
}
*/

.navbar .container,
#wrap .container {
	max-width: 1077px;
	width: auto;
}

.navbar .container {
	height: 72px;
	margin-bottom: 0;
	padding-bottom: 0;
}


.page #wrap .container {
	max-width: 895px;
	width: auto;
}

.pagewide #wrap .container .row {
	max-width: 1077px;
	width: auto;
	padding: 0;

}



/* --------------------------------------------------
 * 
 * .navbar.a.navbar-brand
 * 
 * --------------------------------------------------
 */



a.navbar-brand {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 999;
}

a.navbar-brand img {
	max-width: 183px;
	margin-top: -20px;
	/*	margin-left:25px;*/
}

@media screen and (max-width: 240px) {
	a.navbar-brand {
		position: absolute;
		top: 15px;
	}

	a.navbar-brand img {
		width: 90%;
	}
}

/* --------------------------------------------------
 * 
 * .navbar-header
 * 
 * --------------------------------------------------
 */


.navbar-header h2 {
	font-size: .9em;
	position: relative;
	top: -10px;
	left: 25px;
	color: #FFFFFF;
	font-weight: bold;
	white-space: nowrap;
	line-height: 1.4;
}

.navbar-header h2 br {
	display: none;
}

@media screen and (max-width: 767px) {
	.navbar-header h2 {
		padding-right: 15.5%;
		white-space: normal;
	}
}

@media screen and (max-width: 600px) {
	.navbar-header h2 {
		font-size: .8em;
		padding-right: 20%;
		left: 18px;
	}
}

@media screen and (max-width: 480px) {
	.navbar-header h2 {
		font-size: .7em;
		left: 12px;
	}

}

@media screen and (max-width: 420px) {

	.navbar-header h2 {
		font-size: .6em;
	}
}

@media screen and (max-width: 400px) {
	.navbar-header h2 {
		font-size: .55em;
		left: 2px;
	}
}

@media screen and (max-width: 376px) {
	.android .navbar-header h2 {
		line-height: 1.0;
	}
}

@media screen and (max-width: 359px) {

	.navbar-header h2 {
		display: none;
	}

}



/* --------------------------------------------------
 * 
 * グローバルメニュー 
 * 
 * --------------------------------------------------
 */

/* --------------------------------------------------
 *　べース
 * --------------------------------------------------
 */

.navbar-inverse {
	/*	
	background-color:transparent;
	background-image:url(/english/common/img/head_bg.png);
	background-repeat:repeat-x;
	background-position:left top;*/
	background: url(/english/common/img/head_bg.png) repeat-x left top transparent;
	background-size: 100% 100%;
	border: none;
	zoom: 1;
	height: 72px;
	margin-bottom: 0;


}

#navbar {

	position: relative;
	/*top:-50px; 
left:183px;
*/
	top: -35px;
	left: 193px;


	box-sizing: border-box;

}


@media screen and (min-width: 768px) {
	#navbar {
		max-width: 870px;

	}

}




@media screen and (max-height: 768px) and (min-width: 768px) {

	.navbar-inverse .nav li.dropdown>ul.new-class-drop,
	.navbar-inverse .nav li.dropdown ul.dropdown-menu,
	.navbar-inverse .nav li.dropdown.open ul.dropdown-menu {

		max-height: 500px;
		overflow-y: scroll;
		overflow-x: hidden;
	}
}

@media screen and (max-height: 500px) and (min-width: 768px) {

	.navbar-inverse .nav li.dropdown>ul.new-class-drop,
	.navbar-inverse .nav li.dropdown ul.dropdown-menu,
	.navbar-inverse .nav li.dropdown.open ul.dropdown-menu {

		max-height: 250px;
	}
}

@media screen and (max-height: 300px) and (min-width: 768px) {

	.navbar-inverse .nav li.dropdown>ul.new-class-drop,
	.navbar-inverse .nav li.dropdown ul.dropdown-menu,
	.navbar-inverse .nav li.dropdown.open ul.dropdown-menu {

		max-height: 150px;
	}
}



/* --------------------------------------------------
 *　グローバルメニュー 大項目
 * --------------------------------------------------
 */

.navbar-inverse .navbar-nav {

	margin: 0 0 0 -12px;
	padding: 0 0 0 0;
	border: none;
}

.navbar-inverse .navbar-nav>li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;

}

.navbar-inverse .navbar-nav>li.dropdown {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
}

.nav .open>a,
.nav .open>a:focus {


	background: transparent;
	border: none;
	color: #FFFFFF;
}


.navbar-inverse .navbar-nav>li.dropdown>a {
	color: #FFF;
	font-weight: bold;
	font-size: .9em;
	text-decoration: none;
	margin: 0 0 0;
	padding: 3px 8px 10px 11px;
	display: inline-block;
	box-sizing: border-box;
	border: none;
	vertical-align: bottom;
	position: relative;
	z-index: 999;


}

/*.navbar-inverse .navbar-nav > li.dropdown.open > a {
	color: #080808;

	}*/

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
	background-color: #FFF;
	color: #f00 !important;
}

/* --------------------------------------------------
 *　グローバルメニュー 法人提案　-　大項目
 * --------------------------------------------------
 */


.navbar-inverse .navbar-nav li.suggest-box a {
	background: -moz-linear-gradient(50% 4.35% -90deg, rgba(224, 223, 223, 1) 0%, rgba(220, 219, 219, 1) 22.3%, rgba(207, 207, 207, 1) 45.4%, rgba(187, 186, 187, 1) 68.88%, rgba(158, 158, 159, 1) 92.47%, rgba(147, 147, 148, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(224, 223, 223, 1) 0%, rgba(220, 219, 219, 1) 22.3%, rgba(207, 207, 207, 1) 45.4%, rgba(187, 186, 187, 1) 68.88%, rgba(158, 158, 159, 1) 92.47%, rgba(147, 147, 148, 1) 100%);
	background: -webkit-gradient(linear, 50% 4.35%, 50% 104.35%, color-stop(0, rgba(224, 223, 223, 1)), color-stop(0.223, rgba(220, 219, 219, 1)), color-stop(0.454, rgba(207, 207, 207, 1)), color-stop(0.6888, rgba(187, 186, 187, 1)), color-stop(0.9247, rgba(158, 158, 159, 1)), color-stop(1, rgba(147, 147, 148, 1)));
	background: -o-linear-gradient(-90deg, rgba(224, 223, 223, 1) 0%, rgba(220, 219, 219, 1) 22.3%, rgba(207, 207, 207, 1) 45.4%, rgba(187, 186, 187, 1) 68.88%, rgba(158, 158, 159, 1) 92.47%, rgba(147, 147, 148, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(224, 223, 223, 1) 0%, rgba(220, 219, 219, 1) 22.3%, rgba(207, 207, 207, 1) 45.4%, rgba(187, 186, 187, 1) 68.88%, rgba(158, 158, 159, 1) 92.47%, rgba(147, 147, 148, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0DFDF', endColorstr='#939394' ,GradientType=0)";
	background: linear-gradient(180deg, rgba(224, 223, 223, 1) 0%, rgba(220, 219, 219, 1) 22.3%, rgba(207, 207, 207, 1) 45.4%, rgba(187, 186, 187, 1) 68.88%, rgba(158, 158, 159, 1) 92.47%, rgba(147, 147, 148, 1) 100%);
	border-style: Solid;
	border-color: #B0B0B1;
	border-color: rgba(176, 176, 177, 1);
	border-width: 0px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0DFDF', endColorstr='#939394', GradientType=0);

	color: #000000;
	font-weight: bold;
	font-size: .8em;
	padding: 5px 5px;
	line-height: 1;
	text-decoration: none;

}



.navbar-inverse .navbar-nav li.suggest-box a:hover,
.navbar-inverse .navbar-nav li.suggest-box a.hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	cursor: pointer;
	text-decoration: none;
}

.navbar-inverse .navbar-nav li.suggest-box a span:last-of-type {
	padding-left: 3px;
}

@media screen and (max-width: 1200px) {
	.navbar-inverse .navbar-nav li.suggest-box a {
		width: auto;
		position: fixed;
		right: 0;
		top: 0;


		border-radius: 0 0 0 2px;
		-moz-border-radius: 0 0 0 2px;
		-webkit-border-radius: 0 0 0 2px;
	}

	.navbar-inverse .navbar-nav li.suggest-box a span:last-of-type {
		padding-left: 0;
	}

}




@media screen and (min-width: 768px) and (max-width: 820px) {

	.jp .navbar-header h2 {

		width: 600px;
		top: -15px;
		white-space: normal;
	}

	.jp .navbar-header h2 br {
		display: block;
	}

}

@media screen and (max-width: 768px) {
	.navbar-inverse .navbar-nav li.suggest-box {
		display: none;
	}

}

@media screen and (min-width: 768px) {
	.suggestbox {
		display: none;
	}

}

/* */

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

	.navbar-inverse .navbar-nav li.suggest-box {
		position: relative;
		max-width: 1077px;
		width: 100vw;
	}

	.navbar-inverse .navbar-nav li.suggest-box a {
		width: auto;
		position: fixed;
		top: 0;
		right: calc((100vw - 1077px) / 2 + 1px);
	}


}

/* --------------------------------------------------
 *　グローバルメニュー 検索フォーム　-　大項目
 * --------------------------------------------------
 */




@media screen and (min-width: 1100px) {
	.navbar-inverse .navbar-nav .seachslastbox {
		position: absolute;
		right: 1%;


	}
}

@media screen and (max-width: 1099px) {
	.navbar-inverse .navbar-nav .seachslastbox {
		position: fixed;
		right: 1%;
		top: 0;
		z-index: 999999;

	}
}

.navbar-inverse .navbar-nav .seachslastbox form {
	margin: 0;
	padding: 0;
}

.navbar-inverse .navbar-nav .seachslastbox form input.seachs {
	margin: 0;
	padding: 0;
	max-width: 100px;
	width: 100%;

}

/*
@media screen and (max-width: 900px) {
.navbar-inverse .navbar-nav .seachslastbox form input.seachs {
	max-width:50px;
}
}

@media screen and (max-width: 1010px) {
.navbar-inverse .navbar-nav .seachslastbox form input.seachs {
	max-width:50px;
}
}

@media screen and (max-width: 990px) {
.navbar-inverse .navbar-nav .seachslastbox form input.seachs {
	max-width:45px;
}
}
*/
@media screen and (min-width: 768px) and (max-width: 970px) {

	.navbar-inverse .navbar-nav .seachslastbox {
		display: none;
	}
}


/* --------------------------------------------------
 *　グローバルメニュー 検索フォーム　-　インサイド
 * --------------------------------------------------
 */

@media screen and (min-width: 971px) {
	.navbar-inverse .nav li.dropdown>ul.dropdown-menu li.seachsbox {
		border-top: none;
		border-bottom: none;
	}

	.seachsbox form {
		display: none;
	}

}

@media screen and (min-width: 768px) and (max-width: 970px) {

	.seachsbox form {
		margin: 0 0 0 0;
		padding: 10px 0;
		box-sizing: border-box;
	}

	.seachsbox form .seachs {
		max-width: 75px;
		width: 100%;
		height: auto;

		margin: 0 0 0 20px;
		padding: 0;
		box-sizing: border-box;
	}

	.seachsbox form:hover,
	.seachsbox form.hover,
	.seachsbox form:focus {
		background-color: #EEE;

	}

}

@media screen and (max-width: 767px) {
	.seachsbox {
		display: none;
	}

}



/* --------------------------------------------------
 *　グローバルメニュー 中項目　ドロップダウン内 
 * --------------------------------------------------

	 */
.navbar-inverse .nav li.dropdown.open>a:link,
.navbar-inverse .nav li.dropdown.open>a:focus,
.navbar-inverse .nav li.dropdown>a.dropdown-toggle:hover,
.navbar-inverse .nav li.dropdown>a.dropdown-toggle.hover,
.navbar-inverse .nav li.dropdown>a.dropdown-toggle.new-class {


	color: #FF0000;
	background: #FFFFFF;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	text-decoration: none;


}

.navbar-inverse .nav li.dropdown>a:focus {

	background: transparent;
	border: none;
	color: #FFF;
}


.navbar-inverse .navbar-nav>li.dropdown>a:after {
	margin: 0 5px 0;
	padding: 3px 15px 0 3px;

	content: "|";
	color: #FFFFFF;

	font-weight: normal;
	box-sizing: border-box;
	position: absolute;
	display: inline-block;
	vertical-align: bottom;
	border: none;


}

/*  
	.navbar-inverse .navbar-nav > li.dropdown:nth-child(7) > a:after,
.navbar-inverse .navbar-nav > li.dropdown:last-child > a:after
	
*/


.navbar-inverse .navbar-nav>li.dropdown:nth-last-child(-n+3)>a:after {
	content: "";
}


.navbar-inverse .nav li.dropdown>ul.new-class-drop,
.navbar-inverse .nav li.dropdown ul.dropdown-menu,
.navbar-inverse .nav li.dropdown.open>ul {
	padding-top: 15px;
	border-top: 0;
}

.navbar-inverse .nav li.dropdown>ul.new-class-drop li:first-child,
.navbar-inverse .nav li.dropdown ul.dropdown-menu li:first-child,
.navbar-inverse .nav li.dropdown.open>ul li:first-child {
	border-top: 1px solid #c1c1c1;
}

.navbar-inverse .nav li.dropdown>ul.new-class-drop li,
.navbar-inverse .nav li.dropdown ul.dropdown-menu li,
.navbar-inverse .nav li.dropdown.open>ul li {
	border-bottom: 1px solid #c1c1c1;
}

.navbar-inverse .nav li.dropdown>ul.new-class-drop li a,
.navbar-inverse .nav li.dropdown ul.dropdown-menu li a,
.navbar-inverse .nav li.dropdown.open>ul li a {
	padding-top: 15px;
	padding-bottom: 15px;
	box-sizing: border-box;
	text-decoration: none;



}



.navbar-inverse .nav li.dropdown.open>ul.new-class-drop li a:hover,
.navbar-inverse .nav li.dropdown.open>ul.new-class-drop li a.hover,
.navbar-inverse .nav li.dropdown.open>ul.new-class-drop li a:focus,

.navbar-inverse .nav li.dropdown ul.dropdown-menu li a:hover,
.navbar-inverse .nav li.dropdown ul.dropdown-menu li a.hover,
.navbar-inverse .nav li.dropdown ul.dropdown-menu li a:focus,


.navbar-inverse .nav li.dropdown.open>ul li a:hover,
.navbar-inverse .nav li.dropdown.open>ul li a.hover,
.navbar-inverse .nav li.dropdown.open>ul li a:focus {
	text-decoration: underline;
	color: #FF0000;


}




/* --------------------------------------------------
 *　グローバルメニュー 中項目/ドロップダウン内
 *　ツインカラム
 * --------------------------------------------------
 */

.twin-column {
	display: table;
	table-layout: fixed;
	width: 100%;
	min-width: 400px;
}

.twin-column dl:hover,
.twin-column dl.hover {
	background-color: #EEE;
}

.twin-column dl dt {
	display: table-cell;
	width: 40%;
	min-width: 150px;

	font-weight: normal;
	border-right: 1px solid #c1c1c1;
}

.twin-column dl dt p {
	padding-left: 20px;
	padding-top: 15px;

}


.twin-column dl dd {
	display: table-cell;
	width: 60%;
	padding-bottom: 1em;
}

.twin-column dl dd p {
	padding-left: 20px;
}








/* --------------------------------------------------------------------------------------------------------------------------------------------
 * 
 * 768以下　クローズ時
 * 
 * --------------------------------------------------------------------------------------------------------------------------------------------
 */
@media screen and (max-width: 767px) {

	/* --------------------------------------------------
 *　グローバルメニュー 大項目
 * --------------------------------------------------
 */
	/*
.navbar-inverse .nav li.dropdown+li.dropdown > a:before{
	content:"";
}
*/
	.navbar-inverse .nav li.dropdown>a.dropdown-toggle,
	.navbar-inverse .nav li.dropdown:first-child,
	.navbar-inverse .nav li.dropdown.open:first-child {
		margin-left: 0;
		margin-right: 0;
		padding-right: 0;
		padding-left: 0;

	}



	#navbar {
		z-index: 9999;

		overflow: hidden;
		box-sizing: border-box;
		background-color: #FFFFFF;

		top: -7px;
		left: 0;

		padding-right: 0;
		padding-left: 0;


		max-height: 500px;
		overflow-y: scroll;
		overflow-x: hidden;


	}



	.navbar-inverse .navbar-nav {
		margin-left: 0;
		margin-right: 0;
		padding-right: 0;
		padding-left: 0;

	}

	.navbar-inverse .navbar-nav li {
		float: none;

		margin-left: 0;
		margin-right: 0;
		padding-right: 0;
		padding-left: 0;



		/*	border-bottom:1px solid #EEE;*/

	}



	.navbar-inverse .nav li.dropdown>a {
		color: #FF0000;
		font-weight: bold;
		font-size: .9em;
		text-decoration: none;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid #EEE;
		padding: 10px 0;
		margin: 0;

	}

	.navbar-inverse .nav li.dropdown>a:focus {

		background: transparent;
		color: #FF0000;
	}

	.navbar-inverse .nav li.dropdown>a.dropdown-toggle {


		margin-left: 0;
		margin-right: 0;
		padding-right: 0;
		padding-left: 15px;

	}

	.navbar-inverse .nav li.dropdown>a.dropdown-toggle.hover,
	.navbar-inverse .nav li.dropdown>a.dropdown-toggle:hover {
		color: #FF0000;
		/*	background:#EEE;*/
		background: #CCC;

		border-radius: 0 / 0;
		-webkit-border-radius: 0 / 0;
		-moz-border-radius: 0 / 0;
	}

	.navbar-inverse .navbar-nav>li.dropdown>a:after {
		display: none;

	}



	/*	
.navbar-inverse .nav li.dropdown > a:hover, 
.navbar-inverse .nav li.dropdown > a.hover, 
.navbar-inverse .nav li.dropdown > a:active{ 
	} 
*/

	.navbar-inverse .nav li.dropdown>ul.new-class-drop,
	.navbar-inverse .nav li.dropdown ul.dropdown-menu,
	.navbar-inverse .nav li.dropdown.open>ul {
		padding-top: 0;
		padding-bottom: 0;
		border-top: 0;
		font-size: .9em;

	}

	.navbar-inverse .nav li.dropdown.open {
		z-index: 999999;

	}

	.navbar-inverse .nav li.dropdown ul.dropdown-menu li {
		font-size: .9em;
		margin: 0 0 0 0;
		padding: 0;

	}

	.navbar-inverse .nav li.dropdown ul.dropdown-menu li a {
		color: #000;
	}

	.navbar-inverse .nav li.dropdown ul.dropdown-menu li a:hover,
	.navbar-inverse .nav li.dropdown ul.dropdown-menu li a.hover {
		color: #FF0000;
		/*	text-decoration:underline;*/
		background: #EEE;

	}



	/*
	*/



	.navbar-inverse .navbar-nav .seachslastbox {
		position: relative;
		margin: 0 0 0 0;
		padding: 15px 0 15px 23px;
		border-bottom: 1px solid #000;
		right: 0;

	}

	/*	
.seachslastbox:hover, 
.seachslastbox.hover, 
.seachslastbox:focus{
	margin:0 0 0 0;
	padding:0;
}
	*/
	.navbar-inverse .navbar-nav .seachslastbox form {
		/*	padding-top:12px;
	margin-left:1px;*/
		border: none;
	}

	.navbar-inverse .navbar-nav .seachslastbox form input.seachs {
		max-width: 767px;
		width: 80%;
		height: auto;

		margin: 0 0 0 0;
		padding: 0;
		box-sizing: border-box;


	}

	.navbar-inverse .navbar-nav .seachslastbox form input.seachs:hover,
	.navbar-inverse .navbar-nav .seachslastbox form input.seachs.hover,
	.navbar-inverse .navbar-nav .seachslastbox form input.seachs:focus {
		background-color: #EEE;
	}


	.tojiru button:before {
		content: "\f00d";
		font-family: FontAwesome;
		font-weight: 900;
	}

	.tojiru button {
		margin: 2% 1% 0 0;
	}

	.tojiru button.btn-link.hover,
	.tojiru button.btn-link:hover {
		color: #FF0000;
	}




	/* --------------------------------------------------
 *　グローバルメニュー 中項目/ドロップダウン内
 *　ツインカラム
 * --------------------------------------------------
 */


	.twin-column dl dt p {
		padding-left: 25px;
	}

	.navbar-inverse .nav li.dropdown.open>ul li.twin-column dl dt p a,
	.navbar-inverse .nav li.dropdown.open>ul li.twin-column dl dd p a {
		padding-top: 0;
		padding-bottom: 0;
	}

	.navbar-inverse .nav li.dropdown.open>ul li.twin-column dl dd p a {
		width: 100%;
		display: block;

	}

}



/* --------------------------------------------------
 *　グローバルメニュー 中項目　ドロップダウン内 
 * --------------------------------------------------

	 */








@media screen and (max-height: 500px) and (max-width: 767px) {

	#navbar {
		max-height: 250px;
	}
}

@media screen and (max-height: 300px) and (max-width: 767px) {


	#navbar {
		max-height: 150px;
	}
}










/* --------------------------------------------------
 *　ドロップダウン調整 20160617
 * --------------------------------------------------
 */

@media (min-width:768px) {
	.dropdown:hover>.dropdown-menu {
		display: block;
	}
}

/*
@media (max-width:767px){.navbar-nav .open .dropdown-menu{display:none;position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}*/



/* --------------------------------------------------
 *　ドロップダウン調整
 * --------------------------------------------------
 */
.dropdown ul {
	margin-left: -1px;

}




/* --------------------------------------------------
 *　トグルボタン
 * --------------------------------------------------
 */


.navbar-inverse .navbar-toggle {
	border: 1px solid #FFF;
	z-index: 99999;
}


.navbar-inverse .navbar-header button.navbar-toggle.hover,
.navbar-inverse .navbar-header button.navbar-toggle:hover,
.navbar-inverse .navbar-header button.navbar-toggle:active,
.navbar-inverse .navbar-header button.navbar-toggle:focus {
	background-color: #FF0000;

	/* 	background-color: #000;n */
}




/* --------------------------------------------------
 *　グローバルメニュー English
 * --------------------------------------------------
	 */
/*
@media screen and (min-width: 800px) {
*/
@media screen and (min-width: 800px) {

	.page.english #navbar {
		position: relative;
		top: 35px;
		left: -296px;
		max-height: 30px;
		box-sizing: border-box;

	}

}


@media screen and (min-width: 768px) and (max-width: 799px) {

	.page.english #navbar {
		position: relative;
		top: -35px;
		left: 195px;
		max-height: 30px;
		box-sizing: border-box;

	}

}



.page.english .navbar-inverse .nav li.dropdown.open>a:link,
.page.english .navbar-inverse .nav li.dropdown.open>a:focus,
.page.english .navbar-inverse .nav li.dropdown>a.dropdown-toggle:hover,
.page.english .navbar-inverse .nav li.dropdown>a.dropdown-toggle.hover,
.page.english .navbar-inverse .nav li.dropdown>a.dropdown-toggle.new-class {


	color: #FFF;
	background: transparent;
	/*	 
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	 */
	text-decoration: underline;


}


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

	.page.english .navbar-inverse .nav li.dropdown.open>a:link,
	.page.english .navbar-inverse .nav li.dropdown.open>a:focus,
	.page.english .navbar-inverse .nav li.dropdown>a.dropdown-toggle:hover,
	.page.english .navbar-inverse .nav li.dropdown>a.dropdown-toggle.hover,
	.page.english .navbar-inverse .nav li.dropdown>a.dropdown-toggle.new-class {


		color: #F00;
		background: #CCC;
		/*	 
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	 */
		text-decoration: none;


	}


}







/* --------------------------------------------------
 *　パンクズ
 * --------------------------------------------------
 */



.breadcrumbs {
	text-align: left;
	line-height: 1.4;
	padding: 1px 0 1px 5px;
	font-size: .8em;

	width: 100%;
	box-sizing: border-box;
	max-width: 1077px;
	margin: 0 auto;


	/*	position:relative;
	z-index:99999;
	
	*/



}


.breadcrumbs ul li {
	display: inline-block;
}

.breadcrumbs ul li:after {
	content: " > ";
}



/* --------------------------------------------------
 *　pagetop
 * --------------------------------------------------
 */
.pagetop {
	max-width: 1077px;
	text-align: center;
	margin: 0 auto;
	/*	width: 100%;*/

}

.pagetop a {
	float: right;
	font-size: .9em;
}

@media screen and (max-width: 1107px) {
	.pagetop a {
		padding-right: 5px;

	}
}



/*
.pagetop{
	max-width: 1077px;
	width: 100%;
	text-align: center;
	margin: 0 auto 5px;
	box-sizing: border-box;

	}

.pagetop a{
	width:auto;
	display:block;
	box-sizing:border-box;
	line-height:1.4;
	font-size:.9em;
	text-align:right;


	}

*/
/* --------------------------------------------------
 *　content-box
 * --------------------------------------------------
 */
.content-box .main-contents {}

@media screen and (max-width: 595px) {

	.main-contents {
		/* 
	margin-left:.25em !important;
	padding-right:.25em !important;
	*/
		box-sizing: border-box;
	}

}




/* ----------------------
 *　emergency-box
 * ----------------------
 */
.emergency-box {
	border: 1px solid #e5e5e5;
	margin: 10px 5px;
	padding: 12px 15px;
	/* border-radius */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

.emergency-box p {
	text-align: left;
	line-height: 1.5;
	padding: 0;
	margin: 0;
}



/* ----------------------
 *　index-box
 * ----------------------
 */

.index-box {
	margin-top: 10px;
	margin-bottom: 10px;
}

.index-box .frontbox {
	width: 49%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	text-align: left;





	/* box-shadow */
	box-shadow: 0px 0px 5px 3px #cccccc;
	-moz-box-shadow: 0px 0px 5px 3px #cccccc;
	-webkit-box-shadow: 0px 0px 5px 3px #cccccc;

	/* border-radius */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;



}

/*@media screen and (max-width: 900px) {
	
.index-box .frontbox{
	width:98%;

	} 	
	} */

.index-box .frontbox:first-child {
	margin-right: 3px;
}

.index-box .frontbox:last-child {
	margin-left: 3px;
}

.index-box .frontbox ul {
	padding: 0 5px 5px;

}

.index-box .frontbox ul li {
	margin-bottom: 15px;

}

.index-box .frontbox.oshirase ul li span.spanblock {
	display: block;
}








.index-box .frontbox .title-box {

	background: -moz-linear-gradient(50% -0.29% -90deg, rgba(252, 0, 0, 1) 0%, rgba(195, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(252, 0, 0, 1) 0%, rgba(195, 0, 0, 1) 100%);
	background: -webkit-gradient(linear, 50% -0.29%, 50% 100.4%, color-stop(0, rgba(252, 0, 0, 1)), color-stop(1, rgba(195, 0, 0, 1)));
	background: -o-linear-gradient(-90deg, rgba(252, 0, 0, 1) 0%, rgba(195, 0, 0, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(252, 0, 0, 1) 0%, rgba(195, 0, 0, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FC0000', endColorstr='#C30000' ,GradientType=0)";
	background: linear-gradient(180deg, rgba(252, 0, 0, 1) 0%, rgba(195, 0, 0, 1) 100%);
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FC0000', endColorstr='#C30000', GradientType=0);


}

.index-box .frontbox .title-box p {
	color: #FFFFFF;
	font-size: .8em;
	line-height: 1.2;

	padding: 5px 7px;
}




.frontboxbottom {
	text-align: right;
	float: right;
	position: relative;
	bottom: 0;
	right: 0;
}

.frontboxbottom ul {
	margin-bottom: 25px;
}

.frontboxbottom ul li {
	display: inline-block;
	list-style: none;
}

.frontboxbottom ul li:last-child:before {
	content: " | ";
}




@media screen and (max-width: 900px) {

	.index-box .frontbox {
		width: 99%;
	}

	.index-box .frontbox:first-child {
		margin-right: auto;
		margin-bottom: 25px;
	}

	.index-box .frontbox:last-child {
		margin-left: auto;
	}

}

.index-box .oshirase.frontbox ul li:last-of-type {
	margin-bottom: 75px;
}


/* --------------------------------------------------
 *　side-box-box
 * --------------------------------------------------
 */



.side-box {



	/* box-shadow */
	box-shadow: 0px 0px 5px 3px #cccccc;
	-moz-box-shadow: 0px 0px 5px 3px #cccccc;
	-webkit-box-shadow: 0px 0px 5px 3px #cccccc;

	/* border-radius */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	/* border */
	margin-top: 6px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	padding-top: 15px;

}

.index .content-box {
	float: left;
	width: 100%;
	margin: 0 -300px 0 0;

}

.index .side-box {
	float: right;
	width: 295px;
	margin-right: 5px;

}

.index .content-box .main-contents {
	margin: 0 310px 0 0;
}




.page .content-box {
	float: left;
	width: 100%;
	margin: 0 -300px 0 0;

}

.page .side-box {
	float: right;
	width: 295px;
	margin-right: 5px;

}

.page .content-box .main-contents {
	margin: 0 310px 0 0;
	max-width: 600px;

}

.pagewide .side-box {
	display: none;
}


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

	.page .content-box,
	.index .content-box {
		float: none;
		width: 100%;

		margin: 0 0 0 0;
		padding: 0;

	}

	.page .side-box,
	.index .side-box {
		float: none;
		width: 100%;

		/*	 margin:0 0 0 0;
	 padding:0;*/


		/* box-shadow */
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;

		/* border-radius */
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;


	}

	.page .content-box .main-contents,
	.index .content-box .main-contents {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		text-align: center;


	}
}



.side-sns-banner>ul {
	/*	margin-top:15px;*/
	margin-bottom: 25px;
}

.side-sns-banner>ul li {
	display: inline-block;
	margin-right: 7px;
}

.side-sns-banner>ul li a img {
	max-width: 83px;
	width: 100%;
	height: auto;
}

/*
.side-sns-banner > ul.sidesnsicon li{
	display:inline-block;
	margin-right: 2px;
	 }

.side-sns-banner > ul.sidesnsicon li a img{
	max-width: 75px;
	width: 100%;
	height: auto;
	 }*/


.side-sns-banner>ul li:last-child {
	margin-right: 0;
}



.side-sns-banner>ul.sidesnsicon {
	max-width: 270px;
	margin: 0 auto 0;
	text-align: center;

	text-align: justify;
	text-justify: distribute-all-lines;
}

.side-sns-banner>ul.sidesnsicon:after {
	content: "";
	display: inline-block;
	width: 100%;
	line-height: 0;
	height: 0;
}

.side-sns-banner>ul.sidesnsicon li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0;
}


.side-sns-banner>ul.sidesnsicon li a img {
	max-width: 60px;
	width: 100%;
	height: auto;
}


.side-banner.first ul li img {
	max-width: 270px;
}


.side-banner>ul li {
	margin-bottom: 5px;
}

.side-banner>ul li:last-child {
	margin-bottom: 15px;
}

.side-banner.second {
	margin-top: 15px;
}

.side-banner.second ul li img {
	max-width: 270px;
	width: 100%;
	height: auto;
}


.side-category-header.sidebox-campaign {
	max-width: 270px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;

	background: -moz-linear-gradient(50% 4.35% -90deg, rgba(224, 223, 223, 1) 0%, rgba(220, 219, 219, 1) 22.3%, rgba(207, 207, 207, 1) 45.4%, rgba(187, 186, 187, 1) 68.88%, rgba(158, 158, 159, 1) 92.47%, rgba(147, 147, 148, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(224, 223, 223, 1) 0%, rgba(220, 219, 219, 1) 22.3%, rgba(207, 207, 207, 1) 45.4%, rgba(187, 186, 187, 1) 68.88%, rgba(158, 158, 159, 1) 92.47%, rgba(147, 147, 148, 1) 100%);
	background: -webkit-gradient(linear, 50% 4.35%, 50% 104.35%, color-stop(0, rgba(224, 223, 223, 1)), color-stop(0.223, rgba(220, 219, 219, 1)), color-stop(0.454, rgba(207, 207, 207, 1)), color-stop(0.6888, rgba(187, 186, 187, 1)), color-stop(0.9247, rgba(158, 158, 159, 1)), color-stop(1, rgba(147, 147, 148, 1)));
	background: -o-linear-gradient(-90deg, rgba(224, 223, 223, 1) 0%, rgba(220, 219, 219, 1) 22.3%, rgba(207, 207, 207, 1) 45.4%, rgba(187, 186, 187, 1) 68.88%, rgba(158, 158, 159, 1) 92.47%, rgba(147, 147, 148, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(224, 223, 223, 1) 0%, rgba(220, 219, 219, 1) 22.3%, rgba(207, 207, 207, 1) 45.4%, rgba(187, 186, 187, 1) 68.88%, rgba(158, 158, 159, 1) 92.47%, rgba(147, 147, 148, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0DFDF', endColorstr='#939394' ,GradientType=0)";
	background: linear-gradient(180deg, rgba(224, 223, 223, 1) 0%, rgba(220, 219, 219, 1) 22.3%, rgba(207, 207, 207, 1) 45.4%, rgba(187, 186, 187, 1) 68.88%, rgba(158, 158, 159, 1) 92.47%, rgba(147, 147, 148, 1) 100%);
	border-style: Solid;
	border-color: #B0B0B1;
	border-color: rgba(176, 176, 177, 1);
	border-width: 0px;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0DFDF', endColorstr='#939394', GradientType=0);
}

.side-category-header.sidebox-brand {
	max-width: 270px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	display: block;
	text-decoration: none;
	box-sizing: border-box;

	background: -moz-linear-gradient(50% 4.35% -90deg, rgba(224, 223, 223, 1) 0%, rgba(220, 219, 219, 1) 22.3%, rgba(207, 207, 207, 1) 45.4%, rgba(187, 186, 187, 1) 68.88%, rgba(158, 158, 159, 1) 92.47%, rgba(147, 147, 148, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(224, 223, 223, 1) 0%, rgba(220, 219, 219, 1) 22.3%, rgba(207, 207, 207, 1) 45.4%, rgba(187, 186, 187, 1) 68.88%, rgba(158, 158, 159, 1) 92.47%, rgba(147, 147, 148, 1) 100%);
	background: -webkit-gradient(linear, 50% 4.35%, 50% 104.35%, color-stop(0, rgba(224, 223, 223, 1)), color-stop(0.223, rgba(220, 219, 219, 1)), color-stop(0.454, rgba(207, 207, 207, 1)), color-stop(0.6888, rgba(187, 186, 187, 1)), color-stop(0.9247, rgba(158, 158, 159, 1)), color-stop(1, rgba(147, 147, 148, 1)));
	background: -o-linear-gradient(-90deg, rgba(224, 223, 223, 1) 0%, rgba(220, 219, 219, 1) 22.3%, rgba(207, 207, 207, 1) 45.4%, rgba(187, 186, 187, 1) 68.88%, rgba(158, 158, 159, 1) 92.47%, rgba(147, 147, 148, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(224, 223, 223, 1) 0%, rgba(220, 219, 219, 1) 22.3%, rgba(207, 207, 207, 1) 45.4%, rgba(187, 186, 187, 1) 68.88%, rgba(158, 158, 159, 1) 92.47%, rgba(147, 147, 148, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0DFDF', endColorstr='#939394' ,GradientType=0)";
	background: linear-gradient(180deg, rgba(224, 223, 223, 1) 0%, rgba(220, 219, 219, 1) 22.3%, rgba(207, 207, 207, 1) 45.4%, rgba(187, 186, 187, 1) 68.88%, rgba(158, 158, 159, 1) 92.47%, rgba(147, 147, 148, 1) 100%);
	border-style: Solid;
	border-color: #B0B0B1;
	border-color: rgba(176, 176, 177, 1);
	border-width: 0px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0DFDF', endColorstr='#939394', GradientType=0);
}

a.side-category-header.sidebox-brand:hover,
a.side-category-header.sidebox-brand.hover,
a.side-category-header.sidebox-brand:visited,
a.side-category-header.sidebox-brand:active,
a.side-category-header.sidebox-brand:focus {
	color: #000;
}

.side-category-header p {
	text-align: left;
	padding: 5px 8px;
	font-size: .8em;
	font-weight: bold;
	margin: 0;
}

.side-category-body {
	max-width: 270px;
	width: 100%;
	border: 1px solid #B0B0B1;
	border-top: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	margin: 0 auto 0;
	text-align: center;
	padding: 10px 0 5px;
	box-sizing: border-box;
}


.side-category-body.sidebox-campaign ul {
	margin-left: 5px;

}


.side-category-body.sidebox-campaign ul li {

	text-align: left;
	display: inline-block;


}


.side-category-body.sidebox-campaign ul li span {
	display: block;
	text-align: left;
	line-height: 1.5;


}





/*		
.side-category-body.sidebox-campaign dl
{
	max-width:248px;
	width:100%;
	padding:0;
	margin:0 auto;
	text-align:center;
	
		}
.side-category-body.sidebox-campaign dl dt{
	text-align:left;
	line-height:1.5;
}

.side-category-body.sidebox-campaign dl dd{
	text-align:left;
	line-height:1.5;
}	
*/

.side-category-header.sidebox-brand {
	margin: 0 auto;
	text-align: center;

}

.side-category-header.sidebox-brand p {
	margin: 0;
	padding: 10px 8px;
}

.side-category-header.sidebox-brand p:after {
	content: "\f13a";
	font-family: FontAwesome;
	text-align: right;
	padding-left: 5px;
	color: #FF0000;
}

.side-category-body.sidebox-brand {

	padding: 0;
}

.side-category-body.sidebox-brand ul {

	max-width: 270px;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
}



.side-category-body.sidebox-brand ul li {
	/*	display:inline-block;*/
	float: left;


	width: 33.33%;
	border-right: 1px solid #B0B0B1;
	border-bottom: 1px solid #B0B0B1;
	box-sizing: border-box;
	text-align: left;

	height: 37px;
	padding: 2px 0;
	margin: 0;
	background-color: #FFF;
}


.side-category-body.sidebox-brand ul li:nth-child(3n) {
	border-right: 0;
}



.side-category-body.sidebox-brand ul li a {
	margin: 0 auto;
	text-align: center;
	display: block;

	padding: 0;


}

.side-category-body.sidebox-brand ul li a.hover,
.side-category-body.sidebox-brand ul li a:hover {

	border: 0;

}

@media screen and (min-width: 562px) and (max-width: 768px) {

	.side-banner>ul {
		text-align: center;
		margin: 0 auto;
	}

	.side-banner>ul li {
		display: inline-block;
		text-align: left;
		vertical-align: top;
	}

	.side-banner>ul li a {
		display: inline-block;
		text-align: left;
	}

	.side-banner>ul li a img {
		max-width: 270px;
		width: 100%;
	}

	.side-banner>ul li.adj {
		max-width: 270px;
		width: 100%;
	}



	.side-category-header.sidebox-brand,
	.side-category-header.sidebox-campaign {
		max-width: 542px;

	}

	.side-category-body {
		max-width: 542px;
	}

	.side-category-body.sidebox-campaign ul {
		margin-left: 0;

	}

	.side-category-body.sidebox-campaign ul li.adj1 {
		max-width: 248px;
		width: 100%;

	}


	.side-category-body.sidebox-brand ul {

		max-width: 542px;

	}





}


@media screen and (min-width: 321px) and (max-width: 561px) {


	.side-banner>ul {
		text-align: center;
		margin: 0 auto;
	}

	.side-banner>ul li {
		display: inline-block;
		text-align: left;
		vertical-align: top;
		width: 49%;
	}

	.side-banner>ul li a {
		display: inline-block;
		text-align: left;
	}

	.side-banner>ul li a img {
		max-width: 270px;
		width: 100%;
	}

	.side-banner>ul li.adj {
		max-width: 270px;
		width: 49%;
	}

	.side-category-header.sidebox-brand,
	.side-category-header.sidebox-campaign {
		max-width: 542px;
		margin-left: 1%;
		margin-right: 1%;

		width: auto;
	}

	.side-category-body {
		max-width: 542px;
		margin-left: 2%;
		margin-right: 2%;

		width: auto;
	}

	.side-category-body.sidebox-campaign ul {
		margin-left: 0;

	}

	.side-category-body.sidebox-campaign ul li {

		text-align: left;
		display: inline-block;
		max-width: 248px;
		width: 49%;
	}


	.side-category-body.sidebox-campaign ul li a img {
		max-width: 248px;
		width: 100%;
	}

	.side-category-body.sidebox-campaign ul li.adj1 {
		max-width: 248px;
		width: 49%;
	}

	.side-category-body.sidebox-brand ul {

		max-width: 542px;
	}

}


/* --------------------------------------------------
 *　ページタイトル
 * --------------------------------------------------
 */




.page-header {
	margin: 5px 5px 10px;
	box-sizing: border-box;
	max-width: 590px;
	border: none;
}



.page-header .page-title {

	border: 1px solid #DDDDDD;
	background: rgb(255, 255, 255);
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 43%, rgba(229, 229, 229, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(43%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 43%, rgba(229, 229, 229, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 43%, rgba(229, 229, 229, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 43%, rgba(229, 229, 229, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 43%, rgba(229, 229, 229, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
	/* IE6-8 */

	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.gradient {
	filter: none;
}

.page-header .page-title h1 {
	margin: 0;
	padding: 12px 15px;
	text-align: left;
	line-height: 1.5;
	font-size: 1.2em;

	/*	letter-spacing: .3em;*/
}

.page-header p {
	margin: 8px 0 5px;
	text-align: left;
	line-height: 1.5;
	font-size: 1.2em;
}

.page .page-body {
	max-width: 590px;

}




/* --------------------------------------------------------------------------------------------------------------------------------------------
 * 
 * 各ページ共通
 * 
 * --------------------------------------------------------------------------------------------------------------------------------------------
 */


/* --------------------------------------------------
 *　ページ アイコン＆メール icon mail
 * --------------------------------------------------
 */

.icon {
	margin: 5px 0;

}

.icon li {
	display: inline-block;
	float: right;
}

.icon li+li {
	margin-right: 5px;
}

.page-body p.lead {
	text-align: left;
	line-height: 1.5;
	font-size: 1.0em;

}

@media screen and (min-width: 768px) and (max-width: 920px) {


	.page .content-box .page-body {
		margin-left: 1%;

	}
}

@media screen and (max-width: 600px) {


	.page .content-box .page-body {
		margin-left: .5%;
		margin-right: .5%;

	}
}




.btn-itemdetail {
	background: -moz-linear-gradient(50% -0.29% -90deg, rgba(110, 180, 254, 1) 0%, rgba(3, 104, 254, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(110, 180, 254, 1) 0%, rgba(3, 104, 254, 1) 100%);
	background: -webkit-gradient(linear, 50% -0.29%, 50% 99.45%, color-stop(0, rgba(110, 180, 254, 1)), color-stop(1, rgba(3, 104, 254, 1)));
	background: -o-linear-gradient(-90deg, rgba(110, 180, 254, 1) 0%, rgba(3, 104, 254, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(110, 180, 254, 1) 0%, rgba(3, 104, 254, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6EB4FE', endColorstr='#0368FE' ,GradientType=0)";
	background: linear-gradient(180deg, rgba(110, 180, 254, 1) 0%, rgba(3, 104, 254, 1) 100%);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6EB4FE', endColorstr='#0368FE', GradientType=0);

	max-width: 170px;
	height: 30px;

	width: 100%;
	color: #FFF;
	display: block;
	text-align: center;
	text-decoration: none;
}


.btn-brandsite {


	background: -moz-linear-gradient(50% -0.29% -90deg, rgba(255, 140, 190, 1) 0%, rgba(254, 39, 99, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(255, 140, 190, 1) 0%, rgba(254, 39, 99, 1) 100%);
	background: -webkit-gradient(linear, 50% -0.29%, 50% 99.71%, color-stop(0, rgba(255, 140, 190, 1)), color-stop(1, rgba(254, 39, 99, 1)));
	background: -o-linear-gradient(-90deg, rgba(255, 140, 190, 1) 0%, rgba(254, 39, 99, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(255, 140, 190, 1) 0%, rgba(254, 39, 99, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8CBE', endColorstr='#FE2763' ,GradientType=0)";
	background: linear-gradient(180deg, rgba(255, 140, 190, 1) 0%, rgba(254, 39, 99, 1) 100%);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8CBE', endColorstr='#FE2763', GradientType=0);

	max-width: 170px;
	height: 30px;
	width: 100%;
	color: #FFF;
	display: block;
	text-align: center;
	text-decoration: none;
}

.btn-brandinfomation {

	background: -moz-linear-gradient(50% -0.29% -90deg, rgba(254, 160, 23, 1) 0%, rgba(235, 85, 0, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(254, 160, 23, 1) 0%, rgba(235, 85, 0, 1) 100%);
	background: -webkit-gradient(linear, 50% -0.29%, 50% 99.71%, color-stop(0, rgba(254, 160, 23, 1)), color-stop(1, rgba(235, 85, 0, 1)));
	background: -o-linear-gradient(-90deg, rgba(254, 160, 23, 1) 0%, rgba(235, 85, 0, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(254, 160, 23, 1) 0%, rgba(235, 85, 0, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEA017', endColorstr='#EB5500' ,GradientType=0)";
	background: linear-gradient(180deg, rgba(254, 160, 23, 1) 0%, rgba(235, 85, 0, 1) 100%);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEA017', endColorstr='#EB5500', GradientType=0);



	max-width: 170px;
	height: 30px;
	width: 100%;
	color: #FFF;
	display: block;
	text-align: center;
	text-decoration: none;
}

.btn-itemlist {

	background: -moz-linear-gradient(50% -0.29% -90deg, rgba(180, 180, 255, 1) 0%, rgba(95, 55, 255, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(180, 180, 255, 1) 0%, rgba(95, 55, 255, 1) 100%);
	background: -webkit-gradient(linear, 50% -0.29%, 50% 99.71%, color-stop(0, rgba(180, 180, 255, 1)), color-stop(1, rgba(95, 55, 255, 1)));
	background: -o-linear-gradient(-90deg, rgba(180, 180, 255, 1) 0%, rgba(95, 55, 255, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(180, 180, 255, 1) 0%, rgba(95, 55, 255, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B4B4FF', endColorstr='#5F37FF' ,GradientType=0)";
	background: linear-gradient(180deg, rgba(180, 180, 255, 1) 0%, rgba(95, 55, 255, 1) 100%);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B4B4FF', endColorstr='#5F37FF', GradientType=0);


	max-width: 170px;
	height: 30px;
	width: 100%;
	color: #FFF;
	display: block;
	text-align: center;
	text-decoration: none;
}




.btn-itemlist a,
.btn-brandinfomation a,
.btn-brandsite a {
	position: relative;
	top: 5px;

	color: #FFF;
	display: block;
	/*  text-align:center;*/
	text-decoration: none;
	left: 7px;
	text-align: left;
}










a.hover .btn-itemdetail,
a:hover .btn-itemdetail,
.btn-itemdetail.hover,
.btn-itemdetail:hover {

	/* 
  background : -moz-linear-gradient(50% -0.29% -90deg,rgba(210, 240, 255, 1) 0%,rgba(170, 210, 255, 1) 100%);
  background : -webkit-linear-gradient(-90deg, rgba(210, 240, 255, 1) 0%, rgba(170, 210, 255, 1) 100%);
  background : -webkit-gradient(linear,50% -0.29% ,50% 99.45% ,color-stop(0,rgba(210, 240, 255, 1) ),color-stop(1,rgba(170, 210, 255, 1) ));
  background : -o-linear-gradient(-90deg, rgba(210, 240, 255, 1) 0%, rgba(170, 210, 255, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(210, 240, 255, 1) 0%, rgba(170, 210, 255, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2F0FF', endColorstr='#AAD2FF' ,GradientType=0)";
  background : linear-gradient(180deg, rgba(210, 240, 255, 1) 0%, rgba(170, 210, 255, 1) 100%);
  border-radius : 3px;
  -moz-border-radius : 3px;
  -webkit-border-radius : 3px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2F0FF',endColorstr='#AAD2FF' , GradientType=0);
  
  color:#0368FE;
  */

	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;

	text-decoration: none;
}

.btn-brandsite a.hover,
.btn-brandsite a:hover,
a.hover .btn-brandsite,
a:hover .btn-brandsite,
.btn-brandsite.hover,
.btn-brandsite:hover {
	/*
  background : -moz-linear-gradient(50% -0.29% -90deg,rgba(255, 218, 240, 1) 0%,rgba(255, 190, 230, 1) 100%);
  background : -webkit-linear-gradient(-90deg, rgba(255, 218, 240, 1) 0%, rgba(255, 190, 230, 1) 100%);
  background : -webkit-gradient(linear,50% -0.29% ,50% 99.71% ,color-stop(0,rgba(255, 218, 240, 1) ),color-stop(1,rgba(255, 190, 230, 1) ));
  background : -o-linear-gradient(-90deg, rgba(255, 218, 240, 1) 0%, rgba(255, 190, 230, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(255, 218, 240, 1) 0%, rgba(255, 190, 230, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDAF0', endColorstr='#FFBEE6' ,GradientType=0)";
  background : linear-gradient(180deg, rgba(255, 218, 240, 1) 0%, rgba(255, 190, 230, 1) 100%);
  border-radius : 3px;
  -moz-border-radius : 3px;
  -webkit-border-radius : 3px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDAF0',endColorstr='#FFBEE6' , GradientType=0);


  color:#FE2763;
		*/
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;

	text-decoration: none;
}

.btn-brandinfomation a.hover,
.btn-brandinfomation a:hover,
a.hover .btn-brandinfomation,
a:hover .btn-brandinfomation,
.btn-brandinfomation.hover,
.btn-brandinfomation:hover {

	/*
  background : -moz-linear-gradient(50% -0.29% -90deg,rgba(255, 235, 190, 1) 0%,rgba(250, 180, 100, 1) 100%);
  background : -webkit-linear-gradient(-90deg, rgba(255, 235, 190, 1) 0%, rgba(250, 180, 100, 1) 100%);
  background : -webkit-gradient(linear,50% -0.29% ,50% 99.71% ,color-stop(0,rgba(255, 235, 190, 1) ),color-stop(1,rgba(250, 180, 100, 1) ));
  background : -o-linear-gradient(-90deg, rgba(255, 235, 190, 1) 0%, rgba(250, 180, 100, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(255, 235, 190, 1) 0%, rgba(250, 180, 100, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEBBE', endColorstr='#FAB464' ,GradientType=0)";
  background : linear-gradient(180deg, rgba(255, 235, 190, 1) 0%, rgba(250, 180, 100, 1) 100%);
  border-radius : 3px;
  -moz-border-radius : 3px;
  -webkit-border-radius : 3px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEBBE',endColorstr='#FAB464' , GradientType=0);

  color:#EB5500;*/
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	text-decoration: none;
}

.btn-itemlist a.hover,
.btn-itemlist a:hover,
a.hover .btn-itemlist,
a:hover .btn-itemlist,
.btn-itemlist.hover,
.btn-itemlist:hover {

	/*
  background : -moz-linear-gradient(50% -0.29% -90deg,rgba(207, 207, 255, 1) 0%,rgba(170, 170, 255, 1) 100%);
  background : -webkit-linear-gradient(-90deg, rgba(207, 207, 255, 1) 0%, rgba(170, 170, 255, 1) 100%);
  background : -webkit-gradient(linear,50% -0.29% ,50% 99.71% ,color-stop(0,rgba(207, 207, 255, 1) ),color-stop(1,rgba(170, 170, 255, 1) ));
  background : -o-linear-gradient(-90deg, rgba(207, 207, 255, 1) 0%, rgba(170, 170, 255, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(207, 207, 255, 1) 0%, rgba(170, 170, 255, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CFCFFF', endColorstr='#AAAAFF' ,GradientType=0)";
  background : linear-gradient(180deg, rgba(207, 207, 255, 1) 0%, rgba(170, 170, 255, 1) 100%);
  border-radius : 6px;
  -moz-border-radius : 6px;
  -webkit-border-radius : 6px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CFCFFF',endColorstr='#AAAAFF' , GradientType=0);

  color:#EB5500;*/
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
}


.btn-itemdetail p {
	position: relative;
	top: 5px;
	left: 7px;
	text-align: left;
}

.btn-itemdetail.single p {
	position: relative;
	top: 5px;
	left: 0;
	text-align: center;
}


.btn-itemlist a:before,
.btn-brandinfomation a:before,
.btn-brandsite a:before,
.btn-itemdetail p:before {
	content: "\f054";
	font-family: FontAwesome;

}



.btn-orange {
	background: -moz-linear-gradient(50% 0% -90deg, rgba(255, 150, 50, 1) 0%, rgba(255, 84, 50, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(255, 150, 50, 1) 0%, rgba(255, 84, 50, 1) 100%);
	background: -webkit-gradient(linear, 50% 0%, 50% 99.46%, color-stop(0, rgba(255, 150, 50, 1)), color-stop(1, rgba(255, 84, 50, 1)));
	background: -o-linear-gradient(-90deg, rgba(255, 150, 50, 1) 0%, rgba(255, 84, 50, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(255, 150, 50, 1) 0%, rgba(255, 84, 50, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9632', endColorstr='#FF5432' ,GradientType=0)";
	background: linear-gradient(180deg, rgba(255, 150, 50, 1) 0%, rgba(255, 84, 50, 1) 100%);
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9632', endColorstr='#FF5432', GradientType=0);

	min-height: 42px;
	max-width: 590px;
	width: 100%;
	border: 1px solid #DF4A1E;

	text-align: center;
	margin: 0 auto;
	display: table;
	vertical-align: middle;
	/* display:inline-block;*/
}


.btn-orange a {
	min-height: 42px;
	max-width: 590px;
	width: 100%;
	color: #FFF;
	/*  display:inline-block;*/
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	font-size: 1.1em;
	text-decoration: none;
	padding: .5em 0;
	/*  padding-top:15px;*/
	line-height: none;
	/*  line-height:.6;*/


	/*	position:relative;
	top:10px;*/
	font-weight: bold;

	text-shadow: 2px 2px 1px #FF4810,
		-2px 2px 1px #FF4810,
		2px -2px 1px #FF4810,
		-2px -2px 1px #FF4810;


	-moz-text-shadow: 2px 2px 1px #FF4810,
		-2px 2px 1px #FF4810,
		2px -2px 1px #FF4810,
		-2px -2px 1px #FF4810;


	-webkit-text-shadow: 2px 2px 1px #FF4810,
		-2px 2px 1px #FF4810,
		2px -2px 1px #FF4810,
		-2px -2px 1px #FF4810;

	-o-text-shadow: 2px 2px 1px #FF4810,
		-2px 2px 1px #FF4810,
		2px -2px 1px #FF4810,
		-2px -2px 1px #FF4810;


	-ms-text-shadow: 2px 2px 1px #FF4810,
		-2px 2px 1px #FF4810,
		2px -2px 1px #FF4810,
		-2px -2px 1px #FF4810;




}


.btn-orange:hover {
	background: -moz-linear-gradient(50% 0.61% -90deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
	background: -webkit-gradient(linear, 50% 0.61%, 50% 99.94%, color-stop(0, rgba(255, 255, 255, 1)), color-stop(1, rgba(230, 230, 230, 1)));
	background: -o-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E6E6E6' ,GradientType=0)";
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
	border-style: Solid;
	border-color: #E1E1E1;
	border-color: rgba(225, 225, 225, 1);
	border-width: 1px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E6E6E6', GradientType=0);


	min-height: 42px;
	max-width: 590px;
	width: 100%;
	border: 1px solid #BEBEBE;

	text-align: center;
	margin: 0 auto;
	display: table;
	vertical-align: middle;
	/* display:inline-block;*/
}


.btn-orange a:hover {
	min-height: 42px;
	max-width: 590px;
	width: 100%;
	color: #5D5D5D;
	/*  display:inline-block;*/
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	font-size: 1.1em;
	text-decoration: none;
	padding: .5em 0;
	/*  padding-top:15px;*/
	line-height: none;
	/*  line-height:.6;*/


	/*	position:relative;
	top:10px;*/
	font-weight: bold;

	text-shadow: 0px 3px 2px rgba(197, 197, 197, 1);
	-moz-text-shadow: 0px 3px 2px rgba(197, 197, 197, 1);
	-webkit-text-shadow: 0px 3px 2px rgba(197, 197, 197, 1);
	-o-text-shadow: 0px 3px 2px rgba(197, 197, 197, 1);
	-ms-text-shadow: 0px 3px 2px rgba(197, 197, 197, 1);



	/*  

	left:7px;
	  text-align:left;*/

}


/*.btn-orange:hover{
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	text-decoration:none;	
	}
*/



.btn-white {

	background: -moz-linear-gradient(50% 0.61% -90deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
	background: -webkit-gradient(linear, 50% 0.61%, 50% 99.94%, color-stop(0, rgba(255, 255, 255, 1)), color-stop(1, rgba(230, 230, 230, 1)));
	background: -o-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E6E6E6' ,GradientType=0)";
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
	border-style: Solid;
	border-color: #E1E1E1;
	border-color: rgba(225, 225, 225, 1);
	border-width: 1px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E6E6E6', GradientType=0);



	min-height: 42px;
	max-width: 590px;
	width: 100%;
	border: 1px solid #BEBEBE;

	text-align: center;
	margin: 0 auto;
	display: table;
	vertical-align: middle;
	/* display:inline-block;*/
}


.btn-white a {
	min-height: 42px;
	max-width: 590px;
	width: 100%;
	color: #656565;
	/*  display:inline-block;*/
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	font-size: 1.1em;
	text-decoration: none;
	padding: .5em 0;
	/*  padding-top:15px;*/
	line-height: none;
	/*  line-height:.6;*/


	/*	position:relative;
	top:10px;*/
	font-weight: bold;

	text-shadow: 0px 3px 2px rgba(197, 197, 197, 1);
	-moz-text-shadow: 0px 3px 2px rgba(197, 197, 197, 1);
	-webkit-text-shadow: 0px 3px 2px rgba(197, 197, 197, 1);
	-o-text-shadow: 0px 3px 2px rgba(197, 197, 197, 1);
	-ms-text-shadow: 0px 3px 2px rgba(197, 197, 197, 1);


}



.btn-white:hover {
	background: -moz-linear-gradient(50% 0% -90deg, rgba(255, 150, 50, 1) 0%, rgba(255, 84, 50, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(255, 150, 50, 1) 0%, rgba(255, 84, 50, 1) 100%);
	background: -webkit-gradient(linear, 50% 0%, 50% 99.46%, color-stop(0, rgba(255, 150, 50, 1)), color-stop(1, rgba(255, 84, 50, 1)));
	background: -o-linear-gradient(-90deg, rgba(255, 150, 50, 1) 0%, rgba(255, 84, 50, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(255, 150, 50, 1) 0%, rgba(255, 84, 50, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9632', endColorstr='#FF5432' ,GradientType=0)";
	background: linear-gradient(180deg, rgba(255, 150, 50, 1) 0%, rgba(255, 84, 50, 1) 100%);
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9632', endColorstr='#FF5432', GradientType=0);

	min-height: 42px;
	max-width: 590px;
	width: 100%;
	border: 1px solid #DF4A1E;

	text-align: center;
	margin: 0 auto;
	display: table;
	vertical-align: middle;
}


.btn-white a:hover {
	min-height: 42px;
	max-width: 590px;
	width: 100%;
	color: #FFF;
	/*  display:inline-block;*/
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	font-size: 1.1em;
	text-decoration: none;
	padding: .5em 0;
	/*  padding-top:15px;*/
	line-height: none;
	/*  line-height:.6;*/


	/*	position:relative;
	top:10px;*/
	font-weight: bold;


	text-shadow: 2px 2px 1px #FF4810,
		-2px 2px 1px #FF4810,
		2px -2px 1px #FF4810,
		-2px -2px 1px #FF4810;


	-moz-text-shadow: 2px 2px 1px #FF4810,
		-2px 2px 1px #FF4810,
		2px -2px 1px #FF4810,
		-2px -2px 1px #FF4810;


	-webkit-text-shadow: 2px 2px 1px #FF4810,
		-2px 2px 1px #FF4810,
		2px -2px 1px #FF4810,
		-2px -2px 1px #FF4810;

	-o-text-shadow: 2px 2px 1px #FF4810,
		-2px 2px 1px #FF4810,
		2px -2px 1px #FF4810,
		-2px -2px 1px #FF4810;


	-ms-text-shadow: 2px 2px 1px #FF4810,
		-2px 2px 1px #FF4810,
		2px -2px 1px #FF4810,
		-2px -2px 1px #FF4810;

	/*	
    text-shadow: 2px 2px 1px #FF4810,
    -2px 2px 1px #FF4810,
    2px -2px 1px #FF4810,
    -2px -2px 1px #FF4810
		;
	

   -moz-text-shadow: 2px 2px 1px #FF4810,
    -2px 2px 1px #FF4810,
    2px -2px 1px #FF4810,
    -2px -2px 1px #FF4810;
	

    -webkit-text-shadow: 2px 2px 1px #FF4810,
    -2px 2px 1px #FF4810,
    2px -2px 1px #FF4810,
    -2px -2px 1px #FF4810;
	
    -o-text-shadow: 2px 2px 1px #FF4810,
    -2px 2px 1px #FF4810,
    2px -2px 1px #FF4810,
    -2px -2px 1px #FF4810;

	
    -ms-text-shadow: 2px 2px 1px #FF4810,
    -2px 2px 1px #FF4810,
    2px -2px 1px #FF4810,
    -2px -2px 1px #FF4810;	
	
*/

}



/* --------------------------------------------------
 *　alert-box
 * --------------------------------------------------
 */

.alert-box .inner {
	border: 5px solid #FF0000;
	padding: 10px;
	text-align: left;
	margin-bottom: 5%;
}

.alert-box .inner h1.lead {
	font-size: 1.5em;
	text-align: center;
	color: #FF0000;
	font-weight: bold;
}

.alert-box .inner h1:before {
	content: '\f06a';
	font-family: fontAwesome;
}

.alert-box .inner h2 {
	font-size: 1.1em;
	color: #FF0000;
	border-bottom: none;
}

.alert-box .inner h2:before {
	margin-right: .5em;
	background: none;
	content: '\f06a';
	font-family: fontAwesome;
}

.alert-box .inner p {
	line-height: 1.5;
}


/* --------------------------------------------------
 *  alert-box01 - Black Theme for Obituaries
 * --------------------------------------------------
 */

.alert-box01 .inner {
	/*    border: 5px solid #333333;*/
	padding: 25px;
	text-align: left;
	background-color: #d7d7d7;
	/*    margin-bottom: 5%;*/
}

.alert-box01 .inner h1.lead {
	font-size: 1.5em;
	text-align: center;
	color: #333333;
	/* Dark gray text for headers */
	font-weight: bold;
}

.alert-box01 .inner h1:before {
	content: '\f06a';
	font-family: fontAwesome;
	color: #4d4d4d;
	/* Slightly lighter gray for icons */
}

.alert-box01 .inner h2 {
	font-size: 1.1em;
	color: #333333;
	/* Dark gray text for sub-headers */
	border-bottom: none;
}

.alert-box01 .inner h2:before {
	margin-right: .5em;
	background: none;
	content: '\f06a';
	font-family: fontAwesome;
	color: #4d4d4d;
	/* Slightly lighter gray for icons */
}

.alert-box01 .inner p {
	line-height: 1.5;
	color: #000;
	/* Regular text in medium gray for readability */
	font-size: 16px;
	margin: 0;
}



/* --------------------------------------------------
 *　サイト内ニュース
 * --------------------------------------------------
 */

.insite-news {
	width: 100%;
	height: auto;
	max-width: 590px;
	padding: 10px 15px;
	border: 8px solid #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

.insite-news li {
	margin-bottom: .5em;
	text-align: left;
}

.insite-news strong+a:link {
	color: #000;
	text-decoration: underline
}

.insite-news strong+a:visited {
	color: #000;
	text-decoration: underline
}

.insite-news strong+a:hover {
	color: #FF0000;
	text-decoration: none
}

.insite-news strong+a:active {
	color: #FF0000;
	text-decoration: none
}

.insite-news strong+a:focus {
	color: #FF0000;
	text-decoration: none
}

/*
.productsindex .insite-news strong
*/
.insite-news strong {
	display: block;
	font-size: 1.2em;
	text-align: left;
}

.corporate-index .insite-news {
	font-weight: bold;
	font-size: 1.0em;
	text-align: left;
}

.corporate-index .insite-news strong {
	display: block;
}

.corporate-index .insite-news a:after {
	content: ">>";
	margin-left: .35em;
	display: inline-block;

}

@media screen and (max-width: 480px) {
	.productsindex .insite-news strong {
		font-size: 1.0em;
	}

	.corporate-index .insite-news {
		font-size: .85em;
	}
}

.corporate-index .btn-box ul li {
	margin-top: 1em;
}

.corporate-index .btn-box ul li+li {
	margin-top: 1em;
}


/* --------------------------------------------------
 *　モーダルウインドウ
 * --------------------------------------------------
 */

/* ------------------------
 *　加水分解コムギ末について
 * -------------------------
 */

a.kasui-modalwins {
	color: #FF0000;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;

}

a.kasui-modalwins:after {
	content: ">>";
	margin-left: 0;
	display: inline-block;

}

.kasuinews-modalwinsbox {}

.kasuinews-modalwinsbox .modal-header>h1 {
	text-align: left;
	font-size: 1.3em;
	/*	padding-bottom:5px;
	border-bottom:1px solid #666;*/
	width: 100%;
	padding: 0;
	margin: 0;
}

.kasuinews-modalwinsbox .modal-header>h1:before {
	/*	content:">>";*/
	margin-left: 0;
	display: inline-block;

	/*	content:"\f111";
font-family: FontAwesome;*/

}

.kasuinews-modalwinsbox .modal-body>p {
	text-align: left;
	line-height: 1.5;
	font-size: 1.1em;

}

.kasuinews-modalwinsbox .modal-body>p+p {
	margin-top: 25px;

}

/* --------------------------------
 *　安田工場が「ISO 9001」を取得
 * ---------------------------------
 */
.yasudaiso-modalwinsbox img {
	max-width: 800px;
	width: 100%;
	height: auto;
}





/* --------------------------------------------------------------------------------------------------------------------------------------------
 * 
 * 各ブランドページ
 * 
 * --------------------------------------------------------------------------------------------------------------------------------------------
 */


/* --------------------------------------------------
 *　ページ タイトル部(English含まず)
 * --------------------------------------------------
 */

.question-title,
.categorylist .page-title,
.branding .page-title {

	width: 99.9%;
	box-sizing: border-box;

	border: 1px solid #ef8d8c;
	margin: 5px 0 0;
	padding: 0;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;


	clear: both;
}

.question-title h2,
.categorylist .page-title h1,
.branding .page-title h1 {
	text-align: left;
	line-height: 1.5;
	margin: 0;
	padding: 5px 8px;
	color: #FF0000;
	font-size: 1.0em;
	font-weight: bold;
}


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

/*.question .page-title,
.site-info .page-title,*/
.corporate .page-title {

	width: 99.9%;
	box-sizing: border-box;

	border: 1px solid #cccccc;
	margin: 5px 0 0;
	padding: 0;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	clear: both;
}

/*.question .page-title h1,
.site-info .page-title h1,*/
.corporate .page-title h1 {
	text-align: left;
	line-height: 1.5;
	margin: 0;
	padding: 5px 8px;
	color: #333;
	font-size: 1.0em;
	font-weight: bold;
}

.site-info.index .page-title,
.site-info .page-title,
.up-date .page-title,
.event .page-title,
.disclaimer .page-title,
.private-policy .page-title,
.melmaga .page-title,
.mail-magazine .page-title,
.linkcollection .page-title,
.site-map .page-title,
.corporate .page-title,
.presents .page-title,
.press-release .page-title,
.question .page-title,
.category .page-title,
.ichiran-index .page-title {

	width: 99.9%;
	box-sizing: border-box;

	border: 1px solid #cccccc;
	margin: 5px 0 0;
	padding: 0;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	clear: both;
	background-position: left 65%;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 50px;
}

.site-info .page-title {
	background-image: url(/english/common/img/en/title/siteinfo.png);
}

.category .page-title,
.ichiran-index .page-title {
	background-image: url(/english/common/img/en/title/akabako.png);
}

.question .page-title {

	background-image: url(/english/common/img/en/title/question.png);
}

.presents .page-title {
	background-image: url(/english/common/img/en/title/presents.png);
}

.corporate .page-title {
	background-image: url(/english/common/img/en/title/company.png);
}

.corporate.customer-center .page-title {
	background-image: url(/english/common/img/en/title/customercenter.png);
}

.corporate.press-release .page-title {
	background-image: url(/english/common/img/en/title/pressreleaselist.png);
}

.corporate.recruit .page-title {
	background-image: url(/english/common/img/en/title/recruit.png);
}

.site-map .page-title {
	background-image: url(/english/common/img/en/title/sitemap.png);
}

.linkcollection .page-title {
	background-image: url(/english/common/img/en/title/linkcollection.png);
}

.melmaga .page-title,
.mail-magazine .page-title {
	background-image: url(/english/common/img/en/title/mailmagazine.png);
}

.private-policy .page-title {
	background-image: url(/english/common/img/en/title/privatepolicy.png);
}

.private-policy.socialmediapolicy .page-title {
	background-image: url(/english/common/img/en/title/socialmediapolicy.png);
}

.disclaimer .page-title {
	background-image: url(/english/common/img/en/title/disclaimer.png);
}

.up-date .page-title {
	background-image: url(/english/common/img/en/title/update.png);
}

.event .page-title {

	background-image: url(/english/common/img/en/title/event.png);
}

.search.index .page-title {
	background-image: url(/english/common/img/en/title/update.png);
}

.site-info.index .page-title h1,
.search.index .page-title h1,
.event .page-title h1,
.up-date .page-title h1,
.disclaimer .page-title h1,
.private-policy .page-title h1,
.melmaga .page-title h1,
.mail-magazine .page-title h1,
.linkcollection .page-title h1,
.site-map .page-title h1,
.corporate .page-title h1,
.presents .page-title h1,
.press-release .page-title h1,
.question .page-title h1,
.category .page-title h1,
.ichiran-index .page-title h1 {
	text-align: left;
	line-height: 1.5;
	margin: 0;
	padding: 0 8px;
	color: #333;
	font-size: 1.1em;
	font-weight: normal;
	position: relative;
	top: 15px;
}



@media screen and (max-width: 640px) {

	.site-info.index .page-title h1,
	.search.index .page-title h1,
	.event .page-title h1,
	.up-date .page-title h1,
	.disclaimer .page-title h1,
	.private-policy .page-title h1,
	.melmaga .page-title h1,
	.mail-magazine .page-title h1,
	.linkcollection .page-title h1,
	.site-map .page-title h1,
	.corporate .page-title h1,
	.presents .page-title h1,
	.press-release .page-title h1,
	.question .page-title h1,
	.category .page-title h1,
	.ichiran-index .page-title h1 {
		font-size: 1.0em;
	}

}



/* --------------------------------------------------
 *　ページ ボディ部
 * --------------------------------------------------
 */

.branding .page-body p.lead {
	margin: 5px 0;
}


.itemtable101 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.itemtable101 a {
	text-decoration: none;
	display: inline-block;
	text-align: left;
	margin-bottom: 65px;
}


.itemtable101 a img {

	display: inline-block;
	max-width: 130px;
	padding-right: 20px;
	width: 28%;
	text-align: left;
	vertical-align: top;

}



.itemtable101 a dl {
	display: inline-block;
	max-width: 430px;
	width: 70%;
	text-align: left;
	vertical-align: top;

}

.itemtable101 a dl dt,
.itemtable101 a dl dd {
	margin: 0 0 0 1%;
}

.itemtable101 a dl dt,
.itemtable101 a dl dt+dd {
	margin-bottom: 10px;
}

.itemtable101 a:link dl dt {
	color: #0000ff;
	text-decoration: underline;
	font-weight: normal;
}

.itemtable101 a:visited dl dt {
	color: #800080;
	text-decoration: underline;
	font-weight: normal;
}



.itemtable101 a.hover,
.itemtable101 a:hover {
	color: #000;
}

.itemtable101 a.hover dl dt,
.itemtable101 a:hover dl dt {
	color: #ff0000;
	text-decoration: none;
}




.itemtable101 a:active,
.itemtable101 a:focus {
	color: #ff0000;
	text-decoration: none;
	font-weight: normal;
}



/* --------------------------------------------------------------------------------------------------------------------------------------------
 * 
 * 各アイテム
 * ※カテゴリなど共通
 * --------------------------------------------------------------------------------------------------------------------------------------------
 */



/* --------------------------------------------------
 *　製品カテゴリページ（１）ミルキィなど
 * --------------------------------------------------
 */
/* 
 .item-information{
	 
	 }
	 */


.item-information dl {
	text-align: left;

	margin: 0;
	padding: 0;
}

.item-information dl dt {
	display: table;
	border-collapse: separate;
	margin-bottom: .5em;
}

.item-information dl dt.item-point:before {
	display: table-cell;
	content: "";
	background: url(/english/common/img/products/point.png) left top no-repeat;
	background-size: 100% auto;
	width: 70px;
	height: auto;
}

.item-information dl dt.item-point p {
	display: table-cell;
	line-height: 1.5;
	font-size: 1.4em;
	color: #dc0101;
	vertical-align: middle;

	padding-left: .5em;
	padding-top: .1em;
}

.item-information dl dd.item-point p {
	line-height: 1.3;
	font-size: 1.1em;
}

.item-information dl dd.item-image {
	padding-bottom: 20px;

}

.item-information dl dd.item-image img {
	max-width: 590px;
	width: 100%;
	height: auto;
}

/* 

 */


@media screen and (max-width: 640px) {
	.item-information dl dt.item-point:before {
		width: 60px;
	}

	.item-information dl dt.item-point p {
		display: block;
		line-height: 1.4;
		font-size: 1.3em;
	}
}

@media screen and (max-width: 480px) {
	.item-information dl dt.item-point:before {
		width: 50px;
	}

	.item-information dl dt.item-point p {
		line-height: 1.2;
		font-size: 1.1em;
		padding-top: .25em;
	}
}



/* ------------------------
 *　ミルキィボディソープ
 * -------------------------
 */
.milky-bodysoap-series .item-information {
	margin-top: 35px
}

/* ------------------------
 *　自然派石けんシリーズ
 * -------------------------
 */
/*	.sizenha-sekken-series  .item-information{
	margin-bottom:75px;
	
	}
	.sizenha-sekken-series  .item-information dl dd:nth-child(4) {
	margin-top:25px;
	
	}
	*/

/* ------------------------
 *　泡とろ
 * -------------------------
 */
.howto-awatoro-page {
	margin-bottom: 1.5em;
}

/* --------------------------------------------------
 *　製品一覧（１）※お湯物語
 * --------------------------------------------------
 */
.each-items {
	padding-bottom: 25px;

}

.each-items h1 {
	color: #FF0000;
	font-size: 1.2em;
	border-bottom: 1px solid #FF0000;
	width: 100%;
	text-align: left;
}

.each-items h1+p {
	text-align: left;
}


.each-items div.each-item {
	display: block;
	width: 49.5%;
	text-align: left;
	margin-top: .5em;
	margin-left: .5%;
	margin-right: .5%;
	margin-bottom: 2em;
}

.each-items ul.each-item {
	display: inline-block;
	margin-top: .5em;
}

.each-items ul.each-item li {
	display: inline-block;
	width: 49.5%;
	margin-bottom: 2em;
	/*	text-align:left;*/
}

@media screen and (min-width: 768px) and (max-width: 802px) {

	.each-items div.each-item,
	.each-items ul.each-item li {
		width: 49.25%;
	}
}

@media screen and (min-width: 359px) and (max-width: 493px) {

	.each-items div.each-item,
	.each-items ul.each-item li {
		width: 48.5%;
	}
}

@media screen and (max-width: 358px) {

	.each-items div.each-item,
	.each-items ul.each-item li {
		display: block;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
}

.each-items div.each-item a img,
.each-items ul.each-item li a img {
	max-width: 278px;
	width: 100%;
	height: auto;
	margin: 0 0 .5em;
}

.each-items div.each-item .btn-itemdetail,
.each-items ul.each-item li .btn-itemdetail {

	text-align: center;
	margin: 0 auto;

}


.each-items div.each-item a,
.each-items ul.each-item li a {

	text-decoration: none;
}




/* --------------------------------------------------
 *　.item-detail
 * --------------------------------------------------
 */

.item-detail {
	width: 100%;
	display: inline-block;
}

.categorylist .item-detail {
	padding-bottom: 25px;
	/*	border-bottom:1px dotted #FF0000;*/

}

.categorylist .item-detail+.item-detail {
	border-top: 1px dotted #FF0000;
	padding-top: 25px;
}

.item-detail .item-image {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 49.5%;
}

.item-detail .item-image img {
	max-width: 278px;
	width: 100%;
	height: auto;
	margin: 0;
}

.item-detail .item-spec {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 49.5%;
	margin-top: 5%;
}

.btnbox ul {
	margin-top: 15px;
}

.btnbox ul li {
	margin-bottom: 10px;
}

.btnbox ul li a {
	text-decoration: none;
}

@media screen and (min-width: 768px) and (max-width: 805px) {
	.item-detail .item-spec {

		width: 100%;
	}
}

@media screen and (max-width:600px) {
	.item-detail .item-image {
		max-width: 278px;
		width: 100%;
	}

	.item-detail .item-spec {
		width: 100%;
	}
}

.e-spec {
	margin-top: .5em;
}


.e-spec .note {
	font-size: .8em;
	margin-top: 2em;
}

.marks.iyakubugaihin {
	margin-top: .25em;
}

.marks.iyakubugaihin span {
	font-size: .8em;
	border: 1px solid #000;
	padding: 1px 2px;

}

/* --------------------------------------------------
 *　全成分
 * --------------------------------------------------
 */

.item-zeseibun {
	margin: 25px 0;
}


.item-zeseibun .title-box {
	width: 100%;
	max-width: 590px;
	text-align: left;
	position: relative;
}

.item-zeseibun .title-box h1 {
	font-size: 1.2em;
	line-height: 1.5;
	display: inline-block;
	padding: 0;
	margin: 0;
}


/* --------------------------------------------------
 *　201908
 * --------------------------------------------------
 */

.item-zeseibun .title-box.oldseibun {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin: 0 0 0;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;

	-webkit-align-items: flex-end;
	-ms-align-items: flex-end;
	align-items: flex-end;
}

.item-zeseibun .title-box.oldseibun h1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-end;
	-ms-align-items: flex-end;
	align-items: flex-end;
	margin-right: .05em;
}


.oldseibunclick {
	border: 1px solid #AFAFAF;
	border-radius: 3px;
	padding: 0 2%;
	margin: 0;
	height: 60px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;

}

/*
画像ありの場合
.oldseibunclick a{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
 -webkit-align-items: center;
 align-items: center; 
}
*/
.oldseibunclick a>strong>img {
	width: 60px;
	padding: .25em;
	display: none;

}


/* --------------------------------------------------
 *　/end 201908
 * --------------------------------------------------
 */





.item-zeseibun dl.seibuntable {

	text-align: left;
}

.item-zeseibun dl.seibuntable dt {
	width: 100%;
	max-width: 590px;
	padding: 5px 2px;
	box-sizing: border-box;
	color: #444444;
	border: 1px solid #AFAFAF;
}


.item-zeseibun dl.seibuntable dt.first {
	background-color: #E6E6E6;
}

.item-zeseibun dl.seibuntable dt.second {
	background-color: #EFEFEF;
	font-weight: normal;
	border-top: none;
}


.item-zeseibun dl.seibuntable dd ul li {

	width: 100%;
	max-width: 590px;
	text-align: left;
	border-bottom: 1px solid #AFAFAF;
	padding: 5px 3px;
	box-sizing: border-box;

}



/* ----------------------------
 *　旧全成分表示
 * ----------------------------
 */

/*.item-zeseibun .title-box .zenseibunname{
	position:absolute; left:0; bottom:3px;
}
.item-zeseibun .title-box .zenseibunoldname{
	float:right;
	position:absolute; right:2px; bottom:2px; border:1px solid #AFAFAF; padding-left:2%; border-radius:3px;
	height:65px;
}
.item-zeseibun .title-box .zenseibunoldname span{
	display:block;
	margin-right:65px;
	margin-top:25px;

}
.item-zeseibun .title-box .zenseibunoldname img{
width:60px; height:60px; padding-right:2.5px;
	position:absolute; right:2px; bottom:2px; 
}
.item-zeseibun .title-box .zenseibunoldname span a{
	color:#505050;text-decoration:underline;
}
.item-zeseibun .title-box .zenseibunoldname span a:hover{
	text-decoration:none;
}
*/


.zenseibunold {
	position: relative;

}

.zenseibunoldname {
	border: 1px solid #AFAFAF;
	border-radius: 3px;
	position: absolute;
	padding: 0 2%;
	margin: 0;
	display: table;
	table-layout: fixed;
	right: 0;
	top: -65px;
	bottom: 0;
	height: 60px;

}


.zenseibunoldname span {
	display: table-cell;
	vertical-align: middle;
}

.zenseibunoldname strong {
	display: table-cell;

}

.zenseibunoldname img {
	max-height: 60px;
	width: auto;
	height: 100%;
}


@media screen and (max-width: 899px) {
	.zenseibunold {
		margin: 65px 0 0;

	}
}

@media screen and (max-width: 767px) {
	.zenseibunold {
		margin: 0 0 0;

	}

}

@media screen and (max-width: 479px) {
	.zenseibunold {
		margin: 48px 0 0;

	}

	.zenseibunoldname {
		height: 45px;
		top: -48px;
	}

	.zenseibunoldname span {
		color: #777;
		font-size: .8em;
	}

	.zenseibunoldname img {
		max-height: 45px;
	}

}





.zeseibun-modalwinsbox .modal-body .seibuntabletitle {
	display: table;
}

.zeseibun-modalwinsbox .modal-body .seibuntabletitle>img {
	max-width: 100px;
	width: 100%;
	height: auto;
	display: table-cell;
}

.zeseibun-modalwinsbox .modal-body .seibuntabletitle>h1 {
	vertical-align: middle;
	display: table-cell;
	font-size: 15px;
	height: 75px;
}

.zeseibun-modalwinsbox .modal-body .seibuntabletitle>img+h1 {
	vertical-align: middle;
	display: table-cell;
	font-size: 15px;
}

.zeseibun-modalwinsbox .modal-footer {
	border-top: 0;
}


.seibuntabletitle>img {
	display: none;
}



/* --------------------------------------------------
 *　individual_syousai itememore-info アイテム詳細
 * --------------------------------------------------
 */

.itememore-info {
	padding-top: 25px;
	/*	max-width:590px;
	width:100%;

	box-sizing:border-box;*/
}


.itememore-info li {
	margin-bottom: 50px;

	text-align: left;

	max-width: 590px;
	width: 100%;
	box-sizing: border-box;

}

.itememore-info li {
	overflow: hidden;
}

.itememore-info li:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html .itememore-info li {
	height: 1em;
	overflow: visible;
}

/**/



.itememore-info li div.item-image {
	/*	display:inline-block;*/
	width: 25%;
	padding: 0;
	margin: 0;
	margin-right: 5px;
	height: auto;
	text-align: left;
	float: left;
	max-width: 130px;
}

.itememore-info li div.item-image img {
	width: 100%;
	height: auto;
	margin: 0;
	max-width: 130px;
}

.itememore-info li dl.item-detail {
	/*	display:inline-block;*/
	width: 73.5%;
	max-width: 455px;

	font-size: 0.8em;
	float: right;


}

.itememore-info li dl.item-detail dt {
	display: inline-block;
	width: 35%;
	border: 1px solid #AFAFAF;
	background-color: #E6E6E6;
	font-weight: normal;
	padding: 5px 2px;
	margin-bottom: 2px;
	vertical-align: top;
	box-sizing: border-box;


}

.itememore-info li dl.item-detail dd {
	display: inline-block;
	width: 60%;
	border-bottom: 1px solid #AFAFAF;
	padding: 5px 2px;

	margin-bottom: 2px;
	vertical-align: top;
	box-sizing: border-box;
}




@media screen and (max-width:450px) {
	.itememore-info li div.item-image {

		width: 100%;
		padding: 0;
		margin: 0 auto 15px;
		height: auto;
		text-align: center;
		float: none;

	}

	.itememore-info li dl.item-detail {
		width: 100%;
		padding: 0;
		/*		margin:0 auto;
	text-align:center;*/
		float: none;


	}

	.itememore-info li dl.item-detail dt,
	.itememore-info li dl.item-detail dd {
		text-align: left;
	}


}


/* --------------------------------------------------
 *　itememore-info下.itemepage-bottom　バナーなど 
 * --------------------------------------------------
 */

.itemepage-bottom li {
	margin: 0 auto 25px;
	text-align: center;
}

.itemepage-bottom li img {
	width: 100%;
	height: auto;
}

/* --------------------------------------------------
 *　item-lineup　各製品リスト
 * --------------------------------------------------
 */

.item-lineup {
	margin: 35px auto;
	text-align: center;
}

.item-lineup ul {

	margin: 0 auto;
	text-align: center;
	/*	display:inline-block;*/

	display: block;
	width: 100%;
}

@media screen and (max-width: 481px) {
	.item-lineup ul {
		display: inline;
		width: auto;
	}
}

.item-lineup ul li {
	/*	max-width:150px;*/
	width: 100%;


	margin: 0 auto 15px;
	text-align: center;
	display: inline-block;
	padding-left: 1%;
	padding-right: 1%;
	box-sizing: border-box;

}




.item-lineup ul li a>p {
	font-size: .8em;
	margin-top: .2em;
	margin-bottom: .1em;
	/*	margin-top:.2em;*/
	letter-spacing: -.12em;
}


.item-lineup ul.first li {
	max-width: 160px;
}

.item-lineup ul.oneitem {
	max-width: 200px;
}

.item-lineup ul.second li {
	max-width: 150px;
}

.item-lineup ul li.four {
	max-width: 142px;
}

/*.item-lineup ul.third li{
		max-width:150px;
		}

*/
@media screen and (max-width: 320px) {
	.item-lineup ul li {
		display: block;
		margin-bottom: 15px;
	}
}

.item-lineup ul li a {
	text-decoration: none;
}


.item-lineup ul li a div.btn-itemdetail {
	margin: 0 auto;
	text-align: center;
	display: block;
}

.item-lineup ul li.four a div.btn-itemdetail p {

	/*	position:relative;*/
	left: 4px;

}


.item-lineup ul li a img {
	/*		max-width:150px;*/
	width: 100%;
	height: auto;
	margin: 0;
}

.item-lineup ul.oneitem li a img,
.item-lineup ul.first li a img {
	max-width: 155px;
}

.item-lineup ul.second li a img {
	max-width: 150px;
}

/*	
.item-lineup ul.third li a img{
		max-width:150px;
		}	
	*/





/* --------------------------------------------------
 * €item-lineups　各製品リスト
 * --------------------------------------------------
 */

.item-lineups {
	margin: 35px auto;
	text-align: center;
}

.item-lineups>ul {

	margin: 0 auto;
	text-align: center;
	display: block;
	width: 100%;
}

.item-lineups>ul>li {
	margin: 0 auto 15px;
	text-align: center;
	display: inline-block;
	padding-left: 1px;
	padding-right: 1px;
	box-sizing: border-box;
	vertical-align: top;

}

.item-lineups>ul>li>a {
	max-width: 185px;
	display: block;
	text-decoration: none;
	text-align: center;
	margin: 0 auto;
}

.item-lineups>ul>li>a>img {
	width: 100%;
	height: auto;
	margin: 0;

}

.item-lineups>ul>li>a .btn-itemdetail {
	text-align: center;
	margin: 0 auto;

}







.item-lineups>ul>li>a>p {
	font-size: .8em;
	margin-top: .35em;
	margin-bottom: .1em;
	/*	margin-top:.2em;*/
	letter-spacing: -.12em;
}




@media screen and (max-width: 900px) {
	.item-lineups>ul>li {
		margin: 0 auto 25px;
	}

	.item-lineups>ul>li.single {
		width: 100%;

	}


}


/*----------------------------------------
	class buy ichiranpage
----------------------------------------*/
/*

.buy {
  position: relative;
	top:.5em;
}
.buy .buyBtn{
	cursor: pointer;
	text-align: center;
	margin: 0 auto;
	display: block;

}


.buy .buyBtn{
  background : -moz-linear-gradient(50% -0.29% -90deg,rgba(255, 255, 255, 1) 0%,rgba(230, 230, 230, 1) 100%);
  background : -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
  background : -webkit-gradient(linear,50% -0.29% ,50% 99.45% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(1,rgba(230, 230, 230, 1) ));
  background : -o-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E6E6E6' ,GradientType=0)";
  background : linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
  border-radius : 3px;
  -moz-border-radius : 3px;
  -webkit-border-radius : 3px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#E6E6E6' , GradientType=0);
	
border: 1px solid #FF0000;
  max-width:170px;
  height:30px;
  
  width:100%;
  color:#FF0000;
  display:block;
  text-align:center;
  text-decoration:none;
	}


.buy .buyBtn:hover,
.buy .buyBtn:hover{
  background : -moz-linear-gradient(50% -0.29% -90deg,rgba(228, 0, 18, 1) 0%,rgba(180, 0, 0, 1) 100%);
  background : -webkit-linear-gradient(-90deg, rgba(228, 0, 18, 1) 0%, rgba(180, 0, 0, 1) 100%);
  background : -webkit-gradient(linear,50% -0.29% ,50% 99.45% ,color-stop(0,rgba(228, 0, 18, 1) ),color-stop(1,rgba(180, 0, 0, 1) ));
  background : -o-linear-gradient(-90deg, rgba(228, 0, 18, 1) 0%, rgba(180, 0, 0, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(228, 0, 18, 1) 0%, rgba(180, 0, 0, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E40012', endColorstr='#B40000' ,GradientType=0)";
  background : linear-gradient(180deg, rgba(228, 0, 18, 1) 0%, rgba(180, 0, 0, 1) 100%);
  border-radius : 3px;
  -moz-border-radius : 3px;
  -webkit-border-radius : 3px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E40012',endColorstr='#B40000' , GradientType=0);


  color:#FFF;
	border: none;

	  
}

.buy .shopList {
  display: none;
  position: absolute;
	z-index: 100;
  top: 35px;
  left: 0;
  max-width: 580px;
  background-color: #FFF;
  border: 1px solid #d8d8d8;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 4px 4px #eeeeee;
  margin: 0;
  padding: 0;
	
	
	width:100%;
	
overflow-y: scroll;
overflow-x: hidden;
	max-height: 500px;
}



@media screen and (min-width: 768px) {
.buy .shopList {
	max-height: 160px;
	
}
	}

	


.buy .buyBtn p{
	position:relative;
	top:5px;
	left:0;
	  text-align:center;
}

	
	
.buy .shopList li {
	max-width:580px;
  min-width:170px;
  margin: 0;
  padding: 0;
	text-align: left;

	
	
	
	line-height: 1;
	letter-spacing: -.15em;
word-wrap: break-word;
}
.buy .shopList li:first-child a {
  background: none;
}
.buy .shopList li a {
  padding: 12px 0 12px 6px;
  display: block;
 background: url(/english/common/img/btn_buy_line.png) top repeat-x;
	background-size: 6px 1px;

	
  color: #FF0000;
  text-decoration: none;
  outline: none;

	max-width: 590px;
	width:100%;
}
.buy .shopList li a:hover {
  color: #FF0000;
  text-decoration: underline;
}
.buy .shopList li a span {
  width: 9px;
  height: 6px;
  padding-left: 18px;
}

.buy + p{
	margin: 0 auto;
	max-width: 170px;
	font-size: .5em;
	text-align: left;
	color: #777;
	padding: 1.5em .25em 0;
	display: block;
	letter-spacing: -.05em;
}



*/



/*----------------------------------------
	class buy
----------------------------------------*/

.buy {
	position: relative;
	top: .5em;
	margin: 0;
}

.buy .buyBtn {
	cursor: pointer;
	text-align: center;
	margin: 0;
	display: block;

}


.buy .buyBtn {
	background: -moz-linear-gradient(50% -0.29% -90deg, rgba(228, 0, 18, 1) 0%, rgba(180, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(228, 0, 18, 1) 0%, rgba(180, 0, 0, 1) 100%);
	background: -webkit-gradient(linear, 50% -0.29%, 50% 99.45%, color-stop(0, rgba(228, 0, 18, 1)), color-stop(1, rgba(180, 0, 0, 1)));
	background: -o-linear-gradient(-90deg, rgba(228, 0, 18, 1) 0%, rgba(180, 0, 0, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(228, 0, 18, 1) 0%, rgba(180, 0, 0, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E40012', endColorstr='#B40000' ,GradientType=0)";
	background: linear-gradient(180deg, rgba(228, 0, 18, 1) 0%, rgba(180, 0, 0, 1) 100%);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E40012', endColorstr='#B40000', GradientType=0);


	max-width: 170px;
	height: 45px;

	width: 100%;
	color: #FFF;
	display: block;
	text-align: center;
	text-decoration: none;
	border: none;
}


.buy .buyBtn.hover,
.buy .buyBtn:hover {



	background: -moz-linear-gradient(50% -0.29% -90deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
	background: -webkit-gradient(linear, 50% -0.29%, 50% 99.45%, color-stop(0, rgba(255, 255, 255, 1)), color-stop(1, rgba(230, 230, 230, 1)));
	background: -o-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E6E6E6' ,GradientType=0)";
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E6E6E6', GradientType=0);

	border: 1px solid #FF0000;
	color: #FF0000;
}


.buy .shopList {
	display: none;
	position: absolute;
	z-index: 100;
	top: 50px;
	left: 0;
	max-width: 580px;
	background-color: #FFF;
	border: 1px solid #d8d8d8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 4px 4px #eeeeee;
	margin: 0;
	padding: 0;


	width: 100%;

	overflow-y: scroll;
	overflow-x: hidden;
	max-height: 500px;
}



@media screen and (min-width: 768px) {
	.buy .shopList {
		max-height: 160px;

	}
}




.buy .buyBtn p {
	position: relative;
	top: 12px;
	left: 0;
	text-align: center;
}



.buy .shopList li {
	max-width: 580px;
	min-width: 170px;
	margin: 0;
	padding: 0;
	text-align: left;




	line-height: 1;



	/*
 letter-spacing: -.15em; */

	word-wrap: break-word;
}

.buy .shopList li:first-child a {
	background: none;
}

.buy .shopList li a {
	padding: 12px 0 12px 6px;
	display: block;
	background: url(/english/common/img/btn_buy_line.png) top repeat-x;
	background-size: 6px 1px;


	color: #FF0000;
	text-decoration: none;
	outline: none;

	max-width: 590px;
	width: 100%;
}

.buy .shopList li a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.buy .shopList li a span {
	width: 9px;
	height: 6px;
	padding-left: 18px;
}

.buy+p {
	margin: 0;
	max-width: 170px;
	font-size: .5em;
	text-align: left;
	color: #777;
	padding: 1.5em .25em 5em;
	display: block;
	letter-spacing: -.05em;
}

.buy .buyBtn p::before {
	content: "\f07a";
	font-family: FontAwesome;
	padding-right: 2px;

}

@media screen and (min-width: 768px) {
	/* --------------------------------------------------
 * €for buy
 * --------------------------------------------------
 */

	.page.jp #wrap {
		overflow: visible;
	}


}


/*----------------------------------------
	/end class buy
----------------------------------------*/


/* --------------------------------------------------
 *　brandsitebox front-box
 * --------------------------------------------------
 */
.front-box,
.back-box {
	text-align: center;
	margin: 0 auto;
	max-width: 590px;
}

.front-box p,
.back-box p {
	text-align: left;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}

.front-box a,
.back-box a {
	display: block;
}

.front-box img,
.front-box a img,
.back-box img,
.back-box a img {
	width: 100%;
	height: auto;
	margin: 0;
}

/* --------------------
 *　青箱
 * ---------------------
 */
/*
.aobako .front-box{
	margin-bottom:40px;
	}
*/
.aobako .front-box p {
	margin-top: 15px;
}


/* ------------------------
 *　お風呂屋さん限定商品
 * -------------------------
 */
.ofuroyasan-bathhouse .front-box {
	margin: 15px 0 0;
}

.ofuroyasan-bathhouse .front-box p {
	text-align: left;
	line-height: 1.5;
	font-size: 1.4em;
	color: #365ab7;
	font-weight: bold;
}

@media (max-width: 500px) {
	.ofuroyasan-bathhouse .front-box p {
		font-size: 1.25em;
	}
}

@media (max-width: 375px) {
	.ofuroyasan-bathhouse .front-box p {
		font-size: 1.1em;
	}
}









/* --------------------------------------------------
 *　banner-box 
 * --------------------------------------------------
 */

.banner-box {
	padding: 25px 0;
}

.banner-box ul {
	text-align: center;
	margin: 0 auto;
}

.banner-box ul li {
	margin-bottom: 15px;
}

.banner img,
.banner a img,
.banner-box img,
.banner-box a img {
	width: 100%;
	height: auto;
	margin: 0;
}


/* ---グッドデザイン・ロングライフデザイン---- */

.gdbanner a img {
	max-width: 590px;
}

.gdlogolink {
	margin-bottom: .5em;
	display: block;
}

.gdlogolink a img {
	max-width: 200px;
}

/* --------------------------------------------------
 *　supplemental-box
 * --------------------------------------------------
 */

/* --------------------
 *　メディッシュ
 * ---------------------
 */


.supplemental-box.medish-handsoap {
	max-width: 590px;
	width: 100%;
	height: auto;
	margin: 10px 0 20px;
	padding: 5px 10px 5px 15px;
	border: 1px solid #009900;
	box-sizing: border-box;

}

.supplemental-box.medish-handsoap .inner-box {
	padding-left: 120px;
	background: url("/web/ig/products/brand/medish/hosoku_mark.jpg") no-repeat left center;
}

.supplemental-box.medish-handsoap h1 {
	color: #009900;
	font-size: 1.0em;
	text-align: left;
	font-weight: bold;
}

.supplemental-box.medish-handsoap p {
	font-size: 1.0em;
	text-align: left;
}

.supplemental-box.medish-handsoap p+p {
	font-size: .7em;
}

.supplemental-box.medish-handsoap p+p span {
	color: #009900;
	display: block;
}



@media screen and (max-width: 480px) {

	.supplemental-box.medish-handsoap .inner-box {
		padding-left: 0;
		padding-top: 100px;
		background: url("/web/ig/products/brand/medish/hosoku_mark.jpg") no-repeat center 5%;
	}

}


/* ------------------------
 *　無添加泡のボディソープ
 * -------------------------
 */
.supplemental-box.mutenka-awabodysoap {
	/*	max-width:590px;
	width:100%;
	height:auto;
	box-sizing:border-box;*/
}

.supplemental-box.mutenka-awabodysoap img {
	display: block;
	max-width: 590px;
	width: 100%;
	height: auto;
}






/* --------------------------------------------------
 *　Checkしよう！
 * --------------------------------------------------
 */
.letscheck-box-milky,
.letscheck-box-01,
.letscheck-box a {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #e6e6e6;
	max-width: 590px;
	width: 100%;
	padding: 0 15px 15px;
	display: block;
}

.letscheck-box-milky h1,
.letscheck-box-01 h1,
.letscheck-box a h1 {
	display: inline-block;
	text-align: left;
	float: left;
	margin-top: -15px;
	margin-bottom: 0;
	width: 100%;
}

.letscheck-box-milky h1 img,
.letscheck-box-01 h1 img,
.letscheck-box a h1 img {
	width: 100%;
	height: auto;
	max-width: 94px;
	margin-right: 10px;

	vertical-align: bottom;
}


.letscheck-box-milky h1 span,
.letscheck-box-01 h1 span,
.letscheck-box a h1 span {
	color: #d80100;
	font-size: .5em;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	margin-top: -5px;


}


.letscheck-box a p strong {
	color: #FF0000;
	text-decoration: underline;
}

.letscheck-box a:link p strong {
	color: #FF0000;
	text-decoration: underline;
}

.letscheck-box a:visited p strong {
	color: #FF0000;
	text-decoration: underline;
}

.letscheck-box a:hover p strong {
	color: #9d395f;
	text-decoration: none;
}

.letscheck-box a.hover p strong {
	color: #9d395f;
	text-decoration: none;
}

.letscheck-box a:active p strong {
	color: #9d395f;
	text-decoration: none;
}

.letscheck-box a:focus p strong {
	color: #9d395f;
	text-decoration: none;
}

.letscheck-box a {
	text-decoration: none;
	color: #000;
}

.letscheck-box a:link {
	text-decoration: none;
	color: #000;
}

.letscheck-box a:visited {
	text-decoration: none;
	color: #000;
}

.letscheck-box a:hover {
	text-decoration: none;
	color: #000;
}

.letscheck-box a.hover {
	text-decoration: none;
	color: #000;
}

.letscheck-box a:active {
	text-decoration: none;
	color: #000;
}

.letscheck-box a:focus {
	text-decoration: none;
	color: #000;
}

.letscheck-box-milky p,
.letscheck-box-01 p,
.letscheck-box p {
	text-align: left;
	display: block;
	max-width: 590px;
	width: 100%;
	clear: both;
	line-height: 1.8;

	text-decoration: none;
}

.letscheck-box-milky p strong,
.letscheck-box-01 p strong,
.letscheck-box p strong {
	font-size: 1.3em;
}





.letscheck-box-01 p strong a:link {
	color: #E36405;
	text-decoration: none;
}

.letscheck-box-01 p strong a:visited {
	color: #E36405;
	text-decoration: none;
}

.letscheck-box-01 p strong a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.letscheck-box-01 p strong a.hover {
	color: #FF0000;
	text-decoration: underline;
}

.letscheck-box-01 p strong a:active {
	color: #FF0000;
	text-decoration: underline;
}

.letscheck-box-01 p strong a:focus {
	color: #FF0000;
	text-decoration: underline;
}




.letscheck-box-milky p strong a:link {
	color: #111581;
	text-decoration: none;
}

.letscheck-box-milky p strong a:visited {
	color: #111581;
	text-decoration: none;
}

.letscheck-box-milky p strong a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.letscheck-box-milky p strong a.hover {
	color: #FF0000;
	text-decoration: underline;
}

.letscheck-box-milky p strong a:active {
	color: #FF0000;
	text-decoration: underline;
}

.letscheck-box-milky p strong a:focus {
	color: #FF0000;
	text-decoration: underline;
}


/* --------------------------------------------------------------------------------------------------------------------------------------------
 * 
 * 各カテゴリ一覧ページ
 * 
 * --------------------------------------------------------------------------------------------------------------------------------------------
 */
/* --------------------------------------------------
 *　index
 * --------------------------------------------------
 */
.category-search {
	clear: both;
	/*	border-bottom:3px double #CCCCCC;*/

	margin: auto 1em;
}

.category-search ul {
	border-bottom: 3px double #CCCCCC;

}



.category-search ul {
	overflow: hidden;
}

.category-search ul:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html .category-search ul {
	height: 1em;
	overflow: visible;
}

/**/


.category-search ul:last-child {
	border-bottom: none;
}

/*.category-search ul{
	margin-top:25px;
	}
*/


.category-search h2 {
	text-align: left;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.category-search h2:before {
	content: "\f111";
	font-family: FontAwesome;
	color: #FF0000;
	margin-right: 3px;
}

.category-search ul {
	margin: 15px 0;
}


.category-search ul.first li {
	display: inline-block;

	float: left;
	width: 100px;
	height: 50px;
	margin: 0 5px 15px;
}

.category-search ul.first li a {
	display: block;

	font-size: 13px;
	border: 1px solid #ccc;

	width: 100%;
	height: 100%;
	text-align: center;
	margin: 0 auto;
	text-decoration: none;
}

.category-search ul.first li a.hover,
.category-search ul.first li a:hover {
	border: 2px solid #ff0000;
	text-decoration: none;
}

.category-search ul.first li a strong {
	position: relative;
	top: 15px;
}



.category-search ul.second li {
	display: inline-block;
	float: left;
	margin: 0 6px 15px;
}


.category-search ul.second li a {
	font-size: 1.2em;
	font-weight: normal;
}

.category-search ul.second li a:link {
	color: #022DA0;
	text-decoration: underline
}

.category-search ul.second li a:visited {
	color: #022DA0;
	text-decoration: underline
}

.category-search ul.second li a:hover {
	color: #FF0000;
	text-decoration: none
}

.category-search ul.second li a:active {
	color: #FF0000;
	text-decoration: none
}

.category-search ul.second li a:focus {
	color: #FF0000;
	text-decoration: none
}





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

	.category-search ul.first {
		text-align: center;
	}

	.category-search ul.first li {
		float: none;
	}


}

@media screen and (max-width: 400px) {

	.category-search ul.second li {
		float: none;
		display: block;
		text-align: left;
		font-size: .9em;
		letter-spacing: -.02em;
	}



}




/* --------------------------------------------------------------------------------------------------------------------------------------------
 * 
 * 製品情報
 * 
 * --------------------------------------------------------------------------------------------------------------------------------------------
 */



/* --------------------------------------------------
 *　index
 * --------------------------------------------------
 */



.product-menu {
	text-align: left;
	margin: auto 1em auto;




}

.product-menu ul li {
	padding-top: 25px;
}

.product-menu ul li+li {
	border-top: 3px double #CCCCCC;

}


.product-menu h2 {

	font-size: 1.0em;
}

.product-menu h2:before {
	content: "\f144";
	font-family: FontAwesome;
	margin-right: .25em;
	color: #FF5432;
}


.product-menu .btn-orange {
	margin: 25px 0 35px;
}



/* --------------------------------------------------
 *　brand ブランド一覧
 * --------------------------------------------------
 */


.brand-search {
	/*	padding-bottom:25px;*/
	margin: auto 1em 15px;
}

.brand-search+.brand-search {
	border-top: 3px double #CCCCCC;
	padding-top: 25px;
}

.brand-search h2 {
	text-align: left;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.brand-search h2:before {
	content: "\f111";
	font-family: FontAwesome;
	color: #FF0000;
	margin-right: 3px;
}

.brand-search ul {
	text-align: left;
	margin-top: 15px;
}

.brand-search.banner ul.first li {
	display: inline-block;
	margin: 0 0 15px;
	padding: 0;
	border: 2px solid #FFF;
	box-sizing: border-box;

	width: 17.2%;
	height: auto;
}


.brand-search ul li a {
	color: #022da0;
}

.brand-search ul li a.hover,
.brand-search ul li a:hover {
	color: #FF0000;
}

.brand-search.banner .second {
	/*	margin-top:15px;*/
	text-align: left;
	margin: 25px 1em .5em auto;
}

.brand-search.banner .second p {
	margin: 0;
	padding: 0;
}

.brand-search.banner .second a {
	display: inline-block;
	/*	  margin:0 0 15px;*/
	padding: 0;
	border: 2px solid #FFF;
	box-sizing: border-box;

	width: 17.2%;
	height: auto;
}


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

	.brand-search.banner .second,
	.brand-search.banner ul.first {
		text-align: center;
	}

	.brand-search.banner .second a,
	.brand-search.banner ul.first li {
		width: auto;
	}
}

@media screen and (max-width: 400px) {
	.brand-search.banner ul.first li {
		width: 47%;
	}

	.brand-search.banner ul.second li {
		display: block;
	}

}

.brand-search.banner ul li a img {
	max-width: 94px;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.brand-search.banner .second a.hover,
.brand-search.banner .second a:hover,
.brand-search.banner ul li.hover,
.brand-search.banner ul li:hover {
	border: 2px solid #FF0000;
}



/* ------------------------
 *　テキスト
 * -------------------------
 */
.brand-search.txt ul li {
	display: inline-block;
	margin-right: 1em;
	margin-bottom: .5em;
	font-size: .9em;
	letter-spacing: -.02em;

}

.brand-search.txt .second {
	text-align: left;
	margin: 25px 1em .5em auto;

	font-size: .9em;
	letter-spacing: -.02em;

}

.brand-search.txt .second p {
	margin: 0;
	padding: 0;
}

.brand-search.txt .second a {

	color: #022da0;
}

/* --------------------------------------------------
 *　brandsite ブランドサイト一覧
 * --------------------------------------------------
 */


.brandsite-search {
	/*	padding-bottom:25px;*/
	margin: auto 1em 15px;
}

.brandsite-search+.brandsite-search {
	border-top: 3px double #CCCCCC;
	padding-top: 25px;
}

.brandsite-search h2 {
	text-align: left;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.brandsite-search h2:before {
	content: "\f111";
	font-family: FontAwesome;
	color: #FF0000;
	margin-right: 3px;
}


.brandsite-search ul+h2 {
	padding-top: 15px;
}

.brandsite-search h3 {
	text-align: left;
	font-size: .95em;
	font-weight: normal;
	margin: 0;
	padding: 5px 0 0;
}

.brandsite-search h3:before {
	content: "・";
	font-family: FontAwesome;
	color: #000000;
	margin-right: 3px;
}




.brandsite-search ul {
	text-align: left;
	margin-top: 15px;
}

.brandsite-search ul.first li {
	display: inline-block;
	margin: 0 0 15px;
	padding: 0;
	border: 2px solid #FFF;
	box-sizing: border-box;

	width: 31.6%;
	height: auto;
}


.brandsite-search ul li a {
	color: #022da0;
}

.brandsite-search ul li a.hover,
.brandsite-search ul li a:hover {
	color: #FF0000;
}

.brandsite-search ul.second {
	display: inline-block;
}

.brandsite-search ul.second li {
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 0;
	box-sizing: border-box;
	font-size: .9em;

}


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

	.brandsite-search ul.first {
		text-align: center;
	}

	.brandsite-search ul.first li {
		width: auto;
	}
}

@media screen and (max-width: 400px) {
	.brandsite-search ul.first li {
		width: 47%;
	}

	.brandsite-search ul.second li {
		display: block;
		margin-bottom: 1em;

	}

}

.brandsite-search ul li a img {
	max-width: 173px;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.brandsite-search.banner ul.first li.hover,
.brandsite-search.banner ul.first li:hover {
	border: 2px solid #FF0000;
}




/* ------------------------
 *　QRコード
 * -------------------------
 */
.brandsite-search.qr ul.first li {
	display: inline-block;
	margin: 0 0 15px;
	padding: 0;
	box-sizing: border-box;

	width: 32%;
	height: auto;
	vertical-align: top;
}

.brandsite-search.qr ul.first li a {
	width: 135px;
	text-decoration: none;
}

.brandsite-search.qr ul.first li img {
	width: 100%;
	height: auto;
}

.brandsite-search.qr ul.first li p {
	display: block;
	clear: both;
	font-size: .9em;
	line-height: 1.3;
	text-align: center;
	margin-top: .1em;
}

@media screen and (max-width: 400px) {
	.brandsite-search.qr ul.first li p {
		font-size: .75em;
		line-height: 1.2;
		text-align: left;
		letter-spacing: -.02em
	}

}




/* --------------------------------------------------
 *　新製品情報,製造終了（予定）製品一覧
 * --------------------------------------------------
 */

.expire-box,
.newproduct-box {
	margin: auto 1em;
	overflow: hidden;
}

.expire-box:after,
.newproduct-box:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*＼*/
* html .expire-box,
* html .newproduct-box {
	height: 1em;
	overflow: visible;
}

/**/


.expire-box+.expire-box,
.newproduct-box+.newproduct-box {
	border-top: 3px double #CCCCCC;

}

.newproduct-box+.newproduct-box a img,
.newproduct-box+.newproduct-box a,
.newproduct-box+.newproduct-box a:link,
.newproduct-box+.newproduct-box a:visited,
.newproduct-box+.newproduct-box a.hover,
.newproduct-box+.newproduct-box a:hover,
.newproduct-box+.newproduct-box a:active,
.newproduct-box+.newproduct-box a:focus {
	pointer-events: none;
	text-decoration: none;
	color: #000;
	cursor: default;

}

.expire-box h2,
.newproduct-box h2 {
	text-align: left;
	font-size: 1.0em;
	line-height: 1.5;

}

.expire-box h2:before,
.newproduct-box h2:before {
	color: #FF0000;

	content: "\f111";
	font-family: FontAwesome;
	margin-right: .25em;


}

.expire-box ul,
.newproduct-box ul {
	text-align: left;
	margin-bottom: 15px;
}

.expire-box ul li,
.newproduct-box ul li {

	margin: 0 auto;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	width: 136px;

}

.newproduct-box ul li a {
	text-decoration: none;
}

.expire-box ul li img,
.newproduct-box ul li img {
	border: 1px solid #CCC;
	text-align: center;
	margin: 0;
	padding: .15em 0;
	width: 125px;
	height: auto;

}

.expire-box ul li img+p,
.newproduct-box ul li img+p {
	clear: both;
	margin-top: .25em;
	font-size: .9em;
	text-align: left;
	letter-spacing: -.05em;
}


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

	.expire-box ul,
	.newproduct-box ul {
		text-align: center;
	}

}



/* --------------------------------------------------------------------------------------------------------------------------------------------
 * 
 * よくあるご質問
 * 
 * --------------------------------------------------------------------------------------------------------------------------------------------
 */



/* --------------------------------------------------
 *　index
 * --------------------------------------------------
 */



.questionindex-menu {
	text-align: center;
	margin: 15px auto 35px;
}

.questionindex-menu p {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 .25em;
}

@media screen and (max-width: 375px) {
	.questionindex-menu p {
		text-align: left;
	}
}


.questionindex-menu ul {
	text-align: center;
	margin: 50px auto 0;
	max-width: 590px;
	width: 100%;
	overflow: hidden;
}

.questionindex-menu ul li+li {
	margin-top: 25px;

}

.questionindex-menu ul li a {

	color: #FFFFFF;
	font-size: 1.2em;
	line-height: 1.4;
	display: block;
	padding: 10px 10px;
	font-weight: normal;
	vertical-align: middle;


	border-radius: 6px;

	box-sizing: border-box;
	background: rgba(230, 0, 18, 1.0);
	text-decoration: none;
}


.questionindex-menu ul li a.hover,
.questionindex-menu ul li a:hover {

	cursor: pointer;
	text-decoration: none;
	background: rgba(230, 0, 18, 0.6);
}


/* --------------------------------------------------
 *　other
 * --------------------------------------------------
 */

.question .local-menu {
	max-width: 590px;
	padding: 10px 0px 15px 0px;
}

.question .local-menu>ul {
	text-align: left;
}


.question .local-menu>ul>li:before {
	content: "\f144";
	font-family: FontAwesome;
	margin-right: .25em;
	color: #FF5432;
}

.question .local-menu>ul>li {
	list-style: none;
	display: inline-block;
	float: none;
	margin-left: 5px;
	margin-bottom: 8px;
}

.question .local-menu>ul>li img {
	width: 100%;
	height: auto;
}


.question .list {
	text-align: left;
	position: relative;
}

.question .list button.all {
	position: absolute;
	right: 0;
	background-color: #FFFFFF;
	border: 1px solid #FF0000;
	color: #FF0000;
	padding: 5px 10px;
	margin: 15px 0 0;
	border-radius: 3em;

}

.question .list button.all:hover {
	background-color: #FF0000;
	color: #FFFFFF;
	font-weight: bold;
}

.question .list button.all+.group-block {
	padding-top: 35px;

}


.question .panel-heading:before {
	margin: 0 0 0;
	padding: 0;
	content: "";
	background: url(/english/common/img/icon/mark_q.jpg) no-repeat 0 0;
	width: 18px;
	height: 19px;
	background-size: 18px auto;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	top: 23px;
	-ms-interpolation-mode: bicubic;
}



.question .panel-heading {
	margin: 25px 0 0;
	padding: 0;
}

.question .panel-heading:first-of-type {
	margin: 0 0 0;
	padding: 0;
}

.question .panel-heading a.first h3.panel-title {
	margin-left: 25px;


}

.question .panel-heading a.first h3.panel-title strong {
	display: inline-block;
	width: 95%;
	vertical-align: top;

}

.question .panel-heading a.first h3.panel-title span.pull-right {
	display: inline-block;
	width: 3.0%;
	margin-right: .25em;
}








.question .panel-body:before {
	margin: 0 0 0;
	padding: 0;
	content: "";
	background: url(/english/common/img/icon/mark_a.jpg) no-repeat 0 0;
	width: 18px;
	height: 19px;
	background-size: 18px auto;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	top: 23px;
	-ms-interpolation-mode: bicubic;
}


.question .panel-body {
	margin: 0 0 0;
	padding: 0;
}

.question .panel-body .second {
	margin-left: 25px;
	margin-right: 3.5%;


}

/* --------------------------------------------------------------------------------------------------------------------------------------------
 * 
 * 会社情報
 * 
 * --------------------------------------------------------------------------------------------------------------------------------------------
 */



/* --------------------------------------------------
 *　index
 * --------------------------------------------------
 */



.event-index .page-body .front-box {
	margin: 0 0 1.5%;
	padding: 5% 2.5% 5%;
	border-bottom: 2px double #ccc;
}

.event-index .page-body .local-menu h1 {
	text-align: left;
	font-size: 1.0em;
	padding: 7.5% 0 0;

}

.event-index .local-menu dl dt,
.corporate-index .local-menu dl dt {

	font-size: 1.0em;
}

.event-index .local-menu dl dt:before {
	content: "\f144";
	font-family: FontAwesome;
	margin-right: .25em;
	color: #4AB087;
	text-decoration: none;
}

.corporate-index .local-menu dl dt:before {
	content: "\f144";
	font-family: FontAwesome;
	margin-right: .25em;
	color: #0054FF;
	text-decoration: none;
}



.event-index .local-menu ul,
.corporate-index .local-menu ul {
	margin-top: 1em;
}

.event-index .local-menu ul li,
.corporate-index .local-menu ul li {
	display: inline-block;
	width: 49.2%;
	margin: 0 0 .5em;
	padding: 0;
	vertical-align: top;

}



.event-index .local-menu ul li a,
.corporate-index .local-menu ul li a {
	display: block;

	width: 100%;
	height: auto;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ccc;
	padding: .5em .5em .5em;
	/*	box-sizing:content-box;*/
	position: relative;
	text-decoration: none;

}

.event-index .local-menu ul li a img,
.corporate-index .local-menu ul li a img {

	width: 50px;
	height: auto;
	position: absolute;
	left: 2.5%;
	top: 15%;

}

@media screen and (max-width: 480px) {

	.event-index .local-menu ul li,
	.corporate-index .local-menu ul li {
		display: block;
		width: 100%;
	}

	.event-index .local-menu ul li a,
	.corporate-index .local-menu ul li a {
		min-height: 60px;
	}

	.event-index .local-menu ul li a img,
	.corporate-index .local-menu ul li a img {
		top: 5%;

	}

}

.event-index .local-menu ul li a dl,
.corporate-index .local-menu ul li a dl {
	/*	float:right;*/
	text-align: left;
	margin-left: 60px;
	/*	width:73%;*/
	font-size: .85em;
}

.event-index.event .local-menu ul li a dl dt {
	color: #4AB087;
	text-decoration: underline;
}

.corporate-index .local-menu ul li a dl dt {
	color: #002BB4;
	text-decoration: underline;
}

.event-index.event .local-menu ul li a dl dt.hover,
.event-index.event .local-menu ul li a dl dt:hover {
	color: #4AB087;
	text-decoration: none;
}

.corporate-index .local-menu ul li a dl dt.hover,
.corporate-index .local-menu ul li a dl dt:hover {
	color: #002BB4;
	text-decoration: none;
}

.event-index.event .local-menu ul li a dl dd,
.corporate-index .local-menu ul li a dl dd {
	color: #000000;
	text-decoration: none;
}

/* --------------------------------------------------
 *　共通
 * --------------------------------------------------
 */


.corporate-profile h3,
.corporate h2 {
	color: #000;
	border-bottom: 1px solid #FF0000;
	width: 100%;
	text-align: left;
	font-size: 1.2em;

}

.corporate h2:before {
	margin-right: 15px;

	margin: 0 .15em 0 0;
	content: "";
	display: inline-block;
	background: url(/english/common/img/icon/mark_1.png) no-repeat left center;
	width: 9px;
	height: 15px;
	background-size: 9px auto;
	vertical-align: top;


}

.corporate-profile h3:before {
	margin-right: 15px;


	margin: 0 .15em 0 0;
	content: "";
	display: inline-block;
	background: url(/english/common/img/icon/mark_2.png) no-repeat left center;
	width: 9px;
	height: 15px;
	background-size: 9px auto;
	vertical-align: top;


}



/* --------------------------------------------------
 *　会社概要
 * --------------------------------------------------
 */
.corporate-profile table {
	margin: 50px auto 75px .5em;
	max-width: 590px;
	width: 98%;
	box-sizing: border-box;
}

.corporate-profile table.first {

	border-collapse: separate;
	border-spacing: 0 5px;

}

.corporate-profile table.second,
.corporate-profile table.third {
	border-collapse: collapse;
	border-spacing: 0;
}

/*	
.corporate-profile table.third{
	border-top:1px solid #999999;
	}
	*/
.corporate-profile table th {
	background-color: #E6E6E6;
	font-weight: bold;
	padding: 15px 8px;
	text-align: center;
	max-width: 150px;
	width: 30%;
}

.corporate-profile table td {
	margin-left: 5px;
	text-align: left;
	padding: 15px 8px;
	max-width: 430px;
	width: 70%;
	box-sizing: border-box;
}


.corporate-profile table.first th {
	border: 1px solid #999999;
}

.corporate-profile table.second th {
	border: none;
	background-color: transparent;
	text-align: left;
	font-weight: normal;
	padding: 5px 0;
}

.corporate-profile table.third th {
	border: 1px solid #999999;
	/*border-top:none;*/
}



.corporate-profile table.first td {
	border-bottom: 1px solid #999999;
}

.corporate-profile table.second td {
	margin-left: 0;
	border-bottom: none;
	padding: 0;
}

.corporate-profile table.third td {
	border: 1px solid #999999;
	border-left: none;
}

@media screen and (max-width: 599px) {

	.corporate-profile table {
		margin-left: 0;
		width: 100%;
	}



	.corporate-profile table.first {

		border-collapse: separate;
		border-spacing: 0;

	}

	.corporate-profile table.first th,
	.corporate-profile table.third th {
		width: 100%;
		max-width: 100%;
		display: block;
		text-align: left;

	}

	.corporate-profile table.first td,
	.corporate-profile table.third td {
		width: 100%;
		max-width: 100%;
		display: block;
		border: none;


	}


	.corporate-profile table.second th {
		width: 40%;
		padding-left: 8px;
		box-sizing: border-box;

	}

	.corporate-profile table.second td {
		width: 60%;


	}
}

@media screen and (max-width: 400px) {
	.corporate-profile table.second th {
		width: 50%;

	}

	.corporate-profile table.second td {
		width: 50%;


	}
}



/* --------------------------------------------------
 *　地図
 * --------------------------------------------------
 */
.map {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.map iframe,
.map object,
.map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* --------------------------------------------------
 *　社訓
 * --------------------------------------------------
 */

.motto-box {

	display: inline-block;
	width: 100%;
	max-width: 590px;
	margin: 0;
	padding: 0;
	margin-top: 25px;
	text-align: left;

}

.motto-box .first {
	width: 60%;
	float: right;
}

@media screen and (max-width: 880px) {
	.motto-box .first {
		width: 58%;
	}
}



.motto-box .first ul {
	text-align: left;
}

.motto-box .first ul+ul {
	padding-top: 50px;
}

.motto-box .first ul li {
	padding-bottom: 15px;
	list-style: none;
}

.motto-box .second {
	width: 38%;
	float: left;

}

.motto-box .second img {
	max-width: 192px;
	width: 100%;
	height: auto;
}



@media screen and (max-width: 767px) {
	.motto-box {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	.motto-box .first {
		width: 50%;
	}

	.motto-box .second {
		width: 50%;

	}


}

@media screen and (max-width: 480px) {

	.motto-box .first {
		width: 98%;
	}

	.motto-box .second {
		width: 100%;
		padding-top: 50px;

	}

}

/* --------------------------------------------------
 *　沿革
 * --------------------------------------------------
 */

.corporate-history-box {
	margin-top: 25px;
}

.corporate-history-box .first {
	float: left;
	text-align: left;
	margin-right: 2.5%;


}

.corporate-history-box .second p {
	text-align: left;
	line-height: 1.8;


}


.corporate-history-box .second p+p {
	margin-top: 10px;
}



.corporate-history-box ul {
	text-align: left;
}

.corporate-history-box ul li {
	padding-bottom: 1em;
}

.corporate-history-box ul li a:after {
	content: "＞＞";
	display: inline-block;
	padding-right: 1em;
}

.corporate-history-box ul li a:link {
	color: #F00;
	text-decoration: underline
}

.corporate-history-box ul li a:visited {
	color: #F00;
	text-decoration: underline
}

.corporate-history-box ul li a.hover {
	color: #000;
	text-decoration: none
}

.corporate-history-box ul li a:hover {
	color: #000;
	text-decoration: none
}

.corporate-history-box ul li a:active {
	color: #000;
	text-decoration: none
}

.corporate-history-box ul li a:focus {
	color: #000;
	text-decoration: none
}


/* --------------------------------------------------
 *　社長メッセージ
 * --------------------------------------------------
 */

.president-message-box {
	margin-top: 25px;
}

.president-message-box .first {
	clear: both;
	display: table;
	table-layout: fixed;
	width: 100%;
	box-sizing: border-box;

}

.president-message-box .first img {

	max-width: 192px;
	width: 100%;
	/*	width:33%;*/
	height: auto;
	display: table-cell;
}

.president-message-box .first h3 {
	width: 65.5%;
	height: auto;
	display: table-cell;
	vertical-align: middle;
	font-size: 1.5em;
}

@media screen and (max-width: 900px) {
	.president-message-box .first h3 {
		letter-spacing: -.05em;
	}
}

@media screen and (max-width: 850px) {
	.president-message-box .first h3 {
		font-size: 1.45em;
	}
}

@media screen and (max-width: 800px) {
	.president-message-box .first h3 {
		font-size: 1.4em;
	}
}

@media screen and (max-width: 768px) {
	.president-message-box .first h3 {
		font-size: 1.5em;
		letter-spacing: normal;
	}
}

@media screen and (max-width: 600px) {
	.president-message-box .first h3 {
		letter-spacing: -.05em;
		font-size: 1.3em;
	}
}

/*
@media screen and (max-width: 500px) {
.president-message-box .first h3{
	font-size:1.3em;
}
}
@media screen and (max-width: 440px) {
.president-message-box .first h3{
	font-size:1.2em;
}
}*/
@media screen and (max-width: 480px) {
	.president-message-box .first img {
		display: block;
		table-layout: auto;
		text-align: center;
		margin: 0 auto;

	}

	.president-message-box .first h3 {
		width: 100%;
		height: auto;
		display: block;
		margin: 1em .1em auto;
	}
}


.president-message-box .third,
.president-message-box .second {
	clear: both;
	text-align: left;
	/*	margin-top:25px;*/
}

.president-message-box .third p,
.president-message-box .second p {
	line-height: 1.6;
	margin-top: 20px;
}

.president-message-box .second p:last-child {

	margin-top: 35px;
	text-align: right;
}

@media screen and (max-width: 600px) {

	.president-message-box .third,
	.president-message-box .second {
		margin-left: 1%;
		margin-right: 1%;


	}

}

/* --------------------------------------------------
 *　１００周年メッセージ
 * --------------------------------------------------
 */

.anniversaries-box img {
	max-width: 590px;
	width: 100%;
	height: auto;

}

/* --------------------------------------------------
 *　広告・メディア露出
 * --------------------------------------------------
 */
.advertisement-box p {
	text-align: left;
}

.advertisement-box dl {
	text-align: center;
}

.advertisement-box dt {
	font-weight: normal;
	margin: 3em auto .25em;
}



.advertisement-box dl dd img {
	max-width: 590px;
	width: 100%;
	height: auto;

}







/* --------------------------------------------------
 *　プレスリリース
 * --------------------------------------------------
 */


.press-release .entry-box a:link {
	color: #F00;
	text-decoration: none;
	font-weight: bold;
}

.press-release .entry-box a:visited {
	color: #F00;
	text-decoration: none;
	font-weight: bold;
}

.press-release .entry-box a:hover {
	color: #F00;
	text-decoration: underline
}

.press-release .entry-box a.hover {
	color: #F00;
	text-decoration: underline
}

.press-release .entry-box a:active {
	color: #F00;
	text-decoration: underline
}

.press-release .entry-box a:focus {
	color: #F00;
	text-decoration: underline
}


.to-ichiran {
	text-align: right;
	margin-top: 1.5em;
}

.to-ichiran:before {
	/*	content:"←";*/
	content: "";
	display: inline-block;
	margin-right: .5em;
}

.to-index {
	margin-top: 2.5em;
	text-align: right;
}

.to-index li {
	margin-bottom: .75em;
}






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

.press-release .entry-box .pr_title {
	margin-bottom: 25px;

}

.press-release .entry-box .pr_title dt {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.4;

}

.press-release .entry-box .pr_title dd {
	text-align: right;
	padding: 15px .5em 0;
	font-size: 1em;


}

.press-release .entry-box p.pr_honbun {
	line-height: 1.8;
	font-size: 1em;
	text-align: left;
	padding: 0 .5em;
	box-sizing: border-box;
}

.press-release .entry-box p.pr_honbun+p.pr_honbun {
	margin-top: .75em;
}

.press-release .entry-box .pr_honbun span {
	text-align: right;
	margin: 10px .5em 25px;
	box-sizing: border-box;
	display: block;
}

.press-release .entry-box .pr_topic {
	text-align: left;
	padding: 0 .5em;
	line-height: 2.0em;
}

.press-release .entry-box .pr_topic_hosoku {
	text-align: left;
	font-size: .9em;
	line-height: 1.4;
	padding: 1em auto;
}

.press-release .entry-box>.pr_topic_box_a {
	border-collapse: collapse;
	max-width: 590px;
	width: 100%;
	border: 1px solid #ccc;
	text-align: center;
	margin: 1em auto;
	padding: 15px;
}



.press-release .entry-box .pr_topic span.pr_detail_title {
	/*	display:block;
	font-size: 1.2em;
	line-height: 1.5;
	font-weight: bold;*/
	text-decoration: underline;
}

.press-release .entry-box .pr_topic span.pr_detail {
	display: block;
	padding-top: .5em;
	margin-left: .5em;
}

.press-release .entry-box .pr_topic span.pr_detail span.pr_detail {

	padding-top: 0;
	margin-bottom: .5em;
}


.press-release .entry-box p.pr_topic+p.pr_topic {
	margin-top: 1.5em;
}

.press-release .entry-box .pr_name {
	text-align: right;
	padding: 25px .5em;
	font-size: 1em;

}

.press-release .entry-box .pr_name dt {
	font-weight: normal;
}

/*
.press-release .entry-box .pr_image{
	border:1px solid #ddd;
	position:relative;
	z-index:1;
}
*/
.press-release .entry-box .pr_image,
.press-release .entry-box .pr-image {
	position: relative;
	z-index: 1;
	padding: .25em;
}

.press-release .entry-box .pr_image+span,
.press-release .entry-box .pr-image+span {
	display: block;
	margin: .1em 0 2.5em;
	font-size: .8em;
}

.press-release .entry-box .pr_image img,
.press-release .entry-box .pr-image img {
	/*	max-width:590px;*/
	width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;

	/*	display: none;*/

}

.press-release .entry-box .pr_imageborder img,
.press-release .entry-box .pr-imageborder img {
	border: 1px solid #ddd;
}

.press-release .entry-box .pr_imageborder img._noline_,
.press-release .entry-box .pr-imageborder img._noline_ {
	border: none;
}

.press-release .entry-box .pr_image+a,
.press-release .entry-box .pr-image+a {
	padding-top: 1em;
}

.press-release img.i590 {
	max-width: 590px;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.press-release img.line {
	border: 1px solid #000;
}

.press-release img.line._noline_ {
	border: none;
}


.pr_support ul li {
	margin-bottom: 1em;
}

/*
20240401
*/

.pressrelease img.mfp-img {
	max-height: none !important;
}

/*
20210828
*/
.pr_image.list a {
	display: block;
}

.pr_image.list a+a {
	margin-top: .5%;
}

.pr_image.list a img {
	border: 1px solid #000;
}

.pr_image.list a img._noprline_ {
	border: none;
}

.pr_link {
	margin-top: 5%;
}

.pr_link ul li+li {
	margin-top: 2.5%;
}

.pr_image a img {
	border: 1px solid #000;
}

.pr_image a img._noprline_ {
	border: none;
}


.pr_link ul li+li {
	margin-top: 2.5%;
}



/*.press-release .entry-box .pr_image .des-outlink,

.press-release .entry-box .pr-image .des-outlink{
	display: block;
	padding-top: .75em;
}

@media (max-width: 405px) {
.des-outlink{
	text-align: left;
}
}*/

/* --------------------------------------------------
 *　お客様相談室
 * --------------------------------------------------
 */

.customercenter-box p.lead {
	text-align: left;
	line-height: 1.5;

}

/* ----------------------
 *　共通
 * ----------------------
 */
.customercenter-box dl {
	text-align: left;
}

.customercenter-box dl+dl {
	margin-top: 50px;
}

.supplemental {
	line-height: 1.4em;
}

/*  .customercenter-box dl dd p.supplemental:before{*/
.supplemental:before {
	content: "□";
	display: inline-block;
	margin-right: .2em;
}

/* ----------------------
 *　first
 * ----------------------
 */
.customercenter-box dl.first dt img {
	max-width: 321px;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.customercenter-box dl.first dd p.text span {
	font-size: .9em;
	display: block;
}

.customercenter-box dl.first dd p.text strong {
	color: #F00;

	font-size: 1.3em;
	display: block;
	letter-spacing: -.02em;
}



/* ----------------------
 *　second
 * ----------------------
 */
.customercenter-box dl.second {}

.customercenter-box dl.second dt {
	display: table;
	table-layout: fixed;
	margin-bottom: 2em;
}

.customercenter-box dl.second dt img {
	display: table-cell;
}

.customercenter-box dl.second dt .addressbox {
	display: table-cell;
	vertical-align: middle;
	font-weight: normal;
}

/* ----------------------
 *　third
 * ----------------------
 
 .customercenter-box dl.third {
	 
	 }
 */
/* ----------------------
 *　fourth
 * ----------------------

	 
 .customercenter-box dl.fourth {
	 
	 }
 */
.customercenter-box dl.fourth dt {
	background-color: #ffcdde;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #191415;
	padding: 5px 8px 2px;
	margin-bottom: 15px;
}

.customercenter-box dl.fourth dd {
	margin: auto .5em 2em .75em;
}

.customercenter-box dl.fourth dd p a:link {
	color: #F00;
	text-decoration: none;
}

.customercenter-box dl.fourth dd p a:visited {
	color: #F00;
	text-decoration: none;
}

.customercenter-box dl.fourth dd p a.hover {
	color: #F00;
	text-decoration: underline
}

.customercenter-box dl.fourth dd p a:hover {
	color: #F00;
	text-decoration: underline
}

.customercenter-box dl.fourth dd p a:active {
	color: #F00;
	text-decoration: underline
}

.customercenter-box dl.fourth dd p a:focus {
	color: #F00;
	text-decoration: underline
}



/* --------------------------------------------------
 *　お客様相談室 selectpage
 * --------------------------------------------------
 */

.askformbtnbox-header {
	text-align: center;
	margin: 25px auto 65px;
}


.askformbtnbox-header p {
	font-size: 1.2em;
	color: #FF0000;
	font-weight: bold;
	text-align: center;
}

.askformbtnbox-header p+p {
	padding-top: 25px;
}

.askformbtnbox-header p a:link {
	color: #000;
	text-decoration: underline;
}

.askformbtnbox-header p a:visited {
	color: #000;
	text-decoration: underline;
}

.askformbtnbox-header p a.hover {
	color: #F00;
	text-decoration: none
}

.askformbtnbox-header p a:hover {
	color: #F00;
	text-decoration: none
}

.askformbtnbox-header p a:active {
	color: #F00;
	text-decoration: none
}

.askformbtnbox-header p a:focus {
	color: #F00;
	text-decoration: none
}



@media screen and (min-width: 768px) and (max-width: 900px) {
	.askformbtnbox-header p {
		text-align: left;
	}
}

@media screen and (max-width: 600px) {
	.askformbtnbox-header p {
		text-align: left;
	}
}

.askformbtnbox-header p a {
	display: block;
	margin-top: 35px;
	text-align: center;
}



.askformbtnbox-body {
	text-align: center;
	margin: 0 auto;
	max-width: 590px;
	width: 100%;
	overflow: hidden;
}

.askformbtnbox-body ul li {
	margin-bottom: 25px;

}

.askformbtnbox-body ul li.toiawase a {

	color: #FFFFFF !important;
	font-size: 1.2em;
	line-height: 1.4;
	display: block;
	padding: 10px 10px;
	font-weight: normal;

	border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

	box-sizing: border-box;
	background: rgba(230, 0, 18, 1.0);
	text-decoration: none;
}

.askformbtnbox-body ul li.toiawase a.hover,
.askformbtnbox-body ul li.toiawase a:hover {

	cursor: pointer;
	text-decoration: none;

	background: rgba(230, 0, 18, 0.6);

}

.askformbtnbox-body ul li.toiawase_web a {

	color: #FFFFFF !important;
	font-size: 1.2em;
	line-height: 1.4;
	display: block;
	padding: 10px 10px;
	font-weight: normal;

	border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

	box-sizing: border-box;
	background: rgba(20, 82, 163, 1.0);
	text-decoration: none;
}

.askformbtnbox-body ul li.toiawase_web a.hover,
.askformbtnbox-body ul li.toiawase_web a:hover {

	cursor: pointer;
	text-decoration: none;

	background: rgba(20, 82, 163, 0.6);
}



.askformbtnbox-body ul li.toiawase_hojin a {

	color: #FFFFFF !important;
	font-size: 1.2em;
	line-height: 1.4;
	display: block;
	padding: 10px 10px;
	font-weight: normal;

	border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

	box-sizing: border-box;
	background: rgba(150, 150, 150, 1.0);
	text-decoration: none;
}

.askformbtnbox-body ul li.toiawase_hojin a.hover,
.askformbtnbox-body ul li.toiawase_hojin a:hover {

	cursor: pointer;
	text-decoration: none;
	background: rgba(150, 150, 150, 0.6);

}

/* --------------------------------------------------
 *　site-info.index
 * --------------------------------------------------
 */

.site-info.index .page-body {}

.site-info.index .page-body .local-menu li {
	max-width: 590px;
	width: 100%;
	box-sizing: border-box;

	margin: 30px 0 10px;
	padding: 0;
	background-position: left top;
	background-repeat: no-repeat;
	text-align: left;
}


.site-info.index .page-body .local-menu li:nth-of-type(1) {
	background-image: url(/english/common/img/ig/site-info/siteinfo_img01.jpg);
}

.site-info.index .page-body .local-menu li:nth-of-type(2) {
	background-image: url(/english/common/img/ig/site-info/siteinfo_img02.jpg);
}

.site-info.index .page-body .local-menu li:nth-of-type(3) {
	background-image: url(/english/common/img/ig/site-info/siteinfo_img03.jpg);
}

.site-info.index .page-body .local-menu li:nth-of-type(4) {
	background-image: url(/english/common/img/ig/site-info/siteinfo_img08.jpg);
}

.site-info.index .page-body .local-menu li:nth-of-type(5) {
	background-image: url(/english/common/img/ig/site-info/siteinfo_img04.jpg);
}

.site-info.index .page-body .local-menu li:nth-of-type(6) {
	background-image: url(/english/common/img/ig/site-info/siteinfo_img05.jpg);
}

.site-info.index .page-body .local-menu li:nth-of-type(7) {
	background-image: url(/english/common/img/ig/site-info/siteinfo_img06.jpg);
}

.site-info.index .page-body .local-menu li:nth-of-type(8) {
	background-image: url(/english/common/img/ig/site-info/siteinfo_img07.jpg);
}

.site-info.index .page-body .local-menu li a dl {
	margin-left: 75px;
}

.site-info.index .page-body .local-menu li a dl dt:before {
	margin: .25em .5em 0 .25em;
	content: "";
	display: inline-block;
	background: url(/english/common/img/icon/mark_1.png) no-repeat left center;
	width: 9px;
	height: 15px;
	background-size: 9px auto;
	box-sizing: border-box;
	vertical-align: top;

}

.site-info.index .page-body .local-menu li a dl dt {
	border-bottom: 1px solid #FF0000;

	width: 100%;
	text-align: left;
	font-size: 1.0em;
	box-sizing: border-box;
	padding-bottom: .25em;
	text-indent: -2em;
	padding-left: 2em;

}

.site-info.index .page-body .local-menu li a dl dd {
	width: 100%;
	text-align: left;
	font-size: 1.0em;
	box-sizing: border-box;
	padding: .75em 0 1em 1.25em;

}

.site-info.index .page-body .local-menu li a:link {
	color: #000;
	text-decoration: none;
}

.site-info.index .page-body .local-menu li a:visited {
	color: #000;
	text-decoration: none;
}

.site-info.index .page-body .local-menu li a.hover {
	color: #F00;
	text-decoration: underline
}

.site-info.index .page-body .local-menu li a:hover {
	color: #F00;
	text-decoration: underline
}

.site-info.index .page-body .local-menu li a:active {
	color: #F00;
	text-decoration: underline
}

.site-info.index .page-body .local-menu li a:focus {
	color: #F00;
	text-decoration: underline
}


/* --------------------------------------------------
 *　site-info mail-magazine
 * --------------------------------------------------
 */
.site-info.up-date .page-body .list-box ul {
	margin-top: 5%;
}

/* --------------------------------------------------
 *　site-info mail-magazine
 * --------------------------------------------------
 */


.mailmagazinebox ul li a {
	text-decoration: none;

}

.mailmagazinebox ul li+li {
	margin-top: 25px;
}

.mailmagazinebox ul li a dl {
	border: 1px solid #C3C3C3;
	border-top: none;
	border-radius: 2px;
}

.mailmagazinebox ul li a dl dt {
	background-color: #787878;

	border-radius: 2px;
}

.mailmagazinebox ul li:first-child a dl dt {
	background-color: #DC0000;
}

.mailmagazinebox ul li a dl dt p {
	color: #fff;
	font-size: 1.1em;
	text-align: left;
	line-height: 1.5;
	padding: .25em .5em;
}

.mailmagazinebox ul li a dl dd {
	padding: 25px 10px;

}

.mailmagazinebox ul li a dl dd button {
	font-size: 1.5em;
	padding: .25em 1em;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #A6A8A5;
	background: -moz-linear-gradient(top, #eee, #FFF 50%, #FFF 50%, #eeeeee);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #FFF), color-stop(0.5, #FFF), to(#eeeeee));
}


.mailmagazinebox ul li a dl dd button:after {
	content: url(/english/common/img/ssl_key.gif);
	display: inline-block;
	margin-left: .2em;
}



/* --------------------------------------------------
 *　site-info melmaga
 * --------------------------------------------------
 */

.melmagabox p.lead {
	margin-bottom: .5em;
}

.melmagabox p.note {
	text-align: left;
	font-size: .8em;
}

.melmagabox dl {
	margin-top: 35px;
}

.melmagabox dl dt {

	border: 1px solid #DDDDDD;
	background: rgb(255, 255, 255);
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 43%, rgba(229, 229, 229, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(43%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 43%, rgba(229, 229, 229, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 43%, rgba(229, 229, 229, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 43%, rgba(229, 229, 229, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 43%, rgba(229, 229, 229, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
	/* IE6-8 */
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0;
	margin: 0;
}

.melmagabox dl dt h3 {
	font-size: 1.0em;
	text-align: left;
	padding: .75em .5em;
	margin: 0;
}

.melmagabox dl dd {
	text-align: left;
	padding: .75em .5em;
	margin: 0;
}

.melmagabox dl dd p {
	margin: 0;
	padding: 0;
}


.melmagabox dl dd ul li {
	border-left: 5px solid #DDD;
	padding-left: 5px;

	/*	margin:5px 0 8px 3px;*/

}

.melmagabox dl dd ul li+li {
	margin-top: 12px;
}


.melmagabox dl dd ul li:first-child {
	border-left: 5px solid #CCC;
}

.melmagabox dl dd ul li a:after {
	content: "＞＞";
	display: inline-block;
	padding-left: 5px;

}


.melmagabox dl dd ul li a {
	color: #e60012;
	text-decoration: underline
}

.melmagabox dl dd ul li a.hover {
	font-weight: bold;
}

.melmagabox dl dd ul li a:hover {
	font-weight: bold;
}



/* --------------------------------------------------
 *　site-info private-policy
 * --------------------------------------------------
 */





/* ----------------------
 *　privacy_frame
 * ----------------------
 */

.privacy-lead-copy {
	margin: 50px 0 1px;
}

.privacy_element_frame {
	background-color: #FFF;
	text-align: left;

	max-width: 588px;
	width: 100%;
	max-height: 200px;
	height: auto;

	overflow-y: scroll;
	overflow-x: hidden;
	border: 1px solid #808080;
	padding: 3px 0;
	text-align: justify;
	margin-bottom: 10px;
}


.privacy_element_title {
	margin: 0 auto;
	text-align: center;
	font-size: 1.1em;
}

.privacy_element_frame p {
	text-align: left;
	padding: 15px 15px;
	line-height: 1.5;
}

.privacy_element_frame dl {
	padding-left: 15px;
	padding-right: 15px;
}

.privacy_element_frame dl dt {
	font-weight: bold;
	padding-bottom: 3px;
}

.privacy_element_frame dl dd {
	padding-bottom: 15px;
}

.privacy_element_frame dl dd a:link {
	color: #000000;
	text-decoration: none
}

.privacy_element_frame dl dd a:visited {
	color: #000000;
	text-decoration: none
}

.privacy_element_frame dl dd a.hover {
	color: #FF0000;
	text-decoration: underline
}

.privacy_element_frame dl dd a:hover {
	color: #FF0000;
	text-decoration: underline
}

.privacy_element_frame dl dd a:active {
	color: #FF0000;
	text-decoration: underline
}

.privacy_element_frame dl dd a:focus {
	color: #FF0000;
	text-decoration: underline
}

.privacy_element_frame dl dd ul {
	padding-top: 3px;
}

.privacy_element_frame ul li {
	padding-bottom: 3px;
	list-style: none;
}

.privacy_element_frame ul li img {
	width: 100%;
	height: auto;
}

img.webadmin2img {
	max-width: 200px;
	width: 100%;
	height: auto;
}

.privacy_element_form {

	text-align: left;
	max-width: 590px;
	width: 100%;
	padding: 15px 0;
}

.privacy_element_form ul li {
	list-style: none;
}





/* ----------------------
 *　privatepolicy-box
 * ----------------------
 */


.privatepolicy-box .privacy_element_frame {
	max-height: 100%;
	overflow-y: visible;
	overflow-x: visible;
	border: none;
}



.recruitindex-box .privacy_element_frame p.lead {
	font-size: 1.0em;
}




/* --------------------------------------------------
 *　site-info disclaimer
 * --------------------------------------------------
 */
.disclaimer-box dl {
	text-align: left;
}

.disclaimer-box dl dt {
	font-weight: bold;
}

.disclaimer-box dl dd {
	line-height: 1.8;
	padding-left: 1em;
	margin-bottom: 25px;
}

/* --------------------------------------------------
 *　site-info sitemap site-map
 * --------------------------------------------------
 */
.sitemap-box {
	text-align: left;
	padding: 0;
	margin: 0;
}


.sitemap-box h1:before {
	margin: 0 0 0 0;

	content: "";
	display: inline-block;
	background: url(/english/common/img/icon/mark_b2.png) no-repeat left top;
	width: 22px;
	height: 15px;
	background-size: 22px auto;
	vertical-align: middle;
}

.sitemap-box h1 {
	font-size: 1.5em;
	letter-spacing: -.05em;
	text-indent: -1.25em;
	padding-left: 1.25em;

}



.sitemap-box h1+ul {
	margin-bottom: 25px;
}

.sitemap-box h1+ul li:before {
	margin: 0 .15em 0 0;
	content: "";
	display: inline-block;
	background: url(/english/common/img/icon/mark_b.png) no-repeat left center;
	width: 11px;
	height: 15px;
	background-size: 11px auto;
	vertical-align: middle;
}

.sitemap-box h1+ul li {
	font-size: 1.0em;
	margin-bottom: .1em;
}




.sitemap-box .inner {
	display: inline-block;
	width: 48.5%;
	vertical-align: top;
}

.sitemap-box .inner dl+dl {
	margin-top: 45px;
}

.sitemap-box .inner dl dt {
	color: #FFF;
	/*	background-color:#CB0003;*/
	width: 100%;
	padding: 5px 1px 5px 3px;
	margin-bottom: 12px;
	font-size: .9em;



	background: -moz-linear-gradient(50% -0.29% -90deg, rgba(252, 0, 0, 1) 0%, rgba(195, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(252, 0, 0, 1) 0%, rgba(195, 0, 0, 1) 100%);
	background: -webkit-gradient(linear, 50% -0.29%, 50% 100.4%, color-stop(0, rgba(252, 0, 0, 1)), color-stop(1, rgba(195, 0, 0, 1)));
	background: -o-linear-gradient(-90deg, rgba(252, 0, 0, 1) 0%, rgba(195, 0, 0, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(252, 0, 0, 1) 0%, rgba(195, 0, 0, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FC0000', endColorstr='#C30000' ,GradientType=0)";
	background: linear-gradient(180deg, rgba(252, 0, 0, 1) 0%, rgba(195, 0, 0, 1) 100%);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FC0000', endColorstr='#C30000', GradientType=0);

}

.sitemap-box .inner dl dd:before {
	margin: 0 .15em 0 0;
	content: "";
	display: inline-block;
	background: url(/english/common/img/icon/mark_b.png) no-repeat left center;
	width: 11px;
	height: 15px;
	background-size: 11px auto;
	vertical-align: middle;


}

.sitemap-box .inner dl dd {
	text-indent: -1em;
	padding-left: 1em;

}

.sitemap-box .inner dl dd+dd {
	margin-top: .35em;
}

.sitemap-box .inner dl dd ul {
	margin-left: 1.5em;
	margin-top: .35em;
}

.sitemap-box .inner dl dd ul li:before {
	margin: 0 .15em 0 0;
	content: "├";
	display: inline-block;
	vertical-align: middle;



}

.sitemap-box .inner dl dd ul li:last-child:before {
	margin: 0 .15em 0 0;
	content: "└";
	display: inline-block;
	vertical-align: middle;
}


.sitemap-box .inner dl dd ul li+li {
	margin-top: .35em;

}

@media screen and (max-width: 480px) {

	.sitemap-box .inner {
		width: 100%;
	}

	.sitemap-box .inner+.inner {
		margin-top: 45px;
	}
}








/* --------------------------------------------------
 *　special
 * --------------------------------------------------
 */



/* -------------------------
 *　当社商品の取扱店舗の案内
 * --------------------------
 */

.special.discontinuance p.lead {
	margin-bottom: 25px;
}

.special.discontinuance p a:link {
	color: #0000FF;
	text-decoration: underline;
}

.special.discontinuance p a:visited {
	color: #0000FF;
	text-decoration: underline;
}

.special.discontinuance p a:hover {
	color: #e60012;
	text-decoration: none
}

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

.special.discontinuance p a:active {
	color: #e60012;
	text-decoration: none
}

.special.discontinuance p a:focus {
	color: #e60012;
	text-decoration: none
}

.special.discontinuance .sup {
	margin-top: 75px;
	text-align: left;
	line-height: 1.4;
}

/* ----------------------
 *　first
 * ----------------------
 */



.special.discontinuance dl.first {

	text-align: left;
}

.special.discontinuance dl.first dt img {
	max-width: 321px;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.special.discontinuance dl.first dd p.text span {
	font-size: .9em;
	display: block;
}

.special.discontinuance dl.first dd p.text strong {
	color: #F00;

	font-size: 1.15em;
	display: block;
	letter-spacing: -.1em;
}





/* --------------------------------------------------
 *　リスト(プレス、更新履歴、プレゼント)
 * --------------------------------------------------
 */
.list-box ul li span:before,
.list-box ul li a:before {

	margin: -.15em .5em 0 0;
	content: "";
	display: inline-block;
	background: url(/english/common/img/icon/mark_1.png) no-repeat left top;
	width: 9px;
	height: 15px;
	background-size: 9px auto;
	box-sizing: border-box;
	vertical-align: middle;



}

.list-box ul li {
	border-bottom: 1px solid #FF0000;

	width: 100%;
	text-align: left;
	font-size: 1.2em;
	margin-bottom: 2em;
	box-sizing: border-box;


}

.list-box ul li span,
.list-box ul li a {
	display: inline-block;
	width: 90%;

	text-indent: -1em;
	padding-left: 1em;



}

.list-box ul li a:link {
	color: #F00;
	text-decoration: none;
}

.list-box ul li a:visited {
	color: #F00;
	text-decoration: none;
}

.list-box ul li a.hover {
	color: #F00;
	text-decoration: underline
}

.list-box ul li a:hover {
	color: #F00;
	text-decoration: underline
}

.list-box ul li a:active {
	color: #F00;
	text-decoration: underline
}

.list-box ul li a:focus {
	color: #F00;
	text-decoration: underline
}

.list-box ul li a:after {
	content: ">>";
	margin-left: 1.2em;
	display: inline-block;
}

.list-box ul li .panel-collapse.collapse p,
.list-box ul li .panel-collapse.collapse.in p {
	padding: .5em 1em;
}

/* --------------------------------------------------
 *　リンク集
 * --------------------------------------------------
 */


.linkcollection .list-box ul {
	margin-left: 1em;
	margin-right: 1em;
}

.linkcollection .list-box ul li:before {

	content: "";

	background: url(/english/common/img/icon/mark_bl.png) no-repeat left center;
	width: 9px;
	height: 15px;
	background-size: 9px auto;

}

.linkcollection .list-box ul li {
	border-bottom: none;

}

.list-box ul li a {
	width: auto;

}

.linkcollection .list-box ul li a:link {
	color: #000;
	text-decoration: none;
}

.linkcollection .list-box ul li a:visited {
	color: #000;
	text-decoration: none;
}

.linkcollection .list-box ul li a.hover {
	color: #115DCE;
	text-decoration: underline
}

.linkcollection .list-box ul li a:hover {
	color: #115DCE;
	text-decoration: underline
}

.linkcollection .list-box ul li a:active {
	color: #115DCE;
	text-decoration: underline
}

.linkcollection .list-box ul li a:focus {
	color: #115DCE;
	text-decoration: underline
}


.linkcollection .list-box ul li a:after {
	content: "";
}


/* --------------------------------------------------
 *　プレゼント .presents
 * --------------------------------------------------
 */

.present-box h1:before {
	content: url(/english/common/img/icon/present_mark.png);
	display: inline-block;
	margin-right: -75px;
	margin-left: -5%;
	padding-right: 5%;
}

.present-box h1 {
	color: #FF0000;
	font-size: 1.8em;
	line-height: 1.4;
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
}

.present-box h1+p {
	font-size: 1em;
	line-height: 1.4;
	/*	text-align: left;*/
}

.present-image img {
	max-width: 278px;
	width: 100%;
	height: auto;
	margin: .25em auto;

}

.present-image img.s278 {
	max-width: 278px;
	width: 100%;
	height: auto;
	margin: .25em auto;

}

.present-image img.s204 {
	max-width: 204px;
}

.present-image img.s347 {
	max-width: 347.5px;
}

.present-image img.s417 {
	max-width: 417px;
}

.present-image img.s492 {
	max-width: 492px;
}

.present-image img.s556 {
	max-width: 556px;
}

.present-image img.s590 {
	max-width: 590px;
}

.present-image ul {
	text-align: center;
	margin: 0 auto;
}

.present-image ul li+li {
	margin-top: .25em;
}

/*
.present-image ul li:last-child:before{
    content: "＜＜＜";
    display: inline;
    margin-right: .25em;
}
.present-image ul li:last-child:after{
    content: "＞＞＞";
    display: inline;
    margin-left:.25em;
	
}
*/
.present-image ul li a {
	text-decoration: none;

}

.present-period {
	/*	border:5px double #F83838;*/
	border: 2px solid #F83838;
	border-radius: .5em;
	padding: 2px 8px;
	max-width: 590px;
	width: 100%;
	display: table;
	vertical-align: middle;
}

.present-period p {
	border: 1px solid #F83838;
	border-radius: .25em;
	/**/
	max-width: 590px;
	width: 100%;
	margin: 5px 0;
	padding: 10px 8px;
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
	display: table;
	vertical-align: middle;
}

.present-period p span {
	color: #FF0000;
}

.present-period+p.present-period-sup {
	margin: 5px 0 0;
	color: #E11111;
	font-size: .9em;
	text-align: center;

}


/* ----------------------
 *　present-viewbox
 * ----------------------
 */




.present-viewbox {
	margin: 25px 0;
}

.present-viewbox p {
	color: #000;
	font-size: 1em;
	text-align: left;
}


.present-viewbox h3 {
	margin: 35px 0 15px;
	color: #0066FF;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
}

.present-viewbox .present-keywordlinkbox {
	border: 1px solid #FF0000;
	border-radius: .25em;
	padding: 10px 15px;
	margin: 10px 0 25px;
}

.present-viewbox dl.present-keywordlinkbox {
	text-align: left;
}

.present-viewbox dl.present-keywordlinkbox dt {
	font-weight: bold;
}

.present-viewbox dl.present-keywordlinkbox dt+dt {
	font-weight: normal;
}

.present-viewbox dl.present-keywordlinkbox dd {
	margin-top: 0.3em;

	text-indent: -1em;
	padding-left: 1em;

}

.present-viewbox dl.present-keywordlinkbox dd:before {
	content: "●";
}

.present-keywordlinkbox dd a:link {
	color: #F00;
	text-decoration: none;
}

.present-keywordlinkbox dd a:visited {
	color: #F00;
	text-decoration: none;
}

.present-keywordlinkbox dd a.hover {
	color: #F00;
	text-decoration: underline
}

.present-keywordlinkbox dd a:hover {
	color: #F00;
	text-decoration: underline
}

.present-keywordlinkbox dd a:active {
	color: #F00;
	text-decoration: underline
}

.present-keywordlinkbox dd a:focus {
	color: #F00;
	text-decoration: underline
}




/* ----------------------
 *　応募に関するお願い
 * ----------------------
 */

.present-viewbox .presentnote-title {
	max-width: 590px;
	width: 100%;
	background-color: #FECEDE;
	border-radius: .25em;
}


.present-viewbox .presentnote-title strong {
	display: block;
	padding: 5px 10px;
	text-align: left;
	font-size: .8em;
	letter-spacing: .1em;
}

.present-viewbox .presentnote-topic {
	padding: 15px 0;
	text-align: left;
}

.present-viewbox ul {
	text-align: left;
	margin-left: 15px;
	margin-bottom: 65px;
}

.present-viewbox ul li {
	list-style-type: decimal;
	list-style-position: outside;

}

@media screen and (max-width: 640px) {
	.present-viewbox ul li {
		margin-left: .5em;
		margin-right: .5em;

	}
}



.present-viewbox .entry-justbefore p {
	text-align: center;
}

.present-viewbox .entry-justbefore p+p {
	margin-top: 30px;
}

@media screen and (min-width: 601px) {
	.present-viewbox .btn-orange a {
		letter-spacing: .1em;
		font-size: 1.2em;
	}
}

@media screen and (max-width:600px) {

	.privacy-lead-copy,
	.present-viewbox .entry-justbefore p {
		text-align: left;
	}

}

/* ----------------------
 *　presents-w
 * ----------------------
 */

.presents-w .present-box .first img {
	max-width: 590px;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.presents-w .present-box .first p {
	text-align: center;
	font-size: 1em;
	line-height: 1.4;
	padding: 0 25px;
}

@media screen and (min-width: 767px) and (max-width: 900px) {
	.presents-w .present-box .first p {
		text-align: left;
	}

	.presents-w .present-box .first p br {
		display: none;
	}
}

@media screen and (max-width:600px) {
	.presents-w .present-box .first p {
		text-align: left;
	}

	.presents-w .present-box .first p br {
		display: none;
	}
}

.presents-w .present-box .second {
	padding-bottom: 25px;
}

.presents-w .present-box .second p {
	font-size: 1.0em;
}

.end-message {
	padding: 25px 0 35px;
}


.presentsw-gaiyobox .presentsw-gaiyo {
	content: "";
	width: 100%;
	background: url(/english/common/img/icon/wline.png) repeat-x left top transparent;
	background-size: 5px auto;
	text-align: left;
}

.presentsw-gaiyobox .presentsw-gaiyo strong {
	background: white;
	display: inline-block;
	padding: 0 .5em 0 0;
	position: relative;
	top: -.35em;

}

.presents-w .present-viewbox .presentnote-title {
	content: "";
	width: 100%;
	background: url(/english/common/img/icon/wline.png) repeat-x left top transparent;
	background-size: 5px auto;
	text-align: left;
}

.presents-w .present-viewbox .presentnote-title strong {
	background: white;
	display: inline-block;
	padding: 0 .5em 0 0;
	position: relative;
	top: -.35em;
	font-size: .9em;

}



.presentsw-gaiyobox .presentsw-gaiyo+p {
	font-size: 1.0em;
	text-align: left;
	padding-left: .05em;
}

.presentsw-entryconditions {
	border: 10px solid #eee;
	border-radius: .5em;
	padding: 10px;
	max-width: 590px;
	width: 100%;
	text-align: left;
	margin-bottom: 35px;
}

.presentsw-entryconditions dl dt {
	color: #F00;
}

.presentsw-entryconditions dl dd {
	font-weight: bold;
	display: inline-block;
	text-indent: -.9em;
	padding-left: .9em;
	margin-top: .15em;

}

.presentsw-entryconditions dl dd:before {
	content: "●";


	color: #F00;

	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
	display: inline-block;
	margin-right: .2em;
	margin-left: 10px;
	vertical-align: top;

}

.presents-w .present-period {
	border: 10px solid #F83838;
	border-radius: .5em;
	padding: 0 8px;
	max-width: 590px;
	width: 100%;
}

.presents-w .present-period p {
	border: none;
	border-radius: none;
	max-width: 590px;
	width: 100%;
	padding: 0;
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
}

.present-period p span {
	color: #FF0000;
}

.presents-w .present-period+p.present-period-sup {
	color: #E11111;
	font-size: .9em;
	text-align: center;
	margin-bottom: -15px;
	padding-bottom: 0;

}

.presentw-note {
	margin-bottom: 50px;

}

.presents-w .present-viewbox dl.present-keywordlinkbox dd:before {
	content: "\f144";
	font-family: FontAwesome;
	color: #F00;
	margin-right: .25em;

}





/* ----------------------
 *　banner共通
 * ----------------------
 */

.banner.gd2016 {
	max-width: 369px;
	width: 100%;
	height: auto;
	margin: 0;
	padding-bottom: 1em;
}





/* --------------------------------------------------
 *　event
 * --------------------------------------------------
 */


.event img {
	height: auto;
	width: 100%;
	margin: 0;
}

.event .front-box h1 {
	margin: 0;
	padding: 0;
}

.event .page-header h1,
.event .page-body h1 {
	/*	margin: 0 0 1em;*/
	margin: 0 0 0;
	padding: 0;
}

.event .page-header h1 img,
.event .page-body h1 img {
	max-width: 590px;
	/*	
	width: 100%;
	height: auto;
	margin: 0;
	*/
}



/* --------------------------------------------------
 *　event.kodawari
 * --------------------------------------------------
 */

.event.kodawari .local-menu {}


.event.kodawari .local-menu ul {
	text-align: left;
	margin-top: .75em;
}


.event.kodawari .local-menu ul li {
	display: inline-block;
	text-align: left;
	margin-right: .75em;
	margin-bottom: .75em;
	font-size: 1.2em;
	color: #0D0D85;
}

.event.kodawari .local-menu ul li:last-child {
	margin-right: 0;
}

.event.kodawari .local-menu ul li a:before {

	margin: -.25em .25em 0 0;
	display: inline-block;

	box-sizing: border-box;
	vertical-align: middle;

	content: "\f06a";
	font-family: FontAwesome;
	font-size: 1.5em;

}

.event.kodawari .local-menu ul li a {
	font-weight: bold;
	text-decoration: none;
	color: #0D0D85;
}

.event.kodawari .local-menu ul li a.hover,
.event.kodawari .local-menu ul li a:hover {
	color: #2C98FE;
	text-decoration: none;
}

.event.kodawari .page-body>h2 {
	text-align: left;
	background: -webkit-linear-gradient(356deg, rgb(2, 2, 126) 0%, rgb(255, 255, 255) 90%);
	background: -o-linear-gradient(356deg, rgb(2, 2, 126) 0%, rgb(255, 255, 255) 90%);
	background: -ms-linear-gradient(356deg, rgb(2, 2, 126) 0%, rgb(255, 255, 255) 90%);
	background: -moz-linear-gradient(356deg, rgb(2, 2, 126) 0%, rgb(255, 255, 255) 90%);
	background: linear-gradient(94deg, rgb(2, 2, 126) 0%, rgb(255, 255, 255) 90%);
	color: #FFFFFF;
	font-size: 1.1em;
	border-radius: 4px;
	padding: 7px 10px;
	margin: 0 0 0;
}

.event.kodawari .page-body>h2:first-of-type {
	margin: 1em 0 0;
}

.event.kodawari .page-body>p {
	text-align: left;
	margin: 1.5em 0;
}


/*
-------------------------------
*/
.event.kodawari .page-body .kodawari-kamadaki {
	max-width: 590px;
	width: 100%;
	height: auto;
	background-color: #E8F2FB;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 5px;
}

.event.kodawari .page-body .kodawari-kamadaki>p {
	color: #5D60A2;
	text-align: left;
	font-weight: bold;

}

.event.kodawari .page-body .kodawari-kamadaki ul {

	display: table;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 30px 0;

	margin: 0 auto;
	text-align: center;

}

.event.kodawari .page-body .kodawari-kamadaki ul li {
	display: table-cell;

	width: 50%;
	max-width: 200px;
	box-sizing: border-box;
}

.event.kodawari .page-body .kodawari-kamadaki ul li span {

	font-size: .9em;
	text-align: left;
	margin-top: .5em;
	display: block;
}

.event.kodawari .page-body .kodawari-kamadaki ul li img {
	max-width: 200px;
	height: auto;
	width: 100%;
}

@media screen and (max-width: 375px) {

	.event.kodawari .page-body .kodawari-kamadaki ul li {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
		margin: 0 auto;
		text-align: center;
	}

	.event.kodawari .page-body .kodawari-kamadaki ul li:first-of-type {
		margin-bottom: 2em;
	}

}






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



@media screen and (max-width: 480px) {


	.event.kodawari .page-body>h2 {
		text-align: left;
		background: -webkit-linear-gradient(356deg, rgb(2, 2, 126) 0%, rgb(255, 255, 255) 100%);
		background: -o-linear-gradient(356deg, rgb(2, 2, 126) 0%, rgb(255, 255, 255) 100%);
		background: -ms-linear-gradient(356deg, rgb(2, 2, 126) 0%, rgb(255, 255, 255) 100%);
		background: -moz-linear-gradient(356deg, rgb(2, 2, 126) 0%, rgb(255, 255, 255) 100%);
		background: linear-gradient(94deg, rgb(2, 2, 126) 0%, rgb(255, 255, 255) 100%);
	}

	.event.kodawari .local-menu ul li {
		font-size: 1.0em;
	}


	.event.kodawari .local-menu ul li a:before {
		font-size: 1.25em;

	}

}




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

.event.kodawari .page-body .second {
	margin-top: 3em;
}

.event.kodawari .page-body .second>p {
	color: #5D60A2;
	text-align: left;
	font-weight: bold;
	font-size: 1.2em;
}

.event.kodawari .page-body .kodawari-aobako,
.event.kodawari .page-body .kodawari-akabako {
	max-width: 590px;
	width: 100%;
	height: auto;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 5px;
}

.event.kodawari .page-body .kodawari-akabako {
	background-color: #FFE7FF;


}

.event.kodawari .page-body .kodawari-aobako {
	background-color: #DBF1FF;
	margin-top: 1.5em;
}

.event.kodawari .page-body .kodawari-aobako img,
.event.kodawari .page-body .kodawari-akabako img {
	float: left;
	max-width: 123px;
	width: 100%;
	height: auto;

}

.event.kodawari .page-body .kodawari-aobako dl,
.event.kodawari .page-body .kodawari-akabako dl {
	text-align: left;
	margin-left: 125px;

}

.event.kodawari .page-body .kodawari-aobako dl dt {
	color: #0000FF;
	margin-bottom: .5em;
}

.event.kodawari .page-body .kodawari-akabako dl dt {
	color: #FF0000;
	margin-bottom: .5em;
}


.event.kodawari .page-body .kodawari-aobako dl dd:before,
.event.kodawari .page-body .kodawari-akabako dl dd:before {
	content: "●";
	margin-right: .25em;

}

.event.kodawari .page-body .kodawari-aobako dl dd,
.event.kodawari .page-body .kodawari-akabako dl dd {
	text-indent: -1.2em;
	padding-left: 1.2em;

}



@media screen and (max-width: 480px) {
	.event.kodawari .page-body .second>p br {
		display: none;
	}

	.event.kodawari .page-body .kodawari-aobako img,
	.event.kodawari .page-body .kodawari-akabako img {
		float: none;
		text-align: center;
		margin: 0 auto;
		display: block;

	}

	.event.kodawari .page-body .kodawari-aobako dl,
	.event.kodawari .page-body .kodawari-akabako dl {

		margin: 0 auto;

	}


}



/* --------------------------------------------------
 *　event.history
 * --------------------------------------------------
 */


.event.history .page-body>p {
	text-align: left;
	line-height: 1.5;
	margin-left: 3.5%;
	margin-right: 3.5%;

}

.event.history .local-menu {
	font-family: "Rounded Mplus 1c";
	text-align: left;
	margin-top: 3em;
	font-size: 1em;

}


.event.history .local-menu ul li {
	margin: 0 0 2.5em;
	border-bottom: #6E7BA7 double;


}

.event.history.historyindex .local-menu ul li {
	border-bottom: none;

}

.event.history .local-menu ul li a span {
	color: #B50D0D;
	vertical-align: bottom;
	font-weight: bold;
	padding: 0;
	margin: 0 20px 0 0;
	letter-spacing: -.05em;
	font-size: 1.1em;

}

.event.history .local-menu ul li:nth-of-type(10) a span,
.event.history .local-menu ul li:nth-of-type(11) a span,
.event.history .local-menu ul li:nth-of-type(12) a span {
	margin-right: 10px;
}

.event.history .local-menu ul li a strong {
	color: #011864;
	font-size: 1.5em;
	line-height: 1.5;
	font-weight: 500;
	margin: 0;
	padding: 0;
	letter-spacing: -.01em;

}

.event.history .local-menu ul li:nth-of-type(2) a strong {
	letter-spacing: -.05em;
}

.event.history .local-menu ul li a {
	text-decoration: none;
}

.event.history .local-menu ul li a.hover strong,
.event.history .local-menu ul li a:hover strong {
	color: #B50D0D;
}


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


	.event.history .local-menu ul li a strong {
		display: block;

	}

}

.event.history.historypage .local-menu ul li a {
	pointer-events: none;
}

.event.history.historypage .local-menu ul li a.hover strong,
.event.history.historypage .local-menu ul li a:hover strong {
	color: #011864;
}









.event.history .page-bottom .local-navi {

	margin: 5em auto 3em;

	font-size: 1em;

}


.event.history .page-bottom .local-navi ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.event.history .page-bottom .local-navi ul li:after {
	content: "｜";
}

.event.history .page-bottom .local-navi ul li:last-of-type:after {
	content: "";
}


@media screen and (max-width: 480px) {


	.event.history .page-bottom .local-navi ul li {
		display: block;
		margin: 0 -.75em;
		padding: 15px 0;
		border-bottom: 1px solid #ccc;
		text-align: left;

	}

	.event.history .page-bottom .local-navi ul li a {
		padding-left: .75em;
		padding-right: .75em;

		width: 100%;
		display: block;
		position: relative;


	}

	.event.history .page-bottom .local-navi ul li a:after {
		content: "\f105";
		font-family: FontAwesome;
		position: absolute;
		right: .75em;
		text-align: right;
	}

	.event.history .page-bottom .local-navi ul li:first-of-type {

		border-top: 1px solid #ccc;
	}

	.event.history .page-bottom .local-navi ul li:after {
		content: "";
	}

	.event.history .page-bottom .local-navi ul li a:link {
		color: #000;
		text-decoration: none;
	}

	.event.history .page-bottom .local-navi ul li a:visited {
		color: #000;
		text-decoration: none;
	}

	.event.history .page-bottom .local-navi ul li a:hover {
		color: #e60012;
		text-decoration: underline
	}

	.event.history .page-bottom .local-navi ul li a.hover {
		color: #e60012;
		text-decoration: underline
	}

	.event.history .page-bottom .local-navi ul li a:active {
		color: #e60012;
		text-decoration: underline
	}

	.event.history .page-bottom .local-navi ul li a:focus {
		color: #e60012;
		text-decoration: underline
	}

}


/* --------------------------------------------------
 *　Event.history
 * --------------------------------------------------
 */

.event.history.historypage .first {
	float: left;
	margin: 0 3.5% 0 0;


}

.event.history.historypage .second img,
.event.history.historypage .first img {


	max-width: 150px;
	width: 100%;
	height: auto;


	margin-bottom: 0;
}

.event.history.historypage .second img+span,
.event.history.historypage .first img+span {
	font-size: .7em;
	font-weight: normal;
	display: block;
	max-width: 150px;
	text-align: center;
	margin: 0 auto;
}

.event.history.historypage.h08 .first,
.event.history.historypage.h04 .first {
	float: right;
	margin: 0 0 1.5% 3.5%;
}

.event.history.historypage.h08 .first img,
.event.history.historypage.h08 .first img+span,
.event.history.historypage.h04 .first img,
.event.history.historypage.h04 .first img+span {
	max-width: 200px;
}

.event.history.historypage.h12 .first p,
.event.history.historypage.h05 .first p {
	text-align: left;
}

.event.history.historypage.h09 .first img+span {
	text-align: left;
	margin: 0;
}

.event.history.historypage .second {

	text-align: left;
}

.event.history.historypage .second p {
	text-align: justify;

}

.event.history.historypage.h12 .second,
.event.history.historypage.h05 .second {
	margin: 0 auto;
	text-align: center;
}

.event.history.historypage.h12 .second img {

	margin: 5% auto 0;
	text-align: center;
	max-width: 194px;
}

.event.history.historypage.h05 .second img {

	margin: 5% auto 0;
	text-align: center;
	max-width: 350px;
}

.event.history.historypage.h12 .second img+span,
.event.history.historypage.h05 .second img+span {
	margin: 0 auto;
	text-align: center;
	max-width: 350px;
}

/*
.event.history.historypage .page-body .second p:last-child{
	text-align: right;
	margin-left: 1em;
}
*/
@media screen and (max-width: 480px) {
	.event.history.historypage .first {
		float: none;
		width: 100%;
		margin: 0 auto;

	}

	.event.history.historypage .second {
		float: none;
		width: 99%;
		/*
	padding-left: .5%;
	padding-right: .5%;*/
		text-align: left;
		margin: 35px auto 0;
	}


}




/* --------------------------------------------------
 *　Event.Whats-sekken
 * --------------------------------------------------
 */


.event.whatssekken .page-header {
	margin: 7.5% 0 0;
	position: relative;
}

@media screen and (max-width: 767px) {
	.event.whatssekken .page-header {
		margin: 7.5% 0 0;
		padding: 0;
	}
}

.event.whatssekken .page-header h1 img {
	max-width: 590px;
}

.event.whatssekken .page-header>p {
	position: absolute;
	top: 17.5%;
	font-size: .9em;
	line-height: 2.1;
}

@media screen and (max-width: 480px) {
	.event.whatssekken .page-header>p {
		font-size: .75em;

	}
}

.event.whatssekken.index .page-body .local-menu {
	position: relative;
	z-index: 1;

}

.event.whatssekken.index .page-body .local-menu ul {

	margin-top: -45%;

}



.event.whatssekken.index .page-body .local-menu ul li {
	display: inline-block;
	width: 47.5%;
	margin-bottom: 2em;
	vertical-align: top;
}

.event.whatssekken.index .page-body .local-menu ul li a {
	text-decoration: none;
	color: #544E4E;
}

.event.whatssekken.index .page-body .local-menu ul li a.hover,
.event.whatssekken.index .page-body .local-menu ul li a:hover {
	text-decoration: none;
	color: #E60000;
}



.event.whatssekken.index .page-body .local-menu ul li a dl {
	text-align: left;
	width: 97.5%;


}

.event.whatssekken.index .page-body .local-menu ul li a dl dt {
	font-size: 1.2em;
	letter-spacing: -.08em;
	padding: .25em 0 .25em;
	border-bottom: 2px solid #CCC;

}

.event.whatssekken.index .page-body .local-menu ul li a dl dt:before {
	margin: 0 2px 0 0;

	content: "";
	display: inline-block;
	background: url(/english/common/img/icon/mark_bg2.png) no-repeat left top;
	width: 15px;
	height: 20px;
	background-size: 15px auto;
	vertical-align: middle;




}

/*
.event.whatssekken.index .page-body .local-menu ul li a.hover dl dt,
.event.whatssekken.index .page-body .local-menu ul li a:hover dl dt{
	border-bottom: 2px solid #E60000;
}
*/
.event.whatssekken.index .page-body .local-menu ul li a dl dd {
	color: #000;
	padding-top: .5em;

}


@media screen and (min-width: 768px) and (max-width: 900px) {
	.event.whatssekken.index .page-body .local-menu ul li {
		display: block;
		width: 100%;

	}
}

@media screen and (max-width: 599px) {
	.event.whatssekken.index .page-body .local-menu ul {
		margin-top: -35%;
	}

	.event.whatssekken.index .page-body .local-menu ul li {
		display: block;
		width: 100%;

	}

	.event.whatssekken.index .page-body .local-menu ul li a dl {

		width: 99%;


	}
}

/* --------------------------------------------------
 *　Event.Whats-sekken page
 * --------------------------------------------------
 */


.event.whatssekken.whatssekkenpage .page-body {

	position: relative;
	margin: -45% 0 0;
	z-index: 1;
}

@media screen and (max-width: 599px) {
	.event.whatssekken.whatssekkenpage .page-body {
		margin: -35% .1em 0 -.2em;
		/*.main-contents*/
	}
}




.event.whatssekken.whatssekkenpage .page-body .first {
	border: solid #534E4E;
	border-width: 0 1px 1px;
	border-radius: 5px;
	box-sizing: border-box;
	max-width: 552px;
	width: 100%;
	/*
	padding-left: .75em;
	padding-right: .75em;
	padding-bottom: 1.5em

	*/
	margin: 0;
	padding: 0 0 1.5em;

}

@media screen and (max-width: 767px) {
	.event.whatssekken.whatssekkenpage .page-body .first {
		margin: 0 auto;
		text-align: center;

	}
}

.event.whatssekken.whatssekkenpage .page-body .first h1 {

	width: 100%;
	background-color: #534E4E;
	border-radius: 5px 5px 0 0;
	border: 1px solid #534E4E;
	text-align: left;
	padding: .25em .75em;
	/*
	padding-left: .75em;
	padding-right: .75em;
	*/
	line-height: .75;
}



.event.whatssekken.whatssekkenpage .page-body .first h1 strong:before {

	content: "";
	display: inline-block;
	background: url(/english/common/img/icon/mark_3.png) no-repeat left center;
	background-color: #FFF;
	width: 11px;
	height: 19px;
	background-size: 11px auto;
	vertical-align: middle;
	margin: -.35em .15em 0 0;
	padding: 0;

	text-align: left;
}


.event.whatssekken.whatssekkenpage .page-body .first h1 strong {
	color: #FFFFFF;
	font-size: .5em;
	text-align: left;
	vertical-align: middle;

	/*	font-weight: normal;*/

}

.event.whatssekken.whatssekkenpage .page-body .first h2 {
	text-align: left;
	font-size: 1em;

	padding-left: .75em;
	padding-right: .75em;
	margin-bottom: 1em;
}

.event.whatssekken.whatssekkenpage .page-body .first p {
	text-align: left;
	font-size: 1em;

	padding-left: .75em;
	padding-right: .75em;
}

.event.whatssekken.whatssekkenpage .page-body .first p:first-of-type {
	margin-top: 1em;
}

.event.whatssekken.whatssekkenpage .page-body .imagebox {
	margin: .5em auto 2em;
	text-align: center;
	padding-left: .75em;
	padding-right: .75em;
}

.event.whatssekken.whatssekkenpage .page-body .first .next {
	text-align: left;
	padding-left: .75em;
	padding-right: .75em;
}

.event.whatssekken.whatssekkenpage .page-bottom .local-navi {
	margin: 5em auto 3em;
	font-size: 1em;
}

.event.whatssekken.whatssekkenpage .page-bottom .local-navi ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.event.whatssekken.whatssekkenpage .page-bottom .local-navi ul li:after {
	content: "｜";
}

.event.whatssekken.whatssekkenpage .page-bottom .local-navi ul li:last-of-type:after {
	content: "";
}


.event.whatssekken.whatssekkenpage .page-body .first.capter10 {
	min-height: 468px;
}

.event.whatssekken.whatssekkenpage .page-body .first.capter11 {
	min-height: 300px;
}

.event.whatssekken.whatssekkenpage .page-body .first.capter10 .imagebox:first-of-type {
	float: left;
	margin: 1em auto .5em;
}

.event.whatssekken.whatssekkenpage .page-body .first.capter10 .imagebox:last-of-type {
	float: right;
	margin: 0 auto 2em;
}

.event.whatssekken.whatssekkenpage .page-body .first.capter11 .imagebox:last-of-type {
	float: left;
	margin: 0 auto 2em;
}


@media screen and (max-width: 480px) {
	.event.whatssekken.whatssekkenpage .page-body .first.capter10 .imagebox:first-of-type {
		float: none;
		margin: 1em auto .5em;
	}

	.event.whatssekken.whatssekkenpage .page-body .first.capter11 .imagebox:last-of-type,
	.event.whatssekken.whatssekkenpage .page-body .first.capter10 .imagebox:last-of-type {
		float: none;
		margin: 1em auto 2em;
	}


	.event.whatssekken.whatssekkenpage .page-bottom .local-navi {
		margin-left: -1%;
	}

	.event.whatssekken.whatssekkenpage .page-bottom .local-navi ul {


		border-bottom: 1px solid #bbb;
	}

	.event.whatssekken.whatssekkenpage .page-bottom .local-navi ul li {
		display: block;
		margin: 0;
		padding: 0;
		border-top: 1px solid #bbb;
		text-align: left;
	}

	.event.whatssekken.whatssekkenpage .page-bottom .local-navi ul li a {
		width: 100%;
		display: block;
		padding: 5% 1.5%;
		text-decoration: none;
	}

	.event.whatssekken.whatssekkenpage .page-bottom .local-navi ul li a.hover,
	.event.whatssekken.whatssekkenpage .page-bottom .local-navi ul li a:hover {
		background-color: #eee;
		color: #000;
		text-decoration: none;
	}

	.event.whatssekken.whatssekkenpage .page-bottom .local-navi ul li:after {
		content: "";
	}

	.event.whatssekken.whatssekkenpage .page-bottom .local-navi ul li a:after {

		display: inline-block;
		float: right;
		content: "\f105";
		font-family: FontAwesome;
	}


}

/* --------------------------------------------------
 *　Event.norenpage common
 * --------------------------------------------------
 */
.event.noren.norenpage .page-header {
	position: relative;
	z-index: 2;
}

.event.noren.norenpage .page-header h1 img {
	max-width: 549px;
	width: 100%;
	height: auto;
	margin: 0;
}

.event.noren.norenpage .page-body {
	background-color: #F1F0DC;
	border-radius: 5px;
	position: relative;
	margin-top: -12.5%;
	z-index: 1;
	padding-bottom: 7.5%;
}

@media screen and (max-width: 600px) {
	.event.noren.norenpage .page-body {
		margin-top: -15%;
	}
}

.event.noren.norenpage .page-bottom .local-navi {
	margin: 5em auto 3em;
	font-size: 1em;
}

.event.noren.norenpage .page-bottom .local-navi ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.event.noren.norenpage .page-bottom .local-navi ul li:after {
	content: "｜";
}

.event.noren.norenpage .page-bottom .local-navi ul li:last-of-type:after {
	content: "";
}


@media screen and (max-width: 480px) {
	.event.noren.norenpage .page-body .noren-content .first dl {
		width: 100%;
		display: block;
	}

	.event.noren.norenpage .page-bottom .local-navi {
		margin-left: -1%;
	}

	.event.noren.norenpage .page-bottom .local-navi ul {
		border-bottom: 1px solid #bbb;
	}

	.event.noren.norenpage .page-bottom .local-navi ul li {
		display: block;
		margin: 0;
		padding: 0;
		border-top: 1px solid #bbb;
		text-align: left;
	}

	.event.noren.norenpage .page-bottom .local-navi ul li a {
		width: 100%;
		display: block;
		padding: 5% 1.5%;
		text-decoration: none;
	}

	.event.noren.norenpage .page-bottom .local-navi ul li a.hover,
	.event.noren.norenpage .page-bottom .local-navi ul li a:hover {
		background-color: #eee;
		color: #000;
		text-decoration: none;
	}

	.event.noren.norenpage .page-bottom .local-navi ul li:after {
		content: "";
	}

	.event.noren.norenpage .page-bottom .local-navi ul li a:after {

		display: inline-block;
		float: right;
		content: "\f101";
		font-family: FontAwesome;
	}
}

.goto-gallery {
	margin-top: 5%;
}

.goto-gallery a {}

.goto-gallery a img {
	max-width: 507px;
}


/* --------------　Event.norenpage noren-content--------------------
 -------------------------------------------------------------------
 */
.event.noren.norenpage .page-body .noren-content {
	margin: 0 auto;
	text-align: center;
	padding-left: .5em;
	padding-right: .5em;
}

.event.noren.norenpage .page-body .noren-content h1 {
	/*	padding-top: 10%;*/
	margin: 0 auto;
	text-align: center;
	padding-top: 10%;
}

@media screen and (max-width: 400px) {
	.event.noren.norenpage .page-body .noren-content h1 {
		padding-top: 5%;
	}

	.event.noren.norenpage .page-body .noren-content.histroy h1 {
		padding-top: 7.5%;
	}
}

@media screen and (max-width: 360px) {
	.event.noren.norenpage .page-body .noren-content h1 {
		padding-top: 2%;
	}
}

.event.noren.norenpage .page-body .noren-content h1 img {
	max-width: 507px;
}



.event.noren.norenpage .page-body .noren-content h2 {
	color: #1B2088;
	font-size: 1.2em;
	font-weight: bold;
}

.event.noren.norenpage .page-body .noren-content.histroy.index h2 {
	color: #1B2088;
	font-size: 1.5em;
	font-weight: normal;
	font-family: "Sawarabi Mincho";
	letter-spacing: -.05em;
	text-align: left;
	border-bottom: 1px solid #1B2088;
	max-width: 507px;
	margin: 1em auto;
}

.event.noren.norenpage .page-body .noren-content>p {
	max-width: 507px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	line-height: 1.4;
}




/* --------------------------------------------------
 *　Event .norenpage .noren-content .first
 * --------------------------------------------------
 */


.event.noren.norenpage .page-body .noren-content .first {
	margin-top: 5%;
}

.event.noren.norenpage .page-body .noren-content .first dl {
	width: 47.5%;
	display: inline-block;
	vertical-align: top;
}

.event.noren.norenpage .page-body .noren-content .first dl dt img {
	max-width: 260px;
}

.event.noren.norenpage .page-body .noren-content .first dl dd {
	margin-bottom: 10%;
}

/* --------------------------------------------------
 *　Event .norenpage .noren-content .first .index
 * --------------------------------------------------
 */

.event.noren.norenpage .page-body .noren-content.index>p {
	margin: 1em auto;
}

.event.noren.norenpage .page-body .noren-content.index .first a {
	text-decoration: none;
}

.event.noren.norenpage .page-body .noren-content.index .first a dl dt {
	background-color: #1B2088;
	color: #FFF;
	padding: .5em .1em;
}

.event.noren.norenpage .page-body .noren-content.index .first a dl dd {
	margin: 1em 0;
}



@media screen and (max-width: 480px) {

	.event.noren.norenpage .page-body .noren-content .first dl {
		width: 100%;
		display: block;
	}

	.event.noren.norenpage .page-bottom .local-navi {
		margin-left: -1%;
	}

	.event.noren.norenpage .page-bottom .local-navi ul {


		border-bottom: 1px solid #bbb;
	}

	.event.noren.norenpage .page-bottom .local-navi ul li {
		display: block;
		margin: 0;
		padding: 0;
		border-top: 1px solid #bbb;
		text-align: left;
	}

	.event.noren.norenpage .page-bottom .local-navi ul li a {
		width: 100%;
		display: block;
		padding: 5% 1.5%;
		text-decoration: none;
	}

	.event.noren.norenpage .page-bottom .local-navi ul li a.hover,
	.event.noren.norenpage .page-bottom .local-navi ul li a:hover {
		background-color: #eee;
		color: #000;
		text-decoration: none;
	}

	.event.noren.norenpage .page-bottom .local-navi ul li:after {
		content: "";
	}

	.event.noren.norenpage .page-bottom .local-navi ul li a:after {

		display: inline-block;
		float: right;
		content: "\f105";
		font-family: FontAwesome;
	}


}



/* --------------------------------------------------
 *　Event .norenpage .noren-content .second
 * --------------------------------------------------
 */

.event.noren.norenpage .page-body .noren-content .second {
	margin-top: 5%;
}

.event.noren.norenpage .page-body .noren-content .second dl {
	padding: 1.5em;
	text-align: center;
	margin: auto;
	font-size: .9em;
	max-width: 500px;
	width: 100%;
	height: auto;
	border: 1px solid #1E2590;
}

.event.noren.norenpage .page-body .noren-content .second dl+dl {
	margin-top: 5%;
}

.event.noren.norenpage .page-body .noren-content .second dl dt {
	font-weight: bold;
	text-align: left;
	padding-bottom: .5em;
}

.event.noren.norenpage .page-body .noren-content .second dl dd {
	padding-left: .5em;
	text-align: left;
}










/* --------------------------------------------------
 *　Event.norenpage area area-select
 * --------------------------------------------------
 */
.area-select {
	border: 1px solid #1B2088;
	padding: 1em .75em;
	border-radius: 3px;
	max-width: 507px;
	text-align: center;
	margin: 0 auto;
	box-sizing: border-box;
}

.area-select>p {
	color: #1B2088;
	font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 1.2em;
	letter-spacing: -.05em;
}

@media screen and (min-width: 768px) and (max-width: 900px) {
	.area-select>p {
		text-align: left;
	}
}

@media screen and (max-width: 600px) {
	.area-select>p {
		text-align: left;
	}
}

.area-select ul {
	text-align: center;
	margin: 0 auto;
	box-sizing: border-box;
}

.area-select ul li {
	height: 32px;
	overflow: hidden;
	display: inline-block;
	margin-left: 1%;
	margin-right: 1%;

}

.area-select ul li:nth-child(1) {
	width: 121px;
}

.area-select ul li:nth-child(2) {
	width: 90px;
}

.area-select ul li:nth-child(3) {
	width: 91px;
}

.area-select ul li:nth-child(4) {
	width: 90px;
}

.area-select ul li:nth-child(1) a img {
	margin: 0 0 0 0;
	width: auto;
}

.area-select ul li:nth-child(1) a.hover img,
.area-select ul li:nth-child(1) a:hover img {
	margin: -32px 0 0 0;
}

.area-select ul li:nth-child(2) a img {
	margin: -64px 0 0 0;
	width: auto;
}

.area-select ul li:nth-child(2) a.hover img,
.area-select ul li:nth-child(2) a:hover img {
	margin: -96px 0 0 0;
}

.area-select ul li:nth-child(3) img {
	margin: -128px 0 0 0;
	width: auto;
}

.area-select ul li:nth-child(3) a.hover img,
.area-select ul li:nth-child(3) a:hover img {
	margin: -160px 0 0 0;
}

.area-select ul li:nth-child(4) img {
	margin: -192px 0 0 0;
	width: auto;
}

.area-select ul li:nth-child(4) a.hover img,
.area-select ul li:nth-child(4) a:hover img {
	margin: -224px 0 0 0;
}














/* --------------------------------------------------
 *　Event.bathtriviapage
 * --------------------------------------------------
 */

.event.bathtriviapage .page-body .local-menu ul li {
	background-image: url(/english/common/img/event/bath-trivia/icon-indexmenu.png);
	background-repeat: no-repeat;
	background-position: left bottom;

	overflow: hidden;
	min-height: 36px;
	max-width: 530px;

	text-align: center;
	margin: 0 auto;
}

.event.bathtriviapage .page-body .local-menu ul li+li {
	margin-top: 2em;
}

.event.bathtriviapage .page-body .local-menu ul li a {
	text-decoration: none;
	text-align: left;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 75px;
	margin-bottom: 2%;
	line-height: 1.5;
}

@media screen and (max-width: 600px) {
	.event.bathtriviapage .page-body .local-menu ul li {
		margin-left: .75em;
		margin-right: .75em;
		box-sizing: border-box;
	}

	.event.bathtriviapage .page-body .local-menu ul li a {
		margin-left: 60px;
	}

}




.event.bathtriviapage .page-body dl {
	max-width: 530px;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
}

.event.bathtriviapage .page-body dl dt {
	background-image: url(/english/common/img/event/bath-trivia/icon-pagetitle.png);
	background-repeat: no-repeat;
	background-position: left bottom;


	min-height: 36px;

	max-width: 530px;


}

.event.bathtriviapage .page-body dl dt p {

	text-align: left;
	color: #FE4A00;
	font-size: 1.2em;
	line-height: 1.5;

	margin: 0 0 0 75px;
}

.event.bathtriviapage .page-body dl dd {
	background-color: #FEF0D6;
	border-radius: 0 0 5px 5px;
	margin: 0 auto;
	padding: 1.8em 2em 10%;
	min-height: 120px;
}

.event.bathtriviapage .page-body dl dd p {
	text-align: left;
	line-height: 1.5;


}

.event.bathtriviapage.knowledge08 .page-body dl dd p img,
.event.bathtriviapage.knowledge07 .page-body dl dd p img,
.event.bathtriviapage.knowledge06 .page-body dl dd p img,
.event.bathtriviapage.knowledge05 .page-body dl dd p img {
	float: left;
	max-width: 150px;
	width: 100%;
	min-height: 100px;
	height: auto;
	margin-right: 2.5%;


}

@media screen and (max-width: 480px) {

	.event.bathtriviapage.knowledge08 .page-body dl dd p img,
	.event.bathtriviapage.knowledge07 .page-body dl dd p img,
	.event.bathtriviapage.knowledge06 .page-body dl dd p img,
	.event.bathtriviapage.knowledge05 .page-body dl dd p img {
		float: none;
		display: block;
		text-align: center;
		margin: 0 auto 2.5%;

	}

}





.event.bathtriviapage .page-bottom .local-navi {
	margin: 5em auto 3em;
	font-size: 1em;
}

.event.bathtriviapage .page-bottom .local-navi ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.event.bathtriviapage .page-bottom .local-navi ul li:after {
	content: "｜";
}

.event.bathtriviapage .page-bottom .local-navi ul li:last-of-type:after {
	content: "";
}








@media screen and (max-width: 480px) {

	.event.bathtriviapage .page-bottom .local-navi {
		margin-left: -1%;
	}

	.event.bathtriviapage .page-bottom .local-navi ul {


		border-bottom: 1px solid #bbb;
	}

	.event.bathtriviapage .page-bottom .local-navi ul li {
		display: block;
		margin: 0;
		padding: 0;
		border-top: 1px solid #bbb;
		text-align: left;
	}

	.event.bathtriviapage .page-bottom .local-navi ul li a {
		width: 100%;
		display: block;
		padding: 5% 1.5%;
		text-decoration: none;
	}

	.event.bathtriviapage .page-bottom .local-navi ul li a.hover,
	.event.bathtriviapage .page-bottom .local-navi ul li a:hover {
		background-color: #eee;
		color: #000;
		text-decoration: none;
	}

	.event.bathtriviapage .page-bottom .local-navi ul li:after {
		content: "";
	}

	.event.bathtriviapage .page-bottom .local-navi ul li a:after {

		display: inline-block;
		float: right;
		content: "\f105";
		font-family: FontAwesome;
	}


}

/* --------------------------------------------------
 * 
 *　Event.museum
 * 
 * --------------------------------------------------
 */


.event.museum .page-header h1 img {
	max-width: 558px;

}

.event.museum .page-body {

	text-align: center;
	margin: 0 auto;
	max-width: 558px;
}




.event.museum .page-body h1 img {
	max-width: 236px;
	float: left;
	padding-top: 7.5%;
}


@media screen and (max-width: 900px) {
	.event.museum .page-body h1 img {
		float: none;
	}
}


.event.museum .page-body p {
	text-align: left;
	line-height: 1.5;
	padding: 25px 1em;
	clear: both;
}



.event.museum .page-body dl {
	text-align: left;
	padding: 10% 5%;
}

.event.museum .page-body dl dd+dt {
	margin-top: 7.5%;
}

.event.museum .page-body dl dd:last-of-type {
	margin-top: 7.5%;
}

@media screen and (max-width: 480px) {
	.event.museum .page-body h1 img {
		width: 50%;
	}

	.event.museum .page-body dl dd {
		font-size: .9em;
		letter-spacing: -.05em;
	}

	.event.museum .page-body dl dd:last-of-type {
		font-size: 1em;
		letter-spacing: 0;
	}

}

@media screen and (max-width: 374px) {

	.event.museum .page-body dl dd {
		letter-spacing: .1em;
	}

	.event.museum .page-body dl dd:last-of-type {
		letter-spacing: 0;
	}

}



/* --------------------------------------------------
 * 
 *　Event.museum 牛乳石鹸の歌追加
 * 
 * --------------------------------------------------
 */




#jplayer1 .player-container {
	position: relative;
	top: 35px;
	float: right;
}

#jplayer1 #bgm {
	cursor: pointer;
}

#jplayer1 #bgm img {
	max-width: 246px;
	width: 100%;
	height: auto;
}

@media screen and (max-width: 900px) {
	.event.museum .page-body h1 img {
		float: left;
	}
}

@media screen and (max-width: 870px) {
	.event.museum .page-body h1 img {
		float: none;
	}

	#jplayer1 .player-container {
		top: auto;
		margin: 15px auto;
		float: none;
	}
}

@media screen and (max-width: 480px) {
	.event.museum .page-body h1 img {
		width: 65%;
	}

	#jplayer1 #bgm img {
		width: 65%;
	}
}







/* --------------------------------------------------
 * 
 *　pagewide akabako-img
 * 
 * --------------------------------------------------
 */


.akabako-img .page-title,
.akabako-img .page-body {

	margin: 0 auto;
	text-align: center;
	max-width: 970px;
}

.akabako-img .page-body .first {
	margin: 0 auto;
	text-align: center;
	max-width: 900px;
	padding-bottom: 15%;
	position: relative;
}

.akabako-img .page-body .first .main-akabako-img-fb {
	position: absolute;
	right: .8%;
	top: .5%;
}

.main-akabako-image+p.last {
	margin: 25px auto;
	text-align: center;
}

.main-akabako-image+p.last:before {
	content: "≪";
}

.main-akabako-image+p.last:after {
	content: "≫";
}

@media screen and (max-width: 480px) {


	.akabako-img .page-body {
		padding-left: .25em;
		padding-right: .25em;
	}

	.akabako-img .page-body .first .main-akabako-img-fb img {
		width: 80%;
	}

	.main-akabako-image p.lead {
		padding-right: 35px;
	}

}


.carousel-control.left {
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0px, rgba(255, 255, 255, 0) 100%);

}

.carousel-control.right {
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.5) 100%);

}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	left: 15%;
}


.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 15%;
}






/* --------------------------------------------------
 *
 *　pagewide akabako-digest
 *
 * --------------------------------------------------
 */


.pagewide.pg1300.akabakodigest .navbar {
	display: none;
}

.pagewide.pg1300 #wrap {
	padding-top: 0;
}

.pagewide.pg1300 #wrap .container {
	max-width: 1300px;
}

.pagewide.pg1300 #wrap .container .row {
	max-width: 1300px;
}



.akabako-digest {
	background-image: url(/english/common/img/akabako-digest/back.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;

	padding: 0;
	margin: 0 auto 0;
	text-align: center;

}

.akabako-digest .ad-container {

	padding-left: .75em;
	padding-right: .75em;

	max-width: 970px;
	width: 100%;
	height: auto;

	margin: 0 auto;
	text-align: center;


}


.akabako-digest .ad-container .ad-box {

	box-sizing: border-box;


	box-shadow: 0px 0px 5px 3px #cccccc;
	-moz-box-shadow: 0px 0px 5px 3px #cccccc;
	-webkit-box-shadow: 0px 0px 5px 3px #cccccc;


	/* border-radius */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #FFFFFF;

	text-align: center;

	margin: 1% auto 1%;

	position: relative;
	padding-bottom: 2.5%;


}

.akabako-digest .ad-container .ad-box h1 img {
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;

	max-width: 878px;
	width: 100%;
	height: auto;

}

.akabako-digest .ad-header ul li:first-of-type {
	float: left;
	padding: 0;
}

.akabako-digest .ad-header ul li:last-of-type {
	float: right;
	padding: 0;
}

.akabako-digest .ad-header ul {
	overflow: hidden;
}

.akabako-digest .ad-header ul:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html .akabako-digest .ad-header ul {
	height: 1em;
	overflow: visible;
}

/**/
.akabako-digest .ad-header ul li:first-of-type {
	margin: .5% 0 0 .5em;
}

.akabako-digest .ad-header ul li:last-of-type {
	margin: .5% .5em 0 0;
}


.akabako-digest .ad-header ul li:first-of-type img {
	max-width: 170px;
	height: auto;
	width: 100%;
	-ms-interpolation-mode: bicubic;
}

.akabako-digest .ad-header ul li:last-of-type img {
	max-width: 30px;
	height: auto;
	width: 100%;
	-ms-interpolation-mode: bicubic;
}



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

.akabako-digest .ad-body {
	margin-left: .75em;
	margin-right: .75em;
	box-sizing: border-box;
}

.akabako-digest .ad-body .panel-heading {
	margin: 0 auto 1em;
	padding: 0;
	text-align: center;
}

.akabako-digest .ad-body .panel-heading a.first {
	/*	
	background-image:url(/english/common/img/akabako-digest/titleline.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	*/
	max-width: 878px;
	/*	height: auto;*/
	display: block;
	margin: 0 auto;
	text-align: center;
	height: 62px;
	overflow: hidden;
	border-radius: 4px;

	background: -webkit-linear-gradient(top, rgb(249, 0, 0) 0%, rgb(249, 0, 0) 5%, rgb(249, 0, 0) 7%, rgb(249, 0, 0) 10%, rgb(221, 0, 0) 50%, rgb(205, 0, 0) 87%, rgb(206, 0, 0) 90%, rgb(208, 0, 0) 92%, rgb(208, 0, 0) 93%, rgb(212, 0, 0) 99%);
	background: -o-linear-gradient(top, rgb(249, 0, 0) 0%, rgb(249, 0, 0) 5%, rgb(249, 0, 0) 7%, rgb(249, 0, 0) 10%, rgb(221, 0, 0) 50%, rgb(205, 0, 0) 87%, rgb(206, 0, 0) 90%, rgb(208, 0, 0) 92%, rgb(208, 0, 0) 93%, rgb(212, 0, 0) 99%);
	background: -ms-linear-gradient(top, rgb(249, 0, 0) 0%, rgb(249, 0, 0) 5%, rgb(249, 0, 0) 7%, rgb(249, 0, 0) 10%, rgb(221, 0, 0) 50%, rgb(205, 0, 0) 87%, rgb(206, 0, 0) 90%, rgb(208, 0, 0) 92%, rgb(208, 0, 0) 93%, rgb(212, 0, 0) 99%);
	background: -moz-linear-gradient(top, rgb(249, 0, 0) 0%, rgb(249, 0, 0) 5%, rgb(249, 0, 0) 7%, rgb(249, 0, 0) 10%, rgb(221, 0, 0) 50%, rgb(205, 0, 0) 87%, rgb(206, 0, 0) 90%, rgb(208, 0, 0) 92%, rgb(208, 0, 0) 93%, rgb(212, 0, 0) 99%);
	background: linear-gradient(to bottom, rgb(249, 0, 0) 0%, rgb(249, 0, 0) 5%, rgb(249, 0, 0) 7%, rgb(249, 0, 0) 10%, rgb(221, 0, 0) 50%, rgb(205, 0, 0) 87%, rgb(206, 0, 0) 90%, rgb(208, 0, 0) 92%, rgb(208, 0, 0) 93%, rgb(212, 0, 0) 99%);




}


@media screen and (max-width: 900px) {}


.akabako-digest .ad-body .panel-heading a.first h2.panel-title {
	text-align: left;
	vertical-align: middle;
	position: relative;
	top: 25%;
}

.akabako-digest .ad-body .panel-heading a.first h2.panel-title strong {
	padding-left: 1.5%;
}

.akabako-digest .ad-body .panel-heading a.first h2.panel-title span {
	padding-right: 1.5%;
}


.akabako-digest .ad-body .first-block .panel-heading a.first h2.panel-title strong img {
	max-width: 148px;
}

.akabako-digest .ad-body .second-block .panel-heading a.first h2.panel-title strong img:first-of-type {
	max-width: 266px;
}

.akabako-digest .ad-body .second-block .panel-heading a.first h2.panel-title strong img:last-of-type {
	max-width: 144px;
}

.akabako-digest .ad-body .third-block .panel-heading a.first h2.panel-title strong img {
	max-width: 231px;
}

.akabako-digest .ad-body .panel-heading a.first h2.panel-title span img {
	max-width: 41px;
}

@media screen and (max-width: 600px) {


	.akabako-digest .ad-body .second-block .panel-heading a.first {
		height: 93px;
	}

	.akabako-digest .ad-body .second-block .panel-heading a.first h2.panel-title {
		top: 15%;
	}

	.akabako-digest .ad-body .second-block .panel-heading a.first h2.panel-title strong img:last-of-type {
		padding-left: 1.5%;
		display: block;
	}

	.akabako-digest .ad-body .panel-heading a.first h2.panel-title span img {
		position: absolute;
		top: 0;
		right: 6px;

	}

}

@media screen and (max-width: 360px) {
	.akabako-digest .ad-body .first-block .panel-heading a.first h2.panel-title strong img {
		max-width: 104px;
	}

	.akabako-digest .ad-body .second-block .panel-heading a.first h2.panel-title strong img:first-of-type {
		max-width: 186px;
	}

	.akabako-digest .ad-body .second-block .panel-heading a.first h2.panel-title strong img:last-of-type {
		max-width: 101px;
	}

	.akabako-digest .ad-body .third-block .panel-heading a.first h2.panel-title strong img {
		max-width: 162px;
	}

	.akabako-digest .ad-body .panel-heading a.first h2.panel-title span img {
		max-width: 29px;
	}



}

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

.akabako-digest .aadd-body {
	margin-left: .75em;
	margin-right: .75em;
	box-sizing: border-box;
}

.akabako-digest .aadd-body .panel-heading {
	margin: 0 auto 1em;
	padding: 0;
	text-align: center;
}

.akabako-digest .aadd-body .panel-heading a.first {
	/*	
	background-image:url(/english/common/img/akabako-digest/titleline.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	*/
	max-width: 878px;
	/*	height: auto;*/
	display: block;
	margin: 0 auto;
	text-align: center;
	height: 62px;
	overflow: hidden;
	border-radius: 4px;

	background: -webkit-linear-gradient(top, rgb(249, 0, 0) 0%, rgb(249, 0, 0) 5%, rgb(249, 0, 0) 7%, rgb(249, 0, 0) 10%, rgb(221, 0, 0) 50%, rgb(205, 0, 0) 87%, rgb(206, 0, 0) 90%, rgb(208, 0, 0) 92%, rgb(208, 0, 0) 93%, rgb(212, 0, 0) 99%);
	background: -o-linear-gradient(top, rgb(249, 0, 0) 0%, rgb(249, 0, 0) 5%, rgb(249, 0, 0) 7%, rgb(249, 0, 0) 10%, rgb(221, 0, 0) 50%, rgb(205, 0, 0) 87%, rgb(206, 0, 0) 90%, rgb(208, 0, 0) 92%, rgb(208, 0, 0) 93%, rgb(212, 0, 0) 99%);
	background: -ms-linear-gradient(top, rgb(249, 0, 0) 0%, rgb(249, 0, 0) 5%, rgb(249, 0, 0) 7%, rgb(249, 0, 0) 10%, rgb(221, 0, 0) 50%, rgb(205, 0, 0) 87%, rgb(206, 0, 0) 90%, rgb(208, 0, 0) 92%, rgb(208, 0, 0) 93%, rgb(212, 0, 0) 99%);
	background: -moz-linear-gradient(top, rgb(249, 0, 0) 0%, rgb(249, 0, 0) 5%, rgb(249, 0, 0) 7%, rgb(249, 0, 0) 10%, rgb(221, 0, 0) 50%, rgb(205, 0, 0) 87%, rgb(206, 0, 0) 90%, rgb(208, 0, 0) 92%, rgb(208, 0, 0) 93%, rgb(212, 0, 0) 99%);
	background: linear-gradient(to bottom, rgb(249, 0, 0) 0%, rgb(249, 0, 0) 5%, rgb(249, 0, 0) 7%, rgb(249, 0, 0) 10%, rgb(221, 0, 0) 50%, rgb(205, 0, 0) 87%, rgb(206, 0, 0) 90%, rgb(208, 0, 0) 92%, rgb(208, 0, 0) 93%, rgb(212, 0, 0) 99%);




}


@media screen and (max-width: 900px) {}


.akabako-digest .aadd-body .panel-heading a.first h2.panel-title {
	text-align: left;
	vertical-align: middle;
	position: relative;
	top: 25%;
}

.akabako-digest .aadd-body .panel-heading a.first h2.panel-title strong {
	padding-left: 1.5%;
}

.akabako-digest .aadd-body .panel-heading a.first h2.panel-title span {
	padding-right: 1.5%;
}


.akabako-digest .aadd-body .first-block .panel-heading a.first h2.panel-title strong img {
	max-width: 148px;
}

.akabako-digest .aadd-body .second-block .panel-heading a.first h2.panel-title strong img:first-of-type {
	max-width: 266px;
}

.akabako-digest .aadd-body .second-block .panel-heading a.first h2.panel-title strong img:last-of-type {
	max-width: 144px;
}

.akabako-digest .aadd-body .third-block .panel-heading a.first h2.panel-title strong img {
	max-width: 231px;
}

.akabako-digest .aadd-body .panel-heading a.first h2.panel-title span img {
	max-width: 41px;
}

@media screen and (max-width: 600px) {


	.akabako-digest .aadd-body .second-block .panel-heading a.first {
		height: 93px;
	}

	.akabako-digest .aadd-body .second-block .panel-heading a.first h2.panel-title {
		top: 15%;
	}

	.akabako-digest .aadd-body .second-block .panel-heading a.first h2.panel-title strong img:last-of-type {
		padding-left: 1.5%;
		display: block;
	}

	.akabako-digest .aadd-body .panel-heading a.first h2.panel-title span img {
		position: absolute;
		top: 0;
		right: 6px;

	}

}

@media screen and (max-width: 360px) {
	.akabako-digest .aadd-body .first-block .panel-heading a.first h2.panel-title strong img {
		max-width: 104px;
	}

	.akabako-digest .aadd-body .second-block .panel-heading a.first h2.panel-title strong img:first-of-type {
		max-width: 186px;
	}

	.akabako-digest .aadd-body .second-block .panel-heading a.first h2.panel-title strong img:last-of-type {
		max-width: 101px;
	}

	.akabako-digest .aadd-body .third-block .panel-heading a.first h2.panel-title strong img {
		max-width: 162px;
	}

	.akabako-digest .aadd-body .panel-heading a.first h2.panel-title span img {
		max-width: 29px;
	}



}


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


.akabako-digest .panel-body {
	background-color: #faf8ef;
	max-width: 878px;
	margin: 0 auto 1em;
	text-align: center;
	padding: 0 1% 0;
	border-radius: 5px;

}




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

.akabako-digest .first-block .panel-body .panel-group.second .firstbox {
	max-width: 794px;
	padding: 40px 0;
	display: table;
	table-layout: fixed;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;

}


.akabako-digest .first-block .panel-body .panel-group.second .firstbox dl {
	display: table-cell;
	width: 65%;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
}

.akabako-digest .first-block .panel-body .panel-group.second .firstbox dl dt {
	padding-bottom: 25px;

}

.akabako-digest .first-block .panel-body .panel-group.second .firstbox dl dt img {
	max-width: 381px;
	width: 100%;
	height: auto;

}

.akabako-digest .first-block .panel-body .panel-group.second .firstbox dl dd p {
	text-align: left;
	line-height: 1.8;
	padding-right: 8.5%;
}

.akabako-digest .first-block .panel-body .panel-group.second .firstbox .imagebox {
	display: table-cell;
	width: 35%;
	margin: 0;
	padding: 0;
}

.akabako-digest .first-block .panel-body .panel-group.second .firstbox .imagebox img {

	max-width: 277px;
	width: 100%;
	height: auto;
}


@media screen and (min-width: 767px) and (max-width: 830px) {
	.akabako-digest .first-block .panel-body .panel-group.second .firstbox dl dd p br.hidden-xs {
		display: none;
	}
}

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

	.akabako-digest .first-block .panel-body .panel-group.second .firstbox {
		display: block;
		margin: 0 auto;
		text-align: center;
		padding-left: 2.5%;
		padding-right: 2.5%;
	}

	.akabako-digest .first-block .panl-body .panel-group.second .firstbox dl {
		display: block;
		width: 100%;

	}

	.akabako-digest .first-block .panel-body .panel-group.second .firstbox dl dd p {

		padding-right: 0;
		text-align: justify;
	}

	.akabako-digest .first-block .panel-body .panel-group.second .firstbox .imagebox {
		display: block;
		width: 100%;
		margin-top: 1%;

	}

}

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


.akabako-digest .first-block .panel-body .panel-group.second .secondbox {
	max-width: 794px;
	padding: 40px 0;
	display: block;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;

}


.akabako-digest .first-block .panel-body .panel-group.second .secondbox dl {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
}

.akabako-digest .first-block .panel-body .panel-group.second .secondbox dl dt {
	padding-bottom: 15px;

}

.akabako-digest .first-block .panel-body .panel-group.second .secondbox dl dt img {
	max-width: 193px;
	width: 100%;
	height: auto;

}

.akabako-digest .first-block .panel-body .panel-group.second .secondbox dl dd p {
	text-align: left;
	line-height: 1.8;
}

.akabako-digest .first-block .panel-body .panel-group.second .secondbox .imagebox {
	display: block;
	width: 100%;
	margin: 1% 0 0;
	padding: 0;
}

.akabako-digest .first-block .panel-body .panel-group.second .secondbox .imagebox img {

	max-width: 795px;
	width: 100%;
	height: auto;

}


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

	.akabako-digest .first-block .panel-body .panel-group.second .secondbox {
		display: block;
		margin: 0 auto;
		text-align: center;
		padding-left: 2.5%;
		padding-right: 2.5%;
	}


	.akabako-digest .first-block .panel-body .panel-group.second .firstbox dl dd p {

		padding-right: 0;
		text-align: justify;
	}


}



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


.akabako-digest .first-block .panel-body .panel-group.second .thirdbox {
	/*	max-width:794px;*/
	max-width: 794px;
	padding: 40px 22px;
	display: block;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
	background-color: #FFF;
	border-radius: 3px;

}

.akabako-digest .first-block .panel-body .panel-group.second .thirdbox dl {
	display: table-cell;
	width: 67.034%;
	margin: 0;
	padding: 0 0 0 20px;
	vertical-align: top;
	text-align: left;

}

.akabako-digest .first-block .panel-body .panel-group.second .thirdbox dl dt {
	padding-bottom: 10px;

}

.akabako-digest .first-block .panel-body .panel-group.second .thirdbox dl dt img {
	max-width: 151px;
	width: 100%;
	height: auto;

}

.akabako-digest .first-block .panel-body .panel-group.second .thirdbox dl dd p {
	text-align: left;
	line-height: 1.5;
	padding-right: 1.5%;

}

.akabako-digest .first-block .panel-body .panel-group.second .thirdbox .imagebox {
	display: table-cell;
	width: 23.066%;
	margin: 0;
	padding: 0;
}

.akabako-digest .first-block .panel-body .panel-group.second .thirdbox .imagebox img {

	max-width: 173px;
	width: 100%;
	height: auto;
}


@media screen and (max-width: 600px) {


	.akabako-digest .first-block .panel-body .panel-group.second .thirdbox {
		display: block;
		margin: 0 auto;
		text-align: center;
		padding-left: 2.5%;
		padding-right: 2.5%;
	}

	.akabako-digest .first-block .panel-body .panel-group.second .thirdbox dl {
		display: block;
		width: 100%;
		padding: 0 0 0 0;
	}

	.akabako-digest .first-block .panel-body .panel-group.second .thirdbox dl dd p {

		padding-right: 0;

		text-align: justify;
	}

	.akabako-digest .first-block .panel-body .panel-group.second .thirdbox .imagebox {
		display: block;
		width: 100%;
		margin-bottom: 2.5%;

	}

}


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



.akabako-digest .first-block .panel-body .panel-group.second .fourthbox {
	max-width: 794px;
	padding: 40px 0;

	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;

}


.akabako-digest .first-block .panel-body .panel-group.second .fourthbox h1 img {
	max-width: 290px;
	width: 100%;
	height: auto;
}

/*
.akabako-digest .first-block .panel-body .panel-group.second .fourthbox h1:before{
	content: url(/english/common/img/akabako-digest/txt-cowbrandakabako125-before.png);
max-width:339px;
	width: 100%;
	height: auto
}
*/

.akabako-digest .first-block .panel-body .panel-group.second .fourthbox p {
	text-align: left;
	font-size: 1.0em;
	line-height: 1.0;
	color: #e60000;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.akabako-digest .first-block .panel-body .panel-group.second .fourthbox p+p strong {

	font-size: 1.5em;
}

.akabako-digest .first-block .panel-body .panel-group.second .fourthbox ul {
	display: table;
	table-layout: fixed;
}

.akabako-digest .first-block .panel-body .panel-group.second .fourthbox ul li {
	display: table-cell;
	margin: 0;
	padding: 0;
}

.akabako-digest .first-block .panel-body .panel-group.second .fourthbox ul li:first-of-type img {
	max-width: 469px;
	width: 100%;
	height: auto;
}

.akabako-digest .first-block .panel-body .panel-group.second .fourthbox ul li+li img {
	max-width: 374px;
	width: 100%;
	height: auto;
}

@media screen and (max-width: 600px) {
	.akabako-digest .first-block .panel-body .panel-group.second .fourthbox ul {
		display: block;
		table-layout: auto;
	}

	.akabako-digest .first-block .panel-body .panel-group.second .fourthbox ul li {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
}

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

.akabako-digest .second-block .panel-body .panel-group.second .firstbox {
	max-width: 794px;
	padding: 40px 0;
	display: table;
	table-layout: fixed;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;

}

.akabako-digest .second-block .panel-body .panel-group.second .firstbox dl:first-of-type {
	display: table-cell;
	width: 56.045%;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
}

.akabako-digest .second-block .panel-body .panel-group.second .firstbox dl:first-of-type dt {
	padding-bottom: 25px;

}

.akabako-digest .second-block .panel-body .panel-group.second .firstbox dl:first-of-type dt img {
	max-width: 412px;
	width: 100%;
	height: auto;

}

.akabako-digest .second-block .panel-body .panel-group.second .firstbox dl:first-of-type dd p {
	text-align: left;
	line-height: 1.8;
	padding-right: 8.5%;
}

.akabako-digest .second-block .panel-body .panel-group.second .firstbox dl:last-of-type {
	display: table-cell;
	width: 43.955%;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: right;
}

.akabako-digest .second-block .panel-body .panel-group.second .firstbox dl:last-of-type dt {
	padding-bottom: 5px;

}

.akabako-digest .second-block .panel-body .panel-group.second .firstbox dl:last-of-type dt img {

	max-width: 347px;
	width: 100%;
	height: auto;
}

.akabako-digest .second-block .panel-body .panel-group.second .firstbox dl:last-of-type dd p {
	text-align: left;
	line-height: 1.35;
	padding-right: 1%;
	font-size: .8em;
}

@media screen and (min-width: 767px) and (max-width: 830px) {

	.akabako-digest .second-block .panel-body .panel-group.second .firstbox dl:first-of-type dt img {
		max-width: 380px;

	}


}

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

	.akabako-digest .second-block .panel-body .panel-group.second .firstbox {
		display: block;
		table-layout: auto;
		margin: 0 auto;
		text-align: center;
		padding-left: 2.5%;
		padding-right: 2.5%;
	}

	.akabako-digest .second-block .panel-body .panel-group.second .firstbox dl:first-of-typee {
		display: block;
		width: 100%;

	}

	.akabako-digest .second-block .panel-body .panel-group.second .firstbox dl:last-of-type {
		display: block;
		width: 100%;
		max-width: 347px;
		text-align: center;
		margin: 0 auto;
	}

	.akabako-digest .second-block .panel-body .panel-group.second .firstbox dl:first-of-type dd p {
		padding-right: 0;
		text-align: justify;
	}


	.akabako-digest .second-block .panel-body .panel-group.second .firstbox dl:last-of-type dd p {
		padding-left: 1%;

		padding-right: 1%;
		text-align: justify;
	}



}



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


.akabako-digest .third-block .panel-body .panel-group.second .firstbox {
	max-width: 794px;
	padding: 40px 0;

	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;

}

.akabako-digest .third-block .panel-body .panel-group.second .firstbox>p {
	text-align: left;
	line-height: 1.8;
}

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

.akabako-digest .third-block .panel-body .panel-group.second .firstbox>ul li {
	/*	max-width: 485px;*/
	max-width: 767px;
	text-align: center;
	margin: 0 auto;
	background-image: url(/english/common/img/akabako-digest/y.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 10.5%;
	display: table;
	table-layout: fixed;
}

.akabako-digest .third-block .panel-body .panel-group.second .firstbox>ul li:last-of-type {
	background-image: none;
}


.akabako-digest .third-block .panel-body .panel-group.second .firstbox>ul li img+img {

	padding-left: 15px;
	padding-top: 35px;

	max-width: 276px;
	width: 100%;
	height: auto;
	vertical-align: top;

}

.akabako-digest .third-block .panel-body .panel-group.second .firstbox>ul li:last-of-type img+img {
	padding-top: 50px;
}


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


@media screen and (max-width: 640px) {

	.akabako-digest .third-block .panel-body .panel-group.second .firstbox>ul li {
		padding-bottom: 10.5%;
	}

	.akabako-digest .third-block .panel-body .panel-group.second .firstbox>ul li+li {
		padding-top: 5%;
	}

	.akabako-digest .third-block .panel-body .panel-group.second .firstbox>ul li img:first-of-type {
		text-align: center;
		margin: 0 auto;
		display: block;
	}

	.akabako-digest .third-block .panel-body .panel-group.second .firstbox>ul li:last-of-type img+img,
	.akabako-digest .third-block .panel-body .panel-group.second .firstbox>ul li img+img {
		padding-top: 5%;
		display: block;
	}

	.akabako-digest .third-block .panel-body .panel-group.second .firstbox>ul li:last-of-type {
		padding-left: .05em;
		padding-right: .05em;
	}

}











/* --------------------------------------------------
 *
 *　pagewide howto-awatoro 
 *
 * --------------------------------------------------
 */



body.pagewide.howto-awatoro {
	background-image: url(/english/common/img/howto-awatoro/haikei.jpg);
	background-repeat: repeat;
	background-position: left top;
	background-color: transparent;


}

body.pagewide.howto-awatoro #wrap .breadcrumbs,
body.pagewide.howto-awatoro .navbar {
	display: none;

}



body.pagewide.howto-awatoro #wrap {

	background-color: transparent;
	padding-top: 0;
}


.howtoawatoro-box ul li img {
	max-width: 970px;
	width: 100%;
	height: auto;
}

/*.howtoawatoro-box ul li:nth-of-type(2){*/
.howtoawatoro-box ul li.moviebox {
	background-image: url(/english/common/img/howto-awatoro/002.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	max-width: 970px;
	width: 100%;
	height: 0;
	display: block;
	margin: 0 auto;
	text-align: center;
	padding-top: 38.969%;
}




/*.howtoawatoro-box ul li:nth-of-type(4){*/
.howtoawatoro-box ul li.btnawatro {
	background-image: url(/english/common/img/howto-awatoro/004.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	max-width: 970px;
	width: 100%;
	height: 0;
	display: block;
	margin: 0 auto;
	text-align: center;
	padding-top: 8.7628%;


}

/*.howtoawatoro-box ul li:nth-of-type(4) a*/
.howtoawatoro-box ul li.btnawatro a {
	position: relative;
	z-index: 1;

}

/*.howtoawatoro-box ul li:nth-of-type(4) a:hover img,
.howtoawatoro-box ul li:nth-of-type(4) a.hover img */

.howtoawatoro-box ul li.btnawatro a:hover img,
.howtoawatoro-box ul li.btnawatro a.hover img {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1.0;
}

.howtoawatoro-box ul li:last-of-type {
	max-width: 970px;
	background-color: #FFF;
	border-radius: 3px;
	margin-bottom: 3.5em;
	margin: 0 auto;
	text-align: center;
}

.howtoawatoro-box ul li:last-of-type p {
	font-size: .75em;
	line-height: 1.2;

	text-align: left;
}

.howtoawatoro-box ul li:last-of-type p.first {
	color: #FF0000;
	padding: 1.5em 1.5em 0;
}

.howtoawatoro-box ul li:last-of-type p.second {
	padding: 1em 1.5em 1.5em;
}


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

	/*.howtoawatoro-box ul li:nth-of-type(2)*/
	.howtoawatoro-box ul li.moviebox {
		padding-top: 0;
		height: 378px;
	}

	/*.howtoawatoro-box ul li:nth-of-type(4)*/
	.howtoawatoro-box ul li.btnawatro {
		padding-top: 0;
		height: 85px;
	}
}


.howtoawatoro-box ul li .videobox {
	max-width: 640px;
	margin: 0 auto;
	text-align: center;
	/*	padding-top:75px;
	*/
	clear: both;
	width: 100%;
	display: block;
}

.howtoawatoro-box ul li .videobox .video-container {
	position: relative;
	padding-bottom: 56.25%;

}

.howtoawatoro-box ul li .videobox .video-container iframe {

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;



	right: 0;
	text-align: center;
	margin: 0 auto;

}


@media screen and (max-width: 969px) {

	/*.howtoawatoro-box ul li:nth-of-type(4) a*/
	.howtoawatoro-box ul li.btnawatro a {
		position: relative;
		z-index: 1;
		margin-top: -8.7628%;
		display: block;
	}

	/*.howtoawatoro-box ul li:nth-of-type(4) a img{*/
	.howtoawatoro-box ul li.btnawatro a img {
		width: 80%;
	}

	.howtoawatoro-box .vb {
		margin-top: -38.969%;

	}

	.howtoawatoro-box ul li .videobox .video-container iframe {
		width: 90%;
		height: 90%;
	}


}

@media screen and (max-width: 850px) {
	.howtoawatoro-box ul li .videobox .video-container iframe {
		width: 80%;
		height: 80%;
	}
}

@media screen and (max-width: 750px) {
	.howtoawatoro-box ul li .videobox .video-container iframe {
		width: 70%;
		height: 70%;
	}
}




@media screen and (max-width: 700px) {
	.howtoawatoro-box ul li .videobox .video-container iframe {
		width: 60%;
		height: 60%;
	}
}

@media screen and (max-width: 480px) {
	.howtoawatoro-box ul li:last-of-type p {
		font-size: .6em;
	}
}




/* --------------------------------------------------
 *
 *　.page.cow3d
 *
 * --------------------------------------------------
 */



.page.cow3d #wrap h1 {
	margin-top: 5px;
}

.page.cow3d #wrap h1 img {
	width: 590px;
	height: auto;
	width: 100%;

}

.cow3dbox {
	margin: 0 auto;
	text-align: center;

	clear: both;
	width: 100%;
	display: block;
}

.cow3dbox .videobox {
	position: relative;
	padding-bottom: 65%;
	padding-top: 0px;
	height: 100%;
	overflow: hidden;
}


.cow3dbox .videobox iframe,
.cow3dbox .videobox object,
.cow3dbox .videobox embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.search.index .page-title {
	width: 99.9%;
	box-sizing: border-box;

	border: 1px solid #cccccc;
	margin: 5px 0 0;
	padding: 0;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	clear: both;
	background-position: left 65%;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 50px;

	margin-bottom: 75px;

}

.search.index .page-body {

	margin-top: 25px;
	margin-bottom: 75px;
}

.search.index .page-body ul {
	margin: 0 .5em;
	box-sizing: border-box;

}



.search.index .page-body ul li {
	text-align: left;
	line-height: 1.5;
	margin-bottom: 25px;
	border-bottom: 1px dotted #FF0000;
	padding-bottom: 1em;



}


.search.index .page-body ul li:last-of-type {
	border-bottom: none;
}

.search.index .page-body ul li a:link {
	color: #F00;
	text-decoration: none;
}

.search.index .page-body ul li a:visited {
	color: #F00;
	text-decoration: none;
}

.search.index .page-body ul li a.hover {
	color: #F00;
	text-decoration: underline
}

.search.index .page-body ul li a:hover {
	color: #F00;
	text-decoration: underline
}

.search.index .page-body ul li a:active {
	color: #F00;
	text-decoration: underline
}

.search.index .page-body ul li a:focus {
	color: #F00;
	text-decoration: underline
}


/* --------------------------------------------------
 *　採用情報
 * --------------------------------------------------
 */


.recruitindex-box {
	margin-top: 2em;
	margin-bottom: 25%;
}

.recruitindex-box p.closepage {
	font-size: 1.15em;
	line-height: 1.5;
	margin-bottom: 25%;
}

.recruitindex .recruit-info-message>img,
.recruit-info>img {

	max-width: 590px;
	width: 100%;
	height: auto;
	display: block;

}



/* 
 *  .recruitindex
 * 
 */



.recruitindex .recruit-info-message {
	margin: 15px auto;
}

.recruitindex .recruit-info-message ul {
	padding: 15px 0;
	display: table;
	margin: 0 auto;
	text-align: center;
}

.recruitindex .recruit-info-message ul li {
	display: table-cell;
	width: 50%;
	box-sizing: border-box;
}

.recruitindex .recruit-info-message ul li a img,
.recruitindex .recruit-info a img {
	max-width: 296px;
	width: 100%;
	height: auto;
}

@media screen and (max-width: 480px) {

	.recruitindex .recruit-info-message ul li {
		display: block;
		width: 100%;
	}

	.recruitindex .recruit-info-message ul li+li {
		margin-top: 15px;
	}

}

/* 
 *  outline
 * 
 */

.recruit_body {
	max-width: 580px;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 5px 10px;
	margin: auto;
	text-align: center;
}

.recruit_body>p {
	text-align: left;
	padding: 1em 5px;
	margin-bottom: 0;


}

.recruit_body table {
	max-width: 560px;
	width: 100%;
	box-sizing: border-box;
	padding: 0;
	border-collapse: collapse;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;

	margin: auto;
	text-align: center;
}

.recruit_body table th {
	max-width: 140px;
	width: 25%;
	box-sizing: border-box;
	padding: 10px 5px;
	text-align: left;
	color: #000000;
	font-weight: normal;

	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background-color: #B0C6D3;
}

/*
.recruit_body table td.rtlh{
	border-bottom:1px solid #666666;
	}
*/
.recruit_body table td {
	max-width: 390px;
	width: 75%;
	box-sizing: border-box;
	padding: 10px 10px;
	text-align: left;
	border-bottom: 1px solid #666666;

}

/*.recruit_body table td.rtld{
	border-bottom:1px solid #666666;
	}

.recruit_body table td hr{
	border:1px dotted #CCCCCC;
	}

*/
.recruit_body table td dl dt {
	text-align: left;
	line-height: 1.4;
	padding-top: 10px;
	color: #F00;
}

.recruit_body table td dl dd {
	text-align: left;
	line-height: 1.4;
	padding-bottom: 1px;
}

.recruit_body table td ul {
	list-style: none;
}

.recruit_body table td ul li {
	padding: 0 0 2px;
	text-align: left;
	line-height: 1.2;
}

.recruit_body table td ul.disc li {
	list-style: inside;
	list-style-type: disc;
}

.recruit_body table td ul.disc li span {
	padding-left: 12px;
	display: block;
}

/*
.recruit_body > ul li{
margin-bottom:3px;
}
.recruit_body > ul.disc li{
list-style:inside;
list-style-type:disc;
}


*/

@media screen and (max-width: 480px) {
	.recruit_body table {
		max-width: 560px;
		width: 100%;
		box-sizing: border-box;
		padding: 0;
		border-collapse: collapse;
		border-top: 1px solid #666666;
		border-right: 1px solid #666666;
		border-left: 1px solid #666666;

		margin: auto;
		text-align: center;
	}

	.recruit_body table th {
		display: block;
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
		padding: 5px 5px;
		text-align: left;
		color: #000000;
		font-weight: normal;

		border-right: 0;
		border-bottom: 1px solid #666666;
		background-color: #B0C6D3;
	}

	/*
.recruit_body table td.rtlh{
	border-bottom:1px solid #666666;
	}
*/
	.recruit_body table td {
		display: block;
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
		padding: 15px 10px;
		text-align: left;
		border-bottom: 1px solid #666666;

	}
}



.recruit_box_info_entrynote {
	/*	background-color:#FFFFE5;*/
	max-width: 560px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.recruit_box_info_entrynote p {
	margin: 0 auto;
	text-align: center;
}

.recruit_box_info_entrynote .lines-on {
	color: #414C99;
}

.lines-on {
	display: table;
	text-align: center;
	white-space: nowrap;
	max-width: 50%;
	margin: 0 auto;
	padding: 25px 0 0;
}

.lines-on:after,
.lines-on:before {
	content: '';
	display: table-cell;
	width: 50%;
	background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
	background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
	-webkit-background-clip: padding;
	background-clip: padding;

}

.lines-on:after {
	border-left: 1em solid transparent;

}

.lines-on:before {
	border-right: 1em solid transparent;

}

.lines-on strong {
	font-size: 1em;
	color: #414C99;
	padding-left: 1em;
	padding-right: 1em;
}

.recruit_box_info_entrynote ul {
	margin-top: 1em;
}


@media screen and (max-width: 480px) {
	.lines-on {
		max-width: 90%;
	}

}



.recruit_box_info_entrynote ul {
	max-width: 590px;
	display: block;
	text-align: left;
	/*	padding:0px 20px;*/
}

.recruit_box_info_entrynote ul li {
	list-style: none;
	text-align: left;

	font-size: 0.9em;
	line-height: 1.3;
	color: #3C2632;
	text-indent: -1em;
	padding-left: 1em;
}

.recruit_box_info_entrynote ul li:before {
	content: "・";


}

.recruit_box_info_entrynote ul li a:link {
	color: #000000;
	text-decoration: none;
}

.recruit_box_info_entrynote ul li a:visited {
	color: #000000;
	text-decoration: none;
}

.recruit_box_info_entrynote ul li a.hover {
	color: #000000;
	text-decoration: none;
}

.recruit_box_info_entrynote ul li a:hover {
	color: #000000;
	text-decoration: none;
}

.recruit_box_info_entrynote ul li a:active {
	color: #000000;
	text-decoration: none;
}

.recruit_box_info_entrynote ul li a:focus {
	color: #000000;
	text-decoration: none;
}



.recruit_toi {
	background-color: #FFFFE5;
	margin: 25px auto;
	text-align: center;
	padding: 25px 0 15px;
}





@media screen and (max-width: 480px) {
	.recruitindex-box p {
		margin-left: 1%;
		margin-right: 1%;
		text-align: left;
	}

}






/* 
 *  .recruit.corporate .local-navi
 * 
 */


/*

.recruit_info_navi{
	margin:auto;
	text-align:center;

	}
.recruit_info_navi a:link {  color:#333333;text-decoration:underline;}
.recruit_info_navi a:visited {  color:#333333;text-decoration:underline;}
.recruit_info_navi a.hover {  color:#FF0000;text-decoration: none;}
.recruit_info_navi a:hover {  color:#FF0000;text-decoration: none;}
.recruit_info_navi a:active {  color:#FF0000;text-decoration: none;}
.recruit_info_navi a:focus {  color:#FF0000;text-decoration: none;}

*/



.recruit.corporate .local-navi {

	margin: 5em auto 3em;

	font-size: 1em;

}


.recruit.corporate .local-navi ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.recruit.corporate .local-navi ul li:after {
	content: "｜";
}

.recruit.corporate .local-navi ul li:last-of-type:after {
	content: "";
}


@media screen and (max-width: 480px) {


	.recruit.corporate .local-navi ul li {
		display: block;
		margin: 0 -.75em;
		padding: 15px 0;
		border-bottom: 1px solid #ccc;
		text-align: left;

	}

	.recruit.corporate .local-navi ul li a {
		padding-left: .75em;
		padding-right: .75em;

		width: 100%;
		display: block;
		position: relative;


	}

	.recruit.corporate .local-navi ul li a:after {
		content: "\f105";
		font-family: FontAwesome;
		position: absolute;
		right: .75em;
		text-align: right;
	}

	.recruit.corporate .local-navi ul li:first-of-type {

		border-top: 1px solid #ccc;
	}

	.recruit.corporate .local-navi ul li:after {
		content: "";
	}

	.recruit.corporate .local-navi ul li a:link {
		color: #000;
		text-decoration: none;
	}

	.recruit.corporate .local-navi ul li a:visited {
		color: #000;
		text-decoration: none;
	}

	.recruit.corporate .local-navi ul li a:hover {
		color: #e60012;
		text-decoration: underline
	}

	.recruit.corporate .local-navi ul li a.hover {
		color: #e60012;
		text-decoration: underline
	}

	.recruit.corporate .local-navi ul li a:active {
		color: #e60012;
		text-decoration: underline
	}

	.recruit.corporate .local-navi ul li a:focus {
		color: #e60012;
		text-decoration: underline
	}

}





/* 
 *  .recruit 201804～
 * 
 */

.recruit-info.interview h1 img {
	max-width: 590px;
	width: 100%;
	height: auto;
}

.recruit-info.interview h1+p {
	text-align: center;
}

.recruit-info.interview dl {
	text-align: left;
}

.recruit-info.interview dl dt:before {
	margin: -.15em .25em 0 0;
	content: "";
	display: inline-block;
	background: url(/english/common/img/company/recruit/interview/y.png) no-repeat left top;
	background-size: auto auto;
	width: 19px;
	height: 22px;
	background-size: 19px auto;
	box-sizing: border-box;
	vertical-align: middle;
}

.recruit-info.interview dl dt {
	color: #de0000;
	line-height: 1.8;
	margin-top: 52px;
	margin-bottom: 21px;

}

.recruit-info.interview dl dd {
	padding-left: 0;
	padding-right: 0;
}

.recruit-info.interview dl dd p {
	line-height: 1.8;
}


.recruit-info.interview .image-box {
	padding: 15px 0;
}

.recruit-info.interview .image-box:first-of-type {
	padding-top: 0;
}

.recruit-info.interview .image-box img {
	max-width: 590px;
	width: 100%;
	height: auto;
}

.recruit-info.interview .message-box {
	background-color: #fafaf0;
	border-radius: 4px;
	padding: 0 25px 10px;
	margin-top: 65px;
}

.recruit-info.interview .message-box>img {
	max-width: 590px;
	width: 100%;
	height: auto;
	position: relative;
	top: -15px;
}

.recruit-info.interview .message-box p {
	text-align: left;
	line-height: 1.8;
	color: #6d6d6d;
}


@media screen and (max-width: 640px) {
	.recruit-info.interview h1+p {
		font-size: 85%;
	}


	.recruit-info.interview .message-box {
		padding: 0 15px 10px;
	}

}


.snssite-box {
	text-align: left;
	padding: 0;
	margin: 15px 0 75px;
}


.snssite-box dl dt {
	color: #FFF;
	/*	background-color:#CB0003;*/
	width: 100%;
	padding: 5px 1px 5px 3px;
	margin-bottom: 12px;
	font-size: .9em;



	background: -moz-linear-gradient(50% -0.29% -90deg, rgba(252, 0, 0, 1) 0%, rgba(195, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(252, 0, 0, 1) 0%, rgba(195, 0, 0, 1) 100%);
	background: -webkit-gradient(linear, 50% -0.29%, 50% 100.4%, color-stop(0, rgba(252, 0, 0, 1)), color-stop(1, rgba(195, 0, 0, 1)));
	background: -o-linear-gradient(-90deg, rgba(252, 0, 0, 1) 0%, rgba(195, 0, 0, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(252, 0, 0, 1) 0%, rgba(195, 0, 0, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FC0000', endColorstr='#C30000' ,GradientType=0)";
	background: linear-gradient(180deg, rgba(252, 0, 0, 1) 0%, rgba(195, 0, 0, 1) 100%);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FC0000', endColorstr='#C30000', GradientType=0);

}

.snssite-box dl dd:before {
	margin: 0 .15em 0 0;
	content: "";
	display: inline-block;
	background: no-repeat left center;
	width: 11px;
	height: 15px;
	background-size: 11px auto;
	vertical-align: middle;


}

.snssite-box dl dd {
	text-indent: -1em;
	padding-left: 1em;

}

.snssite-box dl dd+dd {
	margin-top: .75em;
}

.snssite-box dl dd>ul {
	margin-left: 1.5em;
	margin-top: .35em;
}

.snssite-box dl dd>ul li:before {
	margin: 0 .15em 0 0;
	content: "├";
	display: inline-block;
	vertical-align: middle;



}

.snssite-box dl dd>ul li:last-of-type:before {
	margin: 0 .15em 0 0;
	content: "└";
	display: inline-block;
	vertical-align: middle;
}


.snssite-box dl dd>ul li+li {
	margin-top: .35em;

}

@media screen and (max-width: 480px) {
	.snssite-box dl dd+dd {
		margin-top: 1.5em;
	}

	.snssite-box dl dd>ul li a {
		font-size: 18px;
	}
}








/* --------------------------------------------------
 *2020/11/27
 * --------------------------------------------------
 */

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


 .side-box-newmenu 

    
 ---------------------------------------------------- */
.side-box {
	padding-top: 5px
}

.side-category-header.sidebox-brand:first-child p {
	margin-bottom: 15px
}

.__videobox__ {
	max-width: 640px;
	margin: 0 auto 15px;
	text-align: center;
	padding-left: 5%;
	padding-right: 5%;
	clear: both;
	width: 100%;
	display: block
}

.__video-container__ {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden
}

.__video-container__ video,
.__video-container__ iframe,
.__video-container__ object,
.__video-container__ embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.__video-container__ video {
	overflow: hidden
}

.videobtnclass555,
.videobtnclass {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer
}

@media screen and (max-width: 767px) {
	.__videobox__ {
		padding-left: 12.5%;
		padding-right: 12.5%
	}
}

.videobtnclass555.add,
.videobtnclass.add {
	background: url(/english/common/movie/secret1_movie_btn.png) #ccc no-repeat center center;
	opacity: .7
}

.videobtnclass555.del,
.videobtnclass.del {
	background: none;
	opacity: 1
}

.__allaround__ img {
	max-width: 270px;
	width: 100%;
	height: auto;
}

@media screen and (max-width: 767px) {
	.__allaround__ img {
		max-width: 452.5px;
	}
}

.tearai {
	padding-top: 5px
}

@media screen and (max-width: 640px) {
	.__videobox__ {
		padding-left: 2%;
		padding-right: 2%
	}

	/*.side-category-header.sidebox-campaign,*/
	.side-category-header.sidebox-brand {
		max-width: 640px;
		margin-left: 0;
		margin-right: 0;

		width: auto;

	}

	.side-category-header.sidebox-brand.sidebox-brand_title {
		margin-left: 2%;
		margin-right: 2%;
	}

	.__allaround__ {
		margin-top: 20px;
	}

	.__allaround__:last-of-type {
		margin-bottom: 20px;
	}

	.__allaround__ img {
		max-width: 640px;
	}

	.side-sns-banner>ul.sidesnsicon {
		max-width: 640px;
		padding-left: 2%;
		padding-right: 2%
	}

	.side-sns-banner>ul.sidesnsicon li a img {
		max-width: 80px;
	}

}

@media screen and (max-width: 359px) {
	.side-sns-banner>ul.sidesnsicon li a img {
		max-width: 60px;
	}

}


/*
@media screen and (max-width: 767px) {
  .__allaround__ img {
    max-width: 452.5px;
  }
}
.tearai {
  padding-top: 5px
}
@media screen and (max-width: 640px){
  .__videobox__ {
      */

@media screen and (max-width: 768px) {

	.side-banner>ul {
		max-width: 640px;
		width: 100%;
		box-sizing: border-box;
		padding-left: 2%;
		padding-right: 2%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.side-banner>ul li {
		/*	display:inline-block;
    display: flex;*/
		/*    
    justify-content: center;
    align-items: center;
        */
		width: 49.5%;

		display: flex;
		/*	text-align:left;
	vertical-align:top;*/
	}

	.side-banner>ul li a {
		display: inline;
		text-align: center;
	}

	.side-banner.second ul li img,
	.side-banner.first ul li img,
	.side-banner.second ul li a img,
	.side-banner.first ul li a img {
		max-width: 320px;
		width: 100%;
		height: auto;
	}



}


@media screen and (max-width: 360px) {
	.side-banner>ul {

		width: 100%;
		box-sizing: border-box;
		padding-left: 2%;
		padding-right: 2%;
		display: block;
		/*    justify-content: space-between;
    align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;*/
	}

	.side-banner>ul li {
		/*	display:inline-block;
    display: flex;*/
		/*    
    justify-content: center;
    align-items: center;
        */
		width: 100%;

		display: block;
		/*	text-align:left;
	vertical-align:top;*/
	}

	.side-banner.second ul li img,
	.side-banner.first ul li img,
	.side-banner.second ul li a img,
	.side-banner.first ul li a img {
		max-width: 360px;
	}


}

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


 .sbn__side-box-newmenu 

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


.sbn__side-box-newmenu>ul {
	margin-bottom: 20px;
}

.sbn__side-box-newmenu>ul>li {
	text-align: center;
	margin: 0 auto;
	max-width: 270px;
	height: 50px;
	width: 100%;
	color: #e40004;
	font-size: 16px;
	position: relative;
}

.sbn__side-box-newmenu>ul>li+li {
	margin-top: 8px;
}

.sbn__side-box-newmenu>ul>li a:after {
	content: "";
	background: url(/english/common/img/products/index/i-arrow_r.png) no-repeat right center;
	background-size: 15px 15px;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 15px;
	bottom: 0;
	right: 10px;
}

.sbn__side-box-newmenu>ul>li a.hover:after,
.sbn__side-box-newmenu>ul>li a:hover:after {
	content: "";
	background: url(/english/common/img/products/index/i-arrow_w.png) no-repeat right center;
	background-size: 15px 15px;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 15px;
	bottom: 0;
	right: 10px;
}

.sbn__side-box-newmenu>ul>li a {
	color: #e40004;
	background: #fff;
	display: block;
	text-decoration: none;
	text-align: left;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #e40004;
	max-width: 270px;
	height: 50px;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}

@media screen and (max-width: 640px) {

	.sbn__side-box-newmenu>ul>li,
	.sbn__side-box-newmenu>ul>li a {
		max-width: 640px;
		padding-left: 2%;
		padding-right: 2%;
	}
}

.sbn__side-box-newmenu>ul>li a.hover,
.sbn__side-box-newmenu>ul>li a:hover {
	color: #fff;
	background: #e40004;
}

.sbn__side-box-newmenu>ul>li a:before {
	content: "";
	font-family: "Noto Sans JP";
}

.sbn__side-box-newmenu>ul>li a strong {
	position: absolute;
	top: 12px;
	left: 10px;
	padding-left: 2.5em;
}

.sbn__side-box-newmenu>ul>li.sbn__present a strong:before {
	content: "";
	background: url(/english/common/img/products/index/i-present_r.png) no-repeat 100% 50%;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	position: absolute;
	top: -1px;
	left: 0;
}

.sbn__side-box-newmenu>ul>li.sbn__melmaga a strong:before {
	content: "";
	background: url(/english/common/img/products/index/i-mail_r.png) no-repeat 100% 50%;
	background-size: 25px 17px;
	width: 25px;
	height: 17px;
	position: absolute;
	top: 3px;
	left: 0;
}

.sbn__side-box-newmenu>ul>li.sbn__brandsitelist a strong:before {
	content: "";
	background: url(/english/common/img/products/index/i-ushi_r.png) no-repeat 100% 50%;
	background-size: 30px 25px;
	width: 30px;
	height: 25px;
	position: absolute;
	top: 0;
	left: 0;
}

.sbn__side-box-newmenu>ul>li.sbn__present a:hover strong:before {
	content: "";
	background: url(/english/common/img/products/index/i-present_w.png) no-repeat 100% 50%;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	position: absolute;
	top: -1px;
	left: 0;
}

.sbn__side-box-newmenu>ul>li.sbn__melmaga a:hover strong:before {
	content: "";
	background: url(/english/common/img/products/index/i-mail_w.png) no-repeat 100% 50%;
	background-size: 25px 17px;
	width: 25px;
	height: 17px;
	position: absolute;
	top: 3px;
	left: 0;
}

.sbn__side-box-newmenu>ul>li.sbn__brandsitelist a:hover strong:before {
	content: "";
	background: url(/english/common/img/products/index/i-ushi_w.png) no-repeat 100% 50%;
	background-size: 30px 25px;
	width: 30px;
	height: 25px;
	position: absolute;
	top: 0;
	left: 0;
}

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


 .products-whatsnew

    
 ---------------------------------------------------- */
.products-whatsnew {
	max-width: 763px;
	width: 100%;
	margin-bottom: 63px;
}

.products-whatsnew .whatsnewtitle {
	font-size: 20px;
	text-align: left;
	border-bottom: 1px solid #dddddd;
	padding: 0 .25em 12px;
}

.products-whatsnew .whatsnewtitle a {
	margin-left: 100px;
	font-size: 15px;
	text-decoration: none;
	padding-left: 1em;
	background: url(/english/common/img/products/index/i-yg.png) left 4px no-repeat;
	background-size: 10px auto;
}

.products-whatsnew>ul>li {
	text-align: left;
	padding: 14px .5em 14px 2em;
	border-bottom: 1px solid #dddddd;
	background: url(/english/common/img/products/index/i-yr.png) 5px 18px no-repeat;
	background-size: 8px auto;
}

.products-whatsnew>ul>li.ny {
	background: none;
}

.products-contents .products-whatsnew ul li.uplist a,
.products-whatsnew>ul>li a {
	text-decoration: none;
}





.products-contents .products-whatsnew ul li.uplist a.uplistsiteurl::before {
	content: "[";
}

.products-contents .products-whatsnew ul li.uplist a.uplistsiteurl::after {
	content: "]";
}

.site-info.up-date.entry__changelog .page-body .list-box ul li.uplist a.uplistsiteurl::before {
	content: "";
	display: inline-block;
	margin: -.15em .5em 0 0;
	background: url(/english/common/img/icon/mark_1.png) no-repeat left top;
	width: 9px;
	height: 15px;
	background-size: 9px auto;
	box-sizing: border-box;
	vertical-align: middle;
	background: none;
}

.site-info.up-date.entry__changelog .page-body .list-box ul li.uplist a.uplistsiteurl::before {
	content: "[";
	color: #FF0000;
	text-indent: .65rem;
	margin-top: -.65em;
}

.site-info.up-date.entry__changelog .page-body .list-box ul li.uplist a.uplistsiteurl::after {
	content: "]" !important;
	margin-left: 1.2em;
	display: inline-block;
}

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


 .products-info

    
 ---------------------------------------------------- */
.products-info {
	margin-bottom: 32px;
}

.products-info>ul {
	display: flex;
	justify-content: space-between;
}

.products-info>ul>li {
	max-width: 375px;
	height: 85px;
	width: 100%;
	color: #e40004;
	font-size: 18px;
	position: relative;
}

.products-info>ul>li a:after {
	content: "";
	background: url(/english/common/img/products/index/i-arrowl_r.png) no-repeat right center;
	background-size: 21px 21px;
	width: 21px;
	height: 21px;
	position: absolute;
	top: 32px;
	bottom: 0;
	right: 15px;
}

.products-info>ul>li a.hover:after,
.products-info>ul>li a:hover:after {
	content: "";
	background: url(/english/common/img/products/index/i-arrowl_w.png) no-repeat right center;
	background-size: 21px 21px;
	width: 21px;
	height: 21px;
	position: absolute;
	top: 32px;
	bottom: 0;
	right: 15px;
}

.products-info>ul>li:first-of-type {
	margin-right: 3px;
}

.products-info>ul>li:last-of-type {
	margin-left: 3px;
}

.products-info>ul>li a {
	background: #ffffff;
	color: #333333;
	display: block;
	text-decoration: none;
	text-align: left;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 2px solid #e40004;
	max-width: 375px;
	height: 85px;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}

.products-info>ul>li a.hover,
.products-info>ul>li a:hover {
	background: #e40004;
	color: #fff;
}

.products-info>ul>li a strong {
	position: absolute;
	top: 27px;
	left: 18px;
}

@media screen and (max-width: 900px) {
	.products-info>ul {
		display: block;
	}

	.products-info>ul>li {
		max-width: 763px;
	}

	.products-info>ul>li:first-of-type {
		margin-right: 0;
		margin-bottom: 32px;
	}

	.products-info>ul>li:last-of-type {
		margin-left: 0;
	}

	.products-info>ul>li a {
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border: 2px solid #e40004;
		max-width: 763px;
	}
}

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


 .products-contents

    
 ---------------------------------------------------- */
.products-contents {
	max-width: 763px;
	margin-top: 33px;
	overflow: hidden;
	font-family: "Noto Sans JP";
}

@media screen and (max-width: 640px) {
	.products-contents {
		margin-left: 2%;
		margin-right: 2%;
	}
}

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


 common

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

/*#brandlist{
	display:none;
}*/

#brandlist h3 {
	font-size: 20px;
	text-align: left;
	color: #e20000;
	margin-top: 32px;
	margin-bottom: 32px;
	line-height: 1.3;
}

.acdcontainer {
	max-width: 763px;
	height: 85px;
	width: 100%;
	color: #e40004;
	font-size: 18px;
	position: relative;
}

.acdcontainer a {
	background-color: #ffffff;
	color: #333333;
	display: block;
	text-decoration: none;
	text-align: left;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 2px solid #e40004;
	max-width: 763px;
	height: 85px;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;

	cursor: pointer;
}

/*
open from the beginning
*/

.products-itemsearch .acdcontainer a {
	background-color: #e40004;
	color: #ffffff;
	display: block;
	text-decoration: none;
	text-align: left;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 2px solid #e40004;
	max-width: 763px;
	height: 85px;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}


.products-itemsearch .acdcontainer a.first.collapsed {
	background-color: #ffffff;
	color: #333333;
	display: block;
	text-decoration: none;
	text-align: left;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 2px solid #e40004;
	max-width: 763px;
	height: 85px;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}

.acdcontainer a[aria-expanded="false"] {
	background-color: #ffffff;
}

.acdcontainer a[aria-expanded="true"] {
	background-color: #e40004;
	color: #ffffff;
}



.acdcontainer a:after {
	content: "";
	background: url(/english/common/img/products/index/i-OPEN_r.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 75px 20px;
	width: 75px;
	height: 20px;
	position: absolute;
	top: 27px;
	bottom: 0;
	right: 15px;
}

/*
open from the beginning
*/
.products-itemsearch .acdcontainer a:after {
	content: "";
	background: url(/english/common/img/products/index/i-CLOSE_w.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 75px 20px;
	width: 75px;
	height: 20px;
	position: absolute;
	top: 27px;
	bottom: 0;
	right: 15px;
}

.acdcontainer a[aria-expanded="false"]:after {
	content: "";
	background: url(/english/common/img/products/index/i-OPEN_r.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 75px 20px;
	width: 75px;
	height: 20px;
	position: absolute;
	top: 27px;
	bottom: 0;
	right: 15px;
}

.acdcontainer a[aria-expanded="true"]:after {
	content: "";
	background: url(/english/common/img/products/index/i-CLOSE_w.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 75px 20px;
	width: 75px;
	height: 20px;
	position: absolute;
	top: 27px;
	bottom: 0;
	right: 15px;
}

.acdcontainer a strong {
	position: absolute;
	top: 25px;
	left: 23px;
}

@media screen and (max-width: 360px) {
	.acdcontainer a:after {
		content: "";
		background: url(/english/common/img/products/index/i-plus_r.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 20px 20px;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 27px;
		bottom: 0;
		right: 15px;
	}

	/*
open from the beginning
*/
	.products-itemsearch .acdcontainer a:after {
		content: "";
		background: url(/english/common/img/products/index/i-minus_w.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 20px 20px;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 27px;
		bottom: 0;
		right: 15px;
	}

	/*
open from the beginning
*/
	.products-itemsearch .acdcontainer a.first.collapsed:after {
		content: "";
		background: url(/english/common/img/products/index/i-plus_r.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 20px 20px;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 27px;
		bottom: 0;
		right: 15px;
	}

	.acdcontainer a[aria-expanded="false"]:after {
		content: "";
		background: url(/english/common/img/products/index/i-minus_w.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 20px 20px;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 27px;
		bottom: 0;
		right: 15px;
	}

	.acdcontainer a[aria-expanded="true"]:after {
		content: "";
		background: url(/english/common/img/products/index/i-minus_w.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 20px 20px;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 27px;
		bottom: 0;
		right: 15px;
	}
}

/*
.acdcontainer a strong:after {
    content: "";
    background: url(/english/common/img/products/index/i-link_r.png) no-repeat 100% 50%;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    margin-left: .5em;
    
    position: absolute;
	top:5px;
	left:auto;
    
}
*/
/* ---------------------------------------------------- 


 .products-itemsearch

    
 ---------------------------------------------------- */
.products-itemsearch {
	margin-bottom: 32px;
}

.products-itemsearch>.acdbox {
	display: block;
}

.products-itemsearch>.acdbox>a>img {
	max-width: 763px;
	width: 100%;
	height: auto;
}

.products-itemsearch ul {
	display: table;
	table-layout: auto;
	border-collapse: separate;
	border-spacing: 1px 0;
}

.products-itemsearch ul li {
	display: table-cell;
	width: 183px;
}

@media screen and (max-width: 640px) {
	.products-itemsearch ul {
		display: flex;
		justify-content: space-around;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		max-width: 763px;
	}

	.products-itemsearch ul li {
		display: flex;
	}
}

.products-itemsearch ul li a {
	text-decoration: none;
	display: block;
}

.products-itemsearch ul li img {
	max-width: 183px;
	width: 100%;
	height: auto;
}

.products-itemsearch ul li p {
	text-align: center;
	padding-left: .05em;
	padding-right: .05em;
}

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


 .products-categorysearch ,.nav.nav-pills

    
 ---------------------------------------------------- */
.products-categorysearch {
	margin-bottom: 32px;
}

.products-categorysearch ul.nav.nav-pills {
	max-width: 763px;
	width: 100%;
	display: table;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 1px 0;
}

.products-categorysearch ul.nav.nav-pills li {
	width: 18.75%;
	height: 94px;
	border: 1px solid #e9e9e9;
	margin-right: 4px;
	margin-top: 32px;
	display: table-cell;
	vertical-align: middle;
}

.nav-pills>li>a {
	border-radius: 0;
}

.products-categorysearch ul.nav.nav-pills li sapn,
.products-categorysearch ul.nav.nav-pills li a {
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 100%;
	display: block;
	color: #000000;
}

.products-categorysearch ul.nav-pills>li.active>a,
.products-categorysearch ul.nav.nav-pills li a:visited,
.products-categorysearch ul.nav.nav-pills li a.hover,
.products-categorysearch ul.nav.nav-pills li a:hover {
	background-color: #e60012;
	color: #ffffff;
	border-radius: 0;
}

.products-categorysearch ul.nav.nav-pills li sapn strong,
.products-categorysearch ul.nav.nav-pills li a strong {
	position: relative;
	top: 25px;
}

@media screen and (max-width: 900px) {
	.products-categorysearch ul.nav.nav-pills li {
		margin-right: 2px;
	}

	.products-categorysearch ul.nav.nav-pills li sapn strong,
	.products-categorysearch ul.nav.nav-pills li a strong {
		position: relative;
		top: 15px;
	}
}

@media screen and (max-width: 640px) {
	.products-categorysearch ul.nav.nav-pills {
		display: flex;
		justify-content: center;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		max-width: 763px;
	}

	.products-categorysearch ul.nav.nav-pills li {
		width: 24.75%;
		height: 94px;
	}
}

@media screen and (max-width: 320px) {
	.products-categorysearch ul.nav.nav-pills li {
		width: 47.75%;
	}
}

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


 .products-categorysearch  #categorylist

    
 ---------------------------------------------------- */
#categorylist .tab-pane>h1 {
	color: #e50003;
	font-size: 18px;
	text-align: left;
	margin-bottom: 12px;
	margin-top: 60px;
}

#categorylist .tab-pane>ol {
	border-top: 1px solid #f0f0f0;
}

#categorylist .tab-pane>ol>li {
	padding-top: 48px;
	padding-bottom: 30px;
	border-bottom: 1px solid #f0f0f0;
}

#categorylist .tab-pane .item-detail .item-image {
	width: 40%;
}

#categorylist .tab-pane .item-detail .item-image img {
	border: 1px solid #f0f0f0;
	padding: 1em;
}

#categorylist .tab-pane .item-detail .item-spec {
	margin-top: 0;
}

#categorylist .tab-pane .item-detail .item-spec .e_spec.e-spec>li:first-child {
	font-size: 18px;
	font-weight: bold;
}

#categorylist .tab-pane .item-detail .item-spec .e_spec.e-spec>li:nth-child(2) {
	font-size: 16px;
	color: #4e4e4e;
	margin-bottom: 30px;
}

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


 .products-categorysearch  #categorylist .btn-brandsite

    
 ---------------------------------------------------- */
.products-categorysearch .btn-brandsite {
	background: #ffffff;
	background: -moz-linear-gradient(#ffffff 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
	background: -webkit-linear-gradient(#ffffff 0%, #ffffff 100%);
	background: -o-linear-gradient(#ffffff 0%, #ffffff 100%);
	background: -ms-linear-gradient(#ffffff 0%, #ffffff 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff' ,GradientType=0)";
	background: linear-gradient(#ffffff 0%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff, GradientType=0);
	max-width: 273px;
	height: 50px;
	width: 100%;
	color: #e40004;
	font-size: 16px;
	position: relative;
}

.products-categorysearch .btn-brandsite a:after {
	content: "";
	background: url(/english/common/img/products/index/i-arrow_r.png) no-repeat right center;
	background-size: 15px 15px;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 15px;
	bottom: 0;
	right: 10px;
}

.products-categorysearch .btn-brandsite a {
	color: #e40004;
	display: block;
	text-decoration: none;
	text-align: left;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #e40004;
	max-width: 273px;
	height: 50px;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}

.products-categorysearch .btn-brandsite a:before {
	content: "";
	font-family: "Noto Sans JP";
}

.products-categorysearch .btn-brandsite a strong {
	position: absolute;
	top: 10px;
	left: 10px;
}

.products-categorysearch .btn-brandsite a strong:after {
	content: "";
	background: url(/english/common/img/products/index/i-link_r.png) no-repeat 100% 50%;
	background-size: 15px 15px;
	width: 15px;
	height: 15px;
	margin-left: .5em;
	position: absolute;
	top: 5px;
	left: auto;
}

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


 .products-categorysearch  #categorylist .buy

    
 ---------------------------------------------------- */
.products-categorysearch .buy {
	position: relative;
	top: .5em;
	margin: 0;
}

.products-categorysearch .buy .buyBtn {
	cursor: pointer;
	text-align: center;
	margin: 0;
	display: block;
}

.products-categorysearch .buy .buyBtn {
	background: #ffffff;
	background: -moz-linear-gradient(#ffffff 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
	background: -webkit-linear-gradient(#ffffff 0%, #ffffff 100%);
	background: -o-linear-gradient(#ffffff 0%, #ffffff 100%);
	background: -ms-linear-gradient(#ffffff 0%, #ffffff 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff' ,GradientType=0)";
	background: linear-gradient(#ffffff 0%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff, GradientType=0);
	max-width: 273px;
	height: 50px;
	width: 100%;
	color: #2c2c2c;
	font-size: 16px;
	position: relative;
}

.products-categorysearch .buy .buyBtn.hover,
.products-categorysearch .buy .buyBtn:hover {
	background: #ffffff;
	background: -moz-linear-gradient(#ffffff 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
	background: -webkit-linear-gradient(#ffffff 0%, #ffffff 100%);
	background: -o-linear-gradient(#ffffff 0%, #ffffff 100%);
	background: -ms-linear-gradient(#ffffff 0%, #ffffff 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff' ,GradientType=0)";
	background: linear-gradient(#ffffff 0%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff, GradientType=0);
	border: none;
}

.products-categorysearch .buy .buyBtn p {
	text-align: left;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #a2a2a2;
	max-width: 273px;
	height: 50px;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}

.products-categorysearch .buy .buyBtn p:after {
	content: "";
	background: url(/english/common/img/products/index/i-arrow_g.png) no-repeat right center;
	background-size: 15px 15px;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 15px;
	bottom: 0;
	right: 10px;
}

.products-categorysearch .buy .buyBtn p strong {
	position: absolute;
	top: 10px;
	left: 10px;
}

.products-categorysearch .buy .buyBtn p strong:after {
	content: "";
	background: url(/english/common/img/products/index/i-link_g.png) no-repeat 100% 50%;
	background-size: 15px 15px;
	width: 15px;
	height: 15px;
	margin-left: .5em;
	position: absolute;
	top: 5px;
	left: auto;
}

.products-categorysearch .buy .shopList {
	display: none;
	position: absolute;
	z-index: 100;
	top: 50px;
	left: 0;
	max-width: 580px;
	background-color: #FFF;
	border: 1px solid #d8d8d8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 4px 4px #eeeeee;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	max-height: 500px;
}

@media screen and (min-width: 768px) {
	.products-categorysearch .buy .shopList {
		max-height: 160px;
	}
}

.products-categorysearch .buy .shopList li {
	max-width: 580px;
	min-width: 170px;
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 1;
	word-wrap: break-word;
}

.products-categorysearch .buy .shopList li a {
	padding: 12px 0 12px 6px;
	display: block;
	background: url(/english/common/img/btn_buy_line.png) top repeat-x;
	background-size: 6px 1px;
	color: #FF0000;
	text-decoration: none;
	outline: none;
	max-width: 590px;
	width: 100%;
}

.products-categorysearch .buy .shopList li:first-child a {
	background: none;
}

.products-categorysearch .buy .shopList li a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.products-categorysearch .buy .shopList li a span {
	width: 9px;
	height: 6px;
	padding-left: 18px;
}

.products-categorysearch .buy+p {
	margin: 0;
	max-width: 273px;
	font-size: .5em;
	text-align: left;
	color: #777;
	padding: 1.5em .25em 5em;
	display: block;
	letter-spacing: -.05em;
}

.products-categorysearch .buy .buyBtn p::before {
	content: "";
	font-family: FontAwesome;
	padding-right: 0;
}

@media screen and (max-width: 640px) {

	#Searchforproductsbybrand,
	#Searchforproductsbycategory {
		padding-top: 15px;
	}
}

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


 .cplistbox

    
 ---------------------------------------------------- */
.cplistbox {
	max-width: 970px;
	text-align: center;
	margin: 0 auto;
}

.cplist p.text-left {
	text-align: left;
}

.cplist ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.cplist ul li {
	text-align: justify;
	padding-bottom: 25px;
}

.cplist ul li a {
	max-width: 300px;
	display: block;
	text-decoration: none;
	font-family: "Noto Sans JP";
}

.cplist ul li a img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 900px) {
	.cplist ul li a {
		max-width: 375px;
	}
}

@media screen and (max-width: 767px) {
	.cplist ul li a {
		max-width: 345px;
	}
}

@media screen and (max-width: 700px) {
	.cplist ul {
		justify-content: center;
	}

	.cplist ul li {
		padding: .25em;
	}

	.cplist ul li+li {
		margin-top: 25px;
	}

	.cplist ul li a {
		max-width: 500px;
	}
}


.cplist ul li._w300_ {
	width: 300px;
}

/* --------------------------------------------------
 * 
 * 20210816 shopsearch
 * 
 * --------------------------------------------------
 */

.shopsearch {
	display: none;
}

@media screen and (min-width: 768px) {
	.navbar-nav li.dropdown a.dropdown-toggle span.caret {
		display: none;
	}
}

.i_shopsearch img.i_shopsearchimg {
	width: 25px;
}

@media screen and (max-width: 800px) {
	.i_shopsearch img.i_shopsearchimg+.gmenu {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.navbar-inverse #navbar .navbar-nav .dropdown.i_shopsearch {
		display: none;
	}

	.jp .navbar-header h2 {
		padding-right: 22.5%;
	}

	.navbar-header .shopsearch {
		position: relative;
		display: block;
	}

	.navbar-header .shopsearch a {
		position: absolute;
		top: 8px;
		right: 75px;
	}

	.navbar-header .shopsearch a img {
		max-width: 40px;
	}


}

@media screen and (max-width: 640px) {
	.jp .navbar-header h2 {
		display: none;
	}
}








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


 .__release__

    
 ---------------------------------------------------- */
.__release__ {
	max-width: 763px;
	width: 100%;
	margin-bottom: 63px;
}

/*
.__release__ .whatsnewtitle {
  font-size: 20px;
  text-align: left;
  border-bottom: 1px solid #dddddd;
  padding: 0 .25em 12px;
}
.__release__ .whatsnewtitle a {
  margin-left: 100px;
  font-size: 15px;
  text-decoration: none;
  padding-left: 1em;
  background: url(/english/common/img/products/index/i-yg.png) left 4px no-repeat;
  background-size: 10px auto;
}
*/

.__release__>ul>li {
	text-align: left;
	padding: 14px .5em 14px 2em;
	border-bottom: 1px solid #dddddd;
	background: url(/english/common/img/products/index/i-yr.png) 5px 18px no-repeat;
	background-size: 8px auto;
	font-family: "Noto Sans JP";
	color: #666;
}

.__release__>ul>li.ny {
	background: none;
}

.__release__ ul li.uplist a,
.__release__>ul>li a {
	text-decoration: none;
	color: #000;


}

.__release__ ul li.uplist a:hover,
.__release__>ul>li a:hover {
	text-decoration: none;
	color: #e60012;

}

.__release__ ul li.uplist a.uplistsiteurl::before {
	content: "[";
}

.__release__ ul li.uplist a.uplistsiteurl::after {
	content: "]";
}

.new_mark img {
	width: 20px;
	height: auto;
}

.__release__ .up-release-info br,
.__release__ .press-release-info br,
.__release__.pressreleaselist-box .press-release-info {
	display: none;
}

.products-whatsnew>ul>li .litilte,
.__release__ .new_mark,
.__release__ .litilte {
	display: none;
}

.up-date.entry__newsrelease .page-body .__release__ ul li .panel-collapse.collapse.in p,
.up-date.entry__newsrelease .page-body .__release__ ul li.uplist span {
	text-decoration: none;
	color: #000;
}