@charset "UTF-8";

@media screen and (max-width: 768px) {
	body {
		font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", Verdana, Arial, Helvetica, sans-serif;
		-webkit-text-size-adjust: 100%;
		text-size-adjust: 100%;
	}
	img {
		max-width: 100%;
		height: auto;
	}

	a, .paging li span, .paging li a:hover { color: #cc6600; text-decoration: none; }
	a:hover,
	.paging li span:hover,
	.paging li a:hover {
		text-decoration: none;
	}

	/* border */
	#layout .br1fff {
		border-right: 0;
	}
}

/* pc / sp */
.view_sp,
.view_sps {
	display: none !important;
}
@media screen and (min-width: 769px), print {
}
@media screen and (max-width: 768px) {
	.view_pc {
		display: none !important;
	}
	.view_sp {
		display: block !important;
	}
	img.view_sp, span.view_sp, br.view_sp, em.view_sp, strong.view_sp, a.view_sp {
		display: inline !important;
	}
	td.view_sp, th.view_sp {
		display: table-cell !important;
	}

	#layout .sp_mb00 { margin-bottom: 0 !important; }
}
@media screen and (max-width: 370px) {
	.view_sps {
		display: block !important;
	}
	img.view_sps, spsan.view_sps, br.view_sps, em.view_sps, strong.view_sps {
		display: inline !important;
	}
	.nonview_sps {
		display: none !important;
	}
}


/* header */
@media screen and (max-width: 768px) {
	/* .headerTop */
	.headerTop {
	}
	.headerTop .headerTopWrap {
		position: static;
		width: auto;
		height: auto;
		padding: 0;
	}
	.headerTop .headerTopWrap p.cc,
	.headerTop .headNav,
	.headerTop .snsListHeader {
		display: none;
	}
	.headerTop .headSearch {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		width: 250px;
		padding: 20px 10px;
		background-color: #c5c5c5;
		text-align: left;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		-webkit-transform: translateX(-250px);
		-ms-transform: translateX(-250px);
		-o-transform: translateX(-250px);
		transform: translateX(-250px);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		z-index: 500;
	}
	.headerTop .headSearch form {
		position: relative;
	}
	.headerTop .headSearch .text {
		position: static;
		width: 69%;
		height: 38px;
		padding: 0 10px;
		font-size: 16px;
	}
	.headerTop .headSearch .submit {
		position: absolute;
		right: -5px;
		top: -5px;
		width: 50px;
		height: 50px;
	}


	/* .logoBoxWrap */
	.logoBox .logoBoxWrap {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		background-color: #fff;
		width: auto;
		height: auto;
		padding: 0;
		height: 50px;
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
		box-shadow: 0 0 5px rgba(0,0,0,.1);
		z-index: 550;
	}
	.logoBox .logoBoxWrap > * {
		display: none;
	}
	.logoBox .logoBoxWrap > * {
		display: none;
	}
	.logoBox .logoBoxWrap .logo {
		position: static;
		display: block;
	}
	.logoBox .logoBoxWrap .logo a {
		display: block;
		width: 150px;
		height: 50px;
		/*margin: auto;*/
		margin-left: .5rem;/*20221019*/
		/*background: url(../images/logo_orange.png) no-repeat;*/
		background: url(../img/common/logo2.gif) no-repeat;/*20221019_kara*/
		-webkit-background-size: 100%;
		background-size: 100%;
		background-position: center;
	}
	.logoBox .logoBoxWrap .logo a img {
		display: none;
	}

	/* show_btn */
	.logoBox .show_btn a {
		position: absolute;
		top: 0;
		overflow: hidden;
		width: 50px;
		height: 0;
		padding-top: 50px;
		background-repeat: no-repeat;
		-webkit-background-size: 50px;
		background-size: 50px;
	}
	.logoBox .show_btn a::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image: url(/images/btnGlobalNav_close.png);
		background-repeat: no-repeat;
		-webkit-background-size: 50px;
		background-size: 50px;
		opacity: 0;
		-webkit-transition: opacity .2s;
		-o-transition: opacity .2s;
		transition: opacity .2s;
	}
	.logoBox .show_btn.btn_search a {
		left: 0;
		background-image: url(/images/btn_search.png);
	}
	.logoBox .show_btn.btn_nav a {
		right: 0;
		/*background-image: url(/images/btnGlobalNav_white.png);*/
		background-image: url(/common/images/btnGlobalNav_menuW.png);/*20221019*/
	}

	/* show_nav_cover */
	.show_nav_cover {
		display: block;
		position: fixed;
		top: 50px;
		right: 0;
		left: 0;
		background-color: #fff;
		opacity: 0;
		-webkit-transition: opacity .3s;
		-o-transition: opacity .3s;
		transition: opacity .3s;
		z-index: 490;
	}
}

/* globalNav */
.globalNavBox {
	background: none;
}
@media screen and (min-width: 769px), print {
	/* PCもテキストに変更 */
	.globalNavBox {
		height: 48px;
		position: relative;
		background: #f3f3f3;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}
	.globalNavBox::before,
	.globalNavBox::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		border-top: 1px solid #fff;
	}
	.globalNavBox::before {
		top: 0;
	}
	.globalNavBox::after {
		bottom: 0;
	}
	.globalNav .subNav,
	.globalNav .subNav1Right {
		top: 45px;
	}
	#globalNav {
		display: table;
		table-layout: fixed;
	}
	#globalNav .navList {
		float: none;
		display: table-cell;
		vertical-align: middle;
		border-right: 1px solid #ccc;
	}
	#globalNav .navList + .navList {
	}
	#globalNav > li > a {
		position: relative;
		display: block;
		height: 49px;
		padding-top: 9px;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		border-top: 1px solid #fff;
		font-weight: bold;
		color: #333;
		font-size: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-decoration: none;
		-webkit-transition: background .2s;
		-o-transition: background .2s;
		transition: background .2s;
		z-index: 3;
	}
	#globalNav > li > a:hover {
		background-color: #e0e0e0;
	}
	#globalNav > li > a::before {
		content: "";
		position: absolute;
		right: -1px;
		left: -1px;
		bottom: 0;
		border-bottom: 4px solid;
	}
	#globalNav > li > a::after {
		content: "";
		position: absolute;
		bottom: 7px;
		left: 50%;
		margin-left: -3px;
		border-style: solid;
		border-width: 4px 3px 0 3px;
		border-color: transparent transparent transparent;
	}
	#globalNav .navList.navAqua {
		width: auto !important;
	}

	#globalNav > li.navOrange > a::before {
		border-color: #f67e04;
	}
	#globalNav > li.navOrange > a::after {
		border-top-color: #f67e04;
	}
	#globalNav > li.navBlue > a::before {
		border-color: #166fda;
	}
	#globalNav > li.navBlue > a::after {
		border-top-color: #166fda;
	}
	#globalNav > li.navYellow > a::before {
		border-color: #ecac02;
	}
	#globalNav > li.navYellow > a::after {
		border-top-color: #ecac02;
	}
	#globalNav > li.navGreen > a::before {
		border-color: #32a032;
	}
	#globalNav > li.navGreen > a::after {
		border-top-color: #32a032;
	}
	#globalNav > li.navRed > a::before {
		border-color: #df1f08;
	}
	#globalNav > li.navRed > a::after {
		border-top-color: #df1f08;
	}
	#globalNav > li.navPurple > a::before {
		border-color: #9955dd;
	}
	#globalNav > li.navPurple > a::after {
		border-top-color: #9955dd;
	}
	#globalNav > li.navAqua > a::before {
		border-color: #00a8d2;
	}
	#globalNav > li.navAqua > a::after {
		border-top-color: #00a8d2;
	}

	body.portal-index #globalNav > li.navOrange > a {
		background-color: #f67e04;
		border-color: #f67e04;
		color: #fff;
	}
	body.portal-index #globalNav > li.navOrange > a::after {
		border-top-color: #fff !important;
	}
	body.area2 #globalNav > li.navBlue > a {
		background-color: #166fda;
		border-color: #166fda;
		color: #fff;
	}
	body.area2 #globalNav > li.navBlue > a::after {
		border-top-color: #fff !important;
	}
	body.area23 #globalNav > li.navYellow > a {
		background-color: #ecac02;
		border-color: #ecac02;
		color: #fff;
	}
	body.area23 #globalNav > li.navYellow > a::after {
		border-top-color: #fff !important;
	}
	body.area24 #globalNav > li.navGreen > a {
		background-color: #32a032;
		border-color: #32a032;
		color: #fff;
	}
	body.area24 #globalNav > li.navGreen > a::after {
		border-top-color: #fff !important;
	}
	body.area25 #globalNav > li.navRed > a {
		background-color: #df1f08;
		border-color: #df1f08;
		color: #fff;
	}
	body.area25 #globalNav > li.navRed > a::after {
		border-top-color: #fff !important;
	}
	body.area26 #globalNav > li.navPurple > a {
		background-color: #9955dd;
		border-color: #9955dd;
		color: #fff;
	}
	body.area26 #globalNav > li.navPurple > a::after {
		border-top-color: #fff !important;
	}
	body.area27 #globalNav > li.navAqua > a {
		background-color: #00a8d2;
		border-color: #00a8d2;
		color: #fff;
	}
	body.area27 #globalNav > li.navAqua > a::after {
		border-top-color: #fff !important;
	}

	.globalNavBox .sp_menu {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.globalNavBox .globalNavBoxWrap {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		width: 250px;
		padding: 0 0 30px;
		background-color: #c5c5c5;
		text-align: left;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		-webkit-transform: translateX(250px);
		-ms-transform: translateX(250px);
		-o-transform: translateX(250px);
		transform: translateX(250px);
		z-index: 500;
	}
	#globalNav {
		width: auto;
	}
	#globalNav::before {
		content: "エリア";
		display: block;
		color: #fff;
		padding: 3px 7px;
		background-color: #999999;
		font-size: 15px;
	}
	.globalNavBox .navList {
		float: none;
	}
	.globalNavBox .navList.navOrange {
		display: none;
	}
	.globalNavBox .navList.navAqua {
		width: auto !important;
	}
	.globalNavBox .navList > a {
		position: relative;
		display: block;
		font-weight: bold;
		background-color: #b5b5b5;
		color: #fff;
		padding: 10px 15px;
		font-size: 15px;
	}
	.globalNavBox .navList > a:after {
		content: "";
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -4px;
		border-style: solid;
		border-width: 4px 0 4px 5px;
		border-color: transparent transparent transparent #fff;
		-webkit-transition: -webkit-transform .4s;
		-o-transition: -o-transform .4s;
		transition: transform .2s;
	}
	.globalNavBox .navList > a.open:after {
		-webkit-transform: translateX(-2px) rotate(90deg);
		-ms-transform: translateX(-2px) rotate(90deg);
		-o-transform: translateX(-2px) rotate(90deg);
		transform: translateX(-2px) rotate(90deg);
	}
	.globalNavBox .navList.navBlue > a {
		background-color: #166fda;
	}
	.globalNavBox .navList.navYellow > a {
		background-color: #ecac02;
	}
	.globalNavBox .navList.navGreen > a {
		background-color: #32a032;
	}
	.globalNavBox .navList.navRed > a {
		background-color: #df1f08;
	}
	.globalNavBox .navList.navPurple > a {
		background-color: #9955dd;
	}
	.globalNavBox .navList.navAqua > a {
		background-color: #00a8d2;
	}

	.globalNavBox .subNav {
		position: static;
		overflow: hidden;
		display: block;
		width: auto !important;
		height: 0;
		padding: 0;
		border: 0 !important;
		opacity: 1 !important;
		-webkit-transition: height .4s;
		-o-transition: height .4s;
		transition: height .4s;
	}
	#globalNav .subNav {
		margin: 0 !important;
	}
	.globalNavBox .subNav a {
		position: relative;
		display: block;
		float: none;
		width: auto;
		height: auto;
		margin: 0;
		padding: 10px 15px;
		line-height: 1.5;
		background: #666 !important;
		font-size: 13px;
		color: #fff;
	}
	.globalNavBox .subNav a:after {
		content: "";
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -4px;
		border-style: solid;
		border-width: 4px 0 4px 5px;
		border-color: transparent transparent transparent #fff;
		opacity: 0.4;
	}

	.globalNavBox .navSearch {
		position: relative;
		display: block;
		font-weight: bold;
		padding: 11px 15px 10px 40px;
		background: #d8d8d8 url(/common/images/navSearch.png) no-repeat 10px;
		background-size: 24px;
		background-position-y: center;
		color: #666666;
		font-size: 14px;
	}/*20221019_kara*/

	.globalNavBox .navSearch:after {
		content: "";
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -4px;
		border-style: solid;
		border-width: 4px 0 4px 5px;
		border-color: transparent transparent transparent #999;
		-webkit-transition: -webkit-transform .4s;
		-o-transition: -o-transform .4s;
		transition: transform .2s;
	}/*20221019_kara*/

	.globalNavBox .navMail {
		position: relative;
		display: block;
		font-weight: bold;
		padding: 11px 15px 10px 40px;
		background: #e5e5e5 url(/common/images/mailmark.png) no-repeat 10px;
		color: #666666;
		font-size: 14px;
	}
	.globalNavBox .navMail:after {
		content: "";
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -4px;
		border-style: solid;
		border-width: 4px 0 4px 5px;
		border-color: transparent transparent transparent #999;
		-webkit-transition: -webkit-transform .4s;
		-o-transition: -o-transform .4s;
		transition: transform .2s;
	}

	.globalNavBox .linewidget {
		position: relative;
		display: block;
		font-weight: bold;
		padding: 11px 15px 10px 40px;
		background: #f3f3f3 url(/images/LINEwidget.png) no-repeat 9px;
		background-size: 24px;
		background-position-y: center;
		color: #666666;
		font-size: 14px;

	}
	.globalNavBox .linewidget:after {
		content: "";
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -4px;
		border-style: solid;
		border-width: 4px 0 4px 5px;
		border-color: transparent transparent transparent #999;
		-webkit-transition: -webkit-transform .4s;
		-o-transition: -o-transform .4s;
		transition: transform .2s;
	}

	.globalNavBox .sp_menu dt {
		color: #fff;
		padding: 3px 7px;
		background-color: #999999;
		font-size: 15px;
	}

/* 中段Banner */
.BannerBottom { width: 300px;/*100%;*/ /*text-align: center;*/ display: block; margin: 0 auto; padding: 10px 0 10px 0; }
.BannerBottom320 { width: 320px;/*100%;*/ /*text-align: center;*/ display: block; margin: 0 auto; padding: 10px 0 10px 0; }
/* 下段Banner */
.footerBanner { width: 300px;/*100%;*/ /*text-align: center;*/ display: block; margin: 0 auto; padding: 10px 0 10px 0; }

}



/* footer */
@media screen and (max-width: 768px) {
	.footerTop {
		border-bottom: #ccc 1px solid;
	}
	.footerTop .footerHeadline,
	.footerAreaNav {
		display: none;
	}
	.footerTop .footerTopWrap1 {
		padding: 15px 0 5px;
	}
	.footerTop .footerTopWrap1 .footerTopWrap2 {
		width: auto;
		padding: 0;
	}

	.footerNav {
		border-top: 0;
	}
	.footerNav .footerNavWrap {
		padding-top: 0;
		border-top: 0;
	}

	.footerNavList {
		padding: 0;
	}
	.footerNavList li {
	}
	.footerNavList li a {
		display: block;
		margin: 0 0 10px -1px;
		font-size: 11px;
		padding: 0 6px;
		border-left: #ccc 1px solid;
	}
	.footerNavList li.last a {
		border-right: #ccc 1px solid;
	}

	/* footerBottom */
	.footerBottom .footerBottomWrap {
		width: auto;
		padding: 10px 0;
	}
	.footerBottom .footerBottomWrap .left {
		float: none;
		width: auto;
	}
	.footerBottom .footerBottomWrap .right {
		float: none;
		width: auto;
		line-height: 2;
		font-size: 10px;
		text-align: center;
	}
	.footerBottom .footerBottomWrap .bnrList {
		text-align: center;
		padding: 10px;
	}
}

/* nav show */
@media screen and (max-width: 768px) {
	#layout {
		/* overflow: hidden; */
	}
	.logoBox .logoBoxWrap,
	.footer,
	.page,
	.globalNavBox .globalNavBoxWrap,
	.headerTop .headSearch {
		-webkit-transition: -webkit-transform .5s;
		-o-transition: -o-transform .5s;
		transition: transform .5s;
	}
	body.show_nav .logoBox .logoBoxWrap,
	body.show_nav .page,
	body.show_nav .footer {
		-webkit-transform: translateX(-250px);
		-ms-transform: translateX(-250px);
		-o-transform: translateX(-250px);
		transform: translateX(-250px);
	}
	body.show_nav .globalNavBox .globalNavBoxWrap {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	body.show_nav .logoBox .show_btn.btn_nav a::after {
		opacity: 1;
	}
	body.show_search .logoBox .logoBoxWrap,
	body.show_search .page,
	body.show_search .footer {
		-webkit-transform: translateX(250px);
		-ms-transform: translateX(250px);
		-o-transform: translateX(250px);
		transform: translateX(250px);
	}
	body.show_search .headerTop .headSearch {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	body.show_search .logoBox .show_btn.btn_search a::after {
		opacity: 1;
	}

	body.show_nav .show_nav_cover,
	body.show_search .show_nav_cover {
		bottom: 0;
		opacity: 0.7;
	}

}



/* page */
@media screen and (max-width: 768px) {
	.page {
		padding: 50px 0 0;
	}

	.pageBox {
		width: auto;
		background: none;
	}
	.pageBox .pageBoxWrap1 {
		background: none;
	}
	.pageBox .pageBoxWrap1 .pageBoxWrap2 {
		padding: 0;
		background: none;
	}


	/* .main */
	.main {
		width: auto;
	  float: none;
	}


	/* side */
	.side {
		width: auto;
		float: none;
	}
.side .event { padding: 13px 0 0; }
.side .event .btn { width: 158px; margin: 0 auto 3px; }
.side .event .calendar { margin: 0 auto 10px; }
	.side .entry .imageBox,
	.side .entry .imageBoxRight {
		background: none;
	}
	.side .entry .bottom {
		padding-top: 0;
	}

	/* sideContents */
.social .columnTwitter { padding: 10px; }
.social .columnRss { padding: 10px; border-top: #fff 1px solid; border-bottom: #ddd 1px solid; }
.social .columnRssArea::after {content: ""; display: table; clear: both;}
.social .columnTwitterWiget { border-bottom: 0; /*text-align: center;*/}
.social .columnFBWiget { border-bottom: 0; text-align: center;}
.social .icon { float: left; margin-right: 10px; }
.social a, .social .paging li span, .paging li .social span, .social .paging li a:hover, .paging li .social a:hover { font-size: 15px; font-weight: bold; }

	.sideBnr {
		padding: 20px;
		text-align: center;
	}
	.sideBnr > div {
		margin-left: auto;
		margin-right: auto;
	}

	.blog-index .sideBnr,
	.blog-archive .sideBnr,
	.single-page .sideBnr {
		display: none;
	}

	.snsbox {
		height: auto;
	}
	.snsbox ul {
		display: block;
		padding: 15px;
		text-align: center;
	}
	.snsbox ul li {
		display: inline-block;
		width: 30px;
		margin: 0 5px;
	}

.snsListHeader { display: inline; position: absolute; top: 7px; right: 0px; }
.snsListHeader li { float: left; }
.snsListHeader img { display: inline-block; margin-right: 10px; height: 24px; width: 24px; }
.snsListHeader a:hover img { opacity: 0.6;  filter: alpha(opacity=60);  -ms-filter: "alpha(opacity=60)"; }

.snsListFotter { float: right !important; margin-right: 0; }
.snsListFotter ul.snsList  { display :flex; display: -webkit-flex; margin-top:30px; position: static; }
.snsListFotter li.snsList  { margin-left: 10px; }
.snsListFotter img { display: inline-block; margin-right: 10px; height: 24px; width: 24px; }






	/* headline */
	.headline {
		position: relative;
		padding: 6px 8px 6px 20px;
		background: #f67e04;
		border-bottom: 0;
		font-size: 15px;
	}
	.headline::before {
		content: "";
		position: absolute;
		left: 7px;
		top: 5px;
		bottom: 5px;
		width: 6px;
		background-color: #ffcc66;
		border-radius: 100px;
	}
	.headline .btn { display: none; }
	.headlineOrange + .headline {
		margin-top: 2px;
	}

	.headlineWrap .sp_top_btn {
		position: absolute;
		right: 3px;
		top: 8px;
	}
	.headlineWrap .sp_top_btn a {
		display: block;
		padding: 2px 18px 2px 8px;
		background: #fff;
		border-radius: 3px;
		font-weight: normal;
		font-size: 12px;
		color: #333;
		line-height: 1.6;
	}
	.headlineWrap .sp_top_btn a:after {
		content: "";
		position: absolute;
		right: 6px;
		top: 50%;
		margin-top: -4px;
		border-style: solid;
		border-width: 4px 0 4px 5px;
		border-color: transparent transparent transparent #efb400;
	}
	.headlineWrap {
		padding: 0 5px !important;
		-moz-font-feature-settings: "palt";
		-webkit-font-feature-settings: "palt";
		font-feature-settings: "palt";
	}

	.headlineWrap .area,
	.headlineWrap .area a {
		display: table;
		font-size: 17px !important;
		padding: 0;
		font-weight: bold;
	}
	.headlineWrap #show_today {
		font-size: 12px;
	}


	/* areaColor */
	.area a, .areaOrange a, .areaOrange .paging li span, .paging li .areaOrange span, .areaOrange .paging li a:hover, .paging li .areaOrange a:hover, .areaBlue a, .areaBlue .paging li span, .paging li .areaBlue span, .areaBlue .paging li a:hover, .paging li .areaBlue a:hover, .areaYellow a, .areaYellow .paging li span, .paging li .areaYellow span, .areaYellow .paging li a:hover, .paging li .areaYellow a:hover, .areaGreen a, .areaGreen .paging li span, .paging li .areaGreen span, .areaGreen .paging li a:hover, .paging li .areaGreen a:hover, .areaRed a, .areaRed .paging li span, .paging li .areaRed span, .areaRed .paging li a:hover, .paging li .areaRed a:hover, .areaPurple a, .areaPurple .paging li span, .paging li .areaPurple span, .areaPurple .paging li a:hover, .paging li .areaPurple a:hover, .areaAqua a, .areaAqua .paging li span, .paging li .areaAqua span, .areaAqua .paging li a:hover, .paging li .areaAqua a:hover {
		display: inline-block;
		min-width: 0;
		padding: 3px 5px;
		font-weight: normal;
		color: #fff;
	}
	.spAreaOrange a, .spAreaOrange .paging li span, .paging li .spAreaOrange span, .spAreaOrange .paging li a:hover, .paging li .spAreaOrange a:hover {
		background: #f67e04;
	}
	.spAreaOrange a:hover, .spAreaOrange .paging li span:hover, .paging li .spAreaOrange span:hover, .spAreaOrange .paging li a:hover, .paging li .spAreaOrange a:hover {
		background: #ec9741;
	}

	.spAreaBlue a, .spAreaBlue .paging li span, .paging li .spAreaBlue span, .spAreaBlue .paging li a:hover, .paging li .spAreaBlue a:hover {
		background: #166fda;
	}
	.spAreaBlue a:hover, .spAreaBlue .paging li span:hover, .paging li .spAreaBlue span:hover, .spAreaBlue .paging li a:hover, .paging li .spAreaBlue a:hover {
		background: #488bdb;
	}
	.spAreaYellow a, .spAreaYellow .paging li span, .paging li .spAreaYellow span, .spAreaYellow .paging li a:hover, .paging li .spAreaYellow a:hover {
		background: #ecac02;
	}
	.spAreaYellow a:hover, .spAreaYellow .paging li span:hover, .paging li .spAreaYellow span:hover, .spAreaYellow .paging li a:hover, .paging li .spAreaYellow a:hover {
		background: #edba34;
	}

	.spAreaGreen a, .spAreaGreen .paging li span, .paging li .spAreaGreen span, .spAreaGreen .paging li a:hover, .paging li .spAreaGreen a:hover {
		background: #32a032;
	}
	.spAreaGreen a:hover, .spAreaGreen .paging li span:hover, .paging li .spAreaGreen span:hover, .spAreaGreen .paging li a:hover, .paging li .spAreaGreen a:hover {
		background: #54b154;
	}

	.spAreaRed a, .spAreaRed .paging li span, .paging li .spAreaRed span, .spAreaRed .paging li a:hover, .paging li .spAreaRed a:hover {
		background: #df1f08;
	}
	.spAreaRed a:hover, .spAreaRed .paging li span:hover, .paging li .spAreaRed span:hover, .spAreaRed .paging li a:hover, .paging li .spAreaRed a:hover {
		background: #e64734;
	}

	.spAreaPurple a, .spAreaPurple .paging li span, .paging li .spAreaPurple span, .spAreaPurple .paging li a:hover, .paging li .spAreaPurple a:hover {
		background: #9955dd;
	}
	.spAreaPurple a:hover, .spAreaPurple .paging li span:hover, .paging li .spAreaPurple span:hover, .spAreaPurple .paging li a:hover, .paging li .spAreaPurple a:hover {
		background: #a678d4;
	}

	.spAreaAqua a, .spAreaAqua .paging li span, .paging li .spAreaAqua span, .spAreaAqua .paging li a:hover, .paging li .spAreaAqua a:hover {
		background: #00a8d2;
	}
	.spAreaAqua a:hover, .spAreaAqua .paging li span:hover, .paging li .spAreaAqua span:hover, .spAreaAqua .paging li a:hover, .paging li .spAreaAqua a:hover {
		background: #13bde8;
	}



	/* list */
	.list li a, .list .paging li span, .paging .list li span, .list .paging li a:hover, .paging .list li a:hover {
		display: block;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAVUlEQVQokWN4vYXBmIEY8H4Lw/93WxjSiFIIxasebmEQJEbh//dbGO7idAqawv84nYJNIVan4FGI6hQCChFOoZZCoqwm7BligoeoACcchUQlCmKTGQCepN6tT1o/iQAAAABJRU5ErkJggg==) 20px 50% no-repeat;
		background-size: 5px 8px;
	}

	/* listHorizontal */
	.listHorizontal { padding: 8px 5px; }
	.listHorizontal li { margin-right: 0; }
	.listHorizontal li a, .listHorizontal .paging li span, .paging .listHorizontal li span, .listHorizontal .paging li a:hover, .paging .listHorizontal li a:hover {
		padding: 2px 10px 2px 20px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAVUlEQVQokWN4vYXBmIEY8H4Lw/93WxjSiFIIxasebmEQJEbh//dbGO7idAqawv84nYJNIVan4FGI6hQCChFOoZZCoqwm7BligoeoACcchUQlCmKTGQCepN6tT1o/iQAAAABJRU5ErkJggg==) 10px 50% no-repeat;
		background-size: 5px 8px;
		font-size: 13px;
	}


	/* cameraIcon */
	.cameraIcon, .presentIcon, .eventIcon {
		width: 20px;
		height: 17px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAA+0lEQVRIie2UsarDMAxF+7XZDBkMXvwXWTN4NGTQTxmy2VMGo+G8yab0pfAe1A2FCu5kgY6lK91uDzFNE2d6zBsWbwd4VvBd+gJcD/CNy0fwcQDGGESElBKqiqqSUkJEMMaMBfDes+87AKpKrZVaK6oKwL7veO/HABhjevGcM8uyYK3FOUcIgVJKh/hPJ/4MICIAlFKY5/nXu3OuQ4jI6wFSSgCs6/o0Z9u27omXAzTDnf2+yVrbPTEMwDl3DUBbuxDC05wYI8CYETQT5pxPu+C95ziOcSa8X8NSCjFGrLVYa4kx9uLD1rD98uwQtRh6iO47cdkpHqHLAX4AKNoJu0woeeAAAAAASUVORK5CYII=) 100% 3px no-repeat;
		background-size: 16px 12px;
	}

	/* presentIcon */
	.presentIcon {
		width: 19px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAeCAYAAAAy2w7YAAAAwklEQVRIie3SQQ3DMAwF0E+hFEqhFIplFEKhCCKbQimEQimUQin8HZa22ZRk3m0HR/Ip+XmSbaByGDFQkRgx1+4bmTlnBmsGVCQqSMHBiMmATBQcVJCKZEXWHGCBjR1kLJCz1j4i0I/Aie21ljBioGBvZLSFhGrgrq3E8hy3bkYQai2YKViu+dTr6v+3dxQspmXKcMihcgbr2xxfd4mC8MuW9uCJgkDBnitYNvL+4AGaqtUmY94hhxxyyCGHHHLor6AnZttg3VQ7+JMAAAAASUVORK5CYII=) 100% 0 no-repeat;
		background-size: 13px 15px;
	}

	/* eventIcon */
	.eventIcon {
		width: 23px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAiCAYAAAAzrKu4AAACFUlEQVRYhdWXzY2DMBCF331PtEALaYEWcskxit1CWqACZEtbAS3QQlqgBVp4e7BxMHbAAbzZtTQSIkb+4pk3P8B/WNR4UGGgQs0GRdI3DUoq1FToqdHmAqMzhd4CllEYjZYKw+ybIRfYwzvIWBcBq+ZA9vmRB0yhTgQrHYxx/fh8zwPW4DSDamOunMD13v4Xe4+Be/77enVvg5ODU+jd+wsKXtLEk23ZW5ZscAIA3nCiRE+Rya2TgytqdFYYo8noXokzJQZKkCKTENxhGm0giInb3D6BOyXo2c3c4n6IMWYU+jHBUuEeSQueUimhAyhza6txmgbl57Gz+236XmEY1ccLCgp0UShjwc2+C1UGWXxSXryEqqABG+QCjwWofe70JP/99bRZebGx1rFBSYHKBfmabXUnNc7uNqZgLxImb5BJQHvdaWMrLMjGvLRAgfpNqNHOr85PASzYoKKCdsq0AuAFBSXajVCkNHF56OIVZVKQL9ux7ZAtL2lBntOdHtQV5YFQx7rTJtCtAR+48/COw97enuAfk220+O8HFKhWStCa5RlWHKBJsv0muN9oIG2r855AcrkzgDPJN972xEyEw01eQJOI0+LvmnFoeQloBLJcKXLPA4uARiDx+Ms9D6zCmQQdF8gn3BkAmgSt/4w758u246NA9s0DOZZtzXuawbijhKZAzRskBaqPu9nF4FPFAyVaClQ/QxchP5TYowUAAAAASUVORK5CYII=) 100% 0 no-repeat;
		background-size: 19px 17px;
	}


	/* entry */
.entry .eventData { margin-bottom: 10px; padding: 10px; background: #FFF6E4; font-size: 15px; font-weight: bold; }
	.entry .text {
	}
	.entry .mainHeadline {
		padding: 3px 0 5px;
		font-size: 18px;
	}
	.entry .bottom .data {
		padding-top: 3px;
		font-size: 12px;
	}
	.entry .bottom .area {
		font-size: 11px;
	}

	/* entryVisual */
	.entryVisual {
		width: auto;
		height: auto;
		padding: 10px;
		line-height: 1.2;
	}
	.entryVisual .image {
		float: left;
		width: 80px;
		height: 80px;
		margin-right: 10px;
		background: #ffffff;
		text-align: center;
	}
	.entryVisual .image img {
		max-width: 80px;
		max-height: 80px;
	}
	.entryVisual .cover {
		position: static;
		width: auto;
		padding: 0;
		background: none;
		color: #333;
	}
	.entryVisual .cover .mainHeadline {
		padding: 3px 0 5px;
		font-size: 18px;
	}
	.entryVisual .cover .mainHeadline a,
	.entryVisual .cover .mainHeadline .paging li span,
	.paging li .entryVisual .cover .mainHeadline span {
		color: #cc6600;
	}
	.entryVisual .cover .outline {
		color: #999999;
	}
	.entryVisual .cover .bottom {
	}
	.entryVisual .cover .bottom .data {
		color: #666;
	}
	.entryVisual .cover .bottom .genre {
		line-height: 1.3;
	}

	/* sp_more_btn */
	.sp_more_btn {
		margin: 10px 10px 20px;
	}
	.sp_more_btn a {
		position: relative;
		display: block;
		padding: 6px 15px 6px 18px;
		background: none repeat scroll 0 0 #f0f0f0;
		border: 2px solid #ccc;
		border-radius: 3px;
		font-weight: normal;
		text-align: center;
		font-size: 13px;
		color: #333;
	}

	/* entryListDotted */
/*	.entryListDotted li:last-child { border-bottom: 0; }*/

	/* TopNews */
	.TopNews {
		background: none;
		border-bottom: 0;
	}
	.TopNews .left,
	.TopNews .right {
		float: none;
		width: auto;
		padding-right: 0;
		border-bottom: #ccc 1px dotted;
	}

	/* TopNewsArea */
	.TopNewsArea .entry .imageBox, .TopNewsArea .entry .imageBoxRight { width: 80px; height: 80px; }
	.TopNewsArea .entry .imageBox img, .TopNewsArea .entry .imageBoxRight img { max-width: 80px; max-height: 80px; }
	.TopNewsArea .entry .mainHeadline { padding: 3px 0;}
	.TopNewsArea .entry .description { display: none;}
	.TopNewsArea .twoColumn { display: none;}

	/* TopNewsAreaList */
	.TopNewsAreaList { padding: 0; }
	.TopNewsAreaList .entry { padding: 10px; }
	.TopNewsAreaList .entry .imageBox, .TopNewsAreaList .entry .imageBoxRight { width: 80px; height: 80px; }
	.TopNewsAreaList .entry .imageBox img, .TopNewsAreaList .entry .imageBoxRight img { max-width: 80px; max-height: 80px; }
	.TopNewsAreaList .entry .mainHeadline { padding: 3px 0; }
	.TopNewsAreaList .entry .description { display: none;}
	.TopNewsAreaList .entryListDotted li:last-child { border-bottom: #CCC 1px dotted; }


	/* twoColumn */
	.twoColumn {
		background: none;
	}
	.twoColumn .left,
	.twoColumn .right {
		float: none;
		width: auto;
	}
	.twoColumn .left .headline { border-right: 1px solid #fff; }
	.twoColumn .left .entryList { padding-right: 1px; }

	/* boxThreeColumn */
	.boxThreeColumn {
		width: auto;
		background: none;
	}
	.boxThreeColumn .boxThreeColumnWrap1,
	.boxThreeColumn .boxThreeColumnWrap1 .boxThreeColumnWrap2 {
		background: none;
	}



	/* PersonAreaWrap */
	.PersonAreaWrap .twoColumn > * + * {
		border-top: #CCC 1px dotted;
	}

	/* LocalnewsareaWrap */
	.LocalnewsareaWrap .entryTableThreeColumn tr:nth-child(2) ~ tr,
	.LocalnewsareaWrap .entryTableThreeColumn tr:nth-child(2) td + td {
		display: none;
	}


	/* entryList */
	.entryListThreeColumn {
		width: auto;
		margin: 0;
		overflow: visible;
	}
	.entryListThreeColumn li {
		float: none;
		width: auto;
		margin: 0 0 10px;
		-webkit-box-shadow: 0 0 5px #999999;
		box-shadow: 0 0 5px #999999;
	}

	.entryListThreeColumn .entry .imageBox,
	.entryListThreeColumn .entry .imageBoxRight {
		float: left;
		width: 95px;
		height: 95px;
		margin: 0 10px 0 0;
		text-align: center;
	}
	.entryListThreeColumn .entry .imageBox img,
	.entryListThreeColumn .entry .imageBoxRight img {
		max-width: 80px;
		max-height: 80px;
	}
	.entryListThreeColumn .entry .text { padding: 0; }
.entryListThreeColumn .entry .text .data { margin-bottom: 5px; }
	.entryListThreeColumn .entry .text p[class^=area] a {
		padding: 3px 5px;
	}

	.entryListShadow { margin: 10px 10px 0; }
	.entryListShadow li { -moz-box-shadow: #999999 0 0 5px; -webkit-box-shadow: #999999 0 0 5px; box-shadow: #999999 0 0 5px; margin-bottom: 10px; }
	.entryListShadow li .entryListWrap { display: block; }
	.entryListShadow li .entryListWrap .imageBox, .entryListShadow li .entryListWrap .entry .imageBoxRight, .entry .entryListShadow li .entryListWrap .imageBoxRight { width: 95px; height: 95px; }
	.entryListShadow li .entryListWrap .data { float: inherit; margin-bottom: 5px; }


	/* entryTable */
	.entryTableBorder table,
	.entryTableBorderNone table {
		width: auto;
		background: none;
	}
	.entryTableBorder table td, .entryTableBorderNone table td { width: 300px; border-bottom: 1px dotted #CCCCCC; vertical-align: top; }
	.entryTableBorder table td:empty, .entryTableBorderNone table td:empty {
		display: none;
	}

	.entryTableBorderNone table
	.entryTableBorderNone table td { border-top: 1px dotted #CCCCCC; border-bottom: none; }

	.entryTableBorderNone table,
	.entryTableBorderNone table tbody,
	.entryTableBorderNone table tr,
	.entryTableBorderNone table th,
	.entryTableBorderNone table td {
		display: block;
		width: auto;
	}

	.entryTableTwoColumn,
	.entryTableThreeColumn {
		padding: 0;
		border-top: none;
	}
	.entryTableTwoColumn table,
	.entryTableThreeColumn table {
		width: auto;
		margin-bottom: 0;
	}
	.entryTableTwoColumn td,
	.entryTableThreeColumn td {
		width: auto;
		vertical-align: top;
	}
	.entryTableTwoColumn .entry {
		padding: 0;
	}
.entryTableTwoColumn .entry .subHeadline { font-size: 12px; font-weight: normal; }
.entryTableTwoColumn .entry .mainHeadline { font-size: 14px; }
.entryTableTwoColumn .entry .secondaryHeadline { font-size: 14px; }
.entryTableTwoColumn .entry .outline { font-size: 12px; font-weight: normal; }

	.entryTableThreeColumn,
	.entryTableThreeColumn table,
	.entryTableThreeColumn table tbody,
	.entryTableThreeColumn table tr,
	.entryTableThreeColumn table th,
	.entryTableThreeColumn table td {
		display: block;
	}
	.entryTableThreeColumn .entry {
		padding: 10px;
		border-bottom: #CCC 1px dotted;
	}
	.entryTableThreeColumn .entry .subHeadline {
		font-size: 100%;
	}
	.entryTableThreeColumn .entry .mainHeadline,
	.entryTableThreeColumn .entry .secondaryHeadline {
		padding: 3px 0;
		font-size: 18px;
	}
	.entryTableThreeColumn .entry .outline {
		font-size: 100%;
	}
	.entryTableThreeColumn .entry .data {
		padding-top: 0;
		font-size: 100%;
	}



	/* event */
	.event {
		padding: 0;
	}


	/* localNews */
	.localNews .localNewsTitle {
		display: none;
	}
	.localNews .twoColumn .left {
		width: auto;
		padding-right: 0;
	}
	.localNews .entry {
		height: auto;
	}
	.localNews .entryVisual {
		border-right: 0;
		border-bottom: #CCC 1px dotted;
	}
	.localNews .visual {
		width: auto;
		border-right: 0;
		border-bottom: 0;
	}

	.localNews .twoColumn > * {
		position: absolute;
		left: -200%;
		opacity: 0;
		z-index: -1;
	}
	.localNews .twoColumn > *.show {
		position: static;
		-webkit-transition: opacity .5s;
		-o-transition: opacity .5s;
		transition: opacity .5s;
		display: block;
		opacity: 1;
	}


	.localNews .sp_more_btn {
		padding: 0 10px 10px;
		border-top: #CCC 1px dotted;
	}


	/* pr */
	.pr {
		background: #fbf8ee;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 10px;
	}
	.pr .entryTableTwoColumn,
	.pr .entryTableTwoColumn table,
	.pr .entryTableTwoColumn tbody,
	.pr .entryTableTwoColumn tr,
	.pr .entryTableTwoColumn th,
	.pr .entryTableTwoColumn td {
		display: block;
	}
	.pr .mainHeadline {
		font-size: 15px;
		font-weight: normal;
	}
	.pr .entry {
		margin-bottom: 10px;
	}
	.pr .prText {
		padding: 0;
	}


	/* tabBtnBox / .tabMainBtnBox */
	.tabBtnBox {
		display: table !important;
		width: 100%;
		table-layout: fixed;
		margin-top: 0.2rem;/*20221019_kara*/
	}
	.tabBtnBox a {
		display: table-cell;
		/*background: #999;*/
		background: #e9e9e9;/*20221019_kara*/
		/*color: #fff;*/
		color: #333;/*20221019_kara*/
		/*font-size: 12px;*/
		font-size: 14px;/*20221019_kara*/
		/*font-weight: bold;*/
		padding: 8px 0;
		text-align: center;
		-webkit-transition: background .2s, color .2s;
		-o-transition: background .2s, color .2s;
		transition: background .2s, color .2s;
		border-top: 5px solid #ccc;/*20221019_kara*/
		border-top-left-radius: 5px;/*20221019_kara*/
		border-top-right-radius: 5px;/*20221019_kara*/
	}
	.tabBtnBox a + a {
		border-left: 1px solid #fff;
	}
	.tabBtnBox a.current {
		background: #fff;
		border-top: 5px solid #ffcc66;
		color: #444;
		font-weight: bold;/*20221019_kara*/
	}

	/* sideHeadline */
	.sideHeadline {
		padding: 8px 18px;
		font-size: 15px;
	}
	.sideHeadline .link {
		top: 6px;
		padding: 5px 8px 5px 12px;
		background: none;
	}
	.sideHeadline .link::after {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -4px;
		border-style: solid;
		border-width: 4px 0 4px 5px;
		border-color: transparent transparent transparent #ff7f00;
	}
.sideHeadline .right { position: absolute; right: 4px; top: 11px; padding: 0px 8px 0px 12px; font-size: 13px; font-weight: normal; }

/* sideHeadline Mura */
.sideHeadlineMura { position: relative; padding: 8px; border-bottom: #ddd 1px solid; background: #F0F0F0; font-size: 16px; font-weight: bold; }
.muraSideObi { position: absolute; display: inline-block; left: 185px; }
.muraSideObi img { height: 25px; }
	.muraSideSearch { display: none; }


	/* sp_headline */
	.sp_headline {
		position: relative;
		padding: 6px 8px 6px 20px;
		background: #f67e04;
		border-bottom: 0;
		font-size: 100%;
		color: #fff;
	}
	.sp_headline::before {
		content: "";
		position: absolute;
		left: 7px;
		top: 5px;
		bottom: 5px;
		width: 6px;
		background-color: #ffcc66;
		border-radius: 100px;
	}

	/* spBtn */
	.spBtn,
	.spBtnBlack,
	.spBtnGray,
	.spBtnHorizontal li a,
	.spBtnHorizontal .paging li span,
	.paging .spBtnHorizontal li span,
	.spBtnGrayLarge,
	.spBtnBlackLarge,
	.spBtnArrowRight {
		display: inline-block;
		vertical-align: middle;
		border-radius: 3px;
		padding: 6px 15px 6px 18px;
		background: white url(../img/base/arrowYellow.png) 8px 50% no-repeat;
		background-size: 5px 8px;
		font-size: 13px;
		font-weight: bold;
		color: #333;
	}
	.spBtnBlack {
		background-color: #333;
		color: #FFF;
	}

	.spBtnGray,
	.spBtnHorizontal li a,
	.spBtnHorizontal .paging li span,
	.paging .spBtnHorizontal li span {
		background-color: #F0F0F0;
	}

	.spBtnGrayLarge {
		background: #f0f0f0;
		border: 2px solid #ccc;
		display: block;
		font-weight: normal;
		margin: 10px 0;
		position: relative;
		text-align: center;
	}
	.spBtnBlackLarge {
		display: block;
		background: #333333 url(../img/base/arrowYellowBig.png) 12px 50% no-repeat;
		font-size: 16px;
		color: #FFF;
		text-align: center;
	}

.btnArrowRight { position: relative; padding: 6px 18px 6px 15px; background: #fff; background-size: inherit; }
.btnArrowRight:after { content: ""; display: block; position: absolute; right: 6px; top: 50%; width: 5px; height: 8px; margin-top: -4px; background: url("../img/base/arrowYellow.png") no-repeat; -moz-background-size: 5px 8px; -o-background-size: 5px 8px; -webkit-background-size: 5px 8px; background-size: 5px 8px; }


	/* Rarea Mura */
	a.rareaSP {
		padding: 1px 0 4px;
	}
	.rareaSP img {
		position: relative;
		top: 4px;
		padding: 0 0 0 10px;
		height: 20px;
	}

	/* area_banner */
	.area_banner { max-width: 300px; height: auto;}
	.area_banner ul { text-align: center;}
	.area_banner img {height: auto; width: auto; max-width: 100%;}

	.area_banner .bx-prev { left: -30px; top: 15px;}
	.area_banner .bx-next { right: -30px; top: 15px;}

	/* arrowLink */
	.arrowLink a, .weblioPertain ul li a, .athome .mainHeadline a, .column .mainHeadline a, .arrowLink .paging li span, .paging li .arrowLink span, .weblioPertain ul .paging li span, .paging .weblioPertain ul li span, .athome .mainHeadline .paging li span, .paging li .athome .mainHeadline span, .column .mainHeadline .paging li span, .paging li .column .mainHeadline span {
		display: inline-block;
		vertical-align: middle;
		padding-left: 8px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAVUlEQVQokWN4vYXBmIEY8H4Lw/93WxjSiFIIxasebmEQJEbh//dbGO7idAqawv84nYJNIVan4FGI6hQCChFOoZZCoqwm7BligoeoACcchUQlCmKTGQCepN6tT1o/iQAAAABJRU5ErkJggg==) 0 6px no-repeat;
		background-size: 5px 8px;
		font-weight: bold;
		color: #333;
	}



	/* single */
	.singleTitleWrap { padding: 10px;}
	.single { padding: 0;}
	.single .entry .text .mainHeadline { padding: 5px 0; font-size: 22px; }
	.single .entry .text span.subHeadline,
	.single .entry .text span.mainHeadline.subHeadline { font-size: 17px; margin-bottom: 0; }
	.single .entry .text span.outline,
	.single .entry .text span.mainHeadline.outline { font-weight: normal; margin: 0 0 5px; color: #999999; }
	.single .entry .text .genre { display: inline-block; margin-left: 0; padding: 2px 5px;}
	.single .entry .text .genre + .genre { margin-left: 5px;}
	.single .entry .text p { height: auto; }
	.single .entry .bar { height: auto; font-size: 13px; color: #999;}

	/* weblio */
	.weblio { padding: 0 10px 20px; }


/* weblioPertain */
.weblio_ra_head {height: 40px; }/* 20140926kara */
.weblioPertain ul { padding: 10px; }/* { padding: 10px 10px 0; }20140926kara */
.weblioPertain ul li { margin-bottom: 2px; font-size: 16px; }
.weblioPertain ul li a, .weblioPertain ul .paging li span, .paging .weblioPertain ul li span, .weblioPertain ul .paging li a:hover, .paging .weblioPertain ul li a:hover { background-position: 0 9px; color: #cc6600; }

	/* shop */
	.shop { padding: 10px 10px 20px; }
	.shop .shopWrap { padding: 10px; border-width: 3px; }
	.shop .entry { padding: 0; }
	.shop .mainHeadline { font-size: 16px; font-weight: bold; }
	.shop .secondaryHeadline { font-size: 16px; font-weight: bold; }
	.shop .text p {line-height: 1.5em;}
	.shop .adress { font-size: 100%; }
	.shop .tel { font-size: 100%; }
	.shop .url { font-size: 100%; }

	/* athome */
	.athome .entry { padding: 5px; }
	.athome .entry .flex { align-items: center; }
	.athome .mainHeadline a, .athome .mainHeadline .paging li span, .paging li .athome .mainHeadline span { font-size: 15px; font-weight: normal; background-position: 0 5px; }


	/* webAlbumColumn */
	.webAlbumColumn .accordionBtnSp {
		position: relative;
		display: block;
		padding: 15px 20px 15px 6px;
		border-top: #fff 1px solid;
		border-bottom: #ddd 1px solid;
		background: #F0F0F0;
		font-size: 15px;
		font-weight: bold;
		color: #333;
	}
	.webAlbumColumn .accordionBtnSp:after {
		content: "";
		position: absolute;
		right: 9px;
		top: 50%;
		width: 5px;
		height: 10px;
		margin-top: -5px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAV0lEQVQokWP4WstgzEAM+FbH8v9rLXMaUQohmHnVhwoGQSIUsvz/Vsd8F6dTUBVCMFanYFOI1Sm4FaI5Bb9CJKdQSSFRVhPhGSKCh6gAJyIKiUoUxCYzALMHz2fhntTGAAAAAElFTkSuQmCC) no-repeat;
		background-size: 5px 10px;
	}
	.webAlbumColumn .accordionSp {
		height: 0;
		overflow: hidden;
		-webkit-transition: height 0.6s;
		-o-transition: height 0.6s;
		transition: height 0.6s;
	}
	.webAlbumColumn .accordionSp > div {
		padding: 10px 0;
	}
	.webAlbumColumn { margin-bottom: 0; padding-top: 0; }


	/* cbox */
	#cboxLoadedContent img {
		max-width: 100% !important;
		max-height: 100% !important;
	}
	#cboxClose {
		top: -12px;
		right: -12px;
	}

	/* entryMain */
	.entryMain { padding: 10px 10px 0; font-size: 18px; line-height: 1.65; }
	.entryMain p { margin-bottom: 20px; }

	/* thumbnail */
	.thumbnail { box-sizing: border-box; float: none; max-width: 100%; margin: 0 0 10px; text-align: center; }
	.thumbnail img {max-width: 100%; /*width: 100%; */}
	.thumbnail .caption { margin-top: 5px; text-align: left; }

	/* thumbnailBox */
	.thumbnailBox, .thumbnailBox tbody, .thumbnailBox tr, .thumbnailBox td, .thumbnailBox td { display: block; width: auto; }
	.thumbnailBox { margin-bottom: 20px; padding: 0 10px; }
	.thumbnailBox td { padding: 0; vertical-align: top; }
	.thumbnailBox .thumbnail { margin-bottom: 10px;}
	.thumbnailBox .space {display: none;}


	/* snsFlexTop */
	.singleTitleWrap .snsFlexTop { position: static; }
	.singleTitleWrap .snsFlexTop ul { justify-content: space-between; margin: 0 -3px; }
	.singleTitleWrap .snsFlexTop li { border-radius: 3px; flex-basis: 100%; margin: 0 3px; }
	.singleTitleWrap .snsFlexTop img { width: 25px;}

	.snsFlex { margin: 0 10px 15px; }
	.snsFlex ul{ margin: 0 -3px; padding: 0; justify-content: space-between;}
	.snsFlex li { margin: 0 3px; width: 100%; }
	.snsFlex a { display: block; height: 25px; overflow: hidden; color: #fff; text-decoration: none; font-size: 0; line-height: 1; padding: 0;}
	.snsFlex img { width: 25px; float: none; padding: 0; position: static;}


	/* single_latest_entry */
	.single_latest_entry .headline span::before {
		content: "3";
	}
	.single_latest_entry.recruit_wrap .headline span::before {
		content: "";
	}
	.single_latest_entry .headline span span {
		display: none;
	}
	.single_latest_entry .entryTableBorderNone table tr:nth-child(2) ~ tr,
	.single_latest_entry .entryTableBorderNone table tr:nth-child(2) td + td {
		display: none;
	}
	.single_latest_entry .entryTableBorderNone .secondaryHeadline,
	.single_latest_entry .entryTableBorderNone .mainHeadline {
		padding: 3px 0;
		font-size: 18px;
	}
	.single_latest_entry .entryTableBorderNone .mainHeadline .genre {
		margin-left: 0;
		margin-left: 5px;
	}

	/* single_relation_link */
	.single_relation_link {
		margin: 10px 0;
	}
	.single_relation_link .sideHeadline {
		display: none;
	}
	.single_relation_link .btnBox {
		width: auto;
		margin: 0;
		border-top: #ddd 1px solid;
	}
	.single_relation_link .btnBox li {
		float: none;
		width: auto;
		margin: 0;
	}
	.single_relation_link .btnBox li a {
		position: relative;
		display: block;
		padding: 6px 20px 6px 6px;
		border-top: #fff 1px solid;
		border-bottom: #ddd 1px solid;
		background: #F0F0F0;
		font-size: 13px;
		font-weight: bold;
		color: #333;
	}
	.single_relation_link .btnBox li a:after {
		content: "";
		display: block;
		position: absolute;
		right: 9px;
		top: 50%;
		margin-top: -5px;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		border-color: transparent transparent transparent #f67e04;
	}


	/* paging */
	.paging { margin: 15px 0; padding: 15px 0 10px; }
	.paging li { margin-bottom: 5px; }
	.paging li a, .paging li span, .paging li a:hover { height: 30px; padding: 0 10px; box-sizing: border-box; }
	.paging li span, .paging li span:hover, .paging li a:hover { border: #CC6600 1px solid; background: #FF9900; color: #fff; text-decoration: none; }
	.paging li a.prev::before, .paging li a.next::after { content: none; }



	/* bannerList */

	.bannerList { position: relative; margin: 0 auto 10px; padding-top: 10px; width: 300px; }
	.bannerList .bx-wrapper {}
	.bannerList ul { text-align: center;}
	.bannerList img {height: 100px; width: 300px;}

	.bannerList .bx-prev { position: absolute; left: -10%; top: 40%; width: 27px; height: 27px; background: url(../../img/base/albumPrev.png) no-repeat; text-indent: -9999px; opacity: 0.2; }
	.bannerList .bx-next { position: absolute; right: -10%; top: 40%; width: 27px; height: 27px; background: url(../../img/base/albumNext.png) no-repeat; text-indent: -9999px; opacity: 0.2; }
	.bannerList .bx-prev:hover { background-position: 0; }
	.bannerList .bx-next:hover { background-position: 0; }
	.bannerList .bx-controls-direction .disabled { display: none; }
	.topbanner {
		margin: 0;
	}


	/* color */
	.nameBlue { color: #fff; background: #166fda; padding:3px; }
	.nameYellow { color: #fff; background: #ecac02; padding:3px; }
	.nameGreen { color: #fff; background: #32a032; padding:3px; }
	.nameRed { color: #fff; background: #df1f08; padding:3px; }
	.namePurple { color: #fff; background: #9955dd; padding:3px; }
	.nameAqua { color: #fff; background: #00a8d2; padding:3px; }



	/* addList */
	.addList { display: none; }


	/* btn */
.btn, .btnBlack, .btnGray, .btnHorizontal li a, .btnHorizontal .paging li span, .paging .btnHorizontal li span, .btnGrayLarge, .btnBlackLarge, .btnArrowRight { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 6px 15px 6px 18px; background: white url(../img/base/arrowYellow.png) 8px 50% no-repeat; background-size: 5px 8px; font-size: 13px; font-weight: bold; color: #333; }


	.btnBlack { background-color: #333; color: #FFF; }

	.btnGray, .btnHorizontal li a, .btnHorizontal .paging li span, .paging .btnHorizontal li span { background-color: #F0F0F0; }

	.btnGrayLarge { background: none repeat scroll 0 0 #f0f0f0; border: 2px/*1px*/ solid #ccc; display: block; font-weight: normal; margin: 10px; position: relative; text-align: center; }
	.btnGrayLarge:after { content: ""; display: block; position: absolute; right: 7px; top: 50%; width: 4px; height: 6px; margin-top: -3px; /*background: url("../img/base/arrowSmall.png") no-repeat;*/ -moz-background-size: 4px 6px; -o-background-size: 4px 6px; -webkit-background-size: 4px 6px; background-size: 4px 6px; }

	.btnBlackLarge { display: block; background: #333333 url(../img/base/arrowYellowBig.png) 12px 50% no-repeat; font-size: 16px; color: #FFF; text-align: center; }

	.btnArrowRight { position: relative; padding: 6px 18px 6px 15px; background: #fff; background-size: inherit; }
	.btnArrowRight:after { content: ""; display: block; position: absolute; right: 6px; top: 50%; width: 5px; height: 8px; margin-top: -4px; background: url("../img/base/arrowYellow.png") no-repeat; -moz-background-size: 5px 8px; -o-background-size: 5px 8px; -webkit-background-size: 5px 8px; background-size: 5px 8px; }

	/* btnHorizontal */
	.btnHorizontal {
		margin: 0;
		padding: 10px 0 3px;
	}
	.btnHorizontal li {
		margin: 0 7px 7px 0;
	}


	#topSpNews > * {
		position: absolute;
		left: -200%;
		opacity: 0;
		z-index: -1;
	}
	#topSpNews > *.show {
		position: static;
		-webkit-transition: opacity .5s;
		-o-transition: opacity .5s;
		transition: opacity .5s;
		display: block;
		opacity: 1;
	}

	#tabSpContents > * {
		position: absolute;
		left: -200%;
		opacity: 0;
		z-index: -1;
	}
	#tabSpContents > *.show {
		position: static;
		-webkit-transition: opacity .5s;
		-o-transition: opacity .5s;
		transition: opacity .5s;
		display: block;
		opacity: 1;
	}

	/* pagetopLink */
	.pagetopLink { padding: 10px; text-align: right; }
	.pagetopLink a, .pagetopLink .paging li span, .paging li .pagetopLink span {
		padding-right: 12px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAiUlEQVQokY3RwQmGMAyG4cCXBbqCKziLKzhDL8nZFZzFFVzBFUovydX/oiI/DTbQU3l4G0oUjAlmE8zRfXNqpsEExQSlZhq6oQnvrny68mnCexdy5eVGr7N8lGhsoKtMY7RXcsURQVccNVNq1LDG6K5i/dsL0xd6lafniSYovfD6okQm2PprD95+K9bBu/zfnlwAAAAASUVORK5CYII=) 100% 50% no-repeat;
		background-size: 7px 5px;
		color: #333;
	}

	/*** フッター部のお問い合わせボタン ***/
	.btnBox {
		overflow: hidden;
		width: auto !important;
		margin: 0 !important;
		padding: 0 5px;
		list-style: none;
		_zoom: 1;
		margin-bottom: 15px;
		text-align: left;
	}
	.btnBox li {
		width: auto !important;
		margin: 0 0 10px 0 !important;
		float: none;
	}
	.btnBox .btn {
		position: relative;
		padding-right: 32px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		-moz-box-shadow: #666666 1px 1px 3px;
		-webkit-box-shadow: #666666 1px 1px 3px;
		box-shadow: #666666 1px 1px 3px;
		display: block;
		padding: 6px 32px 6px 20px;
		background: #333;
		background-size: 5px 8px;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
	}
	.btnBox .btn:after {
		content: "";
		display: block;
		position: absolute;
		right: 10px;/*16px;*/
		top: 50%;
		width: 16px;
		height: 16px;
		margin-top: -8px;
		background: url("/img/base/btnArrowOrange.gif") no-repeat;
		-moz-background-size: 16px 16px;
		-o-background-size: 16px 16px;
		-webkit-background-size: 16px 16px;
		background-size: 16px 16px;
	}
	.btnBox .PresentIcon .btn {
		position: relative;
		padding-right: 32px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		-moz-box-shadow: #666666 1px 1px 3px;
		-webkit-box-shadow: #666666 1px 1px 3px;
		box-shadow: #666666 1px 1px 3px;
		display: block;
		padding: 6px 32px 6px 35px;/*6px 32px 6px 20px;*/
		background: #333;
		background-size: 5px 8px;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
	}
	.btnBox .PresentIcon .btn:before {
		content: "";
		display: block;
		position: absolute;
		left: 10px;
		top: 50%;
		width: 16px;
		height: 16px;
		margin-top: -8px;
		background: url("../../images/present.png") no-repeat;
		-moz-background-size: 16px 16px;
		-o-background-size: 16px 16px;
		-webkit-background-size: 16px 16px;
		background-size: 16px 16px;
	}




	/* toplinkList */
	.toplinkList { border-top: #ddd 1px solid; }
	.toplinkList .navList a, .toplinkList .navList .paging li span, .toplinkList .navList span { background: none repeat scroll 0 0 #e9e9e9; border-bottom: 1px solid #ccc; color: #333; display: block; font-size: 12px; font-weight: bold; padding: 8px 2px; position: relative; }
	.toplinkList .navList a:after, .toplinkList .navList .paging li span:after {content: ""; display: block; height: 10px; margin-top: -5px; position: absolute; right: 9px; top: 50%; width: 5px; }
	.toplinkList ul li {width: 33.3333%; float:left; border-right: 1px solid #ccc; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;  -o-box-sizing:border-box; }
	.toplinkList ul li a {text-align: center; }


	/* linkList */
	.linkList, .accordion { border-top: #ddd 1px solid; }
	.linkList .navList a, .accordion .navList a, .linkList .navList .paging li span, .paging li .linkList .navList span, .accordion .navList .paging li span, .paging li .accordion .navList span {
		position: relative;
		display: block;
		margin: 0;
		padding: 6px 20px 6px 6px;
		border-top: #fff 1px solid;
		border-bottom: #ddd 1px solid;
		background: #F0F0F0;
		font-size: 13px;
		font-weight: bold;
		color: #333;
	}
	.linkList .navList a:after, .accordion .navList a:after, .linkList .navList .paging li span:after, .paging li .linkList .navList span:after, .accordion .navList .paging li span:after, .paging li .accordion .navList span:after {
		content: "";
		position: absolute;
		right: 9px;
		top: 50%;
		width: 5px;
		height: 10px;
		margin-top: -5px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAV0lEQVQokWP4WstgzEAM+FbH8v9rLXMaUQohmHnVhwoGQSIUsvz/Vsd8F6dTUBVCMFanYFOI1Sm4FaI5Bb9CJKdQSSFRVhPhGSKCh6gAJyIKiUoUxCYzALMHz2fhntTGAAAAAElFTkSuQmCC) no-repeat;
		background-size: 5px 10px;
	}



	/* backnumber */
	.backnumber .archive { -moz-appearance: none; -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; display: block; width: 100%; padding: 6px 6px 6px 15px; border: none; border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; background: #f0f0f0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAV0lEQVQokWP4WstgzEAM+FbH8v9rLXMaUQohmHnVhwoGQSIUsvz/Vsd8F6dTUBVCMFanYFOI1Sm4FaI5Bb9CJKdQSSFRVhPhGSKCh6gAJyIKiUoUxCYzALMHz2fhntTGAAAAAElFTkSuQmCC) 5px 50% no-repeat; background-size: 5px 8px; font-size: 13px; font-weight: bold; color: #333; }

	/* contact */
	.contact_SP { padding: 5px 5px 0 5px;/*5px 10px;*/ font-size:1.42em; font-weight: bold; }
	.contact_SP .tel { /*display: inline;*/ }
	.contact_SP .fax { margin-bottom: 0.5rem; /*display: inline; margin-left: 10px;*/}
	.contact_SP .area { font-size: 1.15em; padding-bottom: 0; }

	.contact_SP .haika { width: auto !important;  margin: 0 0 10px 0 !important;  float: none;}/*kara*/
	.contact_SP .haika .haikabutton{ position: relative;  padding-right: 32px;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;  border-radius: 2px;  -moz-box-shadow: #666666 1px 1px 3px;  -webkit-box-shadow: #666666 1px 1px 3px;  box-shadow: #666666 1px 1px 3px;  display: block;  padding: 6px 32px 6px 20px;  background: #333;  background-size: 5px 8px;  font-size: 14px;  font-weight: bold;  color: #fff; }/*kara*/
	.contact_SP .haika .haikabutton:after{ content: "";  display: block;  position: absolute;  right: 10px;  top: 50%;  width: 16px;  height: 16px;  margin-top: -8px;  background: url(/img/base/btnArrowOrange.gif) no-repeat;  -moz-background-size: 16px 16px;  -o-background-size: 16px 16px;  -webkit-background-size: 16px 16px;  background-size: 16px 16px; }/*kara*/

}
	/*ranklet*/
	#rankletPC,
	#rankletSP { display: none; }
	body.show-pc-ranklet #rankletPC { display: inline; }
	body.show-sp-ranklet #rankletSP { display: inline; }