#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(/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(/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(/common/img/head_bg.png);
	background-repeat:repeat-x;
	background-position:left top;*/
	background:url(/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: 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{
	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;

	}
.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(/common/img/title/siteinfo.png) ;
}
.category .page-title,
.ichiran-index .page-title{
  background-image:url(/common/img/title/akabako.png) ;
	}
.question .page-title{

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

.presents .page-title{
 background-image:url(/common/img/title/presents.png) ;
}
.corporate .page-title{
 background-image:url(/common/img/title/company.png) ;
}
.corporate.customer-center .page-title{
 background-image:url(/common/img/title/customercenter.png) ;
}
.corporate.press-release .page-title{
 background-image:url(/common/img/title/pressreleaselist.png) ;
}
.corporate.recruit .page-title{
 background-image:url(/common/img/title/recruit.png) ;
}

.site-map .page-title{
 background-image:url(/common/img/title/sitemap.png) ;
}
.linkcollection .page-title{
 background-image:url(/common/img/title/linkcollection.png) ;
}
.melmaga .page-title,
.mail-magazine .page-title{
 background-image:url(/common/img/title/mailmagazine.png) ;
}
.private-policy .page-title{
 background-image:url(/common/img/title/privatepolicy.png) ;
}
.private-policy.socialmediapolicy .page-title{
 background-image:url(/common/img/title/socialmediapolicy.png) ;
}
.disclaimer .page-title{
 background-image:url(/common/img/title/disclaimer.png) ;
}

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

.event .page-title{

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

.search.index .page-title{
 background-image:url(/common/img/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(/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(/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(/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(/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(/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(/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(/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(/common/img/ig/site-info/siteinfo_img01.jpg);
}
.site-info.index .page-body .local-menu li:nth-of-type(2){
background-image: url(/common/img/ig/site-info/siteinfo_img02.jpg);
}
.site-info.index .page-body .local-menu li:nth-of-type(3){
background-image: url(/common/img/ig/site-info/siteinfo_img03.jpg);
}
.site-info.index .page-body .local-menu li:nth-of-type(4){
background-image: url(/common/img/ig/site-info/siteinfo_img08.jpg);	
}
.site-info.index .page-body .local-menu li:nth-of-type(5){
background-image: url(/common/img/ig/site-info/siteinfo_img04.jpg);
}
.site-info.index .page-body .local-menu li:nth-of-type(6){
background-image: url(/common/img/ig/site-info/siteinfo_img05.jpg);
}
.site-info.index .page-body .local-menu li:nth-of-type(7){
background-image: url(/common/img/ig/site-info/siteinfo_img06.jpg);
}
.site-info.index .page-body .local-menu li:nth-of-type(8){
background-image: url(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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;   
}