@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.5
 *  updated --- 2019/03/06
 */

/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}
/* !Reseting
---------------------------------------------------------- */
body {
	font-family:"Noto Sans JP", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.48;
	color: #444;
}

.naviLi_event ul{display: flex!important;}
.naviLi_event_casual ul{background: #3e3e3e!important;}
.naviLi_event_casual{padding:0 28px;background: rgba(0, 0, 0, 0.9);}
.naviLi_event_casual .naviLi_event_title{ background: #55a824; color: #fff; text-align: left; font-weight: bold; padding: 8px 20px; font-size: 17px;}
.naviLi_event_competition ul{background: #3e3e3e!important;}
.naviLi_event_competition{padding:0 28px;background: rgba(0, 0, 0, 0.9);}
.naviLi_event_competition .naviLi_event_title{background: #c91f73; color: #fff; text-align: left; font-weight: bold; padding: 8px 20px; font-size: 17px;}

@media screen and (max-width: 639px) {
	.naviLi_event ul{display: block!important;}
	.naviLi_event_casual{padding:0 10px;}
.naviLi_event_casual .naviLi_event_title{padding: 8px 13px; font-size: 15px;}
.naviLi_event_competition ul{background: #3e3e3e!important;}
.naviLi_event_competition{padding:0 10px;}
.naviLi_event_competition .naviLi_event_title{padding: 8px 13px; font-size: 15px;}
}



.orandWrapper{display: flex;align-items: center;justify-content: space-between;}

.orand{display: flex;align-items: center;height: 50px;}
.orand p{font-size: 12px;}
		
.orand-toggle {
  position: relative;
  width: 105px;
  height: 32px;
  margin-left: 9px;
  border-radius: 50px;
  overflow: hidden;
  cursor: pointer;
}
.orand-toggle input[type=checkbox] {
  display: none;
}
.orand-toggle:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #03a02f;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.orand-toggle:after {
  content: "or 検索";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 65px;
  height: 26px;
  display: block;
  border-radius: 50px;
  background: #fff;
  box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  text-align: center;
  padding: 9px 0 0;
  line-height: 1;
  font-size: 11px;
  font-weight: bold;
  color: #03a02f;
  letter-spacing: .5px;
  box-sizing: border-box;
}
.orand-toggle.checked:before {
  background: #ce000c;
}
.orand-toggle.checked:after {
  content: "and 検索";
  left: 37px;
  box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.5);
  color: #ce000c;
  padding: 9px 0 0 1px;
}



.dhueoarty{display: flex;height: 50px;align-items: center;justify-content: center;}
.dhueoarty p{font-size: 15px;}
		
.dhueoarty-toggle {
  position: relative;
  width: 71px;
  height: 32px;
  margin-left: 12px;
  border-radius: 50px;
  overflow: hidden;
  cursor: pointer;
}
.dhueoarty-toggle input[type=checkbox] {
  display: none;
}
.dhueoarty-toggle:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #c5c5c5;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.dhueoarty-toggle:after {
  content: "OFF";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 35px;
  height: 26px;
  display: block;
  border-radius: 50px;
  background: #fff;
  box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  text-align: center;
  padding: 9px 0 0;
  line-height: 1;
  font-size: 11px;
  font-weight: bold;
  color: #c5c5c5;
  letter-spacing: .5px;
  box-sizing: border-box;
}
.dhueoarty-toggle.checked:before {
  background: #03a02f;
}
.dhueoarty-toggle.checked:after {
  content: "ON";
  left: 33px;
  box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.5);
  color: #03a02f;
  padding: 9px 0 0 1px;
}
		
		@media screen and (max-width: 639px) {
			.dhueoarty { margin: 10px auto 20px auto;}
			
			.orand {flex-wrap: wrap;align-items: center;justify-content: end;margin-bottom: 9px;}
			.orand p{font-size: 11px;width: 105px;margin-bottom: 2px;text-align: left;}
			.orandWrapper .check01{flex-basis: 80%;}
			.orand-toggle {margin-left: 0px;}
			
		}

.sp_product_Btn{display: none;}
@media screen and (max-width: 639px) {
.sp_product_Btn{display: block;}
.sp_product_Btn .accBtn01{right: 116px!important;}
}

@media screen and (max-width: 639px) {
body {
	font-family:"Noto Sans JP", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
	line-height: 1.3;
	-webkit-text-size-adjust: none;
	word-break: break-all;
	word-wrap: break-word;
}
}
body, div, pre, p, blockquote, figure, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ outline: none; }
abbr, acronym
{ border: 0;}
*
{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}
img{
	max-width:100%;
	height:auto;
}
/* !Clearfix
---------------------------------------------------------- */
.clearfix{
	display: block;
	min-height: 1%;
	clear: both;
}
.clearfix:after{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll; }
body {
	text-align: center;
	width: 100%;
}
@media print {
	html,
	html body { *zoom: 0.65;}
	body { overflow: visible !important;}
}

/* Common
---------------------------------------------------------- */

/*シェアボタン*/
#FooterShare{background: #f5f5f5;padding: 15px;margin-bottom: 5%;margin-top: 4%;}
.FooterShareTxt{font-family: tbudgothic-std, sans-serif;font-style: normal;font-size: 21px; background: #ffffff;padding: 50px 0 10px 0!important;}
.FooterShareBtn{}
.FooterShareBtn li{ display: inline-block;width: 10%;border-radius: 5px; margin: 0 0.3%; font-size: 14px;}
.FooterShareBtn li a{display: flex;justify-content: center;align-items: center;height: 40px;color: #fff;text-decoration: none;}
.FooterShareBtn li a img{width: 10%;}
.FooterShareBtn li a span{padding-left: 3%;}
.FooterShareBtn li:hover{opacity: 0.7; transition: 0.2s;}

.FooterShareBtnTwitter{ background: #000;}
.FooterShareBtnLine{ background: #00b900;}

#mainContent{
	color:#000;
	min-width:1200px;
}
.fontTbu{
	font-family: tbudgothic-std, sans-serif;
	font-weight: 900;
	font-style: normal;
}
.sectionBgGray{
	background:#f5f5f5;
}
.sectionIn01{
	width:1000px;
	padding-left:20px;
	padding-right:20px;
	margin:0 auto;
}
#cardlist_wrap{
	padding-top: 30px;
}
.rowCopy{
	position:relative;
}
.rowCopy > p{
	position:absolute;
	text-align:center;
	width:100%;
	padding:0 10px 10px;
	bottom:0;
}
.pageTopBtn{
	position:relative;
	width:1200px;
	margin:0 auto;
}
.pageTopBtn img{
	position:absolute;
	right:20px;
	bottom:15px;
	width:56px;
	-webkit-transition:0.3s;
	transition:0.3s;
}
#breadcrumb{
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
}
#breadcrumb li{
    display: inline;
    word-break: break-all;
    position: relative;
}
#breadcrumb li:after{
    content: "\003E";
    padding-left: 5px;
}
#breadcrumb li:last-child:after{
    display: none;
}
#breadcrumb li a{
    text-decoration: none;
}
/* hx */

/*
.h1_basic01{
    overflow: hidden;
	font-size:45px;
    padding: 26px 0 32px;
    margin: 0 auto 55px;
    position: relative;
    z-index: 1;
	text-align:center;
	letter-spacing:0.05em;
	line-height:1.5;
    word-break: break-all;
}
*/
.h1_basic01{
    overflow: hidden;
	font-size:38px;
    padding: 10px 0 12px;
    margin: 0 auto 45px;
    position: relative;
    z-index: 1;
	text-align:center;
	letter-spacing:0.05em;
	line-height:1.5;
    word-break: break-all;
}



.h1_basic01 span{
    display: block;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
	padding-right: 2%;
}
.h1_basic01:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: -15px;
    bottom: 0;
    background:url(../img/parts/h1_basic01_pc.png) center bottom no-repeat;
	-webkit-transform: skewX(10deg);
	-moz-transform: skewX(10deg);
	-o-transform: skewX(10deg);
	transform: skewX(10deg);
}
.h2_basic01{
	font-size:38px;
	text-align:center;
	margin-bottom:35px;
	letter-spacing:0.05em;
	line-height:1.5;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
/* btn */
.btn_basic01{
    transition: 0.3s;
	display:block;
	background:#000;
    width: 100%;
	margin:0 auto;
	color:#fff!important;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	padding:20px 10px;
	border-radius:5px;
}
/* margin 
.sectionMargin01{
    margin-bottom: 140px;
}*/
.sectionMargin02{
    margin-bottom: 70px;
}
.sectionMargin02:last-child{
    margin-bottom: 0;
}
/*画像拡大ホバー*/
.imgOverBig{
	overflow: hidden;
}
.imgOverBig img{
	display: block;
	-webkit-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
/* subHeader
---------------------------------------------------------- */
#subHeader{
	z-index: 3001;
	background:#000;
	min-width:1200px;
}

.subHeader{position: relative;}

.subHeader.is-fixed {position: fixed;
  top: 0;
  width: 100%;
}

.subHeaderInner01{
	width:1115px;
	margin:0 auto;
	padding-right:10px;
	position:relative;
	height:70px;
}
.subHeaderLogo01{
	float:left;
	padding-top:8px;
}
.subHeaderLogo01 img{
	width:109px;
}
.subHeaderNavi01{
	float:left;
	margin-left:30px;
}
.subHeaderFormBtn01 .naviBtn,
.subHeaderNavi01 .naviBtn{
	font-family: tbudgothic-std, sans-serif;
	font-weight: 900;
	font-style: normal;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	-webkit-transition:0.3s;
	transition:0.3s;
	cursor: pointer;
}
.subHeaderNavi01 .ul_Navi01 > li{
	float:left;
	margin-right:23px;
	padding:23px 0;
}
.subHeaderNavi01 .ul_Navi01 > li:last-child{
	margin-right:0;
}
.subHeaderFormBtn01 .accbody01,
.subHeaderNavi01 .accbody01{
	position:absolute;
	left:0;
	top:99.9%;
	z-index:999;
	display:none;
}
.subHeaderFormBtn01 .accbody01{
	z-index:1;
}
.subHeaderNavi01 .accbody01{
	z-index:2;
}
.subHeaderFormBtn01 .inWrap01,
.subHeaderNavi01 .inWrap01{
	width:1115px;
	display:table;
}
.subHeaderFormBtn01 .tit,
.subHeaderFormBtn01 .item,
.subHeaderNavi01 .tit,
.subHeaderNavi01 .item{
	display:table-cell;
	vertical-align:middle;
}
.subHeaderFormBtn01 .tit,
.subHeaderNavi01 .tit{
	width:197px;
	text-align:center;
	color:#fff;
	font-size:20px;
	position:relative;
}
.subHeaderFormBtn01 .tit .txtSlanting,
.subHeaderNavi01 .tit .txtSlanting{
	display:inline-block;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
}
.subHeaderNavi01 .item{
	text-align:left;
	background:rgba(0,0,0,0.9);
	padding:28px 28px 13px;
}
.subHeaderNavi01 .item li{
	display:inline-block;
	margin-right:20px;
	margin-bottom:15px;
}
.subHeaderNavi01 .item li a{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	padding-left:15px;
}
.subHeaderNavi01 .item li a:before{
	content: '';
	width: 5px;
	height: 5px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 35%;
	left: 0;
}
.subHeaderFormBtn01 .tit .naviArrow,
.subHeaderNavi01 .tit .naviArrow{
	position:relative;
	display:block;
}
.subHeaderFormBtn01 .tit .naviArrow:after,
.subHeaderNavi01 .tit .naviArrow:after{
	content:"";
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 0 12px 13px;
	position:absolute;
	right:-13px;
	top:0;
	bottom:0;
	margin:auto 0;
}
#spNaviMenu{
	display:none;
}
.subHeaderFormBtn01{
	float:right;
	padding:20px 0;
}
.subHeaderFormBtn01 .accBtn01{
	background:url(../img/parts/ico_search01@2x.png) left center no-repeat;
	background-size:20px auto;
	padding-left:30px;
	padding-top:3px;
	padding-bottom:3px;
	display:inline-block;
}

.oshirase{color: #fff!important; text-decoration: none!important;}

.subHeaderFormBtn01 .item{
	text-align:left;
	background:rgba(0,0,0,0.9);
	padding:25px 28px 25px;
}
.subHeaderSearch01 .form01{
	float:left;
	width:245px;
	font-size:16px;
	padding:7px 10px;
	font-family:inherit;
	height:40px;
	border:none;
}
.subHeaderFormBtn01 .select01{
	float:left;
	margin-left:10px;
}
.subHeaderFormBtn01 .naviBtn.active{
	opacity:0.6;
}

.sectionIn01 .product select{ height: 50px;}

.subHeaderFormBtn01 .select01 select{
	appearance: none;
	border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:180px;
	border:none;
	font-size:16px;
	padding:9px 10px;
	font-family:inherit;
	background:url(../img/parts/arr_select01@2x.png) right center #fff no-repeat;
	background-size:20px auto;
	height:40px;
}
.searchList01 select::-ms-expand ,
.subHeaderFormBtn01 .select01 select::-ms-expand {
	display: none;
}
.subHeaderFormBtn01 .searchSubmit01{
	float:right;
}
.subHeaderFormBtn01 .searchSubmit01 .submitBtn01{
	background:url(../img/parts/ico_search02@2x.png) 10px center no-repeat #606060;
	background-size:15px auto;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	font-family:inherit;
	border-radius:5px;
	border:none;
	width:115px;
	cursor:pointer;
	padding:11px 5px 11px 15px;
	-webkit-transition:0.3s;
	transition:0.3s;
	height:40px;
}

.subHeaderFormBtn01 .searchSubmit01 input[type="button"],
.subHeaderFormBtn01 .searchSubmit01 input[type="submit"] {
	-webkit-appearance: none;
}
.subHeaderFormBtn01 .accBtnSpBgWrap01 img{
	display:none;
}
/*ナビ色*/
.subHeaderNavi01 .naviLi01 .tit{background:#fc2b75;}
.subHeaderNavi01 .naviLi01 .tit .naviArrow:after{border-color: transparent transparent transparent #fc2b75;}
.subHeaderNavi01 .naviLi02 .tit{background:#0121ac;}
.subHeaderNavi01 .naviLi02 .tit .naviArrow:after{border-color: transparent transparent transparent #0121ac;}
.subHeaderNavi01 .naviLi03 .tit{background:#ce000c;}
.subHeaderNavi01 .naviLi03 .tit .naviArrow:after{border-color: transparent transparent transparent #ce000c;}
.subHeaderNavi01 .naviLi04 .tit{background:#520da8;}
.subHeaderNavi01 .naviLi04 .tit .naviArrow:after{border-color: transparent transparent transparent #520da8;}
.subHeaderNavi01 .naviLi05 .tit{background:#e75c00;}
.subHeaderNavi01 .naviLi05 .tit .naviArrow:after{border-color: transparent transparent transparent #e75c00;}
.subHeaderNavi01 .naviLi06 .tit{background:#03a02f;}
.subHeaderNavi01 .naviLi06 .tit .naviArrow:after{border-color: transparent transparent transparent #03a02f;}
.subHeaderNavi01 .naviLi07 .tit{background:#c40a85;}
.subHeaderNavi01 .naviLi07 .tit .naviArrow:after{border-color: transparent transparent transparent #c40a85;}
.subHeaderFormBtn01 .tit{background:#0182ac;}
.subHeaderFormBtn01 .tit .naviArrow:after{border-color: transparent transparent transparent #0182ac;}
.subHeaderNavi01 .closeBg01,
/*
.accbody01 .closeBg01{
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
*/
:placeholder-shown {color: #000; }
::-webkit-input-placeholder {color: #000; }
:-moz-placeholder {color: #000; opacity: 1; }
::-moz-placeholder {color: #000; opacity: 1; }
:-ms-input-placeholder {color: #000; }
/* newsList01
---------------------------------------------------------- */
.newsList01{
	margin:0 auto;
	max-width:1000px;
	padding-left:20px;
	padding-right:20px;
}
.newsList01 li{
	width:23.43%;
	float:left;
	text-align:left;
	margin-bottom:35px;
	margin-right:2%;
}
.newsList01 li:nth-child(4n){
	margin-right:0;
	float:right;
}
.newsList01 li:nth-child(4n+1){
	clear:both;
}
.newsList01 .category01{
	display:inline-block;
	margin-bottom:10px;
}
.newsList01 .category01 > p{
	display:inline-block;
	color:#fff;
	width:100px;
	text-align:center;
	font-weight:bold;
	padding:5px 0;
	vertical-align:middle;
}
.newsList01 .day01{
	display:inline-block;
	float:right;
	margin-bottom:10px;
	color:#555555;
	padding:5px 0;
	vertical-align:middle;
}
.newsList01 a{
	text-decoration:none;
	display:block;
}
.newsList01 .tit01{
	clear:both;
	font-weight:bold;
	font-size:16px;
	-webkit-transition:0.3s;
	transition:0.3s;
	line-height:1.47;
	word-break:break-all;
}
.newsList01 .img01{
	margin-bottom:15px;
	text-align:center;
}
.newsList01 .img01 img{
	width:100%;
}

/*お知らせカテゴリー色*/
.newsTab01Wrap .newsTab01List li.current:after,
.newsTab01Wrap .newsTab01List li.current{background:#000!important;}
.btnMore01.productsCategory a,
.newsList01 .productsCategory .category01 > p,
.newsTab01Wrap .newsTab01List li.current.productsCategory:after,
.newsTab01Wrap .newsTab01List li.current.productsCategory{background:#ce000c!important;}
.btnMore01.eventCategory a,
.newsList01 .eventCategory .category01 > p,
.newsTab01Wrap .newsTab01List li.current.eventCategory:after,
.newsTab01Wrap .newsTab01List li.current.eventCategory{background:#0121ac!important;}
.btnMore01.animeCategory a,
.newsList01 .animeCategory .category01 > p,
.newsTab01Wrap .newsTab01List li.current.animeCategory:after,
.newsTab01Wrap .newsTab01List li.current.animeCategory{background:#e75c00!important;}
.btnMore01.specialCategory a,
.newsList01 .specialCategory .category01 > p,
.newsTab01Wrap .newsTab01List li.current.specialCategory:after,
.newsTab01Wrap .newsTab01List li.current.specialCategory{background:#03a02f!important;}
.btnMore01.otherCategory a,
.newsList01 .otherCategory .category01 > p,
.newsTab01Wrap .newsTab01List li.current.otherCategory:after,
.newsTab01Wrap .newsTab01List li.current.otherCategory{background:#606060!important;}
/* newsList02
---------------------------------------------------------- */
.newsList02{
    margin-bottom: 30px;
    border-top: 2px solid #000;
}
.newsList02 li{
    text-align: left;
    display: table;
    width: 100%;
    border-bottom: 1px solid #bebebe;
    padding: 27px 30px 27px 10px;
    background: url(../img/parts/ico_navi02@2x.png) 99% center no-repeat;
    background-size: 11px;
}
.newsList02 li .tit01 a{
    color: #005ab3;
    font-size: 18px;
    word-break: break-all;
}
.newsList02 li .day01{
    font-size: 16px;
    word-break: break-all;
}
/* newsList03
---------------------------------------------------------- */
.newsList03{
    margin-bottom: 50px;
    border-top: 2px solid #000;
}
.newsList03 li{
    text-align: left;
    display: table;
    width: 100%;
    border-bottom: 1px solid #bebebe;
    background: url(../img/parts/ico_navi02@2x.png) 99% center no-repeat;
    background-size: 11px;
    padding: 21px 30px 20px 10px;
/*    display: block; */
}
.newsList03 li a{
    text-decoration: none;
    font-size: 18px;
    word-break: break-all;
    transition: 0.3s;
}
.newsList03 li .day01{
    font-size: 16px;
}
/* categoryList01
---------------------------------------------------------- */
.categoryList01{
    background: #f5f5f5;
    padding: 20px 0;
    margin-bottom: 50px;
}
.categoryList01 li{
    padding: 3px 0;
    display: inline-block;
	vertical-align: top;
    border-right: 1px solid #606060;
}
.categoryList01 li:last-child{
    border-right: none;
}
.categoryList01 li a{
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: #606060;
    transition: 0.3s;
}
.categoryList01 li.current a{
    color: #ce000c;
}
/* cardList01
---------------------------------------------------------- */
.cardList01{
    margin-bottom: 30px;
}
.cardList01 li a{
    display: block;
    position: relative;
    z-index: 1;
}
/* emergencyNews02
---------------------------------------------------------- */
.emergencyNews02{
    padding: 15px;
    border: 2px solid #ce000c;
    text-align: left;
    color: #ce000c;
    font-size: 16px;
    word-break: break-all;
}
.emergencyNews02 .bg01{
    padding-left: 30px;
    margin-bottom: 10px;
    display: block;
    font-weight: bold;
    font-size: 20px;
    background: url(../img/parts/ico_caution02@2x.png) left center no-repeat;
    background-size: 23px;
}
/* pagerList01
---------------------------------------------------------- */
.pagerList01 .wp-pagenavi a,
.pagerList01 .wp-pagenavi span{
    transition: 0.3s;
	display:inline-block;
	padding:8px 10px 7px;
    min-width: 35px;
	margin:0 1px 2px;
    font-size: 14px;
    font-weight: bold;
	background:#888;
	color:#000;
    text-decoration: none;
    border-radius: 5px;
    color:#fff;
}
.pagerList01 .wp-pagenavi .current{
	background:#000;
}
/* searchList01
---------------------------------------------------------- */
.searchList01_count{
    margin: -35px auto 17px;
    font-size: 24px;
    font-weight: bold;
}
.searchList01_count span{
    font-size: 40px;
    padding-right: 5px;
}
.searchList01{
    padding: 20px 0;
    background: #f5f5f5;
}
.searchList01 input[type="text"],
.searchList01 select{
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance:none;
    appearance:none;
    border: none;
    box-sizing: border-box;
    font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    width: 100%;
    font-size: 16px;
    padding: 10px;
    letter-spacing: -0.8px;
    border: 1px solid #959595;
}
.searchList01 select{
	appearance: none;
	border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background:url(../img/parts/arr_select01@2x.png) right center #fff no-repeat;
	background-size:20px auto;
	padding-right: 27px;
}
.searchList01 .searchList01_term01 input[type="text"],
.searchList01 .searchList01_term01 select{
    height: 50px;
}

#sort-area{display: flow-root!important; padding: 25px 0;}
#sort-area .sort-areaLeft{float: left;}
#sort-area p{display: inline-block;font-size: 13px; font-weight: bold;}
#sort-area .select01{display: inline-block;}
#sort-area .sort-areaLeft select{
	appearance: none;
	border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background:url(../img/parts/arr_select01@2x.png) right center #fff no-repeat;
	background-size:20px auto;]
	border-color:#000;
	padding-right: 27px;
	height: 40px;
	width: 180px;
    font-size: 14px;
	border: 1px solid #707070;
}
#sort-area .sort-areaLeft input[type="text"],
#sort-area .sort-areaLeft select{
    height: 50px;
	padding: 10px;
}

#sort-area .sort-areaRight{float: right;padding-top: 8px;}
#sort-area .sort-areaRight .check01{
    clear: both;
    text-align: left;
    padding-top: 10px;
	padding-bottom: 10px;
}

#sort-area .sort-areaRight .check01 p{
	font-size: 15px;
    font-weight: bold;
    display: inline-block;}

#sort-area .sort-areaRight .check01 label{
    font-size: 13px;
}
#sort-area .sort-areaRight .check01 label input{
    margin-right: 10px;
    transform: scale(1.4);
}

.searchList01 .searchList01_term01{
    overflow: hidden;
}
#search_cond .searchList01_term02{
    overflow: hidden;
    display: none;
}

.searchList01 .sectionIn01 .rangeList{
	-webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
	    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.searchList01 .sectionIn01 .rangeList .-sign{
	-webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    text-align: center;
    padding: 0 12px;
    font-size: 25px;
    font-weight: bold;
}

.searchList01 .sectionIn01 .rangeList li{
	-webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;}

.searchList01 .sectionIn01 .rangeList_4List{
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.searchList01 .sectionIn01 .rangeList_4List li{
	-webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
	margin-right: 15px;
}
.searchList01 .sectionIn01 .rangeList_4List li:nth-child(4){margin-right: 0px;}

.searchList01 .sectionIn01 .rangeList_2List{
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.searchList01 .sectionIn01 .rangeList_2List li{
	-webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
	margin-right: 15px;
}
.searchList01 .sectionIn01 .rangeList_2List li:nth-child(2){margin-right: 0px; width: 35%;}

.searchList01 .sectionIn01 .point{
    clear: both;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
}

.searchList01 .sectionIn01 .point a{
    font-size: 80%;
    padding: 0px 5px;
    color: #ffffff;
    border-radius: 5px;
    text-decoration: none;
    background: #474747;
    margin-left: 6px;
    vertical-align: top;
}

.searchList01_submitBtn{display: inline-block;
    background: rgb(245, 245, 245);
    width: 100%;
padding: 25px 0 10px 0!important;}

.culture-area{display: -webkit-box;
    display: -webkit-flex;
    display: flex;
	padding: 20px 20px 5px 20px;
	border-radius: 6px;
}
.culture-areaBgGray{background: #b2b2b2;}
.culture-area li{width: 14.4%;}

.culture-area li input{display: none;}

.culture-area li input + label {
    opacity: 0.6;
	display: inline-flex;
}

.culture-area li input:checked + label {
    opacity: 1;
	background-image: url("../../common/img/parts/icon_cultureAfter.png");
	background-size: cover;
}

.check01_searchListCheck{display: flex;}
.check01_name{margin-right: 45px;}
.searchListCheck{display: flex;}
.searchListCheck li{}

.modal-black{
   background: #000000!important;
}

.searchList01 .sectionIn01 .check01{
    clear: both;
    text-align: left;
    padding-top: 10px;
	padding-bottom: 10px;
}

.searchList01 .sectionIn01 .check01 p{
	font-size: 15px;
    font-weight: bold;
    display: inline-block;}

.searchList01 .sectionIn01 .check01 label{
    font-size: 13px;
	margin-right: 20px;
}
.searchList01 .sectionIn01 .check01 label input{
    margin-right: 10px;
    transform: scale(1.4);
}
.searchList01 .searchList01_term01 .select01:last-child,
.searchList01 .searchList01_term02 .select01:nth-child(5n){
    margin-right: 0;
}
.searchList01 .searchSubmit01{
    position: relative;
}
.searchList01 .searchSubmit01 .detailBtn{
    position: absolute;
    right: 0;
    top: 13px;
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
    cursor: pointer;
}
.searchList01 .searchSubmit01 .detailBtn:after{
    content: "";
    width: 10px;
    height: 10px;
	background:url(../img/parts/ico_navi02_d@2x.png) no-repeat center center;
	background-size:100%;
    position: absolute;
    left: 0;
    top: 7px;
}
.searchList01 .searchSubmit01 .detailBtn.current:after{
	background:url(../img/parts/ico_navi02_u@2x.png) no-repeat center center;
	background-size:100%;
}

#search_cond .detailBtn{
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
    cursor: pointer;
	position: relative;
	display: inline;
	margin-top: 20px;
}
#search_cond .detailBtn:after{
    content: "";
    width: 10px;
    height: 10px;
	background:url(../img/parts/ico_navi02_d@2x.png) no-repeat center center;
	background-size:100%;
    position: absolute;
    left: 0;
    top: 7px;
}
#search_cond .detailBtn.current:after{
	background:url(../img/parts/ico_navi02_u@2x.png) no-repeat center center;
	background-size:100%;
}

.detailBtn02{
	max-width: 600px;
	width: 80%;
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
    cursor: pointer;
	position: relative;
}
.detailBtn02:before{
    content: "";
    width: 13px;
    height: 13px;
    background: url(../img/parts/productCardList_d.png) no-repeat center center;
    background-size: 100%;
    position: absolute;
    right: 12px;
    top: 37%;
}
.detailBtn02.current2:before{
	background:url(../img/parts/productCardList_u.png) no-repeat center center;
	background-size:100%;
}
.productCard{background:#F5F5F5; padding: 25px; margin-bottom: 50px;}
.productCard{margin-bottom: 50px;}
.productCardList{ font-size: 15px; display: none;}
.productCardList li{margin: 15px 0;}
.productCardList li a{text-decoration: underline;}

.searchList01 .searchSubmit01 .submitBtn01{
	background: url(../img/parts/ico_search02@2x.png) 70px center no-repeat #000;
    background-size: 15px auto;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    font-family: inherit;
    border-radius: 5px;
    border: none;
    width: 240px;
    cursor: pointer;
    padding: 13px 5px 13px 25px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
	margin-top: 14px;
}

.searchList01 .searchSubmit01 .submitBtnReset{
	background:#707070;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	font-family:inherit;
	border-radius:5px;
	border:none;
    width: 240px;
	cursor:pointer;
	padding:13px 5px 13px 5px;
	-webkit-transition:0.3s;
	transition:0.3s;
	display: block;
    margin: 20px auto 0 auto;
}

.card_report{display: block;
    font-size: 15px;
    margin-bottom: 10px;text-decoration: underline!important;}

/* NewsTabList01
---------------------------------------------------------- */
.newsTab01Wrap .newsTab01List{
	display:table;
	width:100%;
	position:relative;
    margin-bottom:50px;
}
.newsTab01Wrap .newsTab01List li{
	display:table-cell;
	background:#e7e7e7;
	font-weight:bold;
	font-size:16px;
	color:#606060;
	text-align:center;
	cursor:pointer;
	padding:10px;
	width:16.666%;
	-webkit-transition:0.3s;
	transition:0.3s;
}
.newsTab01Wrap .newsTab01List  li.current{
	color:#fff;
}
.newsTab01Wrap .newsTab01List  li:after{
	content:"";
	display:none;
	width:100%;
	height:3px;
	position:absolute;
	bottom:0;
	left:0;
}
.newsTab01Wrap .newsTab01List li.current:after{
	display:block;
}
.newsTab01Wrap .tabContents .hide{
	display: none;
}
/* 404
---------------------------------------------------------- */
.page404Wrap{
	padding: 50px 15px;
	min-height: 450px;
	font-size: 14px;
	line-height: 2;
}
.page404Wrap h1{
	font-size: 30px;
	color: #000;
}
@media screen and (min-width: 640px) {
	.subHeaderNavi01{
		display:block !important;
		height:auto !important;
	}
	/**body:not(.ua_tb) .subHeaderNavi01 .ul_Navi01 > li .accbody01{
		opacity: 0;
		-webkit-transition: 0.3s;
		transition: 0.3s;
		pointer-events: none;
		display: block !important;
	}**/
	.subHeaderNavi01 .ul_Navi01 .item li a,
	.subHeaderNavi01 .ul_Navi01 > li .naviBtn{
		display:block;
	}
	/**body:not(.ua_tb) .subHeaderNavi01 .ul_Navi01 > li:hover .accbody01{
		pointer-events: auto;
		opacity: 1;
	}**/
    .subHeaderNavi01 .ul_Navi01 .item li a,
    .subHeaderNavi01 .ul_Navi01 > li .naviBtn{
        -webkit-transition:0.3s;
        transition:0.3s;
    }
    #breadcrumb li a:hover{
        text-decoration: underline;
    }
    /*画像拡大ホバー*/
    .imgOverBigWrap:hover img{
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }
    .subHeaderFormBtn01 .naviBtn:hover,
    .subHeaderNavi01 .naviBtn:hover{
        cursor:pointer;
        opacity:0.6;
    }
    .pageTopBtn a:hover img,
    .subHeaderNavi01 .ul_Navi01 > li:hover .naviBtn,
    .subHeaderNavi01 .ul_Navi01 .item li a:hover,
    .subHeaderFormBtn01 .searchSubmit01 .submitBtn01:hover,
    .btn_basic01:hover,
    .newsList03 li a:hover,
    .searchList01 .searchSubmit01 .submitBtn01:hover,
	.searchList01 .searchSubmit01 .submitBtnReset:hover,
    .categoryList01 li a:hover{
        opacity:0.6;
    }
    .newsTab01Wrap .newsTab01List li:hover,
    .pagerList01 .wp-pagenavi a:hover{background:#000;}
	.newsList01 a:hover.productsCategory .tit01{color:#ce000c;}
	.newsTab01Wrap .newsTab01List li.productsCategory:hover{background:#ce000c;}
	.newsList01 a:hover.eventCategory .tit01{color:#0121ac;}
	.newsTab01Wrap .newsTab01List li.eventCategory:hover{background:#0121ac;}
	.newsList01 a:hover.animeCategory .tit01{color:#e75c00;}
	.newsTab01Wrap .newsTab01List li.animeCategory:hover{background:#e75c00;}
	.newsList01 a:hover.specialCategory .tit01{color:#03a02f;}
	.newsTab01Wrap .newsTab01List li.specialCategory:hover{background:#03a02f;}
	.newsList01 a:hover.otherCategory .tit01{color:#606060;}
	.newsTab01Wrap .newsTab01List li.otherCategory:hover{background:#606060;}
    .subHeaderNavi01 .closeBg01{display: none;}
    /* newslist02 */
    .newsList02 li .tit01{
        display: table-cell;
        vertical-align: middle;
        width: 71%;
    }
    .newsList02 li .day01{
        display: table-cell;
        vertical-align: middle;
        width: 29%;
    }
    /* newslist03 */
    .newsList03 li .tit01{
        display: table-cell;
        vertical-align: middle;
        width: 67%;
		min-width: 620px;
    }
    .newsList03 li .day01{
        display: table-cell;
        vertical-align: middle;
        width: 33%;
        padding-left: 165px;
    }
	/* cardList01
	---------------------------------------------------------- */
    .cardList01 li{
        float: left;
        width: 18.2%;
        margin: 0 2.2% 20px 0;
        transition: 0.3s;
    }
    .cardList01 li:nth-child(5n){
        margin-right: 0;
    }
    .cardList01 li:nth-child(5n+6){
        clear: left;
    }
    .cardList01 li a img{
        transform: scale(1);
        transition: 0.3s;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
	border-radius:12px;
    }
    .cardList01 li a:hover{
        z-index: 100;
    }
    .cardList01 li a:hover img{
       transform: scale(1.4);
        -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.4);
    }
	/* searchList01
	---------------------------------------------------------- */
    .searchList01 .searchList01_term01 .form01{
        float: left;
        width: 100%;
        margin-right: 1%;
    }
    .searchList01 .searchList01_term01 .select01{
        float: left;
        width: 29.7%;
        margin-right: 1%;
    }
    .searchList01 .searchList01_term02 .select01{
        float: left;
        width: 19%;
        margin-right: 1.2%;
    }
    /* NewsTabList01
    ---------------------------------------------------------- */
	 .newsTab01Wrap .newsTab01List li:hover{
		color:#fff;
	}
}

@media screen and (max-width: 639px) {
	
/*シェアボタン*/
#FooterShare{background: #f5f5f5;padding: 15px;margin-bottom: 21%;}
.FooterShareTxt{font-family: tbudgothic-std, sans-serif;font-style: normal;font-size: 17px; background: #ffffff;padding: 50px 0 5px 0!important;}
.FooterShareBtn{}
.FooterShareBtn li{ display: inline-block;width: 46%;border-radius: 5px; margin: 0% 1%; font-size: 13px;}
.FooterShareBtn li a{display: flex;justify-content: center;align-items: center;height: 38px;color: #fff;text-decoration: none;}
.FooterShareBtn li a img{width: 8%;}
.FooterShareBtn li a span{padding-left: 3%;}
.FooterShareBtn li:hover{opacity: 0.7; transition: 0.2s;}

.FooterShareBtnLine{ background: #00b900;}
	
	/* Common
	---------------------------------------------------------- */
	.cardList01 li a img{
	border-radius:12px;
    }
	
	#mainContent{
		min-width:0;
	}
	.sectionIn01{
		width:auto;
		padding-left:10px;
		padding-right:10px;
	}
	.rowCopy > p{
		width:76.25%;
		padding:0 0 25px 10px;
		font-size:10px;
		text-align:left;
		line-height:1.7;
	}
	.pageTopBtn{
		width:auto;
	}
	.pageTopBtn img{
		right:10px;
		bottom:11px;
		width:50px;
	}
    /* hx */
    .h1_basic01{
        font-size: 24px;
        /*padding-top: 28px;*/
        margin-bottom: 20px;
    }
    .h1_basic01:after{
        background-image:url(../img/parts/h1_basic01_sp.png);
        background-size: 100%;
    }
	.h2_basic01{
		font-size:24px;
		margin-bottom: 28px;
	}
    /* btn */
    .btn_basic01{
        width:100%;
        font-size: 15px;
        padding:15px 10px;
    }
    /* mb */
    .sectionMargin02{
        margin-bottom: 40px;
    }
	/* subHeader
	---------------------------------------------------------- */
	#subHeader{
		min-width:0;
        height: 50px;
	}
	.subHeaderInner01{
		width:auto;
		position:relative;
		height:100%;
		padding-right:0;
		padding-left:10px;
	}
	.subHeaderLogo01{
		padding-top:5px;
	}
	.subHeaderLogo01 img{
		width:77px;
	}
	.subHeaderNavi01{
		float:none;
		margin-left:0;
		position:absolute;
		width:100%;
		top:50px;
		left:0;
		z-index:1;
		background:#000;
		display:none;
	}
	.subHeaderNavi01 .naviBtn{
		font-size:15px;
		background:#333;
		display:block;
		padding:10px 10px;
		text-align:left;
		position:relative;
	}
	.subHeaderNavi01 .naviBtn:before{
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		top: 30%;
		right: 15px;
	}
	
	.subHeaderNavi01 .naviLi08 .naviBtn:before{
		content:none;
	}
	
	.subHeaderNavi01 .naviBtn.active:before{
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		margin-top:7px;
	}
	.subHeaderNavi01 .ul_Navi01 > li{
		float:none;
		margin-right:0;
		padding:0;
		border-top:2px solid #333333;
	}
	.subHeaderNavi01 .ul_Navi01 > li:last-child{
		margin-right:0;
	}
	.subHeaderNavi01 .accbody01{
		position:static;
	}
	.subHeaderFormBtn01 .inWrap01,
	.subHeaderNavi01 .inWrap01{
		width:100%;
		display:block;
	}
	.subHeaderFormBtn01 .tit,
	.subHeaderFormBtn01 .item,
	.subHeaderNavi01 .tit,
	.subHeaderNavi01 .item{
		display:block;
	}
	.subHeaderFormBtn01 .tit,
	.subHeaderNavi01 .tit{
		display:none;
	}
	.subHeaderNavi01 .item{
		padding:10px 0;
	}
	.subHeaderNavi01 .item li{
		display:block;
		margin-right:0;
		margin-bottom:0;
	}
	.subHeaderNavi01 .item li a{
		display:block;
		font-size:13px;
		background-position:10px center;
		padding:7px 10px 7px 20px;
	}
	.subHeaderNavi01 .item li a:before{
		top: 38%;
		left: 10px;
	}
	#spNaviMenu div,
    .subHeaderFormBtn01 .accBtn01{
        position: absolute;
		display:block;
        top: 0;
        height: 50px;
        z-index: 1000;
		padding:0;
        transform: skewX(-28.7deg);
        border-left: 1px solid #333;
        background: #000;
		cursor: pointer;
	}
	#spNaviMenu.active div,
    .subHeaderFormBtn01 .accBtn01.active{
        background: #333;
	}
    #spNaviMenu{
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1000;
        width:90px;
        height: 50px;
        overflow: hidden;
    }
    #spNaviMenu div{
        overflow: hidden;
        right: -30px;
        width:90px;
    }
    #spNaviMenu div:after{
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        transform: skewX(28.7deg);
        background:url(../img/parts/btn_close01@2x.png) 14px center no-repeat;
        background-size: 36px;
        opacity: 0;
    }
    #spNaviMenu.active div:after{
        opacity: 1;
    }
	#spNaviMenu img{
        transform: skewX(28.7deg);
		width:36px;
        display:block;
        position: absolute;
        left: 15px;
        top: 10px;
	}
	#spNaviMenu.active img{
		opacity: 0;
	}
	.subHeaderFormBtn01{
		float:none;
		padding:0;
	}
	.subHeaderFormBtn01 .accBtn01{
        right: 60px;
		width:60px;
	}
	.subHeaderFormBtn01 .accBtnSpBgWrap01 img{
		width:45px;
		display:block;
        transform: skewX(28.7deg);
        position: absolute;
        left: 0;
        top: 10px;
	}
	.subHeaderFormBtn01 .accBtn01 .small01{
		display:none;
	}
	.subHeaderFormBtn01 .accbody01{
		width:100%;
        top: 50px;
		background:#333;
	}
	.subHeaderFormBtn01 .item{
		background:none;
		padding:20px 10px;
	}
	.subHeaderSearch01 .form01{
		float:none;
		width:100%;
		padding:7px 7px;
		margin-bottom:10px;
		border-radius:0;
		height:auto;
	}
	.subHeaderFormBtn01 .select01{
		float:none;
		margin-bottom:10px;
		margin-left:0;
	}
	.subHeaderFormBtn01 .naviBtn.active{
		opacity:1;
	}
	.subHeaderFormBtn01 .select01 select{
		width:100%;
		background-size:16px auto;
	}
	.subHeaderFormBtn01 .searchSubmit01{
		float:none;
		padding-top:10px;
		text-align:center;
	}
	.subHeaderFormBtn01 .searchSubmit01 .submitBtn01{
		background-size:14px auto;
		font-size:14px;
		width:150px;
		padding:11px 5px 11px 15px;
		background-position:25px center;
	}
	/*ナビ色*/
	.subHeaderNavi01 .ul_Navi01 .naviLi01{border-color:#fc2b75;}
	.subHeaderNavi01 .ul_Navi01 .naviLi02{border-color:#173cdc;}
	.subHeaderNavi01 .ul_Navi01 .naviLi03{border-color:#ce000c;}
	.subHeaderNavi01 .ul_Navi01 .naviLi04{border-color:#7a25e5;}
	.subHeaderNavi01 .ul_Navi01 .naviLi05{border-color:#e75c00;}
	.subHeaderNavi01 .ul_Navi01 .naviLi06{border-color:#03a02f;}
	.subHeaderNavi01 .ul_Navi01 .naviLi07{border-color:#c40a85;}
	.subHeaderNavi01 .ul_Navi01 .naviLi08{border-color:#ffd763;}
	/* newsList01
	---------------------------------------------------------- */
	.newsList01{
		padding-left:10px;
		padding-right:10px;
	}
	.newsList01 li{
		width:48.333%;
		margin-bottom:23px;
		margin-right:0;
	}
	.newsList01 li:nth-child(4n){
		float:left;
		margin-right:0;
	}
	.newsList01 li:nth-child(4n+1){
		clear:none;
	}
	.newsList01 li:nth-child(odd){
		float:left;
		clear:both;
	}
	.newsList01 li:nth-child(even){
		float:right;
	}
	.newsList01 .category01{
		display:block;
		margin-bottom:5px;
	}
	.newsList01 .category01 > p{
		display:block;
		width:auto;
		font-size:12px;
		padding:3px 0;
	}
	.newsList01 .day01{
		display:block;
		float:none;
		margin-bottom:5px;
		color:#555555;
		padding:0;
	}
	.newsList01 .tit01{;
		font-size:14px;
	}
	.newsList01 .img01{
		margin-bottom:5px;
	}
	/* newsList03
	---------------------------------------------------------- */
    .newsList02 li .tit01,
    .newsList03 li .tit01{
        margin-bottom: 16px;
    }
	.newsList02 li .tit01 a{
		text-decoration: underline;
	}
    .newsList03{
        margin-bottom: 35px;
    }
    .newsList03 li a{
        line-height: 1.6;
    }
	/* categoryList01
	---------------------------------------------------------- */
    .categoryList01{
        padding: 10px 0 1px;
        margin-bottom: 35px;
        overflow: hidden;
    }
    .categoryList01 li{
        padding: 7px 0 8px;
        float: left;
        width: 50%;
        display: block;
        position: relative;
        margin-bottom: 10px;
    }
    .categoryList01 li:after{
        content: "";
        width: 97%;
        height: 1px;
        background: #606060;
        position: absolute;
        top: -5px;
    }
    .categoryList01 li:nth-child(1):after,
    .categoryList01 li:nth-child(2):after{display: none;}
    .categoryList01 li:nth-child(odd){clear: left;}
    .categoryList01 li:nth-child(even){border-right: none;}
    .categoryList01 li:nth-child(odd):after{left: 0;}
    .categoryList01 li:nth-child(even):after{right: 0;}
    .categoryList01 li a{
        font-size: 14px;
    }
	/* emergencyNews02
	---------------------------------------------------------- */
    .emergencyNews02{
        border: 1px solid #ce000c;
        font-size: 14px;
    }
    .emergencyNews02 .bg01{
        font-size: 16px;
    }
	/* cardList01
	---------------------------------------------------------- */
    .cardList01 li{
        width: 48.5%;
        margin: 0 0 3.5% 0;
    }
    .cardList01 li:nth-child(odd){
        clear: left;
        float: left;
    }
    .cardList01 li:nth-child(even){
        float: right;
    }
    .cardList01 li a img{
        width: 100%;
    }
	/* searchList01
	---------------------------------------------------------- */
    .searchList01_count{
        margin: 15px auto 20px;
        font-size: 20px;
    }
    .searchList01_count span{
        font-size: 30px;
    }
    .searchList01{
        padding: 17px 0;
    }
    .searchList01 .searchList01_term01{
        margin-bottom: 0;
    }
    .searchList01 .searchList01_term01 input[type="text"],
    .searchList01 .searchList01_term01 select{
        margin-bottom: 15px;
    }
    .searchList01 .searchList01_term02 .select01:nth-child(odd){
        float: left;
        width: 48.5%;
    }
    .searchList01 .searchList01_term02 .select01:nth-child(even){
        float: right;
        width: 48.5%;
    }
    .searchList01 .searchList01_term02 .select01 select{
        padding: 6px;
		padding-right: 25px;
    }
    .searchList01 .searchSubmit01 .detailBtn{
        position: relative;
        top: 0;
        font-size: 15px;
        display: inline-block;
        margin-bottom: 20px;
    }
    .searchList01 .searchSubmit01 .submitBtn01{
        display: block;
        margin: 0 auto;
    }
    /* NewsTabList01
    ---------------------------------------------------------- */
	 .newsTab01Wrap .newsTab01List{
		width:720px;
         margin-bottom:10px;
	}
	 .newsTab01Wrap .spScroll{
		overflow-y:hidden;
	}
	.newsTab01Wrap .spScroll::-webkit-scrollbar {
		height: 10px;
	}
    .newsTab01Wrap .spScroll::-webkit-scrollbar-thumb{
		background: #999;
		border-radius: 5px;
	}
    .newsTab01Wrap .spScroll::-webkit-scrollbar-track-piece {
		background: #efefef;
	}
    .newsTab01Wrap .newsTab01List li{
		font-size:14px;
		width:120px;
		padding:13px 10px;
	}

/* 検索フォーム追加分
---------------------------------------------------------- */

.searchList01 .sectionIn01 .point {
    font-size: 16px;
}
.searchList01 .sectionIn01 .check01 p {
    font-size: 13px;
}
.check01_name {-webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
	margin-right: 2%;}
.searchList01 .sectionIn01 .check01 label {
    margin-right: 0px;
}
.searchList01 .sectionIn01 .check01 label input {
    margin-right: 6px;
}
.searchListCheck{display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	margin-bottom: -15px;}
.searchListCheck li{padding-left: 9px;
    padding-bottom: 10px;
    vertical-align: top;}
.culture-area {
    display: block;
    padding: 15px;
    border-radius: 6px;
    text-align: left;
}
.culture-area li {
    width: 23.8%;
    display: inline-block;
}
	
.searchList01 .sectionIn01 .rangeList_4List {
    display: block;
}
	
.searchList01 .sectionIn01 .rangeList_4List li {
    display: inline-block;
    width: 49%;
    margin-bottom: 25px;
	margin-right: 0;
}
.searchList01 .sectionIn01 .rangeList_2List {
    display: inline-block;
}
	
.searchList01 .sectionIn01 .rangeList_2List {
    display: block;
}
	
.searchList01 .sectionIn01 .rangeList_2List li {
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px;
}
	
.searchList01 .sectionIn01 .rangeList_2List li:nth-child(2) {
    margin-right: 0px;
    width: 100%;
}
	
.searchList01_submitBtn{width: 100%;}
	
.searchList01 .searchSubmit01 .submitBtn01 {
}
	
.searchList01 .searchSubmit01 .submitBtnReset {
    width: 200px;
}

.sectionIn01 .product select {
    height: 90px;
    overflow-wrap: anywhere;
    white-space: normal;
}
	
#sort-area .sort-areaRight{float: left;padding-top: 8px;margin-left: 15px;}
.productCard{background:#F5F5F5; padding: 10px;}
	
}

/* FormatStyle
---------------------------------------------------------- */

/* sectionFormat01
---------------------------------------------------------- */
.sectionFormat01{
    line-height: 1.5;
    font-size: 16px;
    text-align: left;
}
.sectionFormat01 p{
    margin-bottom: 35px;
    word-break: break-all;
}
.sectionFormat01 rt{
    display: none;
}
.sectionFormat01 img{
    max-width:100%;
    height:auto;
    display:block;
}
/* hx */
.sectionFormat01 h2{
    font-weight: bold;
    font-size: 30px;
    text-align: left;
    border-bottom: 5px solid #000;
    background:url(../img/parts/h2_basic02@2x.png) left center no-repeat;
    background-size: 60px;
    padding: 13px 0 16px 67px;
    margin-bottom: 38px;
    word-break: break-all;
}
.sectionFormat01 h3{
    font-weight: bold;
    font-size: 24px;
    text-align: left;
    padding: 13px 20px;
    background: #f5f5f5;
    letter-spacing: 1px;
    margin-bottom: 35px;
    word-break: break-all;
}
.sectionFormat01 h4{
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    margin-bottom: 23px;
    word-break: break-all;
}
/* ul */
.sectionFormat01 ul,
.sectionFormat01 ol{
    padding: 0 20px;
}
.sectionFormat01 ul li,
.sectionFormat01 ol li{
    font-size: 16px;
    text-align: left;
    word-break: break-all;
    border-bottom: 3px dotted #959595;
    padding:0 0 30px 1.2em;
    margin-bottom: 25px;
    position: relative;
}
.sectionFormat01 ul li:last-child,
.sectionFormat01 ol li:last-child{
    border-bottom: none;
}
.sectionFormat01 ul li:only-child,
.sectionFormat01 ol li:only-child{
    border-bottom: 3px dotted #959595;
}
.sectionFormat01 ol{
    counter-reset:count01;
}
.sectionFormat01 ol li:before{
    counter-increment:count01;
    content:counter(count01) "\002E";
    margin-left: -1.2em;
    padding-right: 0.3em;
}
.sectionFormat01 ul li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background: #000;
}
/* hr*/
.sectionFormat01 hr{
    height:0px;
    margin:0 0 80px;
    border:none;
    border-top:1px solid #818181;
}
/* iframe */
.sectionFormat01 .movieIn01{
    text-align: center;
}
.sectionFormat01 .movieIn01 iframe{
    width: 100%;
    max-width: 790px;
    height: 444px;
    border: none;
}
/* table */
.sectionFormat01 .tableIn01{
    margin-bottom: 40px;
}
.sectionFormat01 .tableIn01 table{
    margin: 0 auto;
}
.sectionFormat01 .tableIn01 th{
    background: #eee;
    font-weight: bold;
    border: 1px solid #bfbfbf;
    padding: 18px 10px;
    font-size: 16px;
    word-break: break-all;
}
.sectionFormat01 .tableIn01 td{
    text-align: left;
    border: 1px solid #bfbfbf;
    padding: 17px 10px 16px;
    font-size: 16px;
    word-break: break-all;
}
.sectionFormat01 .tableIn01.noscroll td:first-child,
.sectionFormat01 .tableIn01.noscroll th:first-child{
    width: 23.5%;
}
.sectionFormat01 .tableIn01 table a{
    color: #005ab3;
}
.sectionFormat01 .btn_basic01{
    margin: 0 auto;
    max-width: 300px;
    text-align: center;
}
/* row */
.sectionFormat01 .rowList01{
    text-align: center;
}
.sectionFormat01 .rowList01 .col{
    display: inline-block;
    margin: 0 6px;
}
.sectionFormat01 .rowList01 img{
    margin-bottom: 10px;
}
.sectionFormat01 .rowList01 .imgBdr{
    box-sizing:border-box;
    border: 1px solid #ccc;
}
.sectionFormat01 .txcR{color: #ce000c;}
.sectionFormat01 .txcB{color: #0121ac;}
.sectionFormat01 .txcO{color: #e75c00;}
.sectionFormat01 .txcG{color: #03a02f;}
/* sectionFormat02
---------------------------------------------------------- */
.sectionFormat02 .newsList01{
    margin-bottom: 30px;
}

/* sectionFormat03
---------------------------------------------------------- */
.sectionFormat03 .itemList01_item{
    margin-bottom: 50px;
    text-align: left;
}
.sectionFormat03 .itemList01_item .img{
    text-align: center;
    float: left;
    width: 32%;
}
.sectionFormat03 .itemList01_item .info{
    border-top: 2px solid #000;
}
.sectionFormat03 .itemList01_item .product_type{
    color: #fff;
    display: inline-block;
    font-size: 14px;
    min-width: 100px;
    text-align: center;
    padding: 5px;
    margin-bottom: 18px;
    word-break: break-all;
    font-weight: bold;
}
.sectionFormat03 .itemList01_item .title{
    font-size: 18px;
    font-weight: bold;
    word-break: break-all;
    line-height: 1.3;
    padding-bottom: 18px;
    border-bottom: 2px solid #e5e5e5;
    margin-bottom: 10px;
    word-break: break-all;
}
.sectionFormat03 .itemList01_item .infoContainer{
    margin-bottom: 25px;
}
.sectionFormat03 .itemList01_item .infoContainer dl{
    font-size: 14px;
    margin-bottom: 4px;
}
.sectionFormat03 .itemList01_item .infoContainer dt{
    padding-right: 15px;
    font-weight: bold;
}
.sectionFormat03 .itemList01_item .infoContainer dt,
.sectionFormat03 .itemList01_item .infoContainer dd{
    display: inline-block;
    word-break: break-all;
}
.sectionFormat03 .itemList01_item .btnList{
    display: table;
    width: 100%;
    margin-bottom: 20px;
}
.sectionFormat03 .itemList01_item .btnList .btn01{
    display: table-cell;
    vertical-align: middle;
    width: 40%;
}
.sectionFormat03 .itemList01_item .btnList .btn02{
    display: table-cell;
    vertical-align: middle;
    width: 60%;
}
.sectionFormat03 .itemList01_item .btnList .btn01 a{
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    padding-left: 10px;
    background: url(../img/parts/ico_navi02@2x.png) left center no-repeat;
    background-size: 5px;
    transition: 0.3s;
}
.sectionFormat03 .itemList01_item .btnList .btn02 .btn_basic01{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    text-align: center;
}
.sectionFormat03 .itemList01_item .emergency{
    border: 1px solid #ce000c;
    color: #ce000c;
    font-weight: bold;
    word-break: break-all;
    padding: 7px 10px;
}
.sectionFormat03 .itemList01_item .emergency a{
    display: block;
    color: #ce000c;
    text-decoration: none;
    transition: 0.3s;
}
.sectionFormat03 .itemList01_item.expansion .info{border-color: #ce000c;}
.sectionFormat03 .itemList01_item.expansion .product_type{background: #ce000c;}
.sectionFormat03 .itemList01_item.deck .info{border-color: #0121ac;}
.sectionFormat03 .itemList01_item.deck .product_type{background: #0121ac;}
.sectionFormat03 .itemList01_item.protect .info{border-color: #03a02f;}
.sectionFormat03 .itemList01_item.protect .product_type{background: #03a02f;}
.sectionFormat03 .itemList01_item.others .info{border-color: #03a02f;}
.sectionFormat03 .itemList01_item.others .product_type{background: #03a02f;}
.sectionFormat03 .itemList01_item.supplies .info{border-color: #606060;}
.sectionFormat03 .itemList01_item.supplies .product_type{background: #606060;}

/* sectionFormat04
---------------------------------------------------------- */
/* featureBanner */
.sectionFormat04 .featureBanner .img{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.sectionFormat04 .featureBanner .specs-title-wrap{
    padding: 70px 0 36px;
    background: #000;
    color: #fff;
    position: relative;
    margin: -35px auto 70px;
    text-align: left;
    overflow: hidden;
}
.sectionFormat04 .featureBanner .card-title .num,
.sectionFormat04 .featureBanner .card-title .title{
    display: inline-block;
    font-weight: bold;
    word-break: break-all;
}
.sectionFormat04 .featureBanner .card-title .title{
    font-size: 26px;
}
.sectionFormat04 .featureBanner .card-title .num{
    font-size: 20px;
    padding-right: 14px;
    margin-right: 12px;
    border-right:1px solid #666;
}
/* featureBanner */
.sectionFormat04 .itemInfo{
    overflow: hidden;
    margin-bottom: 70px;
}
.sectionFormat04 .itemInfo .card-package{
    text-align: center;
}
.sectionFormat04 .itemInfo .card-package img{
    max-width: 215px;
}
/* info */
.sectionFormat04 .card-specs table{
    width: 100%;
}
.sectionFormat04 .card-specs table th{
    background: #eee;
    font-weight: bold;
    font-size: 16px;
    padding: 15px 10px;
    border: 1px solid #bfbfbf;
    word-break: break-all;
	text-align: center
}
.sectionFormat04 .card-specs table td{
    font-weight: 100;
    font-size: 16px;
    padding: 15px 10px;
    border: 1px solid #bfbfbf;
    word-break: break-all;
	text-align: left;
	line-height: 2rem;
}
.sectionFormat04 .card-specs table td .text-left{
    text-align: left;
}
.sectionFormat04 .card-specs table td hr{
    border-bottom: 1px solid #bfbfbf;
    border-left: none;
    border-right: none;
    border-top: none;
    margin: 0 -10px 15px;
    padding-top: 15px;
}
.guidebookBtn{float: right; max-width: 623px;}
.guidebookBtn img{max-width: 40%;}
.guidebookBtn img:hover{transition: 0.3s;opacity: 0.7;}
/* other */
.sectionFormat04 .subTitle{
    border-top: 3px solid #000;
    font-size: 28px;
    padding-top: 25px;
    margin-bottom: 20px;
}
.sectionFormat04 .subTitle span{
    display: block;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
}
.sectionFormat04 .itemOther{
	/*overflow: hidden;*/
}
.sectionFormat04 .itemOther:after{
	content: "";
	clear: both;
	display: block;
}
.sectionFormat04 .itemOther .movie,
.sectionFormat04 .itemOther .wallpaper{
    text-align: center;
    margin-bottom: 70px;
}
.sectionFormat04 .itemOther .movieBox{
    position: relative;
    width: 100%;
}
.sectionFormat04 .itemOther .movie iframe{
    width: 100%;
    height: 347px;
    border: none;
}
/* sectionFormat05
---------------------------------------------------------- */
.sectionFormat05 .sectionFormat05_h2{
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 15px;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
}
/* sectionFormat06
---------------------------------------------------------- */
.modal-window{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);/* url(../img/loading2.svg) center center no-repeat; */
    z-index: 99999;
    padding-top: 81px;
    opacity: 0;
    transition: 0.5s;
    pointer-events: none;
}
.modal-window.fadeIn{
	opacity: 1;
    pointer-events: auto;
}
.modal-window .loading{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.modal-window .table{
    width: 100%;
    height: 100%;
    display: table;
    opacity: 0;
    transition: 0.5s;
}
.modal-window.modal-show .table{
	opacity: 1;
}
.modal-window .table-cell{
    display: table-cell;
    vertical-align: middle;
}
.modal-window .modal-card-wrap{
    width: 90%;
    max-width: 960px;
    margin: 0 auto;
    position: relative;
}
.modal-window .modal-card-wrap .card-itself{
    margin-bottom: 50px;
	padding: 30px 40px;
	
}
.modal-window .modal-card-wrap .modal-card{
    border-radius: 10px;
    overflow-y: scroll;
    background: #fff;
    max-height: 80vh;
}
.modal-window.card .card:empty{
    margin-bottom: 0;
}
.modal-window.card .card .card-img img{
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
	width: 100%;
	border-radius:16px;
}
.modal-window.card .card-name,
.cardDetail .card-name{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 1.6;
    padding: 15px;
    margin-bottom: 40px;
    background: #1E1E1E !important;
}
.modal-window.card .grid,
.cardDetail .grid{
    margin-top: 1px;
    width: 100%;
    table-layout: fixed;
}
.modal-window.card.product .product_image,
.cardDetail.product .product_image {
    margin-bottom: 20px;
}
.modal-window.card.product .text,
.cardDetail.product .text {
    font-size: 14px;
	margin: 20px 0;
	text-align: left;
}

.modal-window.card .grid table,
.cardDetail .grid table{
    margin-top: -1px;
    width: 100%;
    table-layout: fixed;
}
.modal-window.card .grid table:nth-child(n+4),
.cardDetail .grid table:nth-child(n+4){
    margin-bottom: 10px;
}
.modal-window.card .grid th,
.cardDetail .grid th{
    background: #eee;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    border: 1px solid #bfbfbf;
}
.modal-window.card .grid td,
.cardDetail .grid td{
    font-size: 14px;
    word-break: break-all;
    padding: 10px 5px;
    border: 1px solid #bfbfbf;
}
.modal-window.card .grid th:not(.full),
.cardDetail .grid th:not(.full){
    width: 110px;
}
.modal-window.card .grid td.full,
.cardDetail .grid td.full{
    padding: 20px;
    text-align: left;
    line-height: 1.6;
}
.modal-window .row,
.cardDetail .row{
    overflow: hidden;
}
.modal-window .modal-card-wrap .button-close{
    -webkit-appearance:none;
    appearance:none;
    border: 0;
    width:55px;
    height:65px;
    position: absolute;
    right: -10px;
    top: -17px;
    overflow: hidden;
    z-index: 10;
    background:url(../img/parts/btn_close@2x.png) center center no-repeat;
    background-size:100%;
    text-indent: -9999px;
    cursor: pointer;
}
/* parts */
.modal-window .modal-card-wrap .modal-card hr{
    margin-bottom: 20px;

}
.modal-window .modal-card-wrap .modal-card .title-1{
    font-size: 18px;
    color: #000;
}
.modal-window .modal-card-wrap .modal-card .title-2{
    font-size: 24px;
    font-weight: bold;
    color: #000;
}
.modal-window .modal-card-wrap .copyright{
    margin-top: 20px;
}

/* sectionFormat06-detail
---------------------------------------------------------- */
.cardPopupDetail{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}
.cardDetail{
    width: 100%;
    max-width: 960px;
    margin: 0 auto 50px;
}
.cardPopupDetail .windowtitle th{
    padding: 15px;
    text-align: center;
    word-break: break-all;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 4px solid #f5f5f5;
}
.cardPopupDetail .windowtitle .packname,
.cardDetail .packname{
    padding-left: 10px;
    font-size: 16px;
	display: inline-block;
}
.cardPopupDetail th{
    padding: 10px 5px;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: bold;
	width: 12%;
}
.cardPopupDetail td {
    padding: 10px;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #fff;
    color: #000;
    background: #fff;
	width: 19%;
}
.cardPopupDetail td.abilitytxt,
.cardPopupDetail td.flavortxt{
    text-align: left;
}
.cardPopupDetail .cardarea {
    background: #f5f5f5;
    vertical-align: top;
    position: relative;
    width: 39%;
    padding: 40px 6.5%;
}
.cardPopupDetail .cardarea img{
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
/* color */
/*
.cardPopupDetail.jokers_water .cardname,
.cardPopupDetail.water .cardname {background: #27b8e7;}
.cardPopupDetail.jokers_fire .cardname,
.cardPopupDetail.fire .cardname {background: #c80101;}
.cardPopupDetail.jokers_nature .cardname,
.cardPopupDetail.nature .cardname {background: #5ab40a;}
.cardPopupDetail.jokers_dark .cardname,
.cardPopupDetail.dark .cardname {background: #8132cf;}
.cardPopupDetail.jokers_light .cardname,
.cardPopupDetail.light .cardname {background: #e89e00;}
.cardPopupDetail.jokers .cardname,
.cardPopupDetail.zero .cardname {background: #1e1e1e;}
.cardPopupDetail.jokers_rainbow .cardname,
.cardPopupDetail.rainbow .cardname {background: linear-gradient(90deg, #C04140, #C07A40, #BFC040, #40C047, #40BCC0, #4040C0, #C040B9 , #C04140);}
.cardPopupDetail.water th {background: #2492b5;}
.cardPopupDetail.fire th {background: #a22424;}
.cardPopupDetail.nature th {background: #6c9624;}
.cardPopupDetail.dark th {background: #663da9;}
.cardPopupDetail.light th {background: #d07d24;}
.cardPopupDetail.zero th, .rainbow th {background: #4e4e4e;}
.cardPopupDetail.jokers th, .jokers_rainbow th {background:  linear-gradient(#dbddde, #898c90);}
.cardPopupDetail.jokers_fire th {background:  linear-gradient(#fb2b69, #ff5b37);}
.cardPopupDetail.jokers_water th {background:  linear-gradient(#1d77ef, #81f3fd);}
.cardPopupDetail.jokers_light th {background:  linear-gradient(#ffdb4c, #ffcd02);}
.cardPopupDetail.jokers_dark th {background:  linear-gradient(#4a4a4a, #2b2b2b);}
.cardPopupDetail.jokers_nature th {background:  linear-gradient(#87fc70, #0bd318);}
*/

.cardPopupDetail .cardname {background: #1E1E1E !important;}
.cardPopupDetail th {background: #4e4e4e;}

/* sectionFormat07
---------------------------------------------------------- */
.sectionFormat07 .searchList01 .searchSubmit01 .submitBtn01{
    background-position: 90px center;
}
.sectionFormat07 .qabox01{
    margin-bottom: 35px;
}
.sectionFormat07 .qabox01 .question,
.sectionFormat07 .qabox01 .answer{
    position: relative;
    font-size: 18px;
    word-break: break-all;
    text-align: left;
    padding: 0 20px 23px 70px;
}
.sectionFormat07 .qabox01 .question{
    margin-bottom: 30px;
    border-bottom: 1px solid #bebebe;
}
.sectionFormat07 .qabox01_hl01{
    position: absolute;
    left: 20px;
    top: -10px;
    font-size: 30px;
    font-weight: bold;
}
.sectionFormat07 .qabox01 a{
    color: #005ab3;
}

.sectionFormat07 .list .subTitle {
    font-size: 28px;
    padding-top: 25px;
    margin-bottom: 20px;
}

/* sectionFormat09
---------------------------------------------------------- */
.sectionFormat09 .rulechange_btn{
    margin: -26px auto 50px;
}
.sectionFormat09 .newsTab01Wrap .newsTab01List{
    margin-bottom: 0;
}
.sectionFormat09 .newsTab01Wrap #tabList li{
    float: left;
    width: 250px;
}
.sectionFormat09 .newsTab01Wrap .btn_basic01 {
    max-width: 400px;
}
.sectionFormat09 .newsTab01Wrap .newsList03{
    border-top: none;
}
/* sectionFormat10
---------------------------------------------------------- */
.sectionFormat10_btn01{
    max-width: 300px;
    margin: 0 0 40px auto;
}
.sectionFormat10_btn02 {
    max-width: 330px;
    margin: 20px auto 0;
}

@media screen and (min-width: 640px) {
    /* sectionFormat01
    ---------------------------------------------------------- */
    .sectionFormat01 img.aligncenter{margin:0 auto;}
    .sectionFormat01 img.alignleft{margin-right:40px;}
    .sectionFormat01 img.alignright{margin-left:40px;}
    .sectionFormat01 .alignright{float:right;}
    .sectionFormat01 .alignleft{float:left;}

    .sectionFormat01 .tableIn01.alignleft,
    .sectionFormat01 .tableIn01.alignright{
        width: 48%;
    }
    .sectionFormat01 a img{
        transition: 0.3s;
    }
    .sectionFormat01 a:hover img{
        opacity: 0.6;
    }
    
    /* sectionFormat02
    ---------------------------------------------------------- */
    .sectionFormat02 .categoryList01 li{
        padding-left: 27px;
        padding-right: 27px;
    }
    /* sectionFormat03
    ---------------------------------------------------------- */
    .sectionFormat03 .categoryList01 li{
        width: 20%
    }
    .sectionFormat03 .itemList01{
        overflow: hidden;
    }
    .sectionFormat03 .itemList01_item{
        width: 47.5%;
    }
	
    .sectionFormat03 .itemList01_item:nth-child(odd){
        float: left;
        clear: left;
    }
    .sectionFormat03 .itemList01_item:nth-child(even){
        float: right;
    }
    .sectionFormat03 .itemList01_item .pc_box{
        float: right;
        width: 64%;
    }
    .sectionFormat03 .itemList01_item .btnList .btn01 a:hover,
    .sectionFormat03 .itemList01_item .emergency a:hover,
    .sectionFormat04 .itemOther .wallpaper a:hover,
    .modal-window .card_info .sns a:hover{
        opacity: 0.6;
    }
    /* sectionFormat04
    ---------------------------------------------------------- */
    /* featureBanner */
    .sectionFormat04 .itemInfo .card-package{
        float: left;
        width: 33%;
    }
    .sectionFormat04 .itemInfo .card-specs,
    .sectionFormat04 .itemOther .movie{
        float: right;
        width: 65%;
		margin-bottom: 2%;
    }
    .sectionFormat04 .itemOther .wallpaper{
        float: left;
        width: 31%;
    }
    .sectionFormat04 .itemOther .wallpaper a{
        transition: 0.3s;
    }
    .sectionFormat04 .itemOther .list{
        clear: both;
    }
    .sectionFormat04 .featureBanner .card-title{
        display: table;
    }
    .sectionFormat04 .featureBanner .card-title .num{
        width: 12.5%;
        vertical-align: middle;
        display: table-cell;
    }
    .sectionFormat04 .featureBanner .card-title .title{
        width: 86.5%;
        vertical-align: middle;
        display: table-cell;
        padding-left: 25px;
    }
    /* sectionFormat06
    ---------------------------------------------------------- */
	
    .modal-window.card .card,
    .cardDetail .card{
        width: 29%;
        float: left;
    }
	
	.modal-window.card .card_package,
	.cardDetail .card_package{
        width: 100%; margin-top: 30px;
    }
	
	.modal-window.card .card_package img,
	.cardDetail .card_package img{
        width: 55%;
		margin: 0 auto;
    }
	
    .modal-window.card:not(.product) .grid,
    .cardDetail:not(.product) .grid{
        width: 66%;
        float: right;
    }
    .modal-window .card_info,
    .cardDetail .card_info{
        overflow: hidden;
        width: 100%;
        margin-left: auto;
        margin-bottom: 40px;
    }
    .modal-window .card_info .btn_basic01,
    .cardDetail .card_info .btn_basic01{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .modal-window .card_info .bnr,.cardDetail .card_info .bnr{width:70%;}
	.modal-window .card_info .bnr .btn_basic01,.cardDetail .card_info .bnr .btn_basic01{font-size: 15px;}
    .modal-window .card_info .sns,.cardDetail .card_info .sns{width: 28%;}
    .modal-window .card_info .bnr li:nth-child(odd),.cardDetail .card_info .bnr li:nth-child(odd){width:35%;}
    .modal-window .card_info .bnr li:nth-child(even),.cardDetail .card_info .bnr li:nth-child(even){width: 64%;}
    .modal-window .card_info .sns li,.cardDetail .card_info .sns li{width: 29.2%;margin-left: 4%;}
    .modal-window .card_info .bnr,.cardDetail .card_info .bnr,.modal-window .card_info li:nth-child(odd),.cardDetail .card_info li:nth-child(odd){float: left;}
    .modal-window .card_info .sns,.modal-window .card_info li:nth-child(even),.cardDetail .card_info li:nth-child(even){float: right;}
	.modal-window .card_info .sns li:nth-child(2),.cardDetail .card_info .sns li:nth-child(2){float: left!important;}
	.modal-window .card_info .sns li:nth-child(3),.cardDetail .card_info .sns li:nth-child(3){float: right!important;}
    .modal-window .card_info .sns a,.cardDetail .card_info .sns a{transition: 0.3s;}
    /* sectionFormat07
    ---------------------------------------------------------- */
    .sectionFormat07 .searchList01 .searchList01_term01 .form01,
    .sectionFormat07 .searchList01 .searchList01_term01 .select01{
        width: 32.6%;
    }
    .sectionFormat07 .qabox01 + .btn_basic01{
        max-width: 330px;
    }
}

@media screen and (max-width: 639px) {
	
	.sectionFormat04 .itemInfo .card-specs,
    .sectionFormat04 .itemOther .movie{
		margin-bottom: 2%;
    }
	
    /* sectionFormat01
    ---------------------------------------------------------- */
    .sectionFormat01 img.aligncenter,
    .sectionFormat01 img.alignleft,
    .sectionFormat01 img.alignright{margin:0 auto;}
    .sectionFormat01{
        line-height: 1.6;
       /*--- margin-bottom: 100px;---*/
    }
    .sectionFormat01 p{
        margin-bottom: 20px;
    }
    /* hx */
    .sectionFormat01 h2{
        font-size: 22px;
        line-height: 1.5;
        padding-bottom: 5px;
        margin-bottom: 30px;
    }
    .sectionFormat01 h3{
        font-size: 18px;
        line-height: 1.6;
        margin-bottom: 15px;
    }
    .sectionFormat01 h4{
        font-size: 18px;
        line-height: 1.6;
        margin-bottom: 10px;
    }
    /* ul */
    .sectionFormat01 ul,
    .sectionFormat01 ol{
        padding: 0;
    }
    .sectionFormat01 ul li,
    .sectionFormat01 ol li{
        line-height: 1.6;
        padding-bottom: 20px;
    }
    /* hr*/
    .sectionFormat01 hr{
        margin-bottom: 50px;
    }
    /* iframe */
    .sectionFormat01 .movieIn01{
        position: relative;
        padding-bottom: 56%;
    }
    .sectionFormat01 .movieIn01 iframe{
        position: absolute;
        left: 0;
        top: 0;
        max-width: none;
        height: 100%;
    }
    /* table */
    .sectionFormat01 .tableIn01:not(.noscroll){
        overflow-x: scroll;
    }
    .sectionFormat01 .tableIn01:not(.noscroll) table{
        width: 700px;
    }
	.sectionFormat01 .tableIn01::-webkit-scrollbar {
		height: 10px;
	}
    .sectionFormat01 .tableIn01::-webkit-scrollbar-thumb{
		background: #999;
		border-radius: 5px;
	}
    .sectionFormat01 .tableIn01::-webkit-scrollbar-track-piece {
		background: #efefef;
	}
    .sectionFormat01 .tableIn01 td,
    .sectionFormat01 .tableIn01 th{
        padding: 10px 5px;
    }
    /* sectionFormat03
    ---------------------------------------------------------- */
    .sectionFormat03 .itemList01_item{
        margin-bottom: 35px;
    }
    .sectionFormat03 .itemList01_item .img{
        width: 37%;
    }
    .sectionFormat03 .itemList01_item .info{
        float: right;
        width: 58%;
    }
    .sectionFormat03 .itemList01_item .product_type{
        font-size: 12px;
        min-width: 80px;
        margin-bottom: 10px;
    }
    .sectionFormat03 .itemList01_item .title{
        font-size: 15px;
        padding-bottom: 10px;
    }
    .sectionFormat03 .itemList01_item .infoContainer{
        margin: 0;
    }
    .sectionFormat03 .itemList01_item .btnList{
        clear: both;
        padding-top: 15px;
    }

    /* sectionFormat04
    ---------------------------------------------------------- */
    /* featureBanner */
    .sectionFormat04 .featureBanner .img{
        padding: 0 10px;
    }
    .sectionFormat04 .featureBanner .specs-title-wrap{
        padding: 35px 0 25px;
        margin: -20px auto 35px;
    }
    .sectionFormat04 .featureBanner .card-title .title{
        font-size: 19px;
    }
    .sectionFormat04 .featureBanner .card-title .num{
        font-size: 16px;
        display: block;
        padding: 0 0 10px;
        margin: 0 0 10px;
        border-right: none;
        border-bottom: 1px solid #666;
    }
    /* featureBanner */
    .sectionFormat04 .itemInfo,
    .sectionFormat04 .itemInfo .card-package,
    .sectionFormat04 .itemOther .movie,
    .sectionFormat04 .itemOther .wallpaper{
        margin-bottom: 40px;
    }
    .sectionFormat04 .itemInfo .card-package img{
        max-width: 150px;
    }
    /* info */
    .sectionFormat04 .card-specs table th,
    .sectionFormat04 .card-specs table td{
        font-size: 14px;
    }
    .sectionFormat04 .card-specs table th{
        padding:9px 2px;
    }
    .sectionFormat04 .card-specs table td{
        padding:15px 9px;
    }
	
    /* other */
    .sectionFormat04 .subTitle{
        font-size: 22px;
        padding-top: 15px;
        margin-bottom: 15px;
    }
    .sectionFormat04 .itemOther .wallpaper a{
        display: block;
        width: 100%;
        max-width: 120px;
        margin: 0 auto;
    }
    .sectionFormat04 .itemOther .movieBox{
        padding-bottom: 56%;
    }
    .sectionFormat04 .itemOther .movie iframe{
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
    }
    /* sectionFormat05
    ---------------------------------------------------------- */
    .sectionFormat05 .sectionFormat05_h2{
        font-size: 24px;
		margin-bottom: 5px;
    }
	.sectionFormat05 .searchList01{
		
	}
    /* sectionFormat06
    ---------------------------------------------------------- */
    .modal-window{
		padding-top: 0;
    }
    .modal-window .modal-card-wrap .card-itself{
        margin-bottom: 20px;
		padding: 20px 10px;
    }
    .modal-window .modal-card-wrap .modal-card{   
    }
    .modal-window.card .card,
    .cardDetail .card{
        width: 80%;
        margin: 0 auto 40px;
    }
	
	.modal-window.card .card_package,
	.cardDetail.card .card_package {
    width: 100%;
    margin-top: 30px;}
	
	.modal-window.card .card_package img,
	.cardDetail.card .card_package img{
        width: 55%;
		margin: 0 auto;
    }
	
	.modal-window.card .card:empty,
	.cardDetail .card:empty{
		display: none;
	}
    .modal-window.card .card-name{
        font-size: 20px;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
    .modal-window.card .grid th,
    .cardDetail .grid th{
        font-size: 12px;
        padding: 10px 0;
    }
    .modal-window.card .grid td,
    .cardDetail .grid td{
        font-size: 12px;
        padding: 10px 5px;
    }
    .modal-window.card .grid th:not(.full),
    .modal-window.card .grid td:not(.full),
    .cardDetail .grid th:not(.full),
    .cardDetail .grid td:not(.full){
        width:25%;
    }
    .modal-window.card .grid td.full,
    .cardDetail .grid td.full{
        padding: 10px 15px;
    }
	.modal-window.card .grid td.full,
	.modal-window.card .grid th.full,
	.cardDetail .grid td.full,
	.cardDetail .grid th.full{
		font-size: 14px;
		line-height: 1.4;
	}
    .modal-window.card .grid th.race_th,
    .cardPopupDetail.card .grid th.race_th{
        width: 25%;
    }
    .modal-window.card .grid td.race,
    .cardDetail .grid td.race{
        width: 75%;
    }
    .modal-window .modal-card-wrap .button-close{
        top: -35px;
    }
    .modal-window .card_info li,
    .cardDetail .card_info li{
        margin-bottom: 10px;
    }
    .modal-window .card_info .sns,
    .cardDetail .card_info .sns{
        text-align: center;
        margin: 20px 0;
    }
    .modal-window .card_info .sns li,
    .cardDetail .card_info .sns li{
        display: inline-block;
        width: 45px;
        margin: 0 7px;
    }
    /* sectionFormat07
    ---------------------------------------------------------- */
	.sectionFormat07 .searchList01{
		margin-bottom: 40px;
	}
	.sectionFormat07 .list .subTitle {
	    font-size: 22px;
	    padding-top: 15px;
	    margin-bottom: 15px;
	}
    /* sectionFormat09
    ---------------------------------------------------------- */
    .sectionFormat09 .rulechange_btn{
        margin: 0 auto 42px;
        padding: 0 15px;
    }
    .sectionFormat09 .newsTab01Wrap .spScroll{
        margin: 0 -10px;
    }
    .sectionFormat09 .newsTab01Wrap #tabList{
        width: 100%;
    }
    .sectionFormat09 .newsTab01Wrap #tabList li{
        font-size: 13px;
        padding-left: 0;
        padding-right: 0;
    }
    .sectionFormat09 .newsTab01Wrap #tabList li:nth-child(1){
        width: 43%;
    }
    .sectionFormat09 .newsTab01Wrap #tabList li:nth-child(2){
        width: 57%;
    }
}

/** 初期モーダル **/
#first-modal-wrap{
	position: fixed;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: rgba(0,0,0,0.7);
	z-index: 99999
}
#first-modal{
	width: 80%;
	max-width: 706px;
	height: 80%;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	margin: auto;
	border-radius: 15px;
	background-color: white;
}
#first-modal-img-wrap{
	overflow: hidden;
	border-radius: 15px;
	width: 100%; height: 100%;
}
#first-modal-img{
	width: 100%; height: 100%;
	overflow-y: auto;
	padding: 10px 0;
}
#first-modal-img>img{
	padding: 0 5%;
}
#first-modal-close-btn{
	position: absolute;
	top: -17px; right: -10px;
	width: 55px; height: 65px;
	cursor: pointer;
}
@media screen and (max-width: 350px) {
	:placeholder-shown {font-size: 10px; }
	::-webkit-input-placeholder{font-size: 10px; }
	:-moz-placeholder {font-size: 10px; }
	::-moz-placeholder{font-size: 10px; }
	:-ms-input-placeholder{font-size: 10px; }
	}

/* loding */
.loading_wrap {
	background-position: top center;
	min-height: 300px;
}
.loading_wrap.loading {
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
}
/*
.loading_wrap {
	transition: all 0.2s;
	opacity: 1;
}
.loading_wrap.loading {
	opacity: 0;
}
*/

#cardlist_wrap .search_loading {
	position: absolute;
	left: -100%;
	right: -100%;
	margin: 50px auto;
	opacity: 0;
}

#cardlist_wrap.loading .search_loading {
	opacity: 1;
}
#cardlist {
	transition: 0.3s;
	min-height: 200px;
}
#cardlist_wrap.loading #cardlist {
	opacity: 0;
}
#cardlist .nodata {
	font-size: 28px;
	margin: 60px 0 30px;
}
@media screen and (max-width: 639px) {
	#cardlist .nodata {
		font-size: 20px;
	}
}

.modal-window.detail {
	position: relative;
	opacity: 1;
	background: #fff;
}
.modal-window.detail .loading {
	display: none;
}

#underMenu{
	position: fixed;
    background: #000;
    width: 100%;
    z-index: 2;
	height: 100vh;
	opacity: 0.7;
	top:-50px;
	padding-bottom: 1000px;
	display: none;
}