@charset "UTF-8";

/*----------------------------------------------------
	☆SP
----------------------------------------------------*/

/*デバイスの横幅が850px以下の場合*/
@media only screen and (max-width: 850px) {
body {
    font-size: 1.3rem;
    min-width: inherit;
}
img {
    max-width: 100%;
    height: auto;
    width: auto;
}
#contents {
    margin-top: 0;
}
.spDisp {
    display: block!important;
}
.spHide {
    display: none!important;
}
br.spHide {
    display: none!important;
}
.spImg {
    height: auto;
    width: 100%;
}
.spCenter {
    text-align: center;
}
.top10 {
    margin-top: 5px !important;
}
.top15 {
    margin-top: 5px !important;
}
.top20 {
    margin-top: 10px !important;
}
.top25 {
    margin-top: 10px !important;
}
.top30 {
    margin-top: 15px !important;
}
.top35 {
    margin-top: 15px !important;
}
.top40 {
    margin-top: 20px !important;
}
.btm0 {
    margin-bottom: 0 !important;
}
.btm5 {
    margin-bottom: 5px !important;
}
.btm10 {
    margin-bottom: 5px !important;
}
.btm15 {
    margin-bottom: 10px !important;
}
.btm20 {
    margin-bottom: 10px !important;
}
.btm25 {
    margin-bottom: 10px !important;
}
.btm30 {
    margin-bottom: 15px !important;
}
.btm35 {
    margin-bottom: 15px !important;
}
.btm40 {
    margin-bottom: 20px !important;
}
.btm45 {
    margin-bottom: 20px !important;
}
.btm50 {
    margin-bottom: 25px !important;
}
.btm55 {
    margin-bottom: 25px !important;
}
.btm60 {
    margin-bottom: 30px !important;
}
.btm65 {
    margin-bottom: 30px !important;
}
.btm70 {
    margin-bottom: 35px !important;
}
.btm75 {
    margin-bottom: 35px !important;
}
.btm80 {
    margin-bottom: 40px !important;
}
.btm85 {
    margin-bottom: 40px !important;
}
.btm90 {
    margin-bottom: 45px !important;
}
.btm95 {
    margin-bottom: 45px !important;
}
.pT0 {
    padding-top: 0!important;
}
.pT5 {
    padding-top: 5px!important;
}
.pT10 {
    padding-top: 5px!important;
}
.pT15 {
    padding-top: 10px!important;
}
.pT20 {
    padding-top: 10px!important;
}
.pT25 {
    padding-top: 15px!important;
}
.pT30 {
    padding-top: 15px!important;
}
.pT35 {
    padding-top: 15px!important;
}
.pT40 {
    padding-top: 20px!important;
}
.pT45 {
    padding-top: 20px!important;
}
.pB0 {
    padding-bottom: 0!important;
}
.pB5 {
    padding-bottom: 5px!important;
}
.pB10 {
    padding-bottom: 5px!important;
}
.pB15 {
    padding-bottom: 5px!important;
}
.pB20 {
    padding-bottom: 10px!important;
}
.lm5 {
    margin-left: 5px !important;
}
.lm10 {
    margin-left: 5px !important;
}
.lm15 {
    margin-left: 5px !important;
}
.lm20 {
    margin-left: 10px !important;
}
.lm50 {
    margin-left: 20px !important;
}
.lm60 {
    margin-left: 30px !important;
}
.lm70 {
    margin-left: 30px !important;
}
.rm5 {
    margin-right: 5px !important;
}
.rm10 {
    margin-right: 5px !important;
}
.rm15 {
    margin-right: 5px !important;
}
.rm20 {
    margin-right: 10px !important;
}
.spBtm0 {
    margin-bottom: 0 !important;
}
.spBtm5 {
    margin-bottom: 5px !important;
}
.spBtm10 {
    margin-bottom: 10px !important;
}
.spBtm15 {
    margin-bottom: 15px !important;
}
.spBtm20 {
    margin-bottom: 20px !important;
}
.spBtm25 {
    margin-bottom: 25px !important;
}
.spBtm30 {
    margin-bottom: 30px !important;
}
.spBtm35 {
    margin-bottom: 35px !important;
}
.spBtm40 {
    margin-bottom: 40px !important;
}
.spBtm45 {
    margin-bottom: 45px !important;
}
.spBtm50 {
    margin-bottom: 50px !important;
}
.spW100 {
    width: 100%!important;
}
.p_c {
    text-align: left;
}

#gNav, #categoryImg {
    display: none;
}

#contents .kome {
	display: block;
}
/*------------------------------------------*/
	
	#mv {
		margin: 0 auto;
	}

	#mv .cName {
		top: 27%;
	}
	
	#mv02 .cName {
		padding: 1.4em;
	}

	#mv .cName, .cmnmv .cName {
    height: auto;
    }

    #mv .cName img {
	width: 34%;
	}
	
#mv .cName span.en,
#mv02 .cName span.en,
.cmnmv .cName span.en {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 10px;
}
	
	#mv .cName span.en::after,
	#mv02 .cName span.en::after{
		bottom:  -3px;
		width: 5%;
	}	
	
#mv .cName span.jp,
#mv02 .cName span.jp,	
.cmnmv .cName span.jp {
	font-size: 1.0rem;
    line-height: 1.4;
}
	
/*-----------------------------------------
  sidr
-----------------------------------------*/


#menuBtn {
	background: #000;
	position: fixed;
	top: 8px;
	right: 0px;
	transition: 0.2s;
	z-index: 3;
	display: block;
}

#menuBtn a {
	border-radius: 4px;
	display: block;
	text-decoration: none;
	padding: 9px 8px 5px;
}
#menuBtn a:hover {
	text-decoration: none;
}
#menuBtn .menuName {
	color: #FFF;
	display: block;
	font-style: normal;
	font-size: 9px;
	padding-top: 6px;
	text-align: center;
	letter-spacing: 1px;
}

.menu-trigger, .menu-trigger span {
	transition: all .4s;
	box-sizing: border-box;
	text-decoration: none;
}
.menu-trigger {
	position: relative;
	width: 34px;
	height: 24px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #FFF;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 10px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.sidr-open .menu-trigger span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.sidr-open .menu-trigger span:nth-of-type(2) {
	opacity: 0;
}
.sidr-open .menu-trigger span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}


a.roBtn:hover {
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#sidr-menu  {
	display: block;
}
#sidr-menu #smHead {
	background: #ffe115;
	box-sizing: border-box;
	padding: 15px;
	position: relative;
}
	
	
	#sidr-menu #smHead:after {
		content: "";
		background:url(../cmn_img/img_h_b.png) center center no-repeat;
		background-size: 100%;
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		padding-top:0.9%;
		width:100%;
		left:0;
		top:100%;
		z-index:1;
	}	

#sidr-menu #smHead h2 {
	font-size: 0;
	line-height: 0;
	width: 70%;
	max-width: 185px;
	margin: 0 auto;
	height: auto;
}


#sidr-menu #smHead h2 a {
	display: block;
}

#sidr-menu #smHead h2 a img {
	max-width: 100% !important;
}

#sidr-menu #smHead .close a::before {
	content: "\f00d";
	color: #FFF;
	font-family: FontAwesome;
	font-size: 30px;
	display: block;
}

#sidr-menu #smHead .close a,
#sidr-menu #smHead .close a:hover {
	text-decoration: none;
}

#sidr-menu #smHead .close {
	position: absolute;
	right: 10px;
	top: 10px;
}

#sidr-menu .menubox ul.href {
	clear: both;
	display: table;
	overflow: hidden;
	width: 100%;
}

#sidr-menu .menubox ul.href li {
	float: left;
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}


#sidr-menu .menubox li a {
	background: #cb4a29;
	color: #FFF;
	display: block;
	height: 100%;
	padding: 23px 10px;
	text-align: center;
	width: 100%;
}

#sidr-menu .menubox li.offical a::before {
	content: "\f108";
	display: inline-block;
	margin-right: 7px;
	font-family: FontAwesome;
}

#sidr-menu .menubox li a:hover {
	text-decoration: none;
} 

#sidr-menu .menubox li.even a {
	background: #ff3334;
}


#sidr-menu .menubox li.close a {
	background: #000;
}

#sidr-menu .menubox li.close a::before {
	content: "\f00d";
	color: #FFF;
	display:inline-block;
	font-size: 15px;
	font-family: FontAwesome;
	margin-right: 5px;
}

#sidr-menu .menubox li.close {
	border-bottom: none;
}

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

.accbox {
	padding-top: 1%;
}

.accbox li {
	position: relative;
}

.accbox li span {
	padding-left: 40px;
}



.accbox li#acMenu01 span::before {
	content: "";
	background: url(../cmn_img/img_nav01.png) left top no-repeat;
	display: block;
	position: absolute;
	top: 15px;
	left: 12px;
	height: 100%;
	width: 100%;
}

.accbox li#acMenu02 span::before {
	content: "";
	background: url(../cmn_img/img_nav02.png) left top no-repeat;
	display: block;
	position: absolute;
	top: 15px;
	left: 12px;
	height: 100%;
	width: 100%;
}

.accbox li#acMenu03 span::before {
	content: "";
	background: url(../cmn_img/img_nav03.png) left top no-repeat;
	display: block;
	position: absolute;
	top: 15px;
	left: 12px;
	height: 100%;
	width: 100%;
}

.accbox li#acMenu04 span::before {
	content: "";
	background: url(../cmn_img/img_nav04.png) left top no-repeat;
	display: block;
	position: absolute;
	top: 15px;
	left: 12px;
	height: 100%;
	width: 100%;
}

.accbox li#acMenu05 span::before {
	content: "";
	background: url(../cmn_img/img_nav05.png) left top no-repeat;
	display: block;
	position: absolute;
	top: 15px;
	left: 12px;
	height: 100%;
	width: 100%;
}

.accbox li#acMenu06 span::before {
	content: "";
	background: url(../cmn_img/img_nav06.png) left top no-repeat;
	display: block;
	position: absolute;
	top: 15px;
	left: 12px;
	height: 100%;
	width: 100%;
}

.accbox li#acMenu07 span::before {
	content: "";
	background: url(../cmn_img/img_nav07.png) left top no-repeat;
	display: block;
	position: absolute;
	top: 15px;
	left: 12px;
	height: 100%;
	width: 100%;
}

.accbox li#acMenu08 span::before {
	content: "";
	background: url(../cmn_img/img_nav09.png) left top no-repeat;
	display: block;
	position: absolute;
	top: 15px;
	left: 12px;
	height: 100%;
	width: 100%;
}

.accbox li#acMenu09 span::before {
	content: "";
	background: url(../cmn_img/img_nav08.png) left top no-repeat;
	display: block;
	position: absolute;
	top: 15px;
	left: 12px;
	height: 100%;
	width: 100%;
}




.accbox label,
.accbox li a {
	border-bottom: dashed 1px #000;
    display: block;
    padding : 13px 12px;
	line-height: 30px;
    color: #000;
    font-family: 'Sawarabi Gothic', sans-serif;
    font-weight: bold;
    background: #FFF;
    cursor :pointer;
    transition: all 0.5s;
	text-align: left;
}

.accbox li a {
	display: block;
	text-decoration: none;
}



/*アイコンを表示*/

.accbox li a::after {
	content:"\f054";
	font-family: FontAwesome;
	position: absolute;
	right: 10px;
}

.accbox label:after {
    content:"\f067";
	font-family: FontAwesome;
	position: absolute;
	right: 10px;
}

/*ラベルホバー時*/
/*--
.accbox li a:hover,
.accbox label:hover {
    background :#000;
	color: #FFF;
}
--*/

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.6s;
}

/*クリックで中身表示*/

/*----
.cssacc:checked + label {
	background: #000;
	color: #FFF;
}
-----*/


.cssacc:checked + label + .accshow {
    height: auto;
    padding: 4% 2%;
    background: #FFF;
    border-bottom: dashed 1px #000;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px}

/*アイコンを入れ替える*/

.cssacc:checked + label:after {
    content: '\f068';
}

.accbox .subList02 li {
	padding:  0.2em 0.3em;
	width: 100%;
}

.accbox .subList li {
	float: left;
	padding:  0.2em 0.3em;
	width: 40%;
}

.accbox .subList li.even {
	width: 60%;
}
.accbox .subList li a,.accbox .subList02 li a {
	background: none;
	border: none;
	font-size: 14px;
	padding: 0;
	width: 100%;
}

.accbox .subList li a::before,
.accbox .subList02 li a::before {
	content:"\f068";
	display: inline-block;
	font-family: FontAwesome;
	left: 0;
	margin-right: 5px;
	font-size: 7px;
	vertical-align: top;
}

.accbox .subList li a:hover,
.accbox .subList02 li a:hover{
	color: #000;
}

.accbox .subList li a::after,
.accbox .subList02 li a::after{
	display: none;
}


.accbox .gaibu li a::after {
	content:"\f08e";
	color: #999;
	display: inline-block;
	font-family: FontAwesome;
	right: 10px;
	padding-left: 5px;
	font-size: 7px;
	vertical-align: top;
}




/*-- ドロワーメニュー --*/
.sidr {background: #FFF !important;}

/*-- 壁 --*/
.wall { position: fixed; left: 0; top: 0; z-index: 999997; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);  }

/*-- メニューを開いたときにコンテンツを固定 ← これがキモ --*/
.contents_area.sidr-open { position: fixed!important; }

/*-- 非表示 --*/
.hide { display: none!important; }	

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


#contents {
    margin: 0 auto 0;
    padding: 0 0 10px;
}
#contents > br.clear {
    display: none!important;
}
#contents p, #contents li, #contents dt, #contents dd, #contents th, #contents td {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
}
#main {
    padding: 25px 0 60px;
    margin: 0 auto;
    width: 100%;
}



	
	
/*-------- header --------*/

/*#header {
    height: 85px;
}

#header::after {
	top: auto;
}


#header #logo img {
	width: 100%;
}


#header #logo02 {
	top: -10px;
	left: -42px;
	width: 20%;
}

#header #head_l {
	position: static;
	margin:0 auto;
	padding-top: 5%;
	text-align: center;
	width: 80%;
}*/

header{
	padding-top:20px;
	}
.header-right{
	display:none;
 }

.header-left{
	padding:0;
	text-align:center;
	}

.header-left .header-fu{
	width:25%;
	left:-50px;
	top:-30px;
	}
	
.header-h1{
	font-size:9px;
	line-height: 1.4 !important;
	}	

	
.entryMenu .entrybtnlist {
	table-layout: auto;
	margin: 0 auto 3%;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 0 0;  /* 左右 上下で記述 */
	width: 100%;
}

.entryMenu .entrybtnlist li {
	display:block;
	margin-bottom: 10px;
}
	
	.entryMenu .indList li {
		margin-bottom: 5px;
	}
	
	
/*------- footer --------*/

	#footer .inr{
		margin: 0 auto;
		width: 95%;
	}

	#footer .footList {
		float: none;
		margin-bottom: 15px;
	}

	#footer .footList li {
		line-height: 1.6;
	}

	#footer .footList li a {
		font-size: 1.0rem;
	}

	#footer .copy {
		border-top: solid 1px #1d1d1d; 
		padding-top: 10px;
		float: none;
		text-align: center;
	}



/*----------------------------------------------------
	☆compo
----------------------------------------------------*/

	#contents .inr {
		margin: 0 auto;
		width: 90%;
	}
	
	#contents article {
		margin-bottom: 70px !important;
	}	

	
	
/*----------------------------------------------------
	☆Box
----------------------------------------------------*/

#contents div.bscBox div.inr {
    margin: 0 auto;
}
#contents div.imgBox {
    margin-bottom: 20px;
}
#contents div.imgBox dl dt {
    font-size: 16px;
}
#contents div.imgBox dl dd {
    padding: 15px;
}
#contents div.imgBox dl dd img {
    height: auto;
    width: 100%;
}
	
#contents .bg01 {
	padding-bottom: 20px;
}	
	
/*--------------#contents article--------------------------------------
	☆head
----------------------------------------------------*/
	#contents .head01 span { 
		font-size: 2.4rem;
		line-height: 1.6;
		margin-bottom: 10%;
		text-align: center;
	}
	
	#contents .head01::after {
		left: 46%;
	}

	#contents .head01 span::before {
		left: 10%;
	}
	
	#contents .head02,
	#contents .head02_02 {
		font-size: 2.2rem;
		line-height: 1.3;
		margin-bottom: 30px;
	}

	#contents .head03 {
		font-size: 1.6rem;
	}
	
	#contents .head02::after,
	#contents .head03::after {
		bottom: -12px;
	}

	#contents .head03_02 {
		font-size: 2.2rem;
		line-height: 1.4;
	}

	#contents .head03_02 em {
		font-size: 2.8rem;
	}

	#contents .head03_02 span {
		padding-left: 7px;
		padding-right: 40px;
	}
	

	
	#contents .head04 {
		font-size: 1.4rem;
		background: #000;
		border-radius: 50px;
		padding: 10px;
		line-height: 1.4;
		margin-top: 15px;
	}

	#contents .head04 span {
		background:none;
		padding: 0;
	}
	
	#contents .head_hand img {
		height: 65px;
	}
	
	#contents .head05 {
		font-size: 1.8rem;
	}
	
	#contents .head06 span {
		min-width: 100%;
	}

	
	#contents .txt01 {
		font-size: 1.3rem;
	}


	#contents .baloon01 {
		font-size: 1.6rem;
		line-height: 1.4;
	}

	#contents .baloon01::before {
		left: 46%;
	}
	
	
/*----------------------------------------------------
	☆Btn
----------------------------------------------------*/


.cmnBtn {
    margin-bottom: 15px;
}
.cmnBtn a {
    border-radius: 5px;
    display: block;
    margin-bottom: 15px;
}
.cmnBtn a span {
    border: none;
    display: block;
    line-height: 1.4;
    min-width: inherit;
}
	
	#contents .bscBtn {
		min-width: 80%;
	}	


	#contents .bscBtn::before {
		left: 8px;
	}

	#contents .bscBtn::after {
		left: 15px;
	}


	
	
#contents .bscBtn02 {
    font-size: 1.0em;
    width: 100%;
}
#contents .inputBtn03 {
    width: 100%;
}
#contents .spportBtn {
    width: 100%;
}
#contents .spportBtn:before {
    left: 15px;
}


#menuArea .menuBox a.bscBtn {
	padding-bottom:5px; 
	padding-top: 5px;
}

.btn a {
    padding: 5%;
}
	
.btn a:hover .outline {
	display: none;
	}
	


#contents .bscBtn03:hover::before,
#footer .bscBtn03:hover::before{
    display: none;
}
 

	
/*----------------------------------------------------
	☆List
----------------------------------------------------*/


#contents .indList, #contents .indListS, #contents .numList, #contents .numListS, #contents ul.iconList, #contents ul.arrowList, #contents dl.arrowDl {
    margin-bottom: 25px;
}
#contents ul.arrowList.pattern01 li::before {
    top: 9px;
}
#contents ul.arrowList.pattern02 li::before {
    top: 9px;
}

/*----*/

.dotList03 li span {
	display: inline-block;
}
	
/*----------------------------------------------------
	☆dl
----------------------------------------------------*/	
	#contents .dl01 {
		margin-bottom: 15px;
	}
	
	#contents .dl01 dt,#contents .dl01 dd {
		float: none;
	}
	
	#contents .dl01 dt {
		margin-bottom: 5px;
		width: 100%;
	}


	#contents .dl03 {
		width: 90%;
	}

	#contents .dl06 dd {
		padding-left: 0;
	}
	
	
/*----------------------------------------------------
	☆Table
----------------------------------------------------*/

#contents .tableScroll,
#contents .tableScrollLong {
    width: 100%;
    overflow-x: auto;
}

/*--#contents .tableScroll table {
    width: 600px !important;
}--*/

/*-------*/

#contents div.bscTbl01 table.spTbl th,
#contents div.bscTbl01 table.spTbl tr.even th {
	background: #DDD;
}

#contents div.bscTbl01 table.spTbl td {
	background: #FFF;
	border-bottom: solid 1px #eeeeee;
}

#contents div.bscTbl01 table th,
#contents div.bscTbl01 table td {
	padding:10px; 
}



/*-------*/
#contents div.bscTbl02 table td, 
#contents table.bscTbl02 td {
    padding-bottom: 4%;
}
#contents #enkaku div.bscTbl02 table th {
    text-align: left;
    width: 100%;
}

#contents div.bscTbl02 table th,
#contents div.bscTbl02 table td {
	padding: 10px 15px;
}


#contents div.bscTbl02 table.spTbl th,
#contents div.bscTbl02 table.spTbl td {
    width: 100%;
    display: block;
    border-top: none;
    padding: 10px 10px;
    line-height: 1.4;
}
#contents div.bscTbl02 .spTbl th {
	background: #eee;
	font-weight: bold;
    padding-bottom: 0;
	padding: 2%;
	
}


#contents div.bscTbl03 table {
	border-top: dotted 1px #FFF;
	border-left: none;
}

#contents div.bscTbl03 table td {
	border-bottom: dotted 1px #FFF;
	border-right: none; 
	display: block;
	padding:20px 0; 
}

#contents div.bscTbl03 .dl05 dt {
	margin-bottom: 0;
}

#contents div.bscTbl03 .dl05 dd {
	margin:0 auto; 
	width: 70%;
}

/*------*/

#contents div.bscTbl04 table th,
#contents div.bscTbl04 table td {
	padding:10px; 
	font-size: 1.2rem;
}

#contents div.bscTbl04 table td p,
#contents div.bscTbl04 table td li,
#contents div.bscTbl04 table td dt,
#contents div.bscTbl04 table td dd {
	font-size: 1.2rem;
} 

/*----*/

#contents .spTbl th,#contents .spTbl td{
	display: block;
}

/*----*/

#contents .scroll{
	overflow: auto;　　
	white-space: nowrap;
}
#contents .scroll::-webkit-scrollbar {
	height: 5px;
}

#contents .scroll::-webkit-scrollbar-track {
	background: #F1F1F1;
}

#contents .scroll::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}




/*----------------------------------------------------
	☆Form
----------------------------------------------------*/

input {
}
input.textFocus {
    color: #333;
}
input.wSS, input.wS, input.wM, input.wL, input.wLL {
    background-color: #FFF;
    border: 1px solid #CCC;
    line-height: 140%;
    padding: 5px 5px;
}
input {
    vertical-align: middle;
}
.wSS {
    width: 70px;
}
.wS {
    width: 90px;
}
.wM {
    width: 200px;
}
.wL {
    width: 400px;
}
.wLL {
    width: 400px;
}
.imeOn {
    ime-mode: active;
}
.imeOff {
    ime-mode: disabled;
}
textarea.txtarea {
    background-color: #FFF;
    border: 1px solid #CCC;
    font-size: 14px;
    height: 160px;
    padding: 5px 5px;
    width: 400px;
}
option {
    font-size: 14px!important;
}
label {
    cursor: pointer;
}
label:hover {
    color: #999;
}
input[type="checkbox"], input[type="radio"] {
    margin-right: 3px;
}
.formErr {
    color: #E54E52;
    font-weight: bold;
}
input.inputErr, textarea.inputErr {
    background-color: #FADFDE;
}
#contents .subscribeBtn {
    width: 90%;
}
#contents .inputBtn01:after {
    left: 15px;
}
#contents .inputBtn02:after {
    right: 15px;
}
	
	
/*----------------------------------------------------
	☆flt
----------------------------------------------------*/

.fltL {
    float: none;
}
.fltR {
    float: none;
}
.fltImgL {
    float: none;
    margin: 0 0 5px 0;
}
.fltImgR {
    float: none;
    margin: 0 0 5px 0;
}
.fltImgR img {
    width: 100%;
}
#contents div.basicFlt {
    width: auto;
}
#contents div.basicFlt br.clear_noie, #contents div.basicFlt br.clear {
    display: none!important;
}
#contents div.basicFlt img {
    height: auto;
    width: 100%;
}
#contents div.basicFlt div.fltDataL {
    float: none;
    margin-right: 0;
    padding-top: 0;
    width: auto!important;
}
#contents div.basicFlt p.fltImgR {
    float: none;
    width: auto!important;
}
#contents div.basicFlt div.fltDataR {
    float: none;
    line-height: 1.7;
    padding-top: 0;
    width: auto!important;
}
#contents div.basicFlt p.fltImgL {
    float: none;
    margin-right: 0;
    width: auto!important;
}
#contents div.basicFlt div.bFL {
    float: none;
    margin-bottom: 10px;
    width: auto!important;
}
#contents div.basicFlt div.bFR {
    float: none;
    margin-bottom: 10px;
    width: auto!important;
}
#contents div.basicFlt div.bFL p.btm5, #contents div.basicFlt div.bFL p.btm10, #contents div.basicFlt div.bFR p.btm5, #contents div.basicFlt div.bFR p.btm10 {
    margin-bottom: 0!important;
}
#contents div.basicFlt ul.column3 {
    width: auto;
}
#contents div.basicFlt ul.column3 li {
    float: none;
    margin-right: 0;
    margin-bottom: 10px!important;
    width: auto;
}
#contents div.basicFlt ul.column3 li.last {
    margin-right: 0;
}
#contents .img_r,#contents .img_l {
    float: none;
    text-align: center;
    padding: 0;
    margin-bottom: 15px;
    width: 100%;
}
#contents .slideArea {
    width: 100%;
}
#contents .slideBox,  #contents .slideTxt,  #contents .map,  #contents .f_lTxt {
    float: none;
    width: 100%;
}
#contents .slideBox {
    height: auto;
    margin: 0 auto 30px;
}
#contents .map {
	height: 300px;
	overflow: hidden;
}
/*----------------------------------------------------
	☆Box
----------------------------------------------------*/

#contents .box01 {
	background-size: 20px,20px;
	}

#contents .box01 .inr {
		padding: 5%;
	}	
#contents .flIngBox .ph_r,  #contents .flIngBox .txt_l {
    float: none;
    width: 100%;
}
.flIngBox .ph_r {
    margin-bottom: 15px;
}
	
	
/*----------------------------------------------------
	☆pager
----------------------------------------------------*/

#contents .pagination {
    padding-top: 50px;
    text-align: center;
}
#contents .pagination p {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1;
}
#contents .pagination a, #contents .pagination span {
    border: 1px solid #CCC;
    border-radius: 3px;
    display: inline-block;
    margin: 0 1px;
    padding: 3px 5px 2px;
    text-decoration: none;
}
#contents .pagination a:hover {
    text-decoration: underline;
}
#contents .pagination span {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #DADADA), color-stop(0.00, #EDEDED));
    background: -webkit-linear-gradient(#EDEDED, #DADADA);
    background: -moz-linear-gradient(#EDEDED, #DADADA);
    background: -o-linear-gradient(#EDEDED, #DADADA);
    background: -ms-linear-gradient(#EDEDED, #DADADA);
    background: linear-gradient(#EDEDED, #DADADA);
}
#contents .pagination a.prev, #contents .pagination a.next {
    border: none;
}
/*----------------------------------------------------
	☆anchorBox
----------------------------------------------------*/

#contents .anchorBox ul {
	border-spacing: 5px 0;
}

#contents .anchorBox ul li {
	border-radius: 30px;
}

#contents .anchorBox ul li a {
    padding: 10px 24px 10px 13px;
    font-size: 1.0rem;
}
	
#contents .anchorBox ul li::after {
    font-size: 13px;
	right: 7px !important;
	top: 30%;
	right: 15px;
}



#contents .anchorBox ul.sp li {
	display: inline-block;
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 5px 5px 0;
	text-align: left;
	width: 48%;
}

#contents .anchorBox ul.sp li.even{
	float: right;
}

#contents .anchorBox ul.sp li::after {
	top: 34%;
}


#contents .anchorBox ul.sp li a,
#contents .anchorBox ul.sp02 li a {
	font-size: 1.0rem;
}

/*--*/

#contents .anchorBox ul.sp02 li {
	display: inline-block;
	 margin: 0 5px 5px 0;
}

#contents .anchorBox ul.sp02 li::after {
	top: 30%;
	right: 10px;
}


#contents .anchorBox ul.sp02 li.last {
	margin-right: 0;
}
	
	
/*----------------------------------------------------
	☆clmBox
----------------------------------------------------*/

#contents .clmList li {
    width: 100%;
}
#contents .clm3List li {
    float: none;
    margin: 0 0 20px;
    padding-right: 0;
    width: auto;
}
#contents .clm4List li {
    margin: 1%;
    width: 48%;
}
#contents .clm5List {
    display: contents;
}
#contents .clm5List li {
    display: block;
    margin: 1%;
    height: auto;
    width: 100%;
}
#contents .clm5List li a {
    height: auto !important;
}

#contents .clm2List .sp li {
	display: block;
	margin-bottom: 15px;
	width: 100%;
}

#contents .clm3Box .clm {
	width: 100%;
}
/*----------------------------------------------------
	☆tab area
----------------------------------------------------*/

#contents div.tabArea div.tabMenu ul {
	border-spacing: 8px 0;
}

#contents div.tabArea div.tabMenu ul li ,	
#contents div.tabArea div.tabMenu ul li:hover,
#contents div.tabArea div.tabMenu ul li.current {
		font-size: 1.1rem;
	}
	


/*----------------------------------------------------
	☆floatArea
----------------------------------------------------*/
	
#contents .newsList {
    padding-top: 10%;
}

#contents .more {
    border-radius: 3px;
    background: #39b281;
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    padding: 3%;
}
#contents .iconArea {
    padding: 5px;
}

	
#contents .size24 {
    font-size: 18px!important;
    font-size: 1.8rem!important;
}
	

#menuArea {
	margin: 0 auto;
	max-width: 90%;
}	


#menuArea ul {
	max-width: 480px;
	margin:0 auto;
}

#menuArea ul li.menuBox .inr {
	background-size: 13%;
	padding: 8% 4% 4%;
}
	
#menuArea ul li.menuBox .menuName {
	background-size: 14% !important;
	font-size: 1.5rem;
	padding-top: 35px;
	margin-bottom: 10px;
}	

#menuArea ul li.menuBox .bscBtn	{
	font-size: 1.2rem;
}

#menuArea ul li.menuPh::before {
	border: solid 10px transparent;
     border-left: solid 15px #252525;
}

.hrefMenu div.href_l,
.hrefMenu div.href_r {
	float: none;
	width: 100%;
}

.hrefMenu div.href_l {
	margin-bottom: 20px;
}

.hrefMenu ul li.menuBox .menuName {
	font-size: 1.5rem !important;
}


/*----------------------------------------------------
	☆contact
----------------------------------------------------*/

#contact textarea {
	min-width: 100%;
}


#contents .inputBtn01,
#contents .inputBtn02,
#contents .inputBtn03 {
	max-width: 80%;
}

#contents #contact div.bscTbl02 table th,
#contents #contact div.bscTbl02 table td {
	padding:15px 0; 
}

#contents #contact div.bscTbl02 table {
	margin-bottom: 40px;
}

#contact input[type="text"], #contact textarea {
	padding: 2% 2%;
	width: 100%;
}
	
	
}


/*----------------------------------------------------
☆20190808 追加分
----------------------------------------------------*/
@media only screen and (max-width: 850px) {
  #contents .anchorBox ul.link2{
    border-spacing: 5px 0px;
    width: 100%;
  }
  #contents .clm3Box.clearfix .clm.col2 {
    width: 100%;
  }
}
@media only screen and (max-width: 1400px) {
  .header-inr .header_img img:first-child{
    max-height: 120px;
    display: block;
  }
  .header_img02{
    display: none;
  }
  .header_img03{
    display: block;
    position: absolute;
  }
  .header-inr .header-box {
    padding: 30px 0 10px;
  }
  .header-inr .header_img{
    position: absolute;
    left: -10px;
    top: 0;
    right: -15px;
  }
}
@media only screen and (max-width: 900px) {
  .header-inr .header_img img:first-child{
    max-height: 150px;
  }
  .header_img03{
    top: 100%;
  }
  .header-inr .header-box {
    padding: 20px 0 15px;
  }
}
@media only screen and (max-width: 620px) {
  .header-inr .header_img img:first-child{
    height: 110px;
  }
  .header_img02{
    display: none;
  }
  .header-inr .header-box {
    padding: 20px 0 10px;
  }
  .header-inr .header_img{
    left: -5px;
    right: -5px;
  }
  .header_img03{
    height: 7px;
    width: 100%;
  }
}
@media only screen and (max-width: 320px) {
  .header-inr .header_img img:first-child{
    height: 115px;
  }
}
/*  20190903 追加分*/
 
  
  @media only screen and (max-width: 850px){
  
  #contents div.bscTbl01 table.enkaku tr th{
    width: 100%;
  }
  }