@charset "EUC-JP";

/* =====================================================================
	  Common Style
* =================================================================== */
@import url(/css/notosansjapanese.css);
.notoTxt{ font-family: 'Noto Sans Japanese', sans-serif; }

body{ margin: 0; padding: 0;}
body, #topMV{ min-width: 320px; }

h2, .h2, h3, .h3 {
	position: relative;
	border-bottom-color: #C62A19;
	margin-bottom: 40px;
}

h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5, h6, .h6{
	font-family: 'Noto Sans Japanese',
	sans-serif;
	line-height: 1;}

h1 .subTtl, h2 .subTtl, h3 .subTtl{
	display: block;
	color: #C62A19;
	padding-top: 8px;
	font-size: 1.0rem !important;
	letter-spacing: .1em;
}

h3.bg {
    background: #F9F6EC;
    border-top: 1px solid #F0A500;
    border-bottom: 1px solid #F0A500;
    padding: 10px 10px;
}

@media all and (-ms-high-contrast:none){
	h3.bg{
		padding: 15px 0 5px 0;
	}
}

#mainContainer h4{
	position: relative;
	border-bottom-color: #F0A500;
	margin-bottom: 40px;
	padding: 10px;
	border-bottom:1px solid #F0A500;
	color: #666;
	font-size: 1.4rem;}

#mainContainer h5, #mainContainer h6{
	font-weight: 500;
	color: #666;
	margin-bottom: 30px; }

ul{
	display: block;
	list-style-type: none;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

li{ list-style: none; }

/* SP Parts */
#spSNS, .spParts{ display: none; }

/* More Link */
.idxMoreLink {
	display: block;
	position: absolute;
	top: 25px;
	right: 15px;
}
.idxMoreLink a:link, .idxMoreLink a:visited,
.idxMoreLink a:active, .idxMoreLink a:hover{
	display: block;
	background: url(/images/bg_morelink01.png) no-repeat 0 50%;
	-webkit-background-size: 14px;
	background-size: 14px;
	padding-left: 18px;
	color: #666;
	text-decoration: none;
}
.idxMoreLink a:hover{ text-decoration: underline; }

/* Icon Link */
.iconLink:before  {
	content: " ";
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../images/bg_morelink01.png);
	background-size: contain;
	vertical-align: middle;
	margin-right: 5px;
  }

 a.iconLink:link, a.iconLink:active,
 a.iconLink:visited, a.iconLink:active,
 a.iconLink:hover{
	 color: #333; }

 a.iconLink:hover{
	 color: #333;
	 text-decoration: underline;}

/*normal-li*/
ul.normal-li {
    margin-left: 20px;
}

ul.normal-li li {
    list-style-type: circle;
    margin-bottom: 10px;
}
/* Text Style */

.infoTxt{
	display: block;
	padding-left: 1em;
	text-indent: -1em;
	}

.iptTxt{ color: #FF4000; }

.contentWrapper{ margin-bottom: 40px; }

#indexMainWrapper{ padding: 20px 0; }
#contentMainWrapper{
	position: relative;
	padding: 0 0 60px 0;
	margin-top: -7px;
	background: url(/images/bg_separate02.png) repeat-x 0 0;
	background-size: 8px 8px;
	}
	#contentMainWrapperIn{ padding-top: 60px; }

#brandListWrapper, #socialListWrapper, #blogListWrapper, #movieListWrapper, #footer{
	background: url(/images/bg_separate01.gif) repeat-x 0 0;
}

#brandListWrapper, #socialListWrapper,
#blogListWrapper, #movieListWrapper{
	padding: 40px 0 20px 0;
}

/* Toggle Button */
#corpLink .toggleOpen{ display: none; }

/* Show More */
.showMore{ display: none; }
.showMoreCont{ display: block; }


/* Step Wizard */
.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

@media screen and (min-width: 0px) and (max-width: 767px){
	/* Grid Gutter */
	.container {
		padding-left: 0;
		padding-right: 0;
	}
	.row {
/*
		margin-left: -5px;
		margin-right: -5px;
*/
		margin-left: 0;
		margin-right: 0;
	}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding-left: 5px;
		padding-right: 5px;
	}
	h1, .h1, h2, .h2, h3, .h3{
		padding: 0 10px 10px 10px;
		margin: 0 0 15px 0;
		font-size: 1.6rem;
		color: #666;
	}
	h1 .subTtl, h2 .subTtl, h3 .subTtl{ display: none; }
	.contentWrapper{ margin-bottom:20px; }

	#contentMainWrapperIn{ padding-top: 10px; }

	/* SP Parts */
	#spSNS, .spParts{ display: block; }
	#spSNS{ width: 250px; margin: 0 auto 20px auto; }

	/* More Link Button */
	.idxMoreLink{ position: static; display: block; padding: 0 10px;}
	.idxMoreLink a:link, .idxMoreLink a:visited,
	.idxMoreLink a:active, .idxMoreLink a:hover{
		background: #c62a19; /* Old browsers */
		background: -moz-linear-gradient(top,  #c62a19 1%, #a32216 99%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c62a19), color-stop(99%,#a32216)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #c62a19 1%,#a32216 99%); /* Chrome10+,Safari5.1+ */
		background: -ms-linear-gradient(top,  #c62a19 1%,#a32216 99%); /* IE10+ */
		background: linear-gradient(to bottom,  #c62a19 1%,#a32216 99%); /* W3C */
		color: #FFF;
		text-align: center;
		text-decoration: none;
		line-height: 40px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

	.idxMoreLink a:before{
		content: " ";
		display:inline-block;
		width:12px;
		height:12px;
		background:url(/images/bg_morelink02.png);
		background-size:contain;
		vertical-align:middle;
		margin-right: 5px;
		}
	#indexMainWrapper, #contentMainWrapper, #brandListWrapper, #socialListWrapper, #blogListWrapper{ padding: 20px 0; }
	#brandListWrapper, #socialListWrapper, #blogListWrapper{ background: none; }

	/* Show More */
	.showMore{
		display: block;
		text-align: center;
		padding: 10px 0;
		clear: both;
		font-size: 1.6rem; }
	.showMore:before{
		content: "\f021";
		font-family: FontAwesome;
		margin-right: 5px;
		color: #c62a19;
	}
	.showMoreCont{ display: none; }

}

/* =====================================================================
	  Button Style
* =================================================================== */
.btn-primary {
	background: #c62a19; /* Old browsers */
	background: -moz-linear-gradient(top,  #c62a19 1%, #a32216 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c62a19), color-stop(99%,#a32216)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c62a19 1%,#a32216 99%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #c62a19 1%,#a32216 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #c62a19 1%,#a32216 99%); /* W3C */
	border-color: #a32216;
	color: #FFF;
}

.btn-info {
	background: #00649b; /* Old browsers */
	background: -moz-linear-gradient(top,  #00649b 0%, #063c6a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00649b), color-stop(100%,#063c6a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00649b 0%,#063c6a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00649b 0%,#063c6a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00649b 0%,#063c6a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00649b 0%,#063c6a 100%); /* W3C */
	border-color: #063c6a;
	color: #FFF;
}

/* ===== Form Parts ===== */

.formWrapper label {
    margin-bottom: 10px;
}

.btnSubmit {
	width: 100%;
}

.btnSubmit.btn-primary:before,
.btnSubmit.btn-info:before{
	content: " ";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-right: 5px;
    vertical-align: middle;
	 }

.btnSubmit.btn-primary:before {
    background: url(/images/bg_morelink02.png);
    background-size: contain;
}

.btnSubmit.btn-info:before {
    background: url(/images/bg_morelink03.png);
    background-size: contain;
}

/* =====================================================================
	  Header
* =================================================================== */
#headerNav{
}

#navWrapper{
/* 	background: #F9F6EC; */
	position: relative;
	padding-top: 125px;
}

#mainLogo,
#subNavWrapper{
	position: absolute;
}

#mainLogo{
	top: 25px;
    left: -42px;
    margin-left: 50%;
    z-index: 100;
    }
    
#mainLogo img{ width: auto; height: 76px; }

#mainLogo h1{
	margin: 0;
	padding: 0;
	border-bottom: none;
 }


/* ===== Menu Button ===== */
#navWrapper button.navbar-toggle{
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: url(/images/bg_header_menu.gif) no-repeat 0 bottom;
	-webkit-background-size: 60px;
	background-size: 60px;
	border: 0;
	border-radius: 0;
}
#navWrapper button.navbar-toggle.collapsed{
	background: url(/images/bg_header_menu.gif) no-repeat 0 top;
	-webkit-background-size: 60px;
	background-size: 60px;
}

#gNavWrapper{
	background: #FFF;
	border-top: 4px solid #c62a19;
}

#gNavWrapper > .container{
	position: relative;
}

#gNav{
	position: relative;
	margin: 0 auto;
}

#gNav ul.nav li{
	padding: 0;
	font-family: 'Noto Sans Japanese', sans-serif;
	letter-spacing: 0.02em;
	text-align: center;
	border-left: 1px solid #eee;
	font-size: 1.4rem;
}

#gNav ul.nav li a{
	display: block;
	padding: 20px 5px;
}

#gNav ul.nav li a:link, #gNav ul.nav li a:active,
#gNav ul.nav li a:visited {
	color: #333;
	letter-spacing: 0.1em;
}

#gNav ul.nav li a:hover, #gNav ul.nav li.current a{
	background: #c62a19;
	color: #FFF !important;
}

@media all and (-ms-high-contrast:none){
	/* ===== ie11 ===== */
	*::-ms-backdrop, #gNav ul.nav li a {
		padding-top: 15px;
	}
	/* ===== ie10 以下 ===== */
	#gNav ul.nav li a {
		padding-top: 15px;
	}
}

#gNav ul.nav li:last-child{ border-right: 1px solid #ddd; }

/* ===== サブナビゲーション ===== */
#subNavWrapper{
	top: -115px;
/* 	right: 0; */
}

#subNav ul.subLinkList{
/* 	float: right; */
	position: absolute;
	top: 10px;
	right: 30px;
	}
#subNav ul.subLinkList li{
	display: inline-block;
	margin-right: 10px;
	line-height: 30px;
}

#subNav li a:link, #subNav li a:visited,
#subNav li a:active, #subNav li a:hover{
	-webkit-background-size: 6px auto;
	background-size: 6px auto;
	padding-left: 10px;
	font-size: 1.2rem;
	color: #666;
	text-decoration: none;
}
#subNav li a:hover{ text-decoration: underline; }

#subNav li:before{
	content: "\f105";
	font-family: FontAwesome;
	font-size: 1.0rem;
	color: #c62a19;}

#subNav li.fc:before{ content: none; }
#subNav li.fc{ border-left: 1px solid #DDD; padding-left: 20px; }
#subNav li.fc span{ font-size: 1.2rem; color: #777; }
#subNav li.fc #btnD .btn-circle{ font-size: 1.1rem; }
#subNav li.fc #btnL .btn-circle{
	padding: 2px 0;
	font-size: 1.6rem; }

#subNav li.fc .btn-circle{
	color:#c62a19;
	background: #FFF;
	border: 1px solid #ddd;
	box-sizing: border-box; }

#subNav li.fc span.active .btn-circle{ background: #c62a19; color: #FFF; }


/*===== サイト内検索 =====*/
#subNav #searchBox{
/*	position: absolute;
	top: 35px;
	left: -15px;*/
	display: none;
}
#cse-search-box{
	position: relative;
	width: 100%;
}
input.isearch1{
	width: 100%;
	height: 30px;
	border: 1px solid #DDD;
	padding: 0 10px;
	outline: 0;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 18px;
	font-weight: bold;
	line-height: 30px;
}

input.ibutton1{
	position: absolute;
	top: 8px;
	right: 10px;
	border: none;
	outline: 0;
	background: url(/images/icon_search01.png) no-repeat 0 0;
	-webkit-background-size: 14px;
	background-size: 14px;
	cursor: pointer;
}

/* ===== SP Share Button ===== */
.spShareBtn{ display: none; }

@media screen and (min-width: 992px) {
	#gNav ul.nav li:nth-child(2),
	#gNav ul.nav li:nth-child(3),
	#gNav ul.nav li:nth-child(4),
	#gNav ul.nav li:nth-child(5){
	width: 160.5px; }

	#gNav ul.nav li:first-child,
	#gNav ul.nav li:last-child{
	width: 168px; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#gNavWrapper .container{ padding-left: 0; padding-right: 0; }
	#gNavWrapper #gNav li a{ font-size: 1.0rem;  padding: 10px 5px;}
	#gNavWrapper #gNav li:first-child{ border-left: 0; }
	#gNavWrapper #gNav li:last-child{ border-right: 0; }

	#gNavWrapper .container {
		width: 100%;
	}
/*
	#gNav ul.nav li:first-child,
	#gNav ul.nav li:last-child,
	#gNav ul.nav li:nth-child(2),
	#gNav ul.nav li:nth-child(3),
	#gNav ul.nav li:nth-child(4),
	#gNav ul.nav li:nth-child(5){ width: 130px;}
*/
	#gNavWrapper #subNav{
		margin-left: 0;
		margin-right: 0;
	}
	#subNav ul.subLinkList li.fc{ display: none; }
	#subNav > .col-sm-offset-2{ margin-left: 30px; }
	#subNav #searchBox{ margin-right: 20px; width: 180px; }
}

@media screen and (min-width: 0px) and (max-width: 767px)  {
	
	#mainLogo{ top: 10px; left: -22px; }
	#mainLogo img{ width: auto; height: 40px; }
	#navWrapper{ position: relative; padding-top: 0;}
	#gNavWrapper{ border-top: 0; }
	#gNavWrapper .container, #gNavWrapper #gNav,
	#gNav > .row,
	#gNavWrapper #subNav, #gNavWrapper #subNav > div{
		padding-left: 0; padding-right: 0; margin-right: 0; margin-left: 0;}
	#gNav{ width: 100%; background: url(/images/bg_gnav_sp.png) repeat 0 0; }
	#gNav ul li{ border-bottom: 1px solid #BA4F52; letter-spacing: 0.2em;}
	#gNav ul.nav li:nth-child(even){ border-left: 1px solid #BA4F52; }
	#gNav ul.nav li:nth-child(odd){ border-left: none; }
	#gNav ul li a{ padding: 10px 5px; letter-spacing: 0.06em; }
	#gNavWrapper #gNav li:first-child{ border-left: 0; }
	#gNavWrapper #gNav li:last-child{ border-right: 0; }
	#subNavWrapper{ top: 10px; position: relative; width: 100%; display: none;}
	#subNav ul.subLinkList{ float: none; }
	#subNav ul.subLinkList li{
		  display: inline;
		  margin-right: 0;
		  float: left;
		  border: none;
		  padding: 0 10px;
		  line-height: 12px;
	}
	#subNav ul.subLinkList li:before{ display: none; }
	#subNav ul.subLinkList li a:before{
		content: "\f105";
		font-family: FontAwesome;
		margin-right: 5px;
	}
	#subNav ul.subLinkList li.fc{ display: none; }
	#subNav li{ display: block; margin-right: 0; text-align: center; }
	#subNav li a{ display: block; padding: 10px 0; }
	#subNav li a:link, #subNav li a:visited,
	#subNav li a:active, #subNav li a:hover{
		background: none;
		padding-left: 0;
		font-size: 1.2rem;
		text-decoration: none;
	}
	#searchBox{
		position: static !important;
/* 		clear: both; */
		padding: 10px 0 30px 0;
/* 		overflow: hidden; */
	}
	#searchBox input.ibutton1{
		top: 8px;
	}
	#cse-search-box {
		float: none;
		width: 90%;
		margin: 0 5%;
	}

	#gNav ul.nav li a:link, #gNav ul.nav li a:active, #gNav ul.nav li a:visited,
	#subNav li a:link, #subNav li a:visited, #subNav li a:active, #subNav li a:hover{ color: #FFF; }

	/* ===== SP Share Button ===== */
	#navWrapper .navbar-header{ position: relative; }
	.spShareBtn{
		display: block;
		position: absolute; top:15px; left: 10px;
	 }
	 .spShareBtn .dropdown-menu{
		 width: 282px; padding: 10px;
		 left: 0;
	}
	.spShareBtn button{ border-color: #DDD; font-size: 1.2rem; }
	.spShareBtn button { color: #666 !important; }
	.spShareBtn button i{ color: #c62a19; }

	.spShareBtn .dropdown-menu ul li{
		display: inline-block;
		float: left;
		max-width: 70px;
		overflow: hidden;
		margin-right: 10px;}
	.spShareBtn .dropdown-menu ul li:last-child{
		margin-right: 0; }

}

/*===== 会員登録／ログイン =====*/
#memberLoginBtn{
	position: absolute;
	top: -55px;
    right: 30px;

/*
	top: -55px;
	right: 30;
	width: 180px;
*/
}

#memberLoginBtn ul li{
	text-align: center;
	padding-right: 0;
}

#memberLoginBtn ul li a,
#memberLoginBtn ul li span{
	width: 100%;
}

/* ===== ボタンの色設定 ===== */
#memberLoginBtn a.btn-primary,
#memberLoginBtn a.btn-warning{
	padding: 5px 10px 5px 10px;
	background: none;
    border: none;
    color: #333;
}

#memberLoginBtn a.btn-primary:hover,
#memberLoginBtn a.btn-warning:hover{
	background: #c62a19;
    color: #fff;
}

#memberLoginBtn a.btn-primary:active,
#memberLoginBtn a.btn-warning:active{
	outline: none;
	box-shadow: none;
}

#memberLoginBtn a.btn-primary:before,
#memberLoginBtn a.btn-warning:before{
    font-family: FontAwesome;
    font-size: 1.0rem;
    color: #c62a19;
    margin-right: 10px;
}

#memberLoginBtn a.btn-primary:hover:before,
#memberLoginBtn a.btn-warning:hover:before{
    color: #fff;
}

#memberLoginBtn a.btn-primary:before{
	content: "\f040";
}

#memberLoginBtn a.btn-warning:before{
	content: "\f007";
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#memberLoginBtn {
	    top: -50px;
	}
	#memberLoginBtn ul li a{
		font-size: 1.0rem;
	}
}


#loginBox{
	position: relative;
}

.loginWrapper{
	background: #fff;
	padding: 30px;
	height: 350px;
}	

#loginBox h2{
	text-align: center;
	padding: 0 0 40px 0;
	margin-bottom: 0;
	color: #FFF;
	font-size: 4.0rem;
}
	/* モーダルの中だけ */
	.mfp-content .loginWrapper{
		box-shadow:0px 0px 22px -2px #000000;
		-moz-box-shadow:0px 0px 22px -2px #000000;
		-webkit-box-shadow:0px 0px 22px -2px #000000;
	}
	.mfp-content #loginBox h2{
		text-shadow: 0px 0px 10px #000;
		-moz-text-shadow: 0px 0px 10px #000;
		-webkit-text-shadow: 0px 0px 10px #000;
	}

#loginBox h3{
	margin-bottom: 20px;
	font-size: 2.0rem;
}

#loginBox h2, #loginBox h3{
	border-bottom: none;
}

.loginWrapper .btn{
	width: 100%;
}

.loginWrapper ul li{
	text-align: center;
}

.loginWrapper .snsBtn{
	display: block;
	margin-bottom: 20px;
}

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

@media screen and (min-width: 0px) and (max-width: 767px)  {
	#memberLoginBtn{
		position: relative;
		top: 0;
		right: 0;
		padding: 10px 5px;
		width:100%;
	}
	/* ===== ボタンの色設定 ===== */
	#memberLoginBtn a.btn-primary,
	#memberLoginBtn a.btn-warning{
		border: 1px solid #ddd;
	}
	#memberLoginBtn ul li{
		padding-right: 5px;
	}
	#loginBox{
		top: 60px;
		padding: 20px 10px;
	}
	#loginBox h2{
		padding: 0 0 10px 0;
		font-size: 3.0rem;
	}
	#loginBox h3{
		margin-bottom: 10px;
		font-size: 1.4rem;
	}
	#loginBox .closeBtn img{
		width: 20px;
		height: auto;
	}
	.loginWrapper{
		padding: 20px;
		margin-bottom: 10px;
		height: auto;
	}
	.loginWrapper h3{
		padding: 0;
		font-size: 1.4rem;
		font-weight: bold;
		color: #333;
	}
	.loginWrapper .snsBtn{
		margin-bottom: 10px;
	}
	.loginWrapper .btn-lg{
		padding: 5px;
	}

}
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #000 !important;
	opacity: 0.7 !important;
	filter: alpha(opacity=70) !important;
}
.closeBtn{
	position: absolute;
	top: 0;
	right: 30px;
	cursor: pointer;
	z-index: 999;
}

/*===== 会員メニュー=====*/

#memberName{
	position: absolute;
    top: -55px;
    right: 15px;
    width: 279px;
    height: 70px;
    text-align: right;
}

#memberName .container{
/* 	position: relative; */
	position: static;
}

.memberNameBtn{
/*
	position: absolute;
	top: 0;
	right: 15px;
	color: #92000b;
	line-height: 73px;
	cursor: pointer;
	padding: 0 30px 0 10px;
	font-weight: bold;
*/
    position: absolute;
    right: 0;
    color: #c62a19;
    /* line-height: 42px; */
    cursor: pointer;
    padding: 5px 30px 5px 10px;
    font-weight: bold;
}

.memberNameBtn span:before{
	content: "\f007";
	font-family: FontAwesome;
	margin-right: 5px;
	text-decoration: none;
}

.memberNameBtn:after{
	content: "\f107";
	font-family: FontAwesome;
	margin-left: 5px;
	text-decoration: none;
	position: absolute;
	right: 10px;
}

.memberNameBtn.open:after{
	content: "\f106";
	font-family: FontAwesome;
	margin-left: 5px;
	text-decoration: none;
}

.memberNameBtn.open{
	background: #c62a19;
	color: #fff;
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

#memberMenu{
	width: 100%;
	position: absolute;
	top: -25px;
	right: 15px;
	z-index: 999;
}

#memberMenu ul{
	display: none;
	background: #fff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.33);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.33);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.33);
	padding: 0;
}

#memberMenu ul li{
	border-bottom: 1px solid #DDD;
}

#memberMenu ul li a{
	display: block;
	padding: 15px;
	text-decoration: none;
	color: #333;
}

#memberMenu ul li a:hover,
#memberMenu ul li a:hover:before{
	background: #f0a500;
	color: #fff;
}

#memberMenu ul li a:before{
	content: "\f105";
	font-family: FontAwesome;
	font-size: 1.0rem;
	margin-right: 8px;
	color: #92000b;
}

@media screen and (min-width: 0px) and (max-width: 767px)  {
	#status-login{ position: relative; }
	#memberName{
		position: relative;
		top:0;
		right: 0;
		width: 100%;
		height: 60px;
	}
	.memberNameBtn{
		line-height: 60px;
		width: 100%;
		text-align: center;
		padding: 0 10px 0 10px;
		right: 0;
	}
	.memberNameBtn.open{
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	#memberMenu{
		width: 100%;
		position: absolute;
		top: 60px;
		right: 0;
	}
}


/* =====================================================================
	  Footer
* =================================================================== */

#footer{
	margin-top: 100px;
}

#footer #siteLink .container{
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
}

#footer #siteLink ul li a{
	font-size: 1.2rem;
}
#footer #siteLink ul li:before{
	content: "\f105";
	font-family: FontAwesome;
	font-size: 1.0rem;
	color: #c62a19;
	margin-right: 5px;
 }

#footer #siteLink ul li a:link, #footer #siteLink ul li a:active,
#footer #siteLink ul li a:visited{
	color: #666;
	text-decoration: none;
}

#footer #siteLink ul li a:hover{text-decoration: underline; }

.corpLinkWrapper{ position: relative; }
.corpLinkList{
	padding-left: 0;
	padding-right: 0;
}

.corpLinkList img{
	width: auto;
    height: 20px;
    margin-top: 25px;
}

.corpLinkList div{
	text-align: center;
}

.corpLinkWrapper ul li{
/* 	width: 20%; */
}

#footer #corpLink {
	border-top: 1px solid #DDDDDD;
}

#footer #corpLink ul li{
	padding-left: 0; padding-right: 0;
	border-left: 1px solid #DDD;
	line-height: 72px;
}
#footer #corpLink ul li:last-child{
	border-right: 1px solid #DDD;
}

#footer #corpLink ul li.current{
	background: #000;
	color: #FFF;
}

#footer #corpLink ul li a{
	display: block;
	text-align: center;
	color: #333;
}

#footer #corpLink h4, #footer #corpLink ul li.current, #footer #corpLink ul li a {
	display: block;
/* 	height: 72px; */
	font-size: 1.2rem;
	text-align: center;
/* 	padding: 30px 0; */
	box-sizing: border-box;
	font-family: "Times New Roman","游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",Meiryo,serif;
}

#footer #corpLink ul li a:hover{
	background: #f0f0f0;
	text-decoration: none;
}

/* Toggle Button */
#corpLink .toggleOpen{ display: none; }



#copy{
		position: absolute;
		top: 20px;
		right: 0;
		font-size: 1.0rem;
		letter-spacing: 1px;
		color: #666;
	}

/*===20160328 JASRACロゴ追加===*/

#footer.indexFooter #siteLink ul li a{
	line-height: 40px;
			top: 20px;
}


#footer.indexFooter #copy{
	line-height: 40px;
	position: static;
}
#footer .jasracLogo img {
    width: auto;
    max-height: 40px;
    height: auto;
}


@media screen and (min-width: 768px) and (max-width: 991px) {
	#corpLink > .container{
		width: 100%;
		overflow: hidden;
	}
}

/*===///20160328 JASRACロゴ追加===*/

@media screen and (min-width: 0) and (max-width: 767px)  {
	#footer{
		margin-top: 30px;
	}

	#footer #siteLink .container{
		padding-bottom: 10px;
	}
	#footer #siteLink ul li{ margin-bottom: 10px; }
	#corpLink .container,
	#corpLink .row{
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	row.corpLinkWrapper{
		width: 100%;
		padding-left: 0; padding-right: 0;
		margin-left: 0; margin-right: 0;
		overflow: hidden;}
	#footer #corpLink h4{
		background: #EEE;
	}
	.corpLinkList{
		display: none;
	}
	.corpLinkList>div,
	.corpLinkList li{
		padding-left: 0;
		padding-right: 0;
	}
	.corpLinkList img{
    		margin-bottom: 25px;
	}
	#footer #corpLink ul li{
		padding-left: 0; padding-right: 0;
		border-left: 0;
		border-top: 1px solid #DDD;
		line-height: 50px;
	}
	#footer #corpLink ul li:last-child{
		border-right: 0;
		border-bottom: 1px solid #DDD;
	}
	#footer #corpLink ul li:nth-child(1),
	#footer #corpLink ul li:nth-child(3){
		border-right: 1px solid #DDD;
	}
	/* Toggle Button */
	#corpLink .toggleOpen{ display: block; background: #FFF; position: relative; width: 100%; top: 0; right: 0; text-align: center; line-height: 52px; }
	#corpLink .toggleOpen:after{ content: "\f107"; font-family: FontAwesome; position: absolute; top: 0; right: 20px; font-size: 1.6rem; color: #c62a19;}
	#corpLink .toggleOpen.active:after{ content: "\f106";}
	#corpLink .toggleOpen.active+.corpLinkList {
		display: block!important;
		height: 103px;
	}
	#copy{
		position: relative;
		top: 0;
		margin-bottom: 20px;
		text-align: center;
	}

/* 	.corpLinkWrapper ul li{width: 100%;} */

	/*===20160328 JASRACロゴ追加===*/

	#footer.indexFooter #siteLink ul li a{
	line-height: 1.42857143}

	#footer.indexFooter .jasracLogo,
	#footer.indexFooter #copy{
		margin-top: 10px;
	}

	#footer.indexFooter .jasracLogo img {
	    max-height: 40px;
	    width:auto;
	    height: auto;}

	#footer.indexFooter #copy{
		text-align: left;
		line-height: 30px;
	}

	/*===///20160328 JASRACロゴ追加===*/

}

/* =====================================================================
	  Sub Container
* =================================================================== */
@media screen and (min-width: 0) and (max-width: 767px)  {
	#mainContainer{
		padding-left: 0;
		padding-right: 0;
	}
}
/* =====================================================================
	  Sub Container
* =================================================================== */
#subContainerIn .wSubTtl{
	padding-top: 0;
	padding-bottom: 10px;
}
#pressListWrapper .wSubTtl{
	padding-bottom: 15px;
}

#subContainerIn h3{
	padding-top: 14px;
	margin-bottom: 20px;
	}

#subContainerIn .linkBtnWrapper .row li{ margin-bottom: 20px; }
#subContainerIn .linkBtnWrapper .row li:last-child{ margin-bottom: 0; }
#subContainerIn .linkBtnWrapper a.btn{ width: 100%; }

#subContainerIn .linkBtnWrapper a.btn-primary:before{
	content: " ";
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(/images/bg_morelink02.png);
	background-size: contain;
	vertical-align: middle;
	margin-right: 5px;
 }

@media screen and (min-width: 0) and (max-width: 767px)  {
	#subContainer{
		padding: 20px 0;
	}
	#subContainerIn{
		padding-left: 0;
		padding-right: 0;
	}
	#subContainerIn .linkBtnWrapper .row li{ margin-bottom: 10px; }
}


/* =====================================================================
	  Main Ttl
* =================================================================== */
#mainTtl{
	display: table;
	width: 100%;
	height: 110px;
	background: url(/images/bg_mainttl01.jpg) repeat-x 0 0;
	text-align: center;
}
#mainTtl h1{
	display: table-cell;
	border-bottom: 0;
	padding: 0;
	vertical-align: middle;
}

#mainTtl h1 img{
	width: auto;
	max-height: 70px;
}

/* ===== Share Button ===== */
.pcShareBtn{ padding-top: 20px; }
.pcShareBtn ul li{
	display: inline-block;
	float: left;
	padding-right: 3px;
	 }
.pcShareBtn ul li:last-child{
	padding-right: 0; }


/* ===== Default Title Style ===== */
#mainTtl.default {
    display: table;
    width: 100%;
    height: 110px;
    background: url(/images/bg_mainttl01.jpg) repeat-x 0 0;
    text-align: center;
}

#mainTtl.default h1 {
    display: table-cell;
    border-bottom: 0;
    padding: 0;
    vertical-align: middle;
    color: #fff;
    font-size: 4.0rem;
    line-height: 1 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

#mainTtl.default .enTtl {
    color: #8C4600;
    text-align: center;
    display: block;
    font-size: 1.6rem;
    padding-top: 10px;
    text-shadow: none;
    letter-spacing: 0.1rem;
}


@media all and (-ms-high-contrast:none){
	/* ===== ie11 ===== */
	*::-ms-backdrop, #mainTtl.default h1 {
		padding-top: 15px;
	}
	*::-ms-backdrop, #mainTtl.default .enTtl  {
		padding-top: 0;
	}
	/* ===== ie10 以下 ===== */
	#mainTtl.default h1  {
		padding-top: 15px;
	}
	#mainTtl.default .enTtl  {
		padding-top: 0;
	}

}

#mainTtl.default h1 img {
    width: auto;
    max-height: 70px;
}

@media screen and (min-width: 0) and (max-width: 767px)  {
	#mainTtl{ height: 60px; }
	#mainTtl h1 img{ max-height: 40px; }
	#mainTtl.default, #mainTtl.default h1 { height: 60px; font-size: 1.6rem; }
	#mainTtl.default .enTtl { margin-top: 5px; font-size: 1.2rem; }
	.breadcrumb{ display: none; }
	.pcShareBtn{ display: none;}
	#mainTtl.default { height: 60px; }
    #mainTtl.default h1 img { max-height: 40px; }
	#mainTtl.default .enTtl { padding-top: 0; }
}

/* ===== oyatsu Title Style ===== */
#mainTtl.oyatsu{
	background: url(/images/bg_ttl_oyatsu.png) 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
	height: 210px;
}

#mainTtl.oyatsu h1 img{
	max-height: 120px;
}

@media screen and (min-width: 0) and (max-width: 767px) {
	#mainTtl.oyatsu{
		height: 100px;
	}
	#mainTtl.oyatsu h1 img{
		max-height: 70px;
	}
}



/* =====================================================================
	  MV Slider
* =================================================================== */
#topMV{
		    overflow: hidden;
	    }
	    #topMV .leftNav, #topMV .rightNav{
			display: block;
			position: absolute;
			width: 642px;
			height: 300px;
			top: 0px;
			z-index: 100;
		}

		#topMV .leftNav, #topMV .rightNav{
			background: url(/images/index/mv_nav_bg01.png) repeat 0 0;
		}
		#topMV .leftNav{
			right: 50%;
			margin-right: 321px;
		}

		#topMV .rightNav{
		  left: 50%;
		  margin-left: 321px;
		}

		.sp-horizontal .sp-arrows {
			width: 680px;
			  left: 50%;
			  top: 130px;
			  margin-left: -340px;
			z-index: 200;
		}
		.sp-horizontal .sp-arrows:hover{ opacity: 0.9; }

		.sp-previous-arrow{
			left: 0;
			width: 42px;
			height: 42px;
			background: url(/images/index/bg_sp-arrow.png) no-repeat left center;
		}

		.sp-next-arrow{
			right: 0;
			width: 42px;
			height: 42px;
			background: url(/images/index/bg_sp-arrow.png) no-repeat right center;
		}

		#topMV a:hover img{
			opacity: 0.8; }

		@media screen and (min-width: 0px) and (max-width: 675px)  {
			.sp-horizontal .sp-arrows {
				width: 100%;
				left:0;
				top: 50%;
				margin-top: -22px;
				margin-left: 0;
				z-index: 200;
			}
			.sp-previous-arrow, .sp-next-arrow{
				width: 26px; height: 26px;
				-webkit-background-size: cover;
				background-size: cover;}

			.sp-previous-arrow{ left:10px; }
			.sp-next-arrow{ right: 10px; }
		}


/* =====================================================================
	  PickUp
* =================================================================== */
#pickupWrapper .contentWrapper{
	margin-bottom: 0;
}
.pickupBnr .bnrImg{
	margin-bottom: 30px;
}
.pickupBnr .bnrImg img{
	width: 100%;
}

.pickupBnr a:hover img{
	opacity: 0.8; }

#pcBnr{ display: block; }
#spBnr{ display: none; }

@media screen and (min-width: 0px) and (max-width: 767px)  {
	.pickupBnr.row{
		margin: 0 0 20px 0;
		padding: 0 5px;
	}
	.pickupBnr.row .row{ margin-left: -5px; margin-right: -5px; }
	.pickupBnr .bnrImg{ margin-bottom: 10px; }
	.pickupBnr .bnrImg img{ width: 100%; }
	#pcBnr{ display: none; }
	#spBnr{ display: block; }
}

/* =====================================================================
	  Press Release
* =================================================================== */
#pressListWrapper .contentWrapper{
	position: relative;
}
ul.pressList{
	width: 100%;
}

ul.pressList li{
	border-bottom: 1px solid #DDD;
	margin: 0 0 10px 0;
	padding: 0;
}
ul.pressList li .date{
	font-size: 1.2rem;
	color: #666;
	letter-spacing: 0.1em;
}

@media screen and (min-width: 0px) and (max-width: 767px)  {
	ul.pressList li{
		padding: 0 10px;
	}
}

/* =====================================================================
	  Text Content (textOnly )
* =================================================================== */
.txtContent >div {
    margin-bottom: 40px;
}

.txtContent h3 {
    margin-bottom: 20px;
}

.txtContent h4 {
    margin-bottom: 20px;
}

.txtContent p {
    line-height: 3.0rem;
}


/* =====================================================================
	  Blog List (subContainer)
* =================================================================== */
.blogListWrapper .contentWrapper > .container{
}

.blogListWrapper .itemImg img{
	width: 100%;
}

.blogListWrapper .itemTxt{ font-size: 1.2rem; }

.blogListWrapper .itemTxt a{
	display: block;
	margin-bottom: 10px;
}



/* =====================================================================
	  Brand List
* =================================================================== */
#brandListWrapper .contentWrapper .container{
	position: relative;
}

#brandListWrapper .slideWrapper .bx-wrapper{
	margin: 0 0 0 0;
}

#brandListWrapper .slideWrapper li{
	display: inline-block;
	text-align: center;
}

#brandListWrapper .slideWrapper li img{
	display: inline;
	margin-bottom: 15px;
}

#brandListWrapper .slideWrapper span.brandName{
	display: block;
	background: #c62a19;
	padding: 5px 0;
	-webkit-border-radius: 30px;
	-moz-border-radius:30px;
	border-radius: 30px;
	font-size: 1.0rem;
}

#brandListWrapper a:hover span.brandName{ opacity: 0.8 }
#brandListWrapper .bx-wrapper a:link,
#brandListWrapper .bx-wrapper a:active,
#brandListWrapper .bx-wrapper a:visited,
#brandListWrapper .bx-wrapper a:hover{
	text-decoration: none;
	color: #FFF;
}

#brandListWrapper .slideWrapper .bx-controls-direction{ display: none; }

#brandListWrapper .bx-pager{ padding-top: 20px; }

#brandListWrapper .bx-wrapper .bx-prev,
#brandListWrapper .bx-wrapper .bx-next{
	position: absolute;
	top: 50%;
	outline: 0;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
}
#brandListWrapper .bx-wrapper .bx-prev {
  left: 10px;
  background: url(/images/icon_prev.png) no-repeat 0 0;
  -webkit-background-size: 20px;
  background-size: 20px;
}

#brandListWrapper .bx-wrapper .bx-next {
  right: 10px;
  background: url(/images/icon_next.png) no-repeat 0 0;
  -webkit-background-size: 20px;
  background-size: 20px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#brandListWrapper .slideWrapper li { width: 100px !important; margin-right: 20px !important; }
	#brandListWrapper .slideWrapper span.brandName{ font-size: 1.0rem; }
}


@media screen and (min-width: 0px) and (max-width: 767px)  {
	#brandListWrapper .slideWrapper .bx-wrapper{
		margin: 0 0 20px 0;
		padding: 0 40px;}
	#brandListWrapper .slideWrapper .bx-controls-direction{
		display: block;
	}
	#brandListWrapper .slideWrapper li img{
		max-width: none;
		width: 100%;
	}
	.slideWrapper .bx-prev{ left: 10px; }
	.slideWrapper .bx-next{ right: 10px; }
	#brandListWrapper .slideWrapper span.brandName{ display: none; }
	#brandListWrapper .bx-pager{ padding-top: 0; }
}

/* =====================================================================
	  SNS List
* =================================================================== */
#socialListWrapper .contentWrapper .container{
	position: relative;
}

.socialListIn{
	margin-bottom: 30px; }

.socialListIn a{
	display: block;
}

.socialListIn a:hover img{ opacity: 0.8; }

.socialListIn img{
	width: 100%;
	float: left;
}

.socialListIn .serviceName{
	padding-left: 0;
	padding-right: 0;
}
.serviceName span{
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 600;
	display: block;
	margin-bottom: 5px;
	font-size: 1.2rem;
	letter-spacing: 0.05em;
	}
a .txtFb{ color: #3b5998; }
a .txtTw{ color: #55acee; }
a .txtMx{ color: #C2A253; }
a .txtMon{ color: #FF7E00; }

.snsTxt {
    color: #333;
    padding-top: 10px;
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.6;
    display: block;
}

@media screen and (min-width: 0px) and (max-width: 767px)  {
	.socialListIn{ margin-bottom: 0; padding:10px 0; border-bottom: 1px solid #DDD; }
	.socialListIn .serviceName br{ display: none; }
}

/* =====================================================================
	  Blog List
* =================================================================== */
#blogListWrapper .contentWrapper > .container{
	position: relative;
}

.blogList > div{
	text-align: center;
}

.blogList > div > div{
	position: relative;
}


.blogList > div .itemTtl{
	display: table;
	width: 100%;
	padding: 10px;
}

.blogList > div .itemTtl a{
	display: table-cell;
	vertical-align: middle; }

.blogList > div .blogTtl{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.blogList > div .itemImg{
	width:100%; /*トリミング後の横幅*/
	text-align: center;
	overflow:hidden;
	padding-top: 30px;
 }

 .blogList > div .itemImg img{
	 height: 230px;
 }

  .blogList > div .itemImg a:hover img{
	 opacity: 0.8;
 }


 .blogList > div .blogTtl{
	 min-width: 100%;
 }

.blogList > div .blogTtl img{
	width: 100%;
}

.blogList > div > div{
	box-sizing: border-box;
}

.pakulog{
	border: 1px solid #FFD33D;
}
	.pakulog .itemImg{
		background: #FFD33D;
	}

.kitchen{
	border: 1px solid #FFD33D;
}
	.kitchen .itemImg{
		background: #FFD33D;
	}

.kenQjyo{
	background: #C82809;
}
	.kenQjyo .itemImg{
		background: #92000B;
	}
	.kenQjyo .itemTtl a{
		color: #FFF !important;
	}

.tortillaKitchen{
	background: url(../images/bg_blog_tortilla.gif) repeat 0 0;
}
	.tortillaKitchen .itemImg{
		background: #ACBC62;
	}

	.tortillaKitchen .itemTtl a{
		color: #11522B;
	}

@media screen and (min-width: 768px) and (max-width: 991px)  {
	.blogList > div .itemImg{
/* 		height:165px; */ /*トリミング後の縦幅*/
	padding-top: 40px;
 	}
 	 .blogList > div .itemImg img{ height: 165px; }
}

@media screen and (min-width: 480) and (max-width: 767px)  {
	.blogList > div .itemImg{
	/*  height:200px; */ /*トリミング後の縦幅*/
 	}
 	 .blogList > div .itemImg img{ height: 200px; }
}

@media screen and (min-width: 0) and (max-width: 479px)  {
	.blogList > div .itemImg{
		padding-top: 30px;
 	}

 	 .blogList > div .itemImg img{ height: 100px; }
}

@media screen and (min-width: 0) and (max-width: 767px)  {
	.blogList > div > div{ margin-bottom: 10px; }
	.itemTtl a { font-size: 1.2rem; }
}

/* =====================================================================
	  Movie List
* =================================================================== */
#movieListWrapper .contentWrapper .container{
	position: relative;
}

#movieListWrapper p.ttl	{
	margin-bottom: 0;
}

@media screen and (min-width: 0) and (max-width: 767px)  {
	#movieListWrapper .thumbBox{
		display: none; }
	#movieListWrapper .thumbBox.spMov{
		display: block;
		margin-bottom: 10px;}
}

/* =====================================================================
	  Activity List
* =================================================================== */
#activityListWrapper .contentWrapper .container{
	position: relative;
}

.activityListIn img{
	width: 100%;
	margin-bottom:10px;
}

.activityListIn span{display: block;}
#activityListWrapper .activityListIn{
	text-align: center;
}

@media screen and (min-width: 0px) and (max-width: 767px)  {
	.activityListIn{ margin-bottom: 0; padding:10px 0; border-bottom: 1px solid #DDD; }
	.activityListIn .serviceName br{ display: none; }
	.activityListIn img{
	width: 60%;
	margin-bottom:10px;
}
}

/* =====================================================================
	  Form
* =================================================================== */

.red{ color: #c62a19; font-size: 1.6rem;}


table.formDetail{ margin-bottom: 60px; }
table.formDetail th, table.formDetail td{
	padding: 20px 8px !important;
	}
table.formDetail th{
	width: 250px;
	}
table.formDetail th, table.formDetail td{
	vertical-align: middle !important; }

table.formDetail .form-control{
	display:inline;
	width: auto;
	margin-right: 10px; }

table.formDetail input[type="radio"],
table.formDetail input[type="checkbox"]{
	margin-right: 5px; }

table.formDetail .textarea{
		width: 100%;
	}

p.infoTxt{
	padding-top: 10px;
	font-size: 1.2rem;}

/* ===== ログインフォームパーツ ===== */
.btnSubmit{
	font-size: 2.4rem;
	}


@media screen and (min-width: 0) and (max-width: 767px){
	table.formDetail{ margin-bottom: 20px; }
	table.formDetail th, table.formDetail td{
		display: block;
		width: 100%;
		}
	table.formDetail th, table.formDetail td{
		padding: 10px !important;
	}
	table.formDetail th{ font-size: 1.4rem; }
	table.formDetail td{ border-top: 0 !important; }
	table.formDetail input[type="text"],
	table.formDetail select.form-control{
		width: 100%;
	}
	table.formDetail input.small,
	table.formDetail select.small{
		width: auto;
	}
	.btnSubmit{
		width: 100%;
		padding: 10px;
		font-size: 1.6rem;
	}
}

/* =====================================================================
	  Maintenance
* =================================================================== */

 #maintenance #mainLogo{
	 position: static; }

 #maintenance #navWrapper{
	 padding: 15px 0;
	 border-bottom: 1px solid #DDD;
	 }
 #maintenance #navWrapper h1{
	 text-align: center; }

 #maintenance .jumbotron{
	 background: none; }

#maintenance .jumbotron p{
	font-size: 1.8rem;
	margin-bottom: 30px;}

 #maintenance #footer{
	 width: 100%;
	 position: fixed;
	 bottom: 0;}

@media screen and (min-width: 0) and (max-width: 767px){
	#maintenance .jumbotron h2{
		font-size: 2.0rem; }
	#maintenance .jumbotron p{
	font-size: 1.4rem; }
}

/* =====================================================================
	  PRエリア
* =================================================================== */
.pr_block{
		position: fixed;
		top:0;
		width: 100%;
		height: 350px;
		background: url(/images/sample/img_pr_pc01.jpg) no-repeat 50% 0;
		background-size: cover;
		z-index: 1;
	}
#mainWrapper{
	position: relative;
	margin-top: 0;
	background: #fff;
	z-index: 2;
	transition: all 500ms ease-out;
}
#mainWrapper.active{
	margin-top: 350px;
}

a:hover .pr_block{
	opacity: 0.8;
}

@media screen and (min-width: 0px) and (max-width: 768px)  {
	.pr_block{
		background: url(/images/sample/img_pr_sp01.jpg) no-repeat 50% 0;
		height: 250px;
	}
	#mainWrapper.active{
		margin-top: 250px;
	}
}


/* =====================================================================
	  お知らせ
* =================================================================== */
#infoWrapper{
	margin-bottom: 30px;
}
#infoWrapper a.infoBtn{
	position: relative;
	display: block;
	padding: 15px;
	border: 1px solid #DDD;
	text-align: center;
	color: #333;
}
#infoWrapper a.infoBtn:after{
	position: absolute;
	right: 10px;
	bottom: 10px;
	content: "\f1c1";
    font-family: FontAwesome;
    font-size: 1.4rem;
    color: #c62a19;
}
#infoWrapper a.infoBtn span{
	color: #CCC;
}

@media screen and (min-width: 0px) and (max-width: 767px)  {
	#infoWrapper{
		margin: 0 5px 30px 5px;
	}
}