@charset "UTF-8";

/*各要素全体のリセット - YUI Reset CSS 参照*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
li,ul,ol {
	margin: 0 ;
	padding: 0;
}
table {
	border-collapse: collapse ;
	border-spacing: 0 ;
}
fieldset,img {
	border: 0 ;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal ;
	font-weight: normal ;
}
ol,ul,li {
	list-style: none ;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100% ;
	font-weight: normal ;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border: 0 ;
}
a:focus{ outline: none ; }

.bordernone{
	border:none !important;
}
.onlySP{
	display:none!important
}
@media screen and (max-width:767px){
	.onlyPC{display:none!important}
	.onlySP{display:block!important}
	img{width: 100%;}
}

@media print{
  /*背景画像を表示*/
  body {
    -webkit-print-color-adjust: exact;
     zoom: 70%;/*ページの縮小（IEのみ）*/
  }

  /*画像サイズを指定する場合*/
  @page { size: A4 } /* A4縦 */
  @page { size: A4 landscape} /* A4横 */
  @page { size: 210mm 297mm } /* A4縦サイズ */


  /*上記＋余白*/
  @page {
      size: A4;
    margin: 12.7mm 9.7mm;
  }
  @page {
      size: A4;
    margin: 12.7mm 9.7mm;
  }
}


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

WEBフォント

--------------------------------------------*/
/* Noto sans CJK jp ゴシック */
@font-face {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 400;
     src:url(/fonts/NotoSansJP-Regular.woff2) format('woff2'),
     url(/fonts/NotoSansJP-Regular.woff) format('woff'),
     url(/fonts/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 700;
     src:url(/fonts/NotoSansJP-Bold.woff2) format('woff2'),
     url(/fonts/NotoSansJP-Bold.woff) format('woff'),
     url(/fonts/NotoSansJP-Bold.otf) format('opentype');
}
/* Noto sans CJK jp 明朝 */
@font-face {
     font-family: 'NotoSerifJP';
     font-style: normal;
     font-weight: 400;
     src:url(/fonts/NotoSerifJP-Regular.woff2) format('woff2'),
     url(/fonts/NotoSerifJP-Regular.woff) format('woff'),
     url(/fonts/NotoSerifJP-Regular.otf) format('opentype');
}
@font-face {
     font-family: 'NotoSerifJP';
     font-style: normal;
     font-weight: 700;
     src: url(/fonts/NotoSerifJP-Bold.woff2) format('woff2'),
     url(/fonts/NotoSerifJP-Bold.woff) format('woff'),
     url(/fonts/NotoSerifJP-Bold.otf) format('opentype');
}



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

省略スタイル

--------------------------------------------*/
/*テキスト位置*/
.tl { text-align: left !important ; } /*左*/
.tr { text-align: right !important ; } /*右*/
.tc { text-align: center !important ; } /*中央*/

/*上下寄せ*/
.vt { vertical-align: top ; } /* 上寄せ */
.vt img { vertical-align: top ; }
.vm { vertical-align: middle ; } /* 中央寄せ */
.vm img { vertical-align: middle ; }
.vb { vertical-align: bottom ; } /* 下寄せ */
.vb img { vertical-align: bottom ; }

/*フォントサイズ・色*/
.fs10{font-size:10px;}
.fs14{font-size:14px;}
.fwb{font-weight:bold;}
.red{color:#f90000;}
.c_red{color: #ff0000;}

/*各上下左右マージン指定*/
.mt0 { margin-top: 0px !important ; }
.mt5 { margin-top: 5px !important ; }
.mt10 { margin-top: 10px !important ; }
.mt15 { margin-top: 15px !important ; }
.mt17 { margin-top: 17px !important ; }
.mt20 { margin-top: 20px !important ; }
.mt25 { margin-top: 25px !important ; }
.mt30 { margin-top: 30px !important ; }
.mt35 { margin-top: 35px !important ; }
.mt40 { margin-top: 40px !important ; }
.mt45 { margin-top: 45px !important ; }
.mt50 { margin-top: 50px !important ; }
.mt60 { margin-top: 60px !important ; }
.mt70 { margin-top: 70px !important ; }
.mt80 { margin-top: 80px !important ; }
.mt100 { margin-top: 100px !important ; }
.mb0 { margin-bottom: 0px !important ; }
.mb5 { margin-bottom: 5px !important ; }
.mb10 { margin-bottom: 10px !important ; }
.mb15 { margin-bottom: 15px !important ; }
.mb20 { margin-bottom: 20px !important ; }
.mb25 { margin-bottom: 25px !important ; }
.mb30 { margin-bottom: 30px !important ; }
.mb35 { margin-bottom: 35px !important ; }
.mb40 { margin-bottom: 40px !important ; }
.mb45 { margin-bottom: 45px !important ; }
.mb50 { margin-bottom: 50px !important ; }
.ml0 { margin-left: 0px !important ; }
.ml5 { margin-left: 5px !important ; }
.ml10 { margin-left: 10px !important ; }
.ml15 { margin-left: 15px !important ; }
.ml20 { margin-left: 20px !important ; }
.ml25 { margin-left: 25px !important ; }
.ml30 { margin-left: 30px !important ; }
.ml35 { margin-left: 35px !important ; }
.ml40 { margin-left: 40px !important ; }
.ml45 { margin-left: 45px !important ; }
.ml50 { margin-left: 50px !important ; }
.mr0 { margin-right: 0px !important ; }
.mr5 { margin-right: 5px !important ; }
.mr10 { margin-right: 10px !important ; }
.mr12 { margin-right: 12px !important ; }
.mr15 { margin-right: 15px !important ; }
.mr20 { margin-right: 20px !important ; }
.mr25 { margin-right: 25px !important ; }
.mr30 { margin-right: 30px !important ; }
.mr35 { margin-right: 35px !important ; }
.mr40 { margin-right: 40px !important ; }
.mr45 { margin-right: 45px !important ; }
.mr50 { margin-right: 50px !important ; }

.pt0 { padding-top: 0px !important ; }
.pt5 { padding-top: 5px !important ; }
.pt10 { padding-top: 10px !important ; }
.pt15 { padding-top: 15px !important ; }
.pt20 { padding-top: 20px !important ; }
.pt25 { padding-top: 25px !important ; }
.pt30 { padding-top: 30px !important ; }
.pt35 { padding-top: 35px !important ; }
.pt40 { padding-top: 40px !important ; }
.pt45 { padding-top: 45px !important ; }
.pt50 { padding-top: 50px !important ; }
.pt93 { padding-top: 93px !important ; }
.pt100 { padding-top: 100px !important ; }
.pt103 { padding-top: 103px !important ; }
.pb0 { padding-bottom: 0px !important ; }
.pb5 { padding-bottom: 5px !important ; }
.pb10 { padding-bottom: 10px !important ; }
.pb15 { padding-bottom: 15px !important ; }
.pb20 { padding-bottom: 20px !important ; }
.pb25 { padding-bottom: 25px !important ; }
.pb30 { padding-bottom: 30px !important ; }
.pb35 { padding-bottom: 35px !important ; }
.pb40 { padding-bottom: 40px !important ; }
.pb45 { padding-bottom: 45px !important ; }
.pb50 { padding-bottom: 50px !important ; }
.pl0 { padding-left: 0px !important ; }
.pl1 { padding-left: 1px !important ; }
.pl5 { padding-left: 5px !important ; }
.pl10 { padding-left: 10px !important ; }
.pl15 { padding-left: 15px !important ; }
.pl20 { padding-left: 20px !important ; }
.pl25 { padding-left: 25px !important ; }
.pl30 { padding-left: 30px !important ; }
.pl35 { padding-left: 35px !important ; }
.pl40 { padding-left: 40px !important ; }
.pl45 { padding-left: 45px !important ; }
.pl50 { padding-left: 50px !important ; }
.pl60 { padding-left: 60px !important ; }
.pr0 { padding-right: 0px !important ; }
.pr1 { padding-right: 1px !important ; }
.pr2 { padding-right: 2px !important ; }
.pr3 { padding-right: 3px !important ; }
.pr5 { padding-right: 5px !important ; }
.pr10 { padding-right: 10px !important ; }
.pr12 { padding-right: 12px !important ; }
.pr15 { padding-right: 15px !important ; }
.pr18 { padding-right: 18px !important ; }
.pr20 { padding-right: 20px !important ; }
.pr28 { padding-right: 28px !important ; }
.pr29 { padding-right: 29px !important ; }
.pr25 { padding-right: 25px !important ; }
.pr30 { padding-right: 30px !important ; }
.pr35 { padding-right: 35px !important ; }
.pr40 { padding-right: 40px !important ; }
.pr45 { padding-right: 45px !important ; }
.pr50 { padding-right: 50px !important ; }
.pr60 { padding-right: 60px !important ; }

.wd30{width:30px !important;}
.wd50{width:50px !important;}
.wd60{width:60px !important;}
.wd84{width:84px !important;}
.wd100{width:100px !important;}
.wd150{width:150px !important;}
.wd180{width:180px !important;}
.wd200{width:200px !important;}
.wd250{width:250px !important;}
.wd280{width:280px !important;}
.wd300{width:300px !important;}
.wd320{width:320px !important;}
.wd350{width:350px !important;}
.wd380{width:380px !important;}
.wd390{width:390px !important;}
.wd400{width:400px !important;}
.wd420{width:420px !important;}
.wd450{width:450px !important;}
.wd480{width:480px !important;}
.wd500{width:500px !important;}
.wd550{width:550px !important;}
.wd580{width:580px !important;}
.wd600{width:600px !important;}
.wd620{width:620px !important;}
.wd630{width:630px !important;}
.wd650{width:650px !important;}
.wd660{width:660px !important;}
.wd665{width:665px !important;}



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

クリア

--------------------------------------------*/
/*floatとクリア*/
.fl { float: left ; } /*左回り込み*/
.fr { float: right !important ; } /*右回り込み*/

/*brなどの空要素を入れずにfloatの回り込みを解除する指定(親要素にfcbと指定)*/
.fcb {
	display: inline-block ;
}
.fcb:after {
	content: "." ;
	font-size: 0.1em ;
	line-height: 0 ;
	display: block ;
	height: 0 ;
	visibility: hidden ;
	clear: both ;
}
/* \*/
* html .fcb {
    height: 1% ;
}
.fcb {
    display: block ;
}
/* */

.clear {clear:both;}

/*for clearFix*/
.cf:after {
	display: block ;
	height: 0 ;
	visibility: hidden ;
	clear: both ;
	content:".";
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

/* 追加 MacIE 5 と WinIE 7 向け */
.cf {
   display: inline-block ;
}

/*MacIE \*/
* html .cf {
	height: 1em ;
}
.cf {
	display: block ;
}



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

ベース

--------------------------------------------*/
body{
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  font-size:12px;
  line-height:20px;
  font-family: NotoSansJP, '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
  /*
  background:#f7f7f7;
  */
  background: url(/saitama/images/common/common_bg01.gif) left top repeat;
  padding:0 !important;
  margin:0 !important;
  color:#000;
  position: relative;
  word-break: break-all;
  word-break: normal;
  text-align: justify;
}
.min{
	font-family: NotoSerifJP, "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}
table {
	font-size: inherit ;
	font: 100% ;
}
img {
	border : none ;
	vertical-align: bottom !important ;
}
select,input,textarea,option {
	vertical-align: middle ;
}
i { font-style: normal !important;}
hr {
	clear: both ;
	background: #ffffff ;
	color: #ffffff ;
	border-top: 0px none #ffffff ;
	border-right: 0px none #ffffff ;
	border-left: 0px none #ffffff ;
	border-bottom: 1px solid #999999 ;
}
em {
	font-style: normal ;
	font-weight: bold ;
}
strong {
	font-size: 14px ;
	font-style: normal ;
	font-weight: bold ;
}
big {
	font-size: 18px ;
	font-weight: bold ;
}
small {
	font-size: 10px ;
	font-size: 10px ;
}
a {transition: .3s;}
a:hover {opacity: 0.6;}
a img:hover{
	opacity: 0.6;
	transition: .3s;
}



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

レイアウト

--------------------------------------------*/
#wrapper{
	position: relative;
}
#right_main{
    width: calc( 100% - 220px );
	position: relative;
	left: 220px;
	top: 0;
}
/*インナー*/
.inner_box{
	max-width: 920px;
	margin:0 auto;
	padding: 0 15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.inner_box_middle{
	max-width: 810px;
	margin:0 auto;
	padding: 0 15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
/*
.inner_box_smole{
	max-width: 748px;
	margin:0 auto;
	padding: 0 15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
*/
@media only screen and (max-width: 1024px) {
	#right_main{
		width: 100%;
		left: 0;
		padding-top: 80px;
	}
}
@media only screen and (max-width: 767px) {
	#right_main {
	    padding-top: 40px;
	}
}



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

	footer

---------------------------*/
.footer{
	color: #fff;
	margin-top: 70px;
}
.footer a{
	color: #fff !important;
	text-decoration: none !important;
}
.footer .inner_box_footer{
    max-width: 1030px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/*footer_top*/
.footer .footer_top{
	background: #393939;
	font-size: 1.083em;
	padding: 12px 0;
}
.footer .footer_top .inner_box_footer{
	position: relative;
}
.footer .pagetop{
  position: fixed;
  /*bottom: -100px;*/
  right: 2%;
  top: auto;
  left: auto;
}
.footer .footer_top .box01{
	float: left;
	display: inline-block;
  /*
	width: auto;
  */
}
.footer .footer_top .box01 p{
	display: inline-block;
}
.footer .footer_top .box01 p.address{
  display: block;
}
.footer .footer_top .box01 p:last-of-child{
	margin-left: 10px;
}
/*
.footer .footer_top .box01 p + p{
	margin-left: 10px;
}
*/
.footer .footer_top .box01 p span.smole{
	font-size: 0.846em;
}
.footer .footer_top .box01 p.tel{
	background: url(/arthall/images/footer_icon01.png) no-repeat left center;
	padding-left: 15px;
}
.footer .footer_top .box02{
	float: right;
  /*
	display: inline-block;
	width: auto;
  */
}
.footer .footer_top .box02 ul{
	width: auto;
  padding-top: 9px;
  text-align: right;
}
.footer .footer_top .box02 ul li{
	display: inline-block;
  font-size: 0.893em;
}

.footer .footer_top .box02 li:first-child:before,
.footer .footer_top .box02 li:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #fff;
    vertical-align: middle;
    margin: 0 7px 0 12px;
    transform: rotate(-30deg);
}

/*footer_bottom*/
.footer .footer_bottom {
	background: #292929;
}
.footer .footer_bottom .box01 {
	border-bottom: 1px solid #3f3f3f;
}
.footer .footer_bottom .box01 .logo {
	float: left;
	display: inline-block;
	line-height: 18px;
	height: 18px;
	padding: 26px 0;
}
.footer .footer_bottom .box01 .logo .btn {
	margin-left: 15px;
	background: #fff;
	font-family: NotoSerifJP, "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #000 !important;
	letter-spacing: 0.5px;
	padding: 0 5px;
	display: inline-block;
}
.footer .footer_bottom .box01 .cf {
	float: right;
	display: inline-block;
	padding: 17px 0;
	font-size: 1.115em;
}
.footer .footer_bottom .box01 .cf *{
	display: inline-block;
}
.footer .footer_bottom .box01 .cf:before,
.footer .footer_bottom .box01 .cf li:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 22px;
	background: #3f3f3f;
	vertical-align: middle;
}
.footer .footer_bottom .box01 .cf li a{
	background: url(/arthall/images/footer_icon02.png) no-repeat left 25px center;
     padding: 8px 25px 8px 65px;
}
.footer .footer_bottom .box02 {
	padding: 15px 0;
	text-align: center;
	font-size: 0.846em;
	color: #7f7f7f;
}
.footer .footer_bottom .box02 .copy a {
	color: #7f7f7f !important;
}
/*
@media print , screen and (max-width: 1210px) and (min-width: 768px) {
	.footer .footer_top .box02 {
	    float: none;
	    margin-top: 10px;
    }
}
*/
@media only screen and (min-width: 1024px) {
  .footer .footer_top .box01{
  width: 34.4%;
  min-width: 355px;
  }
  .footer .footer_top .box02{
  width: 62.1%;
  max-width: 640px;
  }
}
/*
@media print , screen and (max-width: 1210px) and (min-width: 768px) {
  */
@media print , screen and (max-width: 1023px) and (min-width: 768px) {
  .footer .footer_top .box01{
    width: 100%;
    float: none;
  }
  .footer .footer_top .box01 p{
    display: inline-block !important;
  }
  .footer .footer_top .box01 p+p{
    margin-left: 10px;
  }
  .footer .footer_top .box02{
    width: 100%;
    float: none;
  }
  .footer .footer_top .box02 ul{
    text-align: left;
  }
  .footer .footer_top .box02 ul li{
  }
}
@media print , screen and (max-width: 860px) and (min-width: 768px) {
	.footer .footer_bottom .box01 .cf li a {
	    background: url(/arthall/images/footer_icon02.png) no-repeat left 5px center;
	    padding: 8px 10px 8px 45px;
	}
}
@media only screen and (max-width: 1430px) {
	.footer .footer_top .pagetop{
    right: 10px;
    /*position: absolute;*/
    /*top:-70px;*/
	}
  .footer .footer_top .pagetop a:hover img{
    opacity: 1;
  }
}
@media only screen and (max-width: 767px) {
	.footer{
		margin-top: 10%;
	}
	.footer_middle{
		background: #393939;
		font-size: 1.15em;
	}
	.footer_middle .linkbox01{
		text-align: center;
		padding: 15px 15px 30px;
		border-bottom: 2px solid #303030;
	}
	.footer_middle .linkbox01 p{
		display: inline-block;
		margin-right: 15px;
		margin-top: 15px;
	}
	.footer_middle .linkbox01 a{
		display: inline-block;
		color: #fff;
		border: 2px solid #fff;
		padding: 6px 30px 7px 10px;
		position: relative;
		margin-top: 15px;
	}
	.footer_middle .linkbox01 a:after {
		display: block;
		content: "";
		width: 5px;
		height: 5px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: rotate(45deg);
		position: absolute;
		right: 15px;
		top: 50%;
		margin-top: -2px;
	}
	/*box02*/
	.footer_middle .linkbox02{
		width: 100%;
		padding: 30px 15px 15px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	.footer_middle .linkbox02 li{
		width: 50%;
		float: left;
		margin-bottom: 15px;
	}
	.footer_middle .linkbox02 li a{
		display: block;
		position: relative;
		color: #fff;
		padding: 0  10px 0 23px;
		line-height: 23px;
	}
	.footer_middle .linkbox02 li a:before{
		display: block;
		content: "";
		width: 6px;
		height: 6px;
		border-top: 2px solid #727272;
		border-right: 2px solid #727272;
		transform: rotate(45deg);
		position: absolute;
		left: 5px;
		top: 7px;
	}
	/*sp_box01*/
	.footer .footer_bottom .inner_box_footer {
	    padding: 0;
	}
	.footer .sp_box01{
		text-align:center;
		padding: 0 15px 30px;
		border-bottom: 2px solid #3f3f3f;
	}
	.footer .sp_box01 img{
		width: 100%;
		max-width: fit-content;
		margin: 30px 0;
	}
	.footer .sp_box01 ul {
		width: 95%;
		margin: 0 auto;
		font-size: 1.417em;
	}
	.footer .sp_box01 li{
		width: 32%;
		float: left;
	}
	.footer .sp_box01 li + li{
		margin-left: 2%;
	}
	.footer .sp_box01 li a{
		display: table;
		width: 100%;
		font-weight:normal;
	}
	.footer .sp_box01 li a span{
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		color: #fff;
		font-size: 0.846em;
		background: #141414 url(/arthall/images/footer_icon_sp02.png) no-repeat right bottom;
		background-size: 15px auto;
		line-height: 22px;
		font-weight: normal;
		padding: 10px;
		}
	.footer .sp_box01 li.color a span{
		background:#000 url(/arthall/images/footer_icon_sp01.png) no-repeat right bottom;
	}
}



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

	left_contnets

---------------------------*/
#left_contnets_wrapper{
	width: 220px;
	height: 100%;
	min-height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	padding: 15px 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	z-index: 99999 !important;
}

/*logo*/
#left_contnets_wrapper h1,
#left_contnets_wrapper .h1logo{
	text-align: center;
	padding: 0 45px;
}
#left_contnets_wrapper h1 img,
#left_contnets_wrapper .h1logo img{
  /*
	max-width: 100%;
  */
  max-width: 140px;
}

/*top_nav*/
#left_contnets_wrapper .top_nav *{
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#left_contnets_wrapper .top_nav{
	margin: 25px auto 20px;
	font-size: 1.1em;
	list-style:none;
	padding:0;
}
#left_contnets_wrapper .top_nav:after{
	content:"";
	display: block;
	height: 1px;
	width: calc( 100% - 60px );
	background: #e0e0e0;
	margin-left: 30px;
    visibility:visible;
}
#left_contnets_wrapper .top_nav li{
	display: block;
	width: 100%;
}
#left_contnets_wrapper .top_nav li:before{
	content:"";
	display: block;
	height: 1px;
	width: calc( 80%);
	background: #e0e0e0;
	margin: 0 auto;
}
#left_contnets_wrapper .top_nav li a{
	display: block;
	padding: 9px 15%;
	color:#000;
	text-decoration:none;
}
#left_contnets_wrapper .top_nav li a:hover{
	opacity: 1;
	background: #000;
	color: #fff;
}
#left_contnets_wrapper ul.menu .dropbox {
	width: auto;
	min-width: 210px;
	background: #000;
	color: #fff;
	position:absolute;
	top: 0px;
	bottom: 0;
	left: 100%;
	list-style: none;
	z-index: 999 !important;
	height: 100vh;
	padding:15px 0;
	transition: .3s;
	display: none;
}
#left_contnets_wrapper ul.menu .drop:hover .dropbox{
	display:block;
	transition: .3s;
}
#left_contnets_wrapper ul.menu .dropbox ul{
	position: absolute;
     top: 17%;
	margin: 0;
	width: 100%;
}
#left_contnets_wrapper ul.menu .dropbox ul li{
	border: none !important;
	padding: 0;
	margin: 15px 0;
    text-indent: -18px;
    padding-left: 18px;
}
#left_contnets_wrapper ul.menu .dropbox ul li:before{
	content: normal;
}
#left_contnets_wrapper ul.menu .dropbox ul li a,
#left_contnets_wrapper ul.menu .dropbox ul li span.nolink{
	color: #fff !important;
	position: relative;
	width: 100%;
	padding: 0 30px;
	display:block;
}
#left_contnets_wrapper ul.menu .dropbox ul li a:before,
#left_contnets_wrapper ul.menu .dropbox ul li span.nolink:before {
    display: inline-block;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin-right: 10px;
}
#left_contnets_wrapper ul.menu .dropbox ul li a:hover{
	opacity: 0.6;
}

/*box01*/
#left_contnets_wrapper .box01{
	padding: 0 10%;
}
#left_contnets_wrapper .box01 a{
	display: block;
	padding: 7px 30px 7px 15px;
	font-size: 1em;
	background: #282626 url(/saitama/images/common/link_icon_btn01.png) no-repeat right 15px center;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	position: relative;
}
#left_contnets_wrapper .box01 a span{
	font-size: 1.071em;
	font-weight: bold;
	letter-spacing: 0.25px;
}

/*box02*/
#left_contnets_wrapper .box02{
	padding: 0 10%;
	margin: 10px 0 20px;
}
#left_contnets_wrapper .box02 a{
	display: block;
	padding: 7px 30px 7px 15px;
	font-size: 1.167em;
	background: #fff url(/saitama/images/common/link_icon_btn03.png) no-repeat right 15px center;
	color: #000;
	text-decoration: none;
	border-radius: 5px;
	position: relative;
	border: 1px solid #000;
}

/*side_search*/
#left_contnets_wrapper #side_search{
	margin: 20px;
}

/*sns*/
#left_contnets_wrapper .sns{
	padding: 0 30px;
	margin-bottom: 20px;
	text-align: center;
}
#left_contnets_wrapper .sns li{
	display: inline;
	cursor: pointer;
}
#left_contnets_wrapper .sns li + li:before{
	content: "";
	display: inline-block;
	border: 1px solid #eaeaea;
	height:20px;
	width: 1px;
	transform: rotate(45deg);
	margin: 0 13px;
}
#left_contnets_wrapper .sns li img{
	transition: .3s;
}
#left_contnets_wrapper .sns li a:hover img{
	opacity: 0.6;
}

/*sns モーダル　↓↓↓*/
/*　オーバーレイ掛けるために必要*/
.modal {
	position:absolute;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	display:none;
}
/*オーバーレイ*/
.overLay {
	position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.6);
     z-index: 10;
}
.md_btn{
	cursor:pointer;
}
#left_contnets_wrapper .md_btn:hover{
	opacity: 0.6;
}
/*モーダル中身*/
#left_contnets_wrapper .modal .inner {
	position:absolute;
	z-index:11;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background:#fff;
	padding:40px 50px 20px;
	text-align: center;
}
#left_contnets_wrapper .modal p.ttl{
	font-size: 2.308em;
	margin-bottom: 20px;
}
#left_contnets_wrapper .modal p.ttl:before{
	content: url(/saitama/images/common/sns_icon03.png);
	line-height: 1;
	vertical-align: -webkit-baseline-middle;
	margin-right: 15px;
}
#left_contnets_wrapper .modal ul {
	margin-bottom: 40px;
}
#left_contnets_wrapper .modal ul li {
	float: left;
}
#left_contnets_wrapper .modal ul li + li{
	margin-left: 30px;
}
#left_contnets_wrapper .modal ul li + li:before{
	content:normal;
}
#left_contnets_wrapper .modal ul li a {
	display: block;
	border: 1px solid #000;
	color: #000;
	text-decoration: none;
	letter-spacing: 0.5px;
	font-size: 1.769em;
	padding:19px 55px 19px 40px;
	background:url(/saitama/images/common/icon01.png) no-repeat right 15px center;
}
#left_contnets_wrapper .modal ul li a:hover{
	opacity: 0.6;
}
#left_contnets_wrapper .modal .inner .modalClose {
	cursor:pointer;
}
#left_contnets_wrapper .modal .inner .modalClose:before{
	content: "×";
}
/*アニメーション設定*/
@keyframes modal{
	0% {top:-100%}
	100% {top:50%}
}
@keyframes modalClose {
	0% {top:50%}
	100% {top:100%}
}

/*top_mini_nav*/
#left_contnets_wrapper .top_mini_nav{
	padding: 0 30px;
	font-size: 1.083em;
}
#left_contnets_wrapper .top_mini_nav li{
	text-align: center;
}
#left_contnets_wrapper .top_mini_nav li + li{
	margin-top: 10px;
}
#left_contnets_wrapper .top_mini_nav li a{
	text-decoration: none;
	color: #000;
}
#left_contnets_wrapper .top_mini_nav li a:before{
	display:inline-block;
     content: "";
     width: 8px;
     height: 8px;
     border-top: 1px solid #000;
     border-right: 1px solid #000;
     transform: rotate(45deg);
	margin-right: 10px;
}

@media only screen and (max-width: 1024px) {
	#left_contnets_wrapper{
		display: none;
	}
}



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

	トップコンテンツ
	top_con

---------------------------*/
.tab_ver{
	display: none !important;
}
.top_con{
	background: #fff;
	height: 40px;
	line-height: 40px;
	color: #a80d2a;
}
.top_con .box01{
	font-size: 1.083em;
	letter-spacing: 2px;
	width: 30%;
	float: left;
}
.top_con .box02{
  width: 70%;
  float: right;
  text-align: right;
  position: relative;
  padding-right: 40px;
  box-sizing:border-box;
}
@media only screen and (max-width: 767px) {
  .top_con .box02{
    position:static;
  }
}
.top_con .english{
	font-size: 1.167em;
	display: inline-block;
	padding: 0 20px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	position: relative;
	cursor:pointer;
	margin-right: 20px;
    color: #000;
    letter-spacing: 1px;
}
.top_con .english:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 5px transparent solid;
	border-bottom: 5px #a80d2a solid;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	right: 0;
	bottom:2px;
}
.top_con .english a{
  text-decoration:none;
  color: #000;
}
.top_con .ticket{
	font-size: 1.167em;
	display: inline-block;
	padding: 0 20px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	position: relative;
	cursor:pointer;
	margin-right: -3px;
    color: #000;
    letter-spacing: 1px;
}
.top_con .ticket:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 5px transparent solid;
	border-bottom: 5px #a80d2a solid;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	right: 0;
	bottom:2px;
}
.top_con .ticket a{
  text-decoration:none;
  color: #000;
}

/* フォントサイズ */
.top_con .fontsize{
	font-size: 1.083em;
	color: #a80d2a;
	width: auto;
	display: inline !important;
}
.top_con .fontsize *{
	display:inline !important;
}
.top_con .fontsize #fchange {
	margin-left: 15px;
}
.top_con .fontsize #fchange .fsize + .fsize{
	margin-left: 5px;
}
.top_con .fontsize #fchange .fsize#fmiddle a {
	cursor:pointer;
	background: #a80d2a;
	color: #fff;
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
	text-decoration: none;
	border-radius: 2px;
    border: 1px solid #a80d2a;
}
.top_con .fontsize #fchange .fsize#flarge a {
	cursor:pointer;
	color: #a80d2a;
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
	text-decoration: none;
	border-radius: 2px;
    border: 1px solid #a80d2a;
}
#changeArea{
	font-size: 100%;
	*font-size: 100%;
	background:none !important;
}

/* search */

/* search */
.top_con #search{
  font-size: 1.083em;
  display: inline-block;
  line-height: 1;
  letter-spacing: 1px;
  position: absolute;
  right: 0;
  top: 6px;
  max-width: 500px;
}
.top_con #search .search_btn{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  cursor: pointer;
}
.search_main{
  position: absolute;
  right: 0;
  top: 35px;
  z-index: 1;
  height: 0px;
  overflow: hidden;
  transition: height 0.3s ease-out;
  background: #fff;
  padding: 0 20px;
}
.search_btn_area .search_main{
  top: 80px;
}
.search_main.show{
  height: 100px;
}
.search_main .closebtn{
  position: absolute;
  top: 10px;
  right: 10px;
  color: #000;
  font-size: 2em;
  cursor: pointer;
  line-height: 1;
}
/*Yahoo search*/
.srchBox{
  width: 425px;
  color: #000000;
  text-align: right;
  box-sizing: border-box;
  border: none;
}
.srchBox form p.logo{
  text-align: left;
  padding-top: 40px;
}
.srchBox form p.logo a{
  display: inline-block;
  vertical-align: middle;
}
.srchBox form p.logo a img{
  max-width: 45px;
}
.srchBox form input[type="text"]{
  width: 320px;
  padding: 5px 5px;
  border: 1px solid #000;
  height: 28px;
  box-sizing: border-box;
  margin: 0 5px;
  outline: none;
}
.srchBox form input[type="submit"]{
  margin: 0;
  width: 38px;
  height: 28px;
  border: none;
  background: #474747;
  line-height: 1;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
}
.srchBox form ul{
  text-align: left;
  line-height: 1;
  margin-top: 7px;
  padding-left: 55px;
}
.srchBox form ul li{
  display: inline-block;
  margin-right: 10px;
}
.srchBox form ul li label input[type="radio"] {
  display: none;
}
.srchBox form ul li label input[type="radio"]:checked + span {
  color: #3a3a3a;
}
.srchBox form ul li label input[type="radio"]:checked + span:before {
  background: #0099ff;
  border-color: #0099ff;
}
.srchBox form ul li label input[type="radio"]:checked + span:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 7px;
  height: 7px;
  background: #fff;
  border-radius: 10px;
}
.srchBox form ul li label span {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  padding-top: 1px;
}
.srchBox form ul li label span:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 13px;
  height: 13px;
  border: 1px solid #b7b7b7;
  border-radius: 13px;
}
@media only screen and (max-width: 1024px) {
  #sp_search{
  padding:0 15px 25px;
  }
  /*Yahoo search*/
  .srchBox{
    width: 100%;
  }
  .srchBox form p.logo {
    padding-top: 0;
  }
  .srchBox form input[type="text"] {
    width: calc( 100% - 100px );
  }
  .srchBox form ul li label input[type="radio"]:checked + span,
  .srchBox form ul li label span {
      color: #000;
  }
}




@media only screen and (max-width: 1024px) {
	.top_con{
        position:fixed;
        top: 0;
        left: 0;
        z-index: 999;
        height: 80px;
        width: 100%;
	}
	.pc_ver{
		display: none !important;
	}
	.tab_ver{
		display: block !important;
		background: #fff;
		height: 80px;
		line-height: 80px;
		color: #fff;
		padding:0;
		width: 100%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	.tab_ver *{
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}

	/* box01
	------------------------*/
	.tab_ver .box01{
        padding: 10px 0 0 10px;
    }
	.tab_ver .box01 img{
        height: 60px;
        width: auto;
	}

	/* box02 search_btn_area
	------------------------*/
  .tab_ver .box02 .search_btn_area .search_btn{
    padding-right: 80px;
    padding-top: 22px;
    height: 80px;
    line-height: 80px;
    text-align: right;
    display: none;
  }
  .tab_ver .box02 .search_btn_area .search_btn img{
    transition: .3s;
       cursor: pointer;
       height: 35px;
  }
  .tab_ver .box02 .search_btn_area .search_btn img:hover{
    opacity: 0.6;
  }

	/* ボタン
	------------------------*/
	.sp_btn{
		background:#fff;
		display:block;
		padding:10px 25px;
		position:absolute;
		top:0;
		right:0;
		cursor: pointer;
		z-index: 999;
	}
	.sp_btn p,
	.sp_btn span {
		display: inline-block;
		transition: all .4s;
	}
	.sp_btn p {
		position: relative;
		width:30px;
		height:60px;
	}
	.sp_btn span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #a80d2a;
		border-radius: 4px;
	}
	.sp_btn span:nth-of-type(1) {
        top: 13px;
	}
	.sp_btn span:nth-of-type(2) {
		top: 24px;
	}
	.sp_btn span:nth-of-type(3) {
		bottom: 21px;
	}
    .sp_btn em {
        position: absolute;
        bottom: -1px;
        left: -5px;
        color: #a80d2a;
        font-size: 14px;
        line-height: 1;
        display: block;
        font-weight: normal;
        width: 130%;
    }
	/* ボタン閉じる動き（エフェクト対応） */
	.sp_btn.active span:nth-of-type(1) {
		-webkit-transform: translateY(6px) rotate(-45deg);
		transform: translateY(6px) rotate(-45deg);
	}
	.sp_btn.active span:nth-of-type(2) {
		opacity: 0;
	}
	.sp_btn.active span:nth-of-type(3) {
		-webkit-transform: translateY(-17px) rotate(45deg);
		transform: translateY(-17px) rotate(45deg);
	}
	/* 中身
	------------------------*/
	.nav_inner{
		z-index: 999;
		position:fixed;
		top:80px;
		right:-100%;
		width:100%;
		height:calc( 100vh - 80px );
		background-color:#e3e3e3;
		transition: .5s;
		z-index:9999;
		overflow-y: scroll;
		padding: 50px 0 0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	.nav_inner.open{
		right:0;
	}
	/* 中身 初期設定 */
	.nav_inner{
		font-size: 1.083em;/*(13)*/
		line-height: 25px;
	}
	.nav_inner img{width:auto;}
	.nav_inner a{text-decoration:none;}

	/* 中身 詳細
	------------------------*/
	/*box01*/
	.nav_inner .box01{
		width: 100% !important;
		padding:0 15px 25px;
		border-bottom: 1px solid #e3e3e3;
		float: none;
		text-align: center;
	}
	.nav_inner .box01 li{
		display: inline-block;
		margin-bottom: 20px;
	}
	.nav_inner .box01 li + li{
		margin-left: 10px;
	}
	.nav_inner .box01 li a{
		display: block;
		color: #fff;
		border: 1px solid #fff;
		padding: 5px 30px 5px 15px;
		background: #282626 url(/saitama/images/common/link_icon_btn01.png) no-repeat right 12px center;
		letter-spacing: 1px;
        border-radius: 20px;
    }
	/*sp_search*/
	#sp_search .gsc-control-cse {
		border-color: #e3e3e3 !important;
		background-color: #e3e3e3 !important;
		width: 100% !important;

		padding:0 15px 25px;
		margin-bottom: 25px;
		border-bottom: 1px solid #e3e3e3 !important;
	}
	/*menu_nav*/
	.nav_inner .menu_nav{
		padding: 0 15px;
		font-size: 1.083em;
		line-height: 130%;
	}
	.nav_inner .menu_nav li a,
	.nav_inner .menu_nav li span.dropbtn,
	.nav_inner .menu_nav li span.nolink{
        position: relative;
        display: block;
        color: #161616;
        text-align: left;
        padding: 12px 50px 12px 10px;
        border-bottom: 1px solid #dad8d8;
	}
	.nav_inner .menu_nav li a:after{
        display: block;
        content: "";
        width: 7px;
        height: 7px;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        transform: rotate(45deg);
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -4px;
	}
	.nav_inner .menu_nav li.drop span.dropbtn:before {
		position: absolute;
	     right: 15px;
	     top: 50%;
	     margin-top: -10px;
	     width: 13px;
	     height: 2px;
	     background-color: #000;
	     display: inline-block;
	     transition: all .4s;
	     content: "";
	     -webkit-transform: translateY(10px) rotate(0deg);
	     transform: translateY(10px) rotate(0deg);
	}
	.nav_inner .menu_nav li.drop span.dropbtn:after {
		position: absolute;
	     right: 14px;
	     top: 50%;
	     margin-top: 1px;
	     width: 15px;
	     height: 1px;
	     background-color: #000;
	     display: inline-block;
	     transition: all .4s;
	     content: "";
	     -webkit-transform: translateY(0) rotate(90deg);
	     transform: translateY(0) rotate(90deg);
	}
	.nav_inner .menu_nav li.drop span.dropbtn.open:after {
		content: normal;
	}
	.nav_inner .menu_nav .dropbox{
		display: none;
	}
	.nav_inner .menu_nav .dropbox li{
		margin-bottom: 0;
		border-top: 1px solid #dad8d8;
	}
	.nav_inner .menu_nav .dropbox a,
	.nav_inner .menu_nav .dropbox span.nolink{
        line-height: 1;
        padding-left: 13px;
	}
	/*linkbt01*/
	.nav_inner .linkbt01{
		margin: 15px 0;
		padding: 0 15px;
	}
	.nav_inner .linkbt01 a{
        display: block;
        color: #fff;
        border: 1px solid #fff;
        padding: 15px 30px 15px 15px;
        background: #282626 url(/saitama/images/common/link_icon_btn01.png) no-repeat right 15px center;
        letter-spacing: 1px;
        border-radius: 5px;
        text-align: center;
        font-size: 1.231em;
	}
    .nav_inner .linkbt01.linkbt004 a{
        background: #fff url(/saitama/images/common/link_icon_btn03.png) no-repeat right 15px center;
        color: #000;
        border: 1px solid #000;
	}
	.nav_inner .linkbt001 a span{
		padding: 0 0 0 10px;
	}
	.nav_inner .linkbt002 a{
		display: table;
		width: 100%;
        position: relative;
        background-image: none;
	}
    .nav_inner .linkbt003 a{
        position: relative;
        background-image: none;
	}
    .nav_inner .linkbt002 a:before,
    .nav_inner .linkbt003 a:before{
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 5px transparent solid;
        border-bottom: 5px #fff solid;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
        right: 0;
        bottom: 2px;
	}
    .nav_inner .sp_sns{
        padding: 0 15px;
        margin: 20px 0;
    }
    .nav_inner .sp_sns ul{
        text-align: center;
    }
    .nav_inner .sp_sns ul li{
        display: inline-block;
        vertical-align: middle;
    }
    .nav_inner .sp_sns ul li a{
        display: inline-block;
        text-decoration: none;
        color: #161616;
        padding-left: 30px;
    }
    .nav_inner .sp_sns ul li:before{
        content: "|";
        margin: 0 10px;
        color: #d2cece;
    }
    .nav_inner .sp_sns ul li.snsicon01:before{
        content: none;
    }
    .nav_inner .sp_sns ul li.snsicon01 a{
        background: url(/saitama/images/common/sns_icon04.png) no-repeat left center;
        background-size: auto 100%;
    }
    .nav_inner .sp_sns ul li.snsicon02 a{
        background: url(/saitama/images/common/sns_icon05.png) no-repeat left center;
        background-size: auto 100%;
    }
    .nav_inner .sp_sns ul li.snsicon03 a{
        background: url(/saitama/images/common/sns_icon03.png) no-repeat left center;
        background-size: auto 100%;
    }
	.nav_inner .linkbt002 p{
		display: table-cell;
		vertical-align: middle;
		height: 150px;
	}
	.nav_inner .linkbt002 p.img img{
		max-height: 170px;
		width: auto;
	}
	.nav_inner .linkbt002 p.text{
		padding-left: 10px;
	}
	.nav_inner .linkbt002 p.text span{
		font-size: 0.567em;
		color: #727272;
		letter-spacing: 0.6px;
		padding: 5px 0 0;
		display: inline-block;
		line-height: 1;
	}

	/*linkbt02*/
	.nav_inner .linkbt02{
		width: 60%;
		border: 2px solid #fff;
		border-radius: 50px;
		margin: 20px auto;
		display: block;
		color: #fff;
		text-align: center;
		padding: 8px 25px;
		background: url(/arthall/images/link_icon_btn02.png) no-repeat right 20px center;
		background-size: 15px auto;
		letter-spacing: 0.5px;
		font-size: 1.077em;
	}
	/*モーダル中身*/
	.nav_inner .modal .inner {
		position:fixed;
		z-index:99999;
		top: 50%;
		left:50%;
		transform:translate(-50%,-40%);
		background:#fff;
		padding: 30px 15px 20px;
		text-align: center;
		max-width: 85%;
		width: 100%;
	}
	.nav_inner .modal p.ttl{
		font-size: 1.385em;
		margin-bottom: 15px;
	}
	.nav_inner .modal p.ttl:before{
		content: url(/arthall/images/common/sns_icon01.png);
	     line-height: 1;
	     vertical-align: -webkit-baseline-middle;
	     margin-right: 10px;
	}
	.nav_inner .modal p.ttl.fb:before{
		content: url(/arthall/images/common/sns_icon02.png);
	}
	.nav_inner .modal ul {
		margin-bottom: 40px;
		width: 100%;
		font-size: 1.231em;
	}
	.nav_inner .modal ul li {
		width: calc( 33% - 6px );
		float: left;
	}
	.nav_inner .modal ul.fb li {
		width: 100%;
		float: none;
	}
	.nav_inner .modal ul li + li{
		margin-left: 10px;
	}
	.nav_inner .modal ul li + li:before{
		content:normal;
	}
	.nav_inner .modal ul li a {
		display: block;
		border: 1px solid #000;
		color: #000;
		text-decoration: none;
		letter-spacing: 0.5px;
		font-size: 1em;
		padding: 8px 30px 8px 10px;
		background:url(/arthall/images/common/icon01.png) no-repeat right 12px center;
		background-size: 15px auto;
	}
	.nav_inner .modal ul li a:hover{
		opacity: 0.6;
	}
	.nav_inner .modal .inner .modalClose {
		cursor:pointer;
	}
	.nav_inner .modal .inner .modalClose:before{
		content: "×";
	}
	/*アニメーション設定*/
	@keyframes modal{
		0% {top:-100%}
		100% {top:50%}
	}
	@keyframes modalClose {
		0% {top:50%}
		100% {top:100%}
	}
	/*box02*/
	.nav_inner .box02{
		width: 100%;
	     float: none;
	     text-align: left;
		margin: 40px 0 10px;
		padding: 0 15px;
	}
	.nav_inner .box02 li{
		width: 50%;
		float: left;
		margin-bottom: 10px;
	}
	.nav_inner .box02 li a{
		display: block;
		position: relative;
		color: #000;
		padding: 0  10px 0 25px;
		line-height: 23px;
	}
	.nav_inner .box02 li a:before{
		display: block;
		content: "";
		width: 6px;
		height: 6px;
		border-top: 2px solid #727272;
		border-right: 2px solid #727272;
		transform: rotate(45deg);
		position: absolute;
		left: 5px;
		top: 7px;
	}
	/*box03*/
	.nav_inner .box03 li{
		width: calc( 100% / 3 );
		float: left;
	}
	.nav_inner .box03 li a{
		display: table;
		width: 100%;
		font-weight:normal;
		background: #282626;
	}
	.nav_inner .box03 li a span{
		display:table-cell;
		text-align: center;
		vertical-align: middle;
	     color: #fff;
		font-size: 0.913em;
	     background:url(/arthall/images/link_icon_btn02.png) no-repeat right 10px center;
		background-size: 15px auto;
		line-height: 30px;
		font-weight:normal;
		padding: 25px 30px;
	 }
	.nav_inner .box03 li:nth-child(3) a{
		border-left: 2px solid #1b1818;
		border-right: 2px solid #1b1818;
		background: #1b1818;
	}
}
@media only screen and (max-width: 767px) {
	.top_con{
		height: 40px;
	}
	.tab_ver{
		height: 40px;
		line-height: 40px;
		padding:0;
	}
	.tab_ver .box01{
        padding: 5px 0 0 10px;
    }
	.tab_ver .box01 img{
        height: 30px;
        width: auto;
	}
	.tab_ver .box02 .search_btn_area{
		display: none !important;
	}
	.sp_btn {
	    padding: 5px 10px;
	}
	.sp_btn p {
	    width: 20px;
	    height: 30px;
	}
	.sp_btn em{
		font-size: 10px;
        width: 140%;
	}
	.sp_btn.active em{
		letter-spacing: 0.5px;
	}
	.sp_btn span {
	    height: 2px;
	}
	.sp_btn span:nth-of-type(1) {
	    top: 3px;
	}
	.sp_btn span:nth-of-type(2) {
	    top: 9px;
	}
	.sp_btn span:nth-of-type(3) {
	    bottom: 13px;
	}
	.sp_btn.active span:nth-of-type(3) {
	    -webkit-transform: translateY(-6px) rotate(45deg);
	    transform: translateY(-6px) rotate(45deg);
	}
	.nav_inner {
	    top: 40px;
	    height: calc( 100% - 40px );
	}
}



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

    bottom_con
    ボトムコンテンツ

---------------------------*/
.bottom_con{
    padding: 70px 0 0;
}
.bottom_con *{
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.bottom_con .left_con {
    width: calc( 62% - 25px );
    float: left;
    background: #fff;
    position: relative;
    padding: 30px 115px 30px 35px;
}
.bottom_con .left_con:before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 30px transparent solid;
    border-bottom: 30px #f5f5f5 solid;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    left: -30px;
    top: -30px;
}
.bottom_con .left_con img.ttl {
    position:absolute;
    right: 25px;
    top:-35px;
    width: 65px;
}
.bottom_con .left_con .text {
    float: left;
    width: calc( 100% - 160px );
    position: relative;
    padding-bottom: 30px;
    min-height: 200px;
}
.bottom_con .left_con .text .ttl {
    background: url(/arthall/images/top_icon_02.png) no-repeat left center;
    font-size: 1.538em;
    font-weight: bold;
    padding:6px 0 5px 20px;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
}
.bottom_con .left_con .text .ttl span {
    font-size: 0.650em;
    font-weight: normal;
    letter-spacing: 1px;
}
.bottom_con .left_con .text ul {
    font-size:0.929em;
    color: #8b8b8b;
    letter-spacing: -0.5px;
}
.bottom_con .left_con .text ul li {
    text-indent: -10px;
    padding-left: 10px;
}
.bottom_con .left_con .text ul li + li{
    margin-top: 5px;
}
.bottom_con .left_con .text ul li:before {
    content: "-";
    margin-right: 5px;
}
.bottom_con .left_con .text .link {
    text-align: right;
    position: absolute;
    bottom:0;
    right: 0;
}
.bottom_con .left_con .text .link a {
    font-size: 0.929em;
    color: #000;
    text-decoration: none;
}
.bottom_con .left_con .text .link a:before{
    content: url(/saitama/images/common/link_icon_btn02.png);
    line-height: 1;
    vertical-align: middle;
    margin-right: 5px;
}
.bottom_con .left_con .photo {
    float: right;
    width: 140px;
}
.bottom_con .left_con .photo img{
    width: 100%;
}
@media print , screen and (max-width: 890px) and (min-width: 768px) {
    .bottom_con .left_con {
	    padding-right: 115px;
    }
    .bottom_con .left_con .photo {
	    width: 120px;
    }
    .bottom_con .left_con .photo img{
	    width: 100%;
	    height:auto;
    }
    .bottom_con .left_con .text {
	    width: calc( 100% - 130px );
    }
    .bottom_con .left_con .text .link {
        text-align: right;
        position: static;
        bottom: 0;
        right: 0;
        margin-top: 10px;
        width: 200px;
        text-align: left;
    }
}
@media only screen and (max-width: 767px) {
	.bottom_con{
	    margin:0 0 25px;
        padding-top: 35px;
	}
	.bottom_con .left_con {
	    width:100%;
	    float: none;
	    padding: 20px;
	}
	.bottom_con .left_con:before{
	    border: 20px transparent solid;
	    border-bottom: 20px #f5f5f5 solid;
	    left: -20px;
	    top: -20px;
	}
	.bottom_con .left_con img.ttl {
	     right: 20px;
	     top: -15px;
	     width: 16%;
	}
	.bottom_con .left_con .text {
	    float: none;
	    width: 100%;
	    min-height: auto;
	    padding-bottom: 0;
	}
	.bottom_con .left_con .text .ttl {
	    font-size: 1.538em;
	    padding:6px 0 5px 20px;
	    letter-spacing: 1.5px;
	    margin-bottom: 90px;
	}
	.bottom_con .left_con .text .ttl span {
		font-size: 0.563em;
		letter-spacing: 1px;
		line-height: 120%;
	}
	.bottom_con .left_con .text .link {
	    text-align:center;
	    position:static;
	    margin-top: 15px;
	}
	.bottom_con .left_con .text .link a {
	    font-size: 1em;
        display: block;
        color: #fff;
        border: 1px solid #fff;
        padding: 15px 30px 15px 15px;
        background: #282626 url(/saitama/images/common/link_icon_btn01.png) no-repeat right 15px center;
        letter-spacing: 1px;
        border-radius: 5px;
        text-align: center;
        text-decoration: none;
	}
	.bottom_con .left_con .text .link02 a {
        background: #fff url(/saitama/images/common/link_icon_btn03.png) no-repeat right 15px center;
        color: #000;
        border: 1px solid #000;
    }
	.bottom_con .left_con .text .link02{
        margin-top: 10px;
    }
	.bottom_con .left_con .text .link a:before{
        content:normal;
    }
	.bottom_con .left_con .photo {
        float: none;
        position: absolute;
        top: 20px;
        right: calc( 20% + 20px );
        width: auto;
	}
	.bottom_con .left_con .photo img{
        width: auto;
        height: 130px;
        margin: 0 auto;
        display: block;
    }
    .bottom_con .left_con .text ul li:nth-child(1) {
        padding-right: 18%;
    }
}

/* .bottom_con .right_con */
.bottom_con .right_con {
    width: 38%;
    float: right;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}
.bottom_con .right_con .top_box {
    padding: 30px 0 20px;
}
.bottom_con .right_con .top_box p {
    text-align: center;
    font-size: 1.308em;
    letter-spacing: 1.5px;
    color: #000;
    margin-bottom: 10px;
}
.bottom_con .right_con .top_box p span {
    font-size: 0.618em;
    letter-spacing: 1px;
    color: #686868;
}
.bottom_con .right_con .top_box ul {
    display: table;
}
.bottom_con .right_con .top_box ul li {
    display: table-cell;
    width: 33.333%;
    vertical-align: top;
    text-align: center;
    position: relative;
}
.bottom_con .right_con .top_box ul li + li:before{
    content: "";
    display: block;
    width: 1px;
    height: 15px;
    background: #e0e0e0;
    position:absolute;
    top:50%;
    left: 0;
    margin-top: -7px;
}
.bottom_con .right_con .top_box ul li a {
    color: #000;
    text-decoration: none;
    letter-spacing: 0.5px;
    display: block;
}
.bottom_con .right_con .top_box ul li a:hover{
    opacity: 0.6;
}
.bottom_con .right_con .top_box ul li a:hover img{
    opacity: 1;
}
.bottom_con .right_con .top_box ul li a img {
    width: 30px;
    height: 30px;
    vertical-align: middle !important;
    margin: 0 auto;
    display: block;
}
.bottom_con .right_con .bottom_box {
    padding: 23px 0 21px;
    border-top: 1px solid #e0e0e0;
}
.bottom_con .right_con .bottom_box img{
    width: 100%;
}

@media only screen and (max-width: 767px) {
	.bottom_con .right_con {
		width:100%;
		float: none;
		margin-top:30px;
	}
	.bottom_con .right_con .top_box {
		padding: 20px 0 15px;
	}
	.bottom_con .right_con .top_box ul li {
		display: table-cell;
		width: 33.333%;
		vertical-align: top;
		text-align: center;
		position: relative;
		line-height: 140%;
	}
	.bottom_con .right_con .top_box ul li img{
		width:auto;
	}
	.bottom_con .right_con .bottom_box {
		padding: 20px;
	}
}



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

	bana_area
	ボトムリンクバナー

---------------------------*/
.bana_area{
	padding: 70px 0;
  text-align: center;
  max-width: 1000px;
}
.bana_area li{
  margin-bottom: 10px;
  display: inline-block;
	width:  calc( 20% - 16px );
}
.bana_area li + li{
	margin-left: 8px;
}
.bana_area li img{
	width: 100%;
}
@media only screen and (min-width: 768px) {
.bana_area li img{
  max-width: 191px;
}
}
@media only screen and (max-width: 767px) {
	.bana_area{
		margin: 10% auto 0 !important;
	}
	.bana_area li{
		float:left;
		width:  calc( 50% - 5px );
	}
	.bana_area li:nth-child(even){
		float:right;
	}
	.bana_area li + li{
		margin-left: 0;
	}
}
/*
.bana_area{
    padding: 70px 0;
}
.bana_area li{
	float:left;
	margin-bottom: 10px;
	width:  calc( 20% - 16px );
}
.bana_area li + li{
	margin-left: 20px;
}
.bana_area li img{
	width: 100%;
}
@media only screen and (max-width: 767px) {
	.bana_area{
		margin: 25px auto 0 !important;
        padding: 0 15px 15px;
	}
	.bana_area li{
		float:left;
		width:  calc( 50% - 5px );
	}
	.bana_area li:nth-child(even){
		float:right;
	}
	.bana_area li + li{
		margin-left: 0;
	}
}
*/



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

	pankuzu

---------------------------*/
#pankuzu{
	padding: 30px 0 10px;
	border-bottom: 1px solid #e0e0e0;
    /*
    margin-bottom: 30px;
    */
}
#pankuzu ul li{
	display:inline;
	letter-spacing: 1px;
}
#pankuzu ul li + li:before{
	content: "/";
	color: #c6c6c6;
	display: inline-block;
	padding: 0 5px 0 2px;
}
#pankuzu a:link{
	color:#000;
	text-decoration:none;
}
#pankuzu a:visited{
	color:#000;
	text-decoration:none;
}
#pankuzu a:hover{
	color:#000;
	text-decoration:underline;
}
@media only screen and (max-width: 767px) {
    #pankuzu{
        padding-top: 15px;
        /*
        margin-bottom: 20px;
        */
    }
}



/* iphoneSE */
@media only screen and (max-width: 320px) {
  .br_only{
    display: none;
  }
	.nav_inner .menu_nav{
		padding: 0 15px;
    /*
		font-size: 1.231em;
    */
		line-height: 125%;
		font-size: 1em;
	}
  .nav_inner .box01 li{
    display: block;
  }
  .nav_inner .box01 li + li{
    margin-top: 10px;
    margin-left: 0;
  }
  .nav_inner .site_nav li a{
    font-size: 1.167em;
  }

	.nav_inner .box03 li{
		width: 100%;
		float: none;
    margin-top: 2px;
	}
	.nav_inner .box03 li a{
    font-size: 1.167em;
  }
	.nav_inner .box03 li a span{
		padding: 15px 20px;
  }
}



@media only screen and (max-width: 767px) {
  a[href^="tel"]{
      color:inherit;
      text-decoration:none;
  }
}



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

  検索結果

---------------------------*/
.yj100per-2 #wrapper {
  max-width: 750px;
}

/*----- ページカレンダーツールチップ ------*/
/*
.clr_date{
	font-size:12px;
	line-height:20px;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
	font-weight: bold;
}

.clr_txt{
	margin-left: 10px;
	font-size:12px;
	line-height:20px;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
}

.clr_txt li{
	margin-left: 10px;
	list-style-type: disc;
}

/* repair メッセージ*/
/*
#header_repair{
	text-align: center;
	background-color: #ffffff;
	line-height: 50px;
	min-width: 1000px;
	height: 50px;
}

#header_repair .title{
	color: #B81010;
	font-size: 22px;
	font-weight: 1bold;
	margin-right: 30px;
}

#header_repair .term{
	font-size: 14px;
  font-weight: bold;
  margin-right: 30px;
}

*/