@charset "utf-8";

/*globalHeader*/
.headerWrap01{
	height: auto;
}

.headerWrap01 #siteLogo {
	position: static;
	margin:0;
}

#headerUtility,
bgBlackHead,
.type09{
	display:none !important;
}

.toggleContents{
	display:none;
}

.siteSearch .ss_search_form{
	background:none;
	border: none;
	box-shadow:none;
	height:auto;
	display:block;
	text-align:center;
}

@media screen and (max-width: 640px) {
#globalContents{
	padding-top: 60px;
}
#sideContainer{
	position:fixed;
	top:0;
	overflow-y: scroll;
	height: 100% !important;
}

.headerWrap01{
	width:auto;
    height: 60px;
}
.siteSearch,
.contentsLayout{
	width:auto;
}
.footlink,
.headerWrap01 .headerWrap02 {
	display:none;
}
.headerWrap01 #headerUtility {
    display: table !important;
    float: left;
}
.headerWrap01 #siteLogo {
    margin: -16px 0 0 -19px;
    width: 38px;
    position: absolute;
    top: 50%;
	 left: 50%;
	 padding-top: 0 !important;
}
.headerWrap01 #headerUtility #headerSearch {
    display: none;
}
.headerWrap01 #headerUtility #menuBtn > a {
    background-image: url(/common_files/images/sp_header_bt01.png);
    background-size: 26px 27px;
    height: 60px;
    width: 60px;
}
.ss_search_form .ss_search_query {
	float:left !important;
    font-size: 1.3rem !important;
    height: 40px !important;
    padding: 10px 5px 10px 10px !important;
    width: 150px !important;
}
.headerWrap01 #headerUtility #headerSearch .ss_search_form .ss_search_query {
    width: 84% !important;
}
#headerSocial,
.siteSearch {
	letter-spacing:normal;
}

#globalHeader {
    position: fixed !important;
}
.headerWrap01{
	position: relative;
}
#searchBtn,
#followUsBtn {
	position: absolute;
	top: 9px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#searchBtn.on,
#followUsBtn.on {
	z-index: 4;
}
#searchBtn{
	right: 55px;
}
#searchBtn a {
	display: block;
	width: 55px;
	height: 42px;
	background: url(/common_files/images/index_sp/sp_com_ic01.png) no-repeat 0 0;
	background-size: 54px;
}
#searchBtn.on a {
	background: #696969 url(/common_files/images/index_sp/sp_com_ic01.png) no-repeat 0 0;
	background-size: 54px;
}
#followUsBtn{
	right: 0;
}
#followUsBtn a {
	display: block;
	width: 55px;
	height: 42px;
	background: url(/common_files/images/index_sp/sp_com_ic02.png) no-repeat 0 0;
	background-size: 54px;
}
#followUsBtn.on a {
	background: #696969 url(/common_files/images/index_sp/sp_com_ic02.png) no-repeat 0 0;
	background-size: 54px;
}

#navigation .commonMenu > li.toggleLinks.on{
	border-bottom: none;
}
#navigation .commonMenu > li.toggleLinks a{
	box-shadow: none;
}
#navigation .commonMenu > li.toggleLinks a:after {
	right: 12px;
	width: 12px;
	height: 12px;
	background: url(/common_files/images/index_sp/header_ic11.png) no-repeat 0 0 / 12px 12px;
}
#navigation .commonMenu > li.toggleLinks.on a:after {
	background: url(/common_files/images/index_sp/header_ic10.png) no-repeat 0 0 / 12px 12px;
}
#navigation .commonMenu > li.toggleContents{
	border-bottom: 1px solid #353535;
}
#navigation .commonMenu > li.toggleContents li{
	padding: 0 0 0 45px;
}
#navigation .commonMenu > li.toggleContents li a{
	display: block;
	position: relative;
	padding: 15px 20px 12px 0;
	border-bottom: 1px solid #353535;
	color: #ffffff;
}
#navigation .commonMenu > li.toggleContents li a:after {
	position: absolute;
	content: "";
	top: 50%;
	right: 15px;
	width: 6px;
	height: 10px;
	margin: -5px 0 0;
	background: url(/common_files/images/sp_com_link_ic02.png) no-repeat 0 0 / 6px 10px;
}
#navigation .commonMenu > li.toggleContents li:last-child a{
	border-bottom: none;
}

/* commonMenu li ICON */
#navigation .commonMenu > li.type01 > a{ background: url(/common_files/images/index_sp/header_ic01.png) no-repeat 3% 0.8em / 30px auto; }
#navigation .commonMenu > li.type02 > a{ background: url(/common_files/images/index_sp/header_ic09.png) no-repeat 3% 0.8em / 30px auto; }
#navigation .commonMenu > li.type03 > a{ background: url(/common_files/images/index_sp/header_ic02.png) no-repeat 3% 0.8em / 30px auto; }
#navigation .commonMenu > li.type04 > a{ background: url(/common_files/images/index_sp/header_ic03.png) no-repeat 3% 0.8em / 30px auto; }
#navigation .commonMenu > li.type05 > a{ background: url(/common_files/images/index_sp/header_ic04.png) no-repeat 3% 0.8em / 30px auto; }
#navigation .commonMenu > li.type06 > a{ background: url(/common_files/images/index_sp/header_ic05.png) no-repeat 3% 0.8em / 30px auto; }
#navigation .commonMenu > li.type07 > a{ background: url(/common_files/images/index_sp/header_ic06.png) no-repeat 3% 0.8em / 30px auto; }
#navigation .commonMenu > li.type08 > a{ background: url(/common_files/images/index_sp/header_ic07.png) no-repeat 3% 0.8em / 30px auto; }
#navigation .commonMenu > li.type09 > a{ background: url(/common_files/images/index_sp/header_ic08.png) no-repeat 3% 0.8em / 30px auto; }
#navigation .commonMenu > li a{
	padding: 15px 30px 12px 45px;
}

#navigation br{
	display:none;
}

/* toeiNavi */
#toeiNavi.commonMenu{
	margin: 10px 5px 0 !important;
}
#toeiNavi.commonMenu > li > a{
	padding: 12px 0;
	text-align: center;
	background: #353535;
}
#toeiNavi.commonMenu > li > a:after{
	content: none;
}
#toeiNavi.commonMenu > li > a img{
	width: auto;
	height: 23px;
}

/* utilNavi */
#utilNavi.commonMenu{
	margin: 17px 5px 0 !important;
}
#utilNavi.commonMenu > li{
	border-bottom: none;
}
#utilNavi.commonMenu > li > a{
	padding: 9px 0 8px;
	text-align: center;
	border: solid 1px #ffffff;
	width: 60%;
}
#utilNavi.commonMenu > li > a:after{
	content: none;
}
#utilNavi.commonMenu > li > a img{
	width: auto;
	height: 23px;
}

/* sideSearch */
#sideSearch.siteSearch {
	padding: 20px 5px !important;
}
#sideSearch.siteSearch .ss_search_form{
	border-radius: inherit;
	background: #ffffff;
}
#sideSearch.siteSearch .ss_search_form .ss_search_submit{
	margin: 2px 0;
	padding:0.7em 0;
	width: 20%;
	height: 89%;
	background: #353535 url(/common_files/images/index_sp/sp_com_ic14.png) no-repeat 50% 50% / 15px 15px;
}


/* sideSearch */
#navigation #sideSocial {
	margin: 0 15px !important;
}
#navigation #sideSocial > .head {
	width: auto;
	padding: 0 0 10px;
	color: #ffffff;
	text-align: center;
}
#navigation #sideSocial .snsMenu{
}
#navigation #sideSocial .snsMenu > li{
	background: none;
	border: none;
}
#navigation #sideSocial .snsMenu > li > a{
	background-color: inherit;
	margin: 0 5px;
	border: none;
}
#navigation #sideSocial .snsMenu > li.menu01 > a { background: url(/common_files/images/index_sp/sp_com_ic16.png) no-repeat 0 0 / 100%; }
#navigation #sideSocial .snsMenu > li.menu02 > a { background: url(/common_files/images/index_sp/sp_com_ic17.png) no-repeat 0 0 / 100%; }
#navigation #sideSocial .snsMenu > li.menu03 > a { background: url(/common_files/images/index_sp/sp_com_ic18.png) no-repeat 0 0 / 100%; }
#navigation #sideSocial .snsMenu > li.menu01 > a:hover { background: url(/common_files/images/index_sp/sp_com_ic16.png) no-repeat 0 0 / 100%; }
#navigation #sideSocial .snsMenu > li.menu02 > a:hover { background: url(/common_files/images/index_sp/sp_com_ic17.png) no-repeat 0 0 / 100%; }
#navigation #sideSocial .snsMenu > li.menu03 > a:hover { background: url(/common_files/images/index_sp/sp_com_ic18.png) no-repeat 0 0 / 100%; }

.type09{
	display: block;
}


/* headerSearch */
.siteSearch #SS_searchQuery{
	background:none;
}
.headerWrap01 #headerUtility #headerSearch{
	position: absolute;
	top: 80px;
	right: 0;
	left: 0;
	margin: auto;
	padding: 0;
	width: 80%;
	z-index: 2;
}
.headerWrap01 #headerUtility #headerSearch .ss_search_form{
	border-radius: 0;
	background: radial-gradient(#ffffff, #cecece);
}
.headerWrap01 #headerUtility #headerSearch .ss_search_form .ss_search_query {
	width: 84%;
}
.headerWrap01 #headerUtility #headerSearch .ss_search_form .ss_search_submit{
	padding:0.7em 0;
	display:inline-block;
	margin: 2px;
	width: 13%;
	height: 89% !important;
	background: #353535 url(/common_files/images/index_sp/sp_com_ic14.png) no-repeat 50% 50% / 15px 15px;
}

/* headerSocial */
.headerWrap01 #headerUtility #headerSocial {
	position: absolute;
	top: 80px;
	right: 0;
	left: 0;
	margin: 0 30px;
	z-index: 2;
	text-align:center;
}
.headerWrap01 #headerUtility #headerSocial .title{
	font-size: 14px;
	font-size: 1.4rem;
	text-align:center;
	color: #fff;
}
.headerWrap01 #headerSocial .snsMenu{
	width: 100%;
	margin-top: 10px;
}
.headerWrap01 #headerSocial .snsMenu > li{
	border: 0;
	text-align: center;
	width: 37%;
}
.headerWrap01 #headerSocial .snsMenu > li + li {
	padding: 0 0 0 10px;
}
.headerWrap01 #headerUtility #headerSocial .snsMenu > li.menu01 > a{ background: url(/common_files/images/index_sp/sp_com_ic16.png) no-repeat 0 0 / 77px auto; }
.headerWrap01 #headerUtility #headerSocial .snsMenu > li.menu02 > a{ background: url(/common_files/images/index_sp/sp_com_ic17.png) no-repeat 0 0 / 77px auto; }
.headerWrap01 #headerUtility #headerSocial .snsMenu > li.menu03 > a{ background: url(/common_files/images/index_sp/sp_com_ic18.png) no-repeat 0 0 / 77px auto; }

/* headUtilityBtn */
.headerWrap01 #headerUtility .headUtilityBtn{
	margin: 30px auto 0;
	padding: 10px 0 8px 20px;
	width: 90px;
	border: solid 1px #ffffff;
	background: url(/common_files/images/index_sp/sp_com_ic15.png) no-repeat 25% 50% / 14px auto;
	color: #ffffff;
	text-align: center;
}

.bgBlack,
.bgBlackHead{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.8;
	z-index: 3;
}

#visualIndex{
	width:auto !important;
}


#main #pageTopBtn{
	display: none !important;
}




#navigation .commonMenu .toggleLinks{
	/*border-bottom: none;*/
}
#navigation .commonMenu .toggleLinks a{
	box-shadow: none;
}
#navigation .commonMenu .toggleLinks a:after {
	right: 12px;
	width: 12px;
	height: 12px;
	background: url(/common_files/images/index_sp/header_ic11.png) no-repeat 0 0 / 12px 12px;
}
#navigation .commonMenu .toggleLinks.on a:after {
	background: url(/common_files/images/index_sp/header_ic10.png) no-repeat 0 0 / 12px 12px;
}
#navigation .commonMenu .toggleContents{
	border-bottom: 1px solid #353535;
}
#navigation .commonMenu .toggleContents li{
	padding: 0 0 0 45px;
}
#navigation .commonMenu .toggleContents li a{
	background:none;
	display: block;
	position: relative;
	padding: 15px 20px 12px 0;
	border-bottom: 1px solid #353535;
	color: #ffffff;
}
#navigation .commonMenu .toggleContents li a:after {
	position: absolute;
	content: "";
	top: 50%;
	right: 15px;
	width: 6px;
	height: 10px;
	margin: -5px 0 0;
	background: url(/common_files/images/sp_com_link_ic02.png) no-repeat 0 0 / 6px 10px;
}
#navigation .commonMenu .toggleContents li:last-child a{
	border-bottom: none;
}



/* ClearFix
------------------------------------------------------ */
#homeLayoutLinks:after,
#tabContentsBox .tabWrap .tabNav .tabBtn:after,
.homeWrap03 #snsLinkContents ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}





}