@charset "utf-8";

/* ロード画面 */
/************************************************************************************************************/
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 2;
}
#loader {
  display: none;
  position: fixed;
  top: 47%;
  left: 47%;
  text-align: center;
  color: #fff;
  z-index: 3;
}
#loader img{width:16px;height:16px;}

/* contents player基準layout用寸法 */
/************************************************************************************************************/
#contents{
	width: 1080px;
	display:inline-block;
	margin:0 auto;
	vertical-align:bottom;
	text-align: left;
	}
	
#field{margin-top:0;}
.outside #field{margin-top:0;}
.outside #contents{width:100%;}

[class^="boxr0"]{display:inline-block;vertical-align:bottom;}

.w176Lm {display:block;float:left;}
.w776{display:inline-block;overflow:hidden;}
.outside .w776,#subbox.w776{display:block;float:none;}
.w576R{display:block;float:right;}
.w376L{display:block;float:left;}
.w176R{display:block;float:right;}

.w776 [class*="boxr0"]{width:1032px;margin:24px auto 0 auto;}
.w776 .boxr00,.w776 [class*="boxbg0"]{width:1080px;margin:24px auto 0 auto ;padding:0 0 0 24px;}
.w776 .boxr01{width:1080px;margin:0 auto 0 auto ;padding:0 24px 0 24px;} 

.outside .w776 .boxr00,.outside .w776 [class*="boxbg0"]{width:1080px;margin:0 auto;padding:24px 0 0 24px;}
.outside .w776 .boxr01{width:1032px;margin:0 auto;padding:0;} 
.outside .w776 .boxr01.wi100{width:100%;} 


#box1.w776{display:block;margin:0 auto;}
#box4.w776{display:block;width:100%;}
#box4.w776 .boxbg02{margin:0 auto 24px auto;}
.outside #box4.w776{display:block;}

.w576R [class*="boxr0"]{width:708px;margin:24px 24px 0 12px;}
.w576R .boxr00,.w576R [class*="boxbg0"]{width:732px;margin:24px 0 0 12px;}
.w576R .boxr01{width:708px;margin:0 24px 0 12px;}

.w376L [class*="boxr0"]{width:456px;margin:24px 24px 0 12px;}
.w376L .boxr00,.w376L [class*="boxbg0"]{width:480px;margin:24px 0 0 12px;}
.w376L .boxr01{width:456px;margin:24px 24px 0 12px;}

.w176R [class*="boxr0"]{width:228px;margin:24px 24px 0 0;}
.w176R .boxr00,.w176R [class*="boxbg0"]{width:252px;margin:24px 0 0 0;}
.w176R .boxr01{width:228px;margin:24px 24px 0 0;}

.w176Lm [class*="boxr0"]{width:300px;margin:24px 12px 12px 24px;}
.w176Lm .boxr00,.w176Lm [class*="boxbg0"]{width:312px;margin: 24px 0 12px 24px;}
.w176Lm .boxr01{width:312px;margin: 0 0 12px 24px;}
.w176Lm .boxr02{width:312px;margin: 24px 0 12px 24px;}
.w176Lm .boxr06{width:298px;margin: 0 12px 12px 24px;}

/* ★Media Queries指定★ (layout用)共有設定*/
/*============================================================*/
@media screen and (min-width: 481px) and (max-width: 1080px) {
#contents{width:100%;}

.outside #contents{width:100%;padding-top:0;}

#naviLr{width:312px;}
.w176Lm {display:block;width:calc(100%);margin:0;float: left;}
.w776{display:block;}
.outside .w776{display:block;}
.w576R{width:calc(100%);display:block;float: right;}
.w376L{width:calc(100%/12*8);display:block;float: left;}
.w176R{width:calc(100%/12*4);display:block;float: right;}

.w776 [class*="boxr0"]{width:calc(100% - 48px);margin:24px auto 0 auto;}
.w776 .boxr00,.w776 [class*="boxbg0"]{width:100%;margin:0 auto;padding:24px 0 0 24px;}
.w776 .boxr01{width:100%;padding:0;margin-top:0;} 

.outside .w776 [class*="boxr0"]{width:calc(100% - 48px);margin:0 auto 0 auto;}
.outside .w776 .boxr00,.outside .w776 [class*="boxbg0"]{width:100%;margin:0 auto;padding:24px 0 0 24px;}
.outside .w776 .boxr01{width:100%;padding:0 0 12px 0;} 

.w576R [class*="boxr0"]{width:calc(100% - 48px);margin-left:24px;margin-right:24px;}
.w576R .boxr00,.w576R .boxr01,.w576R [class*="boxbg0"]{width:calc(100%);margin-left:0;}

.w376L [class*="boxr0"]{width:calc(100% - 48px);margin-left:24px;margin-right:24px;}
.w376L .boxr00,.w376L [class*="boxbg0"]{width:calc(100% - 24px);margin-left:24px;margin-right:0;}
.w376L .boxr01{width:calc(100% - 24px);margin-left:0;margin-right:24px;}

.w176R [class*="boxr0"]{width:calc(100% - 24px);margin-left:0;margin-right:24px;}
.w176R .boxr00,.w176R [class*="boxbg0"]{width:calc(100%);margin-left:0;margin-right:0;}
.w176R .boxr01{width:calc(100%);margin-left:0;margin-right:0;}

.w176Lm [class^="boxr0"],.w176Lm [class^="boxbg0"]{margin:0;}
}

/* ★Media Queries指定★ (layout用)共有設定*/
/*============================================================*/
@media screen and (max-width: 480px) {
#contents{width:100%;}

.outside #contents{width:100%;padding-top:0;}

#naviLr{width:288px;}
.w176Lm {display:block;width:calc(100%);margin:0;float:left;}
.w776{display:block;}
.outside .w776{display:block;}
.w576R{width:calc(100%);display:block;float: right;}
.w376L{width:calc(100%);display:block;}
.w176R{width:calc(100%);display:block;}

.w776 [class*="boxr0"]{width:calc(100% - 24px);margin:24px auto 0 auto;}
.w776 .boxr00,.w776 [class*="boxbg0"]{width:100%;margin:0 auto;padding:24px 0 0 12px;}
.w776 .boxr01{width:100%;padding:0;margin-top:0;} 

#box1.w776 .boxr02,#box1.w776 .boxr03,#box1.w776 .boxr04,#box1.w776 .boxr05,#box1.w776 .boxr06{margin-left:12px;}
.outside .w776 [class*="boxr0"]{width:calc(100% - 24px);margin:0 auto 0 auto;}
.outside .w776 .boxr00,.outside .w776 [class*="boxbg0"]{width:100%;margin:0 auto;padding:24px 0 0 12px;}
.outside .w776 .boxr01{width:100%;padding:0;} 

.w576R [class*="boxr0"],
.w376L [class*="boxr0"],
.w176R [class*="boxr0"]{width:calc(100% - 24px);margin-left:12px;margin-right:12px;}
.w576R .boxr00,.w576R .boxr01,.w576R [class*="boxbg0"],
.w376L .boxr00,.w376L .boxr01,.w376L [class*="boxbg0"],
.w176R .boxr00,.w176R .boxr01,.w176R [class*="boxbg0"]{width:calc(100%);margin-left:0;}

.w176Lm [class^="boxr0"],.w176Lm [class^="boxbg0"]{margin:0;}
}


@media screen and (max-width: 1080px) {
	
}
/************************************************************************************************************/
/* ★Media Queries指定★(naviL)共有設定　*/
/************************************************************************************************************/

@media screen and (max-width: 1080px) {
#naviL{
	position:absolute;
	height:calc(100%);
	left:-1080px;
	top:0;
	z-index:52;
	transition-duration:1s;
	transition: all 0.3s ease 0s;
	animation: 3s ease 0s normal none 1 running demo;
}

#naviL:after{
	position:absolute;
	content: "\f100";
	font-family: FontAwesome;
	font-size: 5em;
	color:#fff;
	left:260px;
	top:20px;
}

/* スマホ表示でnaviL背景を白にする(初期) */
#naviLr{background-color:#fff;/*border-radius:4px;*/}
#naviLr.boxr00,#naviLr.boxr01,#naviLr.boxr02{padding:12px 0 12px 12px;}

}
/* ★Media Queries指定★ (layout用)共有設定*/
/*============================================================*/
@media screen and (max-width: 1080px) {
#naviL {
	width:calc(100%);
	background:rgba(0,0,0,0.4);}
}

@media screen and (max-width: 480px) {
#naviLr.boxr00#naviLr.boxr01,#naviLr.boxr02{padding:12px 0 12px 12px;}
}

/************************************************************************************************************/
/* footer headerの共通設定 */
/************************************************************************************************************/
#sitebox{
	display: block;
	vertical-align: top;
	text-align: center;
	width: 1032px;
	margin: 0 auto;
	}

@media screen and (min-width: 481px) and (max-width: 1080px) {
#sitebox{width: calc(100% - 48px);margin:0 24px;}
}

@media screen and (max-width: 480px) {
#sitebox{width: calc(100% - 24px);margin:0 12px;}
}

#footer{padding-top:16px;padding-bottom: 24px;}
#footer.ftop{margin-top:24px;}

/************************************************************************************************************/
/* 要素内の回り込みに右余白を付ける設定 */
/************************************************************************************************************/
[class^="boxr0"],[class*="boxbg0"]{clear: both;}

#naviLt,.box1t,.box2t,.box3t,.box4t,
.boxr02 .subboxt,.boxr03 .subboxt,.boxr04 .subboxt,
.boxr05 .subboxt{padding:24px 0 12px 24px;}
.boxr06 .box1t,.boxr06 .box2t,.boxr06 .box3t,.boxr06 .box4t,.boxr06 .subboxt{padding:0 0 0 24px;}

[class*="boxbg0"] .box1t,[class*="boxbg0"] .box2t,[class*="boxbg0"] .box3t,[class*="boxbg0"] .box4t,
.boxr00 .box1t,.boxr00 .box2t,.boxr00 .box3t,.boxr00 .box4t,
.boxr01 .box1t,.boxr01 .box2t,.boxr01 .box3t,.boxr01 .box4t,
.w824 [class*="boxbg0"] .subboxt,
.w776 [class*="boxbg0"] .box1t,.w776 [class*="boxbg0"] .box2t,.w776 [class*="boxbg0"] .box3t,.w776 [class*="boxbg0"] .box4t,
.w824 .boxr00 .subboxt,.w824 .boxr01 .subboxt,
.w776 .boxr00 .box1t,.w776 .boxr01 .box1t,.w776 .boxr00 .box2t,.w776 .boxr01 .box2t,
.w776 .boxr00 .box3t,.w776 .boxr01 .box3t,.w776 .boxr00 .box4t,.w776 .boxr01 .box4t{padding:0;}

.boxr00 > #naviLt,.boxr01 > #naviLt,.boxr02 > #naviLt{padding:0;}

#naviLt{padding-bottom:24px;}

/* ★Media Queries指定★ (layout用)共有設定*/
/*============================================================*/
@media screen and (min-width: 481px) and (max-width: 1080px) {
.box1t,.box2t,.box3t,.box4t,
.boxr02 .subboxt,.boxr03 .subboxt,.boxr04 .subboxt,
.boxr05 .subboxt,.boxr06 .subboxt{padding:24px 0 24px 24px;/*BOX内の余白*/}
#naviLt{padding:12px 0 12px 12px;}

.w576R [class*="boxbg0"] .box1t,.w576R [class*="boxbg0"] .box2t,.w576R [class*="boxbg0"] .box3t,.w576R [class*="boxbg0"] .box4t,
.w576R .boxr00 .box1t,.w576R .boxr00 .box2t,.w576R .boxr00 .box3t,.w576R .boxr00 .box4t{padding:0 0 0 24px;}

#naviLt{padding-bottom:12px;}
}

@media screen and (max-width: 480px) {
#naviLt,.box1t,.box2t,.box3t,.box4t,
.boxr02 .subboxt,.boxr03 .subboxt,.boxr04 .subboxt,
.boxr05 .subboxt,.boxr06 .subboxt{padding:12px 0 12px 12px;/*BOX内の余白*/}

.w176R [class*="boxbg0"] .box1t,.w176R [class*="boxbg0"] .box2t,.w176R [class*="boxbg0"] .box3t,.w176R [class*="boxbg0"] .box4t,
.w376L [class*="boxbg0"] .box1t,.w376L [class*="boxbg0"] .box2t,.w376L [class*="boxbg0"] .box3t,.w376L [class*="boxbg0"] .box4t,
.w576R [class*="boxbg0"] .box1t,.w576R [class*="boxbg0"] .box2t,.w576R [class*="boxbg0"] .box3t,.w576R [class*="boxbg0"] .box4t,
.w176R .boxr00 .box1t,.w176R .boxr00 .box2t,.w176R .boxr00 .box3t,.w176R .boxr00 .box4t,
.w376L .boxr00 .box1t,.w376L .boxr00 .box2t,.w376L .boxr00 .box3t,.w376L .boxr00 .box4t,
.w576R .boxr00 .box1t,.w576R .boxr00 .box2t,.w576R .boxr00 .box3t,.w576R .boxr00 .box4t{padding:0 0 0 12px;}

#naviLt{padding-bottom:12px;}
}

/************************************************************************************************************/
/* tableサイズ用設定 */
/************************************************************************************************************/
table{width:calc(100% - 24px);}
.boxr01 table{width:calc(100% - 48px);margin-left:24px;}

[class^="album0"] table{
	border-collapse:collapse;
	width: 100%;
	margin-right:0;
	margin-bottom:0;
}
[class^="album0"] table img{margin:0;}

/* ★Media Queries指定★(table)共有設定　*/
/*============================================================*/
@media screen and (max-width: 480px) {
table{width: calc(100% - 12px);}
}

@media screen and (min-width: 481px) and (max-width: 1080px) {
.boxr01 table{width:calc(100% - 48px);margin-right:24px;margin-left:24px;}
}

@media screen and (max-width: 480px) {
.boxr01 table{width:calc(100% - 24px);margin-right:12px;margin-left:12px;}
}

/************************************************************************************************************/
/* [01] [画像]部位<i00-i06>の共通設定 */
/************************************************************************************************************/
 [class^="i0"]{position:relative;display:inline;}

.i00,.i01,.i02,.i03,.i04,.i05,.i06,
.i00L,.i01L,.i02L,.i03L,.i04L,.i05L,.i06L{float:left;}
.i00R,.i01R,.i02R,.i03R,.i04R,.i05R,.i06R{float:right;}

.i00,.i00L,.i00R{margin-bottom: 0;}
.i01,.i02,.i03,.i04,.i05,.i06,
.i01L,.i01R,.i02L,.i02R,.i03L,.i03R,
.i04L,.i04R,.i05L,.i05R,.i06L,.i06R{margin-bottom: 24px;}
.i00R,.i01R,.i02R,.i03R,.i04R,.i05R,.i06R{margin-left:24px;margin-right: 24px;}
.i00,.i00L,.i01L,.i02L,.i03L,.i04L,.i05L,.i06L{margin-right:24px;}
.i00L [class^="h0"],.i01L [class^="h0"],.i02L [class^="h0"],.i03L [class^="h0"],.i04L [class^="h0"],.i05L [class^="h0"],.i06L [class^="h0"]{margin-right:0px;}

#secondmenu [class*="i01"],#secondmenu [class*="i02"],#secondmenu [class*="i03"],
#secondmenu [class*="i04"],#secondmenu [class*="i05"],#secondmenu [class*="i06"]{margin-bottom: 12px;}

[class^="i0"]{height:auto;}
.boxr01 [class*="i0"][class*="bkcpc"]{margin-bottom: 0;}

/* ★Media Queries指定★ [画像]用i00-i06サイズ指定*/
/*============================================================*/
@media screen and (max-width: 480px) {
.i00{margin-bottom: 0;}
.i01,.i02,.i03,.i04,.i05,.i06,
.i00L,.i00R,.i01L,.i01R,.i02L,.i02R,.i03L,.i03R,
.i04L,.i04R,.i05L,.i05R,.i06L,.i06R{margin-bottom: 12px;}
.i00R,.i01R,.i02R,.i03R,.i04R,.i05R,.i06R{margin-left:12px;}
.i00,.i01,.i02,.i03,.i04,.i05,
.i00L,.i01L,.i02L,.i03L,.i04L,.i05L,.i06L{margin-right:12px;}
}
/************************************************************************************************************/
/* [画像]用imgサイズ指定 */
/************************************************************************************************************/
.ibox,.ibox a{position: relative;overflow: hidden;}
.ibox img,#naviL img,.article img,img{width: 100%;height: auto;}
.boxr01 [class^="i0"]{margin-right: 0;}
[class^="i00"] .ibox img{width:auto;max-width:100%;margin:0 auto;}
img.nonimage{display:none;}

.w776 [class^="i00"],#footer [class^="i00"],
.w776 [class^="i01"],#footer [class^="i01"]{width:calc(100% - 24px);}
.w776 [class^="i02"],#footer [class^="i02"]{width:calc(100%/12*6 - 24px);}
.w776 [class^="i03"],#footer [class^="i03"]{width:calc(100%/12*4 - 24px);}
.w776 [class^="i04"],#footer [class^="i04"]{width:calc(100%/12*3 - 24px);}
.w776 [class^="i05"],#footer [class^="i05"]{width:calc(100%/12*2.4 - 24px);}
.w776 [class^="i06"],#footer [class^="i06"]{width:calc(100%/12*6 - 24px);}

.w776 .boxr01 [class^="i00"],
.w776 .boxr01 [class^="i01"]{width:calc(100%);}
.w776 .boxr01 [class^="i02"]{width:calc(100%/12*6);}
.w776 .boxr01 [class^="i03"]{width:calc(100%/12*4);}
.w776 .boxr01 [class^="i04"]{width:calc(100%/12*3);}
.w776 .boxr01 [class^="i05"]{width:calc(100%/12*2.4);}
.w776 .boxr01 [class^="i06"]{width:calc(100%/2);}

.w576R [class^="i00"],
.w576R [class^="i01"]{width:calc(100% - 24px);}
.w576R [class^="i02"]{width:calc(100%/12*6 - 24px);}
.w576R [class^="i03"]{width:calc(100%/12*4 - 24px);}
.w576R [class^="i04"]{width:calc(100%/12*3 - 24px);}
.w576R [class^="i05"]{width:calc(100%/12*2.4 - 24px);}
.w576R [class^="i06"]{width:calc(100% - 24px);}

.w576R .boxr01 [class^="i00"],
.w576R .boxr01 [class^="i01"]{width:calc(100%);}
.w576R .boxr01 [class^="i02"]{width:calc(100%/12*6);}
.w576R .boxr01 [class^="i03"]{width:calc(100%/12*4);}
.w576R .boxr01 [class^="i04"]{width:calc(100%/12*3);}
.w576R .boxr01 [class^="i05"]{width:calc(100%/12*2.4);}
.w576R .boxr01 [class^="i06"]{width:calc(100%);}*/

.w376L [class^="i00"],
.w376L [class^="i01"]{width:calc(100% - 24px);}
.w376L [class^="i02"],
.w376L [class^="i03"],
.w376L [class^="i04"],
.w376L [class^="i05"]{width:calc(100%/12*6 - 24px);}
.w376L [class^="i06"]{width:calc(100% - 24px);}

.w376L .boxr01 [class^="i00"],
.w376L .boxr01 [class^="i01"]{width:calc(100%);}
.w376L .boxr01 [class^="i02"],
.w376L .boxr01 [class^="i03"],
.w376L .boxr01 [class^="i04"],
.w376L .boxr01 [class^="i05"]{width:calc(100%/12*6);}
.w376L .boxr01 [class^="i06"]{width:calc(100%);}

.w176R [class^="i00"],
.w176R [class^="i01"],
.w176R [class^="i02"],
.w176R [class^="i03"],
.w176R [class^="i04"]{width:calc(100% - 24px);}
.w176R [class^="i05"]{width:calc(100%/12*6 - 24px);}
.w176R [class^="i06"]{width:calc(100% - 24px);}

.w176R .boxr01 [class^="i0"]{width:calc(100%);}
.w176R .boxr01 [class^="i05"]{width:calc(100%/2);}

/* ★Media Queries指定★ [画像]用imgサイズ指定*/
/*============================================================*/
@media screen and (max-width: 480px) {
.w776 [class^="i00"],#footer [class^="i00"],
.w776 [class^="i01"],#footer [class^="i01"],
.w776 [class^="i02"],#footer [class^="i02"]{width:calc(100% - 12px);}
.w776 [class^="i03"],#footer [class^="i03"],
.w776 [class^="i04"],#footer [class^="i04"]{width:calc(100%/2 - 12px);}
.w776 [class^="i05"],#footer [class^="i05"]{width:calc(100%/2 - 12px);}
.w776 [class^="i06"],#footer [class^="i06"]{width:calc(100%/4 - 12px);}

.w776 .boxr01 [class^="i00"],
.w776 .boxr01 [class^="i01"],
.w776 .boxr01 [class^="i02"]{width:calc(100%);}
.w776 .boxr01 [class^="i03"],
.w776 .boxr01 [class^="i04"]{width:calc(100%/2);}
.w776 .boxr01 [class^="i05"]{width:calc(100%/3);}
.w776 .boxr01 [class^="i06"]{width:calc(100%/4);}

.w576R [class^="i00"],
.w576R [class^="i01"],
.w576R [class^="i02"]{width:calc(100% - 12px);}
.w576R [class^="i03"],
.w576R [class^="i04"]{width:calc(100%/2 - 12px);}
.w576R [class^="i05"]{width:calc(100%/2 - 12px);}
.w576R [class^="i06"]{width:calc(100% - 12px);}

.w576R .boxr01 [class^="i00"],
.w576R .boxr01 [class^="i01"],
.w576R .boxr01 [class^="i02"]{width:calc(100%);}
.w576R .boxr01 [class^="i03"],
.w576R .boxr01 [class^="i04"]{width:calc(100%/2);}
.w576R .boxr01 [class^="i05"]{width:calc(100%/2);}
.w576R .boxr01 [class^="i06"]{width:calc(100%);}

.w376L [class^="i00"],
.w376L [class^="i01"]{width:calc(100% - 12px);}
.w376L [class^="i02"],
.w376L [class^="i03"],
.w376L [class^="i04"]{width:calc(100%/2 - 12px);}
.w376L [class^="i05"]{width:calc(100%/2 - 12px);}
.w376L [class^="i06"]{width:calc(100% - 12px);}

.w176R [class^="i00"],
.w176R [class^="i01"]{width:calc(100% - 12px);}
.w176R [class^="i02"],
.w176R [class^="i03"],
.w176R [class^="i04"]{width:calc(100%/2 - 12px);}
.w176R [class^="i05"]{width:calc(100%/2 - 12px);}
.w176R [class^="i06"]{width:calc(100% - 12px);}
}

/************************************************************************************************************/
/**icategory 設定**/
/************************************************************************************************************/
[class*="icategory"]{
	display:inline-block;
}

/************************************************************************************************************/
/* outside専用(naviL無しページタイプ)の指定 */
/************************************************************************************************************/
.outside #naviL{display:none;}

@media screen and (max-width: 1080px) {
.outside #naviL{display:block;}
}

/************************************************************************************************************/
/* googleサイト内検索の共通設定 */
/************************************************************************************************************/
.gsc-control-cse {margin-right:14px;}

@media screen and (max-width: 480px) {
.gsc-control-cse {margin-right:10px;}
}

/************************************************************************************************************/
/* スマホ拡張 sumanavi snaviの共通設定 */
/************************************************************************************************************/
#smanavi,#snavi{display: none;}

@media screen and (max-width: 1080px) {
#snavi {
	display: block;
	position: fixed;
	bottom: 12px;
	left: 20px;
	font-size: 36px;
	z-index: 53;
}

#snavi a {
	padding: 4px 2px 4px 6px;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-family: FontAwesome;
	opacity: 0.5;
	text-align: center;
	text-decoration: none;
	line-height: 1.0;
	vertical-align: top;
}

#snavi a span{
	display:block;
	font-size: 10px;
	line-height: 1.0;
	letter-spacing:0.1em;
}

#naviLr[class^="boxr0"],
#naviLr[class^="boxbg0"]{
	background: #fff;
	border:none;
/*	border-radius:2px;*/
}
}

/************************************************************************************************************/
/* スマホ&PC拡張 トップページへ戻るの共通設定 */
/************************************************************************************************************/
#page-top {
	margin-right: 0;
	position: fixed;
	bottom: 12px;
	right: 20px;
	font-size: 36px;
	z-index: 53;
}

#page-top a {
	padding: 4px 2px 4px 6px;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-family: FontAwesome;
	opacity: 0.5;
	text-align: center;
	text-decoration: none;
	line-height: 1.0;
	vertical-align: top;
}

#page-top a span{
	display:block;
	font-size: 10px;
	line-height: 1.0;
	letter-spacing:0.1em;
}

/************************************************************************************************************/
/* 特殊タグcopyrightの設定 */
/************************************************************************************************************/
#copyright{width:100%;}
#copyright{
	display:table;
	font-size:11px;
	margin:12px auto 8px auto;
	color:#000;
	text-align:center;
	letter-spacing: normal;
}

/************************************************************************************************************/
/* imgに特殊文字によるCSS変更 */
/************************************************************************************************************/
img[alt*=""] {border-radius: 4px;border:4px solid #fff;}
.imgr00 {opacity:0.7;}
.imgr01 {border-radius: 4px;padding: 4px;background:#fff none repeat scroll 0% 0%;border:1px solid rgba(0,0,0, 0.2);}
.imgr02 {border-radius: 8px}
.imgr03 {width:calc(100%);border:5px solid rgba(0,0,0, 0.2);;}
.imgr04 {
	width:calc(100%);
	border:5px solid #fff;
	box-shadow: 0 0 10px -2px rgba(0,0,0,0.4);
	}
.imgr05 {border-top-left-radius:24px;border-top-right-radius:24px;}
.imgr06 {border-bottom-left-radius:24px;border-bottom-right-radius:24px;}
.imgr07 {border-top-left-radius:50%;border-top-right-radius:50%;}
.imgr08 {border-bottom-left-radius:50%;border-bottom-right-radius:50%;}
.imgr09 {border-top-left-radius:100%;}
.imgr10 {border-top-right-radius:100%;}
.imgr11 {border-bottom-left-radius:100%;}
.imgr12 {border-bottom-right-radius:100%;}
.imgr13 {border-radius:100%;}

	
/* スマホとPC画像の切替*/
.imgpc{display:block;}
.imgsma{display:none;}
img[alt*="[PC用画像]"] {display:block;}
img[alt*="[スマホ用画像]"] {display:none;}

@media screen and (max-width: 480px) {
.imgpc{display:none;}
.imgsma{display:block;}
img[alt*="[PC用画像]"] {display:none;}
img[alt*="[スマホ用画像]"] {display:block;}
}

/************************************************************************************************************/
/* インクルードタグ */
/************************************************************************************************************/
[id^="read"],[id^="inc"]{text-align:justify;z-index: 10;} 
#naviL [id^="read"] table{width: calc(100%);}

#naviL [id^="read"] .i00L,#naviL [id^="read"] .i01L,#naviL [id^="read"] .i02L,#naviL [id^="read"] .i03L,
#naviL [id^="read"] .i04L,#naviL [id^="read"] .i05L,#naviL [id^="read"] .i06L{margin-right:0;}
#naviL [id^="read"] .i00R,#naviL [id^="read"] .i01R,#naviL [id^="read"] .i02R,#naviL [id^="read"] .i03L,
#naviL [id^="read"] .i04R,#naviL [id^="read"] .i05R,#naviL [id^="read"] .i06R{margin-left:0;}

#naviL [id^="read"] [class^="p0"],
#naviL [id^="read"] [class^="h0"]{margin-right:0;}

/*#header [id^="read"],#footer [id^="read"]{display:none;}*/

#animebox [id^="read"]{width:80%;margin:24px auto;}


.youtube,.googlemap{
	position: relative;
	width:calc(100% - 24px);
	padding-top: 56.25%;
	margin-bottom: 24px;
}

.googlemap{margin-bottom: 4px;}
.googlemap + small{display:block;margin-bottom: 12px;}

@media screen and (max-width: 480px) {
.youtube,.googlemap{width:calc(100% - 8px);}
}

.youtube iframe,.googlemap iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/************************************************************************************************************/
/* 特殊タグ */
/************************************************************************************************************/
#sma3 [class^="i0"]{width:calc(100%/12*4 - 24px);}	

@media screen and (max-width: 480px) {
#sma3 [class^="i0"]{width:calc(100%/12*4 - 8px);}	
}
/************************************************************************************************************/
/*基本色指定用タグ拡張 */
/************************************************************************************************************/
.fa{margin-right:2px;}	
.fa.fa-2x,.fa.fa-3x,.fa.fa-4x,.fa.fa-5x{float:left;}
#naviL .fa.fa-2x,#naviL .fa.fa-3x,#naviL .fa.fa-4x,#naviL .fa.fa-5x{float:none;margin-right:2px;}

/************************************************************************************************************/
/*特殊効果用拡張CSS */
/************************************************************************************************************/
/*i + br,*/.alink + br{display:none;margin:0;padding:0;}

#animebox{text-align: center;}

#animebox #box2{
	margin:0 auto 0 auto;
	display:inline-block;
	float:none;
}

#animebox .box4r{padding: 24px 12px 24px 24px;}

.close-animebox {
	display:block;
	position: fixed;
	top: 12px;
	right: 20px;
	font-size: 36px;
	z-index: 13;
}

.close-animebox {
	padding: 4px 6px 4px 6px;
	background: none repeat scroll 0 0 #fff;
	border-radius: 4px;
	color: #000;
	display: block;
	font-family: FontAwesome;
	opacity: 0.5;
	text-align: center;
	text-decoration: none;
	line-height: 1.0;
	vertical-align: top;
}

.close-animebox a:hover{
	text-decoration: none;
	background: #999;
}

dl.cfield{
	width:calc(100% - 24px);
	text-align:left;
	margin-bottom:24px;
	}
dl.cfield dt{display: table-cell;float:left;margin-right:12px;white-space: nowrap;width: 14%;}
dl.cfield dd{display: table-cell;padding-bottom: 6px;}

dl.hfield{
	font-size: 13px;
	width:calc(100% - 24px);
	margin-right:24px;
	text-align:left;
	border-collapse: separate;
	border-spacing: 2px 0;
}

dl.hfield dt,dl.hfield dd{
display:inline-block;
	width:calc(100%/2 - 6px);
	padding:12px;
	border:1px solid rgba(0,0,0,0.2);
	border-radius:4px;
	margin-bottom:12px;
	}
dl.hfield dt{float:left;margin-right:12px;}

.hfield.cR dt,.hfield.cR dd{background:#f0bec4;}
.hfield.cY dt,.hfield.cY dd{background:#fbe9bf;}


dl.acordion{width:calc(100% - 24px);}
.acordion dt{
	font-weight:bold;
	margin-bottom:6px;
	}
.acordion dt::before{
	display:block;
	float:left;
	font-weight:normal;
	content: "\f0fe";
	font-family: FontAwesome;
	font-size: 18px;
	padding:0 4px 0 0;
	}
.acordion dt.active::before,.acordion .ibox.active::before{content: "\f146";}
.acordion dd{
	padding:12px 12px 12px 12px;
	background:rgba(0,0,0, 0.05);
	margin-bottom:12px;
	line-height:1.6;
	}

.acordion .ibox::before{
	position:absolute;
	bottom:2px;
	right:2px;
	content: "\f0fe";
	font-family: FontAwesome;
	font-size: 18px;
	color:rgba(255,255,255,0.7);
	z-index: 1;
	}

@media screen and (max-width: 480px) {
	dl.hfield{width:calc(100% - 12px);margin-right:12px;}
	
	dl.hfield dt{float:none;}
	dl.hfield dt,dl.hfield dd{width:calc(100%);}
	}