@charset "utf-8";

/************************************************************************************************************/
/*[画像]部位拡張･imgbox枠線装飾imgwaku1-9設定 */
/************************************************************************************************************/
.bgopacity{opacity: 0.5;}
.bgopac{opacity: 1;}
/* sbox1～9にaを設定して下線を消す */
a.nonline{border:none;}

/* imgwaku初期設定 */
[class*="imgwaku"] img{border-radius:0;border:none;padding:0;box-shadow:none;}
[class*="imgwaku"] .imagecap{display:block;width:100%;position:relative;font-weight:600;padding:10px;margin:0;}
[class*="imgwaku"] .ibox + p{margin:12px 24px 24px 24px;}
[class*="imgwaku"].parabox .ibox + p{margin:24px;}
.imgwaku6.parabox .ibox + p{margin:0;}

[class^="i06"][class*="imgwaku"] .ibox + p{margin-top:12px;margin-bottom: 12px;}
[class^="i06"].imgwaku6 .ibox + p{margin-top:0;}
[class^="i06"].imgwaku8 .ibox + p{margin-top:2px;}

[class^="i00"].imgwaku3 .ibox img,[class^="i00"].imgwaku4 .ibox img,[class^="i00"].imgwaku5 .ibox img,
.imgwaku3 img,.imgwaku4 img,.imgwaku5 img{padding:2px;}
[class^="i00"].imgwaku8 .ibox img,[class^="i00"].imgwaku8 .ibox img,
.imgwaku8 img,[class^="i00"].imgwaku8 img{margin-bottom:4px;}

/* imgwaku1-9の設定 */
.imgwaku1{border:1px solid;}
.imgwaku2{border:4px solid;}
.imgwaku3{border:1px dotted;}
.imgwaku3 .imagecap{
	border-top:1px dotted rgba(0,0,0,0.3);
	border-bottom:1px dotted rgba(0,0,0,0.3);
}
[class^="i06"].imgwaku3 .imagecap,
.imgwaku3 [class*="paragra"] .imagecap{width:calc(100% - 2px);}
.imgwaku3 .imgpart3 .imagecap{margin:2px auto;}

.imgwaku4{border:4px solid;border-radius:12px;}
.imgwaku4 img{border-radius:8px;}
.imgwaku4 .imagecap{
	width:calc(100% - 4px);
	margin:0 2px 2px 2px;
	border-radius:8px;
}
[class^="i06"].imgwaku4 .imagecap{width:calc(100% - 4px);margin:0 2px 2px 2px;}
.imgwaku4 [class^="layerbox"].ltop,.imgwaku5 [class^="layerbox"].ltop{border-radius:8px 8px 0 0;}
.imgwaku4 [class^="layerbox"].lbom,.imgwaku5 [class^="layerbox"].lbom{border-radius:0 0 8px 8px;}

.imgwaku5{border:3px dotted;border-radius:12px;}
.imgwaku5 .imagecap{
	width:calc(100% - 4px);
	margin:0 2px 2px 2px;
	border-radius:0 0 8px 8px;
}
[class^="i06"].imgwaku5 .imagecap{width:calc(100% - 4px);margin:2px;border-radius:8px;}
.imgwaku5 img{border-radius:8px;}
.imgwaku5 .rtype img{border-radius:8px 8px 0 0;}
[class^="i06"].imgwaku5 .rtype img{border-radius:8px;}

.imgwaku6{border:16px solid;}
.imgwaku6 .imagecap{
	border-top:1px dotted #fff;
	border-bottom:1px dotted #fff;
	background:rgba(0,0,0,0.2);
}
.imgwaku6 .ibox + p{margin:12px 0 24px 0;}

.imgwaku7{border:12px solid;border-radius:6px;}
.imgwaku7 .imagecap{
	padding:10px 0;
}
[class^="i06"].imgwaku7 .imagecap{padding-right:12px;}

.imgwaku7 [class*="paragra"] .imagecap,
.imgwaku7 [class*="imgpart"] .imagecap{padding:10px;}

.imgwaku8{
	border-top:4px solid;
	border-bottom:4px solid;
	padding:4px 0 24px 0;	
	}
.imgwaku8 .imagecap{
	padding:10px 0;
	border-bottom:2px dotted;
}
.imgwaku8 .ibox + p{margin:12px 0 0 0;}

.imgwaku9 .imagecap{
	background:rgba(0,0,0,0.2);
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:10px 12px;
}
[class^="i06"].imgwaku9 .imagecap,
.imgwaku9  [class*="paragra"] .imagecap{border-bottom:none;}

@media screen and (max-width: 1080px) {
.boxr01 [class*="imgwaku"] .imagecap{margin-left: 0;}
.boxr01 .imgwaku4 .imagecap,.boxr01 .imgwaku5 .imagecap{margin-left: 2px;}
.imgwaku8 .ibox + p{margin:24px 24px 0 24px;}
.imgwaku8 .imagecap{padding:10px 24px;}
}

@media screen and (max-width: 480px) {
.imgwaku9  [class*="paragra"] .imagecap{border-bottom:1px solid #fff;}
.imgwaku8 .ibox + p{margin:24px 12px 0 12px;}
.imgwaku8 .imagecap{padding:10px 12px;}
}

/* imgwaku1-9の初期色設定*/

[class*="imgwaku"],.imgwaku8 .imagecap{border-color:rgba(0,0,0,0.2);}
.imgwaku1 .imagecap,.imgwaku2 .imagecap,.imgwaku3 .imagecap{background:#fafafa;}
.imgwaku4 .imagecap,.imgwaku5 .imagecap,
.imgwaku7 .imagecap,.imgwaku9{background:rgba(0,0,0,0.2);}
.imgwaku6{background:#f3f3f3;border-color:#f3f3f3;}

.imgwaku4 .imagecap,.imgwaku5 .imagecap,.imgwaku7 .imagecap,
.imgwaku6 p,.imgwaku9 p{color:#000;}
.imgwaku6 .imagecap,.imgwaku9 .imagecap{color:#fff;}

/* imgwaku1-9の色設定*/
[class*="imgwaku"].cR,.imgwaku8.cR .imagecap{border-color:#d35464;}
.imgwaku6.cR,.imgwaku7.cR{border-color:#f0bec4;}
.imgwaku1.cR .imagecap,.imgwaku2.cR .imagecap,.imgwaku3.cR .imagecap{background:#fcf1f4;}
.imgwaku4.cR .imagecap,.imgwaku5.cR .imagecap,
.imgwaku6.cR,.imgwaku7.cR .imagecap,.imgwaku9.cR{background:#f0bec4;}

[class*="imgwaku"].cY,.imgwaku8.cY .imagecap{border-color:#f1c04a;}
.imgwaku6.cY,.imgwaku7.cY{border-color:#fbe9bf;}
.imgwaku1.cY .imagecap,.imgwaku2.cY .imagecap,.imgwaku3.cY .imagecap{background:#fefbf1;}
.imgwaku4.cY .imagecap,.imgwaku5.cY .imagecap,
.imgwaku6.cY,.imgwaku7.cY .imagecap,.imgwaku9.cY{background:#fbe9bf;}

[class*="imgwaku"].cG,.imgwaku8.cG .imagecap{border-color:#b8d352;}
.imgwaku6.cG,.imgwaku7.cG{border-color:#e6f0be;}
.imgwaku1.cG .imagecap,.imgwaku2.cG .imagecap,.imgwaku3.cG .imagecap{background:#f5f9e4;}
.imgwaku4.cG .imagecap,.imgwaku5.cG .imagecap,
.imgwaku6.cG,.imgwaku7.cG .imagecap,.imgwaku9.cG{background:#e6f0be;}

[class*="imgwaku"].cD,.imgwaku8.cD .imagecap{border-color:#35b5a6;}
.imgwaku6.cD,.imgwaku7.cD{border-color:#ace6df;}
.imgwaku1.cD .imagecap,.imgwaku2.cD .imagecap,.imgwaku3.cD .imagecap{background:#effaf9;}
.imgwaku4.cD .imagecap,.imgwaku5.cD .imagecap,
.imgwaku6.cD,.imgwaku7.cD .imagecap,.imgwaku9.cD{background:#ace6df;}

[class*="imgwaku"].cB,.imgwaku8.cB .imagecap{border-color:#3699c3;}
.imgwaku6.cB,.imgwaku7.cB{border-color:#b0d9eb;}
.imgwaku1.cB .imagecap,.imgwaku2.cB .imagecap,.imgwaku3.cB .imagecap{background:#eff8fb;}
.imgwaku4.cB .imagecap,.imgwaku5.cB .imagecap,
.imgwaku6.cB,.imgwaku7.cB .imagecap,.imgwaku9.cB{background:#b0d9eb;}

[class*="imgwaku"].cN,.imgwaku8.cN .imagecap{border-color:#5b80be;}
.imgwaku6.cN,.imgwaku7.cN{border-color:#c0cfe9;}
.imgwaku1.cN .imagecap,.imgwaku2.cN .imagecap,.imgwaku3.cN .imagecap{background:#f3f6fb;}
.imgwaku4.cN .imagecap,.imgwaku5.cN .imagecap,
.imgwaku6.cN,.imgwaku7.cN .imagecap,.imgwaku9.cN{background:#c0cfe9;}

[class*="imgwaku"].cP,.imgwaku8.cP .imagecap{border-color:#9066b1;}
.imgwaku6.cP,.imgwaku7.cP{border-color:#d7c3e5;}
.imgwaku1.cP .imagecap,.imgwaku2.cP .imagecap,.imgwaku3.cP .imagecap{background:#f7f3fa;}
.imgwaku4.cP .imagecap,.imgwaku5.cP .imagecap,
.imgwaku6.cP,.imgwaku7.cP .imagecap,.imgwaku9.cP{background:#d7c3e5;}

[class*="imgwaku"].cM,.imgwaku8.cM .imagecap{border-color:#c6498e;}
.imgwaku6.cM,.imgwaku7.cM{border-color:#ecb8d6;}
.imgwaku1.cM .imagecap,.imgwaku2.cM .imagecap,.imgwaku3.cM .imagecap{background:#fbf0f7;}
.imgwaku4.cM .imagecap,.imgwaku5.cM .imagecap,
.imgwaku6.cM,.imgwaku7.cM .imagecap,.imgwaku9.cM{background:#ecb8d6;}

[class*="imgwaku"].cW,.imgwaku8.cW .imagecap{border-color:#a8a8a8;}
.imgwaku6.cW,.imgwaku7.cW{border-color:#ccc;}
.imgwaku1.cW .imagecap,.imgwaku2.cW .imagecap,.imgwaku3.cW .imagecap{background:#eee;}
.imgwaku4.cW .imagecap,.imgwaku5.cW .imagecap,
.imgwaku6.cW,.imgwaku7.cW .imagecap,.imgwaku9.cW{background:#ccc;}

[class*="imgwaku"].cK,.imgwaku8.cK .imagecap{border-color:#555;}
.imgwaku6.cK,.imgwaku7.cK{border-color:#555;}
.imgwaku1.cK .imagecap,.imgwaku2.cK .imagecap,.imgwaku3.cK .imagecap{background:#fafafa;}
.imgwaku4.cK .imagecap,.imgwaku5.cK .imagecap,
.imgwaku6.cK,.imgwaku7.cK .imagecap,.imgwaku9.cK{background:#555;color:#fff;}
.imgwaku6.cK p,.imgwaku9.cK p{color:#fff;}

.imgwaku3.cR,.imgwaku3.cY,.imgwaku3.cG,.imgwaku3.cD,.imgwaku3.cB,
.imgwaku3.cN,.imgwaku3.cP,.imgwaku3.cM,.imgwaku3.cW,.imgwaku3.cK{border-color:rgba(0,0,0,0.3);}

/************************************************************************************************************/
/* ■特殊レイアウト用CSS*/
/************************************************************************************************************/
[class^="i00"].parabox,.w176R .boxbg02 [class^="i00"].parabox,
[class^="i01"].parabox,.w176R .boxbg02 [class^="i01"].parabox,
[class^="i02"].parabox,.w176R .boxbg02 [class^="i02"].parabox,
[class^="i03"].parabox,.w176R .boxbg02 [class^="i03"].parabox,
[class^="i04"].parabox,.w176R .boxbg02 [class^="i04"].parabox{width: calc(100% - 24px);}
[class^="i05"].parabox,.w176R .boxbg02 [class^="i05"].parabox,
[class^="i06"].parabox,.w176R .boxbg02 [class^="i06"].parabox{width: calc(100%/2 - 24px);}
.w176R [class^="i05"].parabox,
.w176R [class^="i06"].parabox{width: calc(100% - 24px);}

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


.w176R .boxbg02 [class^="i05"].parabox,
.w176R .boxbg02 [class^="i06"].parabox{width: calc(100% - 24px);}

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

[class^="i06"] .ibox{width:calc(100%/12*6 - 24px);}
.w776 [class^="i06"] .ibox{width:calc(100%/12*2.4 - 24px);}
.w576R [class^="i06"] .ibox{width:calc(100%/12*2.4 - 24px);}
.w376L [class^="i06"] .ibox{width:calc(100%/12*4 - 24px);}
[class^="i05"].parabox .ibox{width:calc(100%/12*7 - 24px);}
[class^="i06"].parabox .ibox{width:calc(100%/12*5 - 24px);}

/*.ibox layer関連*/
.layeraere,.layerp{position:relative;}

[class^="layerbox"]{
	position:absolute;
	width:100%;
	display:block;
	padding:12px;
	margin:0;
	z-index:1;
}

.layeritop{display:block;width:100%;margin:0 0 6px 0;}
[class*="imgwaku"] .layeritop{width:calc(100% - 24px);margin:12px 12px 6px 12px;}
.imgwaku6 .layeritop{width:calc(100%);margin:4px 0 12px 0;}
.imgwaku8 .layeritop{width:calc(100%);margin:4px 0 4px 0;}

.layerbom{position:absolute;bottom:0;}

.lbgb{background:rgba(0,0,0,0.25);}
.lbgw{background:rgba(255,255,255,0.5);}
.ltop{top:0;left:0;}
.lcen{top:40%;left:0;}
.lbom{bottom:0;left:0;}

@media screen and (min-width: 481px) and (max-width: 732px) {
[class^="i06"] .ibox,
.w576R [class^="i06"] .ibox{width:calc(100%/12*2.5 - 20px);}
[class^="i06"].parabox .ibox{width:calc(100%/12*5 - 20px);}
}

@media screen and (max-width: 480px) {
.boxr01 [class^="i05"].parabox,.boxr01 [class^="i06"].parabox{width: calc(100%);}
.boxbg02 [class^="i05"].parabox,
.boxbg02 [class^="i06"].parabox{width: calc(100% - 6px);}
[class^="i0"].parabox,.w176R .boxbg02 [class^="i0"].parabox{width: calc(100% - 12px);}

[class^="i06"] .ibox,
.w576R [class^="i06"] .ibox,
.w376L [class^="i06"] .ibox,
.w176R [class^="i06"] .ibox{width:calc(100%/12*3.5 - 20px);}
[class^="i06"].parabox .ibox{width:calc(100%/12*5 - 20px);}
[class^="i04"].parabox .ibox,
[class^="i05"].parabox .ibox{width:calc(100%/2);margin: 0 auto;}
[class^="i06"].parabox .ibox{width:calc(100%/3);}
}

/*layerbox img周りの設定*/
.imgr01r .layerbox,.imgr03r .layerbox,.imgr04r .layerbox{width:calc(100% - 10px);margin:5px;}

.imgr02r .ltop.lbgb,.imgr02r .ltop.lbgw,
.imgwaku4 [class*="imgr0"] .ltop.lbgb,.imgwaku4 [class*="imgr0"] .ltop.lbgw,
.imgwaku5 [class*="imgr0"] .ltop.lbgb,.imgwaku5 [class*="imgr0"] .ltop.lbgw{border-radius:8px 8px 0 0;}

.imgr02r .lbom.lbgb,.imgr02r .lbom.lbgw,
.imgwaku4 [class*="imgr0"]  .lbom.lbgb,.imgwaku4 [class*="imgr0"] .lbom.lbgw,
.imgwaku5 [class*="imgr0"]  .lbom.lbgb,.imgwaku5 [class*="imgr0"] .lbom.lbgw{border-radius:0 0 8px 8px;}
.imgwaku5 .rtype [class*="imgr0"]  .lbom.lbgb,.imgwaku5 .rtype [class*="imgr0"] .lbom.lbgw{border-radius:0;}

[class*="imgwaku"] [class*="imgr0"] .layerbox{border-radius:0;width:100%;margin:0;}

[class*="imgpart"] .ltop.lbgb,[class*="imgpart"] .ltop.lbgw,
[class*="imgpart"] .lbom.lbgb,[class*="imgpart"] .lbom.lbgw{border-radius:0;}

/* paragra imgpart用設定 */
/************************************************************************************************************/
.paragra1,[class^="i06"] .ibox{margin-right:12px;float:left;}
.paragra2{margin-left:12px;float:right;}
[class^="i06"] .paragra2{float:right;margin-right:0;}
.boxbg01 [class*="paragra"]{float:none;}

.imgpart2 [class^="layerbox"]{text-align:right;}
.imgpart3 [class^="layerbox"]{text-align:center;}

.imgpart1 [class^="layerbox"]{left:auto;right:0;}
.imgpart1 img{}
[class^="i00"] .ibox.imgpart1 img{margin:0;}
.imgpart2 img{margin-left: auto;}
.imgpart2 .imagecap{float:right;}
[class^="i06"] .imgpart2{float:right;margin-right:0;}
.imgpart3 img,.imgpart3 .imagecap{margin-left:auto;margin-right:auto;}
[class^="i06"] .imgpart3{float:none;margin-right:auto;margin-left: auto;}

[class^="i06"] [class*="imgpart"] + p{display:table;padding-top:6px;}
.w176R [class^="i06"] [class*="imgpart"] + p{display:block;}

[class*="bkcpc"] [class*="paragra"] + p,[class*="paragra"] + p,.imgwaku6 [class*="paragra"] + p{margin:0;}
.imgwaku8 [class*="paragra"] + p{margin:2px;}

[class*="paragra"] + [class^="pbox"],
[class*="imgpart"] + [class^="pbox"]{overflow:hidden;}

.imgpart3,.imgpart3 .imagecap[class^="layerbox"]{text-align:center;}

[class^="i00"] [class*="paragra"],
[class^="i01"] [class*="paragra"]{width:65%;}
[class^="i02"] [class*="paragra"]{width:50%;}
[class^="i03"] [class*="paragra"]{width:35%;}
[class^="i04"] [class*="paragra"]{width:25%;}
[class^="i05"] [class*="paragra"]{width:17%;}
[class^="i06"] [class*="paragra"]{width:29%;}
.w176R [class^="i0"] [class*="paragra"]{width:40%;}

[class^="i0"] [class*="imgpart"]{width:100%;}
[class^="i0"] [class*="imgpart"] img,
[class^="i0"] [class*="imgpart"] [class^="layerbox"],[class^="i0"][class*="imgwaku"] [class*="imgpart"] [class^="layerbox"]{width:60%;}
[class^="i0"] [class*="imgpart"] .imagecap{width:60%;}
[class^="i0"].imgwaku5 [class*="imgpart"] .imagecap{width:calc(60% - 4px);}
[class^="i06"] [class*="imgpart"] img{width:20%;}
.w176R [class^="i06"] [class*="imgpart"] img{width:27%;}
[class^="i06"] [class*="imgpart"] .imagecap{width:20%;}
[class^="i06"] [class*="imgpart"] [class^="layerbox"]{width:90%;}

[class^="i0"] .imgpart3 [class^="layerbox"],[class^="i0"][class*="imgwaku"] .imgpart3 [class^="layerbox"]{width:100%;}

[class^="i06"] .ibox[class*="imgpart"]{width:calc(100%);}


[class*="imgpart"] [class*="imgr0"] .layerbox{margin-left:0;margin-right:0;}
[class*="imgpart"] [class^="layerbox"]:not(.lbgb):not(.lbgw){padding-right:0;padding-left:0;}

[class^="i0"].imgwaku3 [class*="imgpart"] .imagecap{width:calc(60% - 2px);}
[class^="i06"].imgwaku3 [class*="imgpart"] .imagecap{width:calc(18% - 2px);}
[class^="i0"].imgwaku4 [class*="imgpart"] .imagecap{width:calc(60% - 4px);}
[class^="i06"].imgwaku4 [class*="imgpart"] .imagecap{width:calc(18% - 2px);}

[class^="i06"][class*="imgwaku"] [class*="imgpart"] [class^="layerbox"]{width:88%;}
[class^="i06"][class*="imgwaku"] .imgpart3 [class^="layerbox"]{width:100%;}
[class^="i0"].imgwaku3 [class^="layerbox"],
[class^="i0"].imgwaku4 [class^="layerbox"],
[class^="i0"].imgwaku5 [class^="layerbox"]{width:calc(100% - 4px);margin:2px;}

.overhidd p{overflow:hidden;}
@media screen and (max-width: 480px) {
.overhidd p{overflow:visible;}
[class*="paragra"]{float:none;}
}

/*ibox float解除*/
[class^="i06"] + [class^="p0"].backbox,
[class^="i00"].parabox + [class^="p0"].backbox,
[class^="i01"].parabox + [class^="p0"].backbox,
[class^="i02"].parabox + [class^="p0"].backbox,
[class^="i03"].parabox + [class^="p0"].backbox,
[class^="i04"].parabox + [class^="p0"].backbox{overflow:visible;}
[class^="i05"].parabox + [class^="p0"].backbox,
[class^="i06"].parabox + [class^="p0"].backbox{overflow:hidden;}
[class^="i00"].impa + [class^="p0"].backbox,
[class^="i01"].impa + [class^="p0"].backbox{overflow:visible;}

/* midd 高さ中央揃え用設定(i00-i04のみ) */
/************************************************************************************************************/
[class^="i00"].parabox.midd,[class^="i01"].parabox.midd,[class^="i02"].parabox.midd,[class^="i03"].parabox.midd,[class^="i04"].parabox.midd{
	display: table;
}
[class^="i00"].parabox.midd [class*="paragra"],
[class^="i01"].parabox.midd [class*="paragra"],
[class^="i02"].parabox.midd [class*="paragra"],
[class^="i03"].parabox.midd [class*="paragra"],
[class^="i04"].parabox.midd [class*="paragra"]{width:100%;}

[class^="i00"].parabox.midd p,[class^="i01"].parabox.midd p,
[class^="i02"].parabox.midd p,[class^="i03"].parabox.midd p,[class^="i04"].parabox.midd p{
	display: table-cell;
	vertical-align: middle;
	padding-left:12px;
	width:50%;
}

[class^="i00"].parabox.midd[class*="imgwaku"] p,[class^="i01"].parabox.midd[class*="imgwaku"] p,
[class^="i02"].parabox.midd[class*="imgwaku"] p,[class^="i03"].parabox.midd[class*="imgwaku"] p,[class^="i04"].parabox.midd[class*="imgwaku"] p{
	padding:24px 24px 24px 12px;
	}

[class^="i03"].parabox.midd p{width:65%;}
[class^="i04"].parabox.midd p{width:75%;}

.nonig [class^="i01"][class*="igrob"].parabox,
.nonig [class^="i02"][class*="igrob"].parabox,
.nonig [class^="i03"][class*="igrob"].parabox,
.nonig [class^="i04"][class*="igrob"].parabox{width: calc(100% - 6px);}
.nonig [class^="i05"][class*="igrob"].parabox,
.nonig [class^="i06"][class*="igrob"].parabox{width: calc(100%/2 - 6px);}

[class*="pilebox"]{position:relative;display:flex;}
[class*="pilebox"] [class*="pileup"]:nth-child(2){
	position:absolute;
	
}

@media screen and (max-width: 1080px) {
.boxr01 .nonig [class^="i01"][class*="igrob"].parabox,
.boxr01 .nonig [class^="i02"][class*="igrob"].parabox,
.boxr01 .nonig [class^="i03"][class*="igrob"].parabox,
.boxr01 .nonig [class^="i04"][class*="igrob"].parabox{width: calc(100%);}
.boxr01 .nonig [class^="i05"][class*="igrob"].parabox,
.boxr01 .nonig [class^="i06"][class*="igrob"].parabox{width: calc(100%/2);}
}

@media screen and (max-width: 480px) {
[class^="i00"].parabox.midd p,[class^="i01"].parabox.midd p,
[class^="i02"].parabox.midd p,[class^="i03"].parabox.midd p,[class^="i04"].parabox.midd p{
	display: block;
	vertical-align: baseline;
	padding-left:0;
	width:auto;
}
.paragra2{margin-left:0;}
/*[class^="i00"] .ibox img{width:80%;}*/
}
/************************************************************************************************************/
/*[本文]部位拡張･囲み罫pw.wbox1～9の設定 */
/************************************************************************************************************/
span[style^="background-color"]{
	margin:0 4px 0 0;
	padding:2px 4px;
	border-radius: 2px;
	overflow: hidden;
	}
/*[class*="parabox"] span[style^="background-color"]{padding:1px 4px;}*/
	
span[style^="background-color"].radiusbox{border-radius:4px;}

[class*="parabox"] span[style^="background-color"].brfloat,
[style^="background-color"].brfloat,[style^="color"].brfloat{
	margin:0 0 4px 0;
	padding:6px 12px;
	display: block;
	}
	
.backbox[style^="background-color"]{
	display:block;
	padding:12px;
	margin:0 0 4px 0;
	border-radius: 0;
	}
.backbox.brfloat[style^="background-color"]{
	padding:12px;
}

.blockbox[style^="background-color"]{
	display:block;
	margin:0 0 4px 0;
	padding:2px 12px;
	border-radius: 0;
}
.blockbox.brfloat[style^="background-color"]{
	padding:2px 12px;
}

.floatbox[style^="background-color"]{
	margin:0 0 4px 0;
	padding:2px 6px;
	border-radius: 0px;
	}
.floatbox.brfloat[style^="background-color"]{
}

[class^="p0"].backbox{overflow:hidden;}

.blockbox[class*="msize"]{display:inline-block;}

@media screen and (max-width: 480px) {
[class*="imgwaku"] [class*="paragra"],[class*="imgwaku"] [class*="imgpart"]{margin-bottom:12px;}
.paragra1, [class^="i06"] .ibox{margin-bottom:12px;}
[class^="p0"].backbox{overflow:visible;}

[class^="i06"][class*="imgwaku"] .paragra1,[class*="imgwaku"] .imgpart1{margin-right: 12px;float:left;}
[class^="i06"][class*="imgwaku"] .paragra2,[class*="imgwaku"] .imgpart2{margin-left: 12px;float:right;}
[class*="imgwaku"] .ibox[class*="imgpart"] + p{padding-top:0}
[class^="i0"] [class*="paragra"]{width:100%;}

[class*="imgwaku"] .imgpart3{float:none;margin:0 auto;}
}

[class*="wbox"]{padding:12px;display:block;margin-bottom:12px;overflow:hidden;}
[class*="sbox"]{display:inline-block;margin-bottom:6px;vertical-align: middle;overflow:hidden;}

.wbox0{padding:0;border-right:1px solid transparent;}
.wbox1{border:1px solid;border-radius: 2px;}
.wbox2{border:1px dotted;border-radius: 2px;}
.wbox3{border:4px solid;border-radius: 4px;}
.wbox4{border:5px double;border-radius: 2px;}
.wbox5{border:2px dashed;border-radius: 4px;}
.wbox6{
	padding:18px;
	position: relative;
	z-index: 10;
	border-radius: 4px;
	margin-bottom:18px;
	}
	
 .wbox6:before{
	content: "";
	position:absolute;
	margin:4px;
	border:2px #fff solid;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:block;
	z-index:-10;
	}

.wbox7{
	margin:12px 5px 18px 5px;
	border: 1px dashed;
	border-radius: 2px;
}	

.wbox8{margin:12px 5px 18px 0;}

.wbox9{position: relative;overflow: hidden;}
.wbox9:before{
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-width: 20px 20px 0 0;
    border-style: solid;
	}

[class^="wbox"] + br{display:none;}

/************************************************************************************************************/
/*[本文]部位拡張･先頭アイコン付きsbox1～9の設定 */
/************************************************************************************************************/
.sbox1{
	padding-bottom:1px;
	border-bottom:3px double;
	}
.sbox2{padding-bottom:2px;}

.sbox4{
	position:relative;
	padding:3px 0 4px 20px;
}
.sbox4:after {
	position:absolute;
	top:0;
	left:0;
	content:'';
	width:6px;
	height:-webkit-calc(100%);
	height:calc(100% - 0em);
	background-color:#3498db;
	border-radius:4px;
}

.sbox6{
	padding:4px 12px 4px 10px;
	border-radius:36px;
	border:2px solid;
   }

.sbox7{
	padding:6px 12px 6px 12px;
	border-radius:36px;
	color:#fff;
	}

.sbox5:before,.sbox6:before,.sbox7:before{
	font-family:FontAwesome;
	margin-right:2px;
	font-weight:normal;
	content:"\f061";
	}

.sbox8{
	padding:7px 10px 7px 10px;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	border-radius:2px;
	}

.sbox9{
	position:relative;
	padding:0 0 0 26px;
	counter-increment:titleNum;
	}
.sbox9:before{
	position:absolute;
	top:0;
	left:0;
	content:counter(titleNum);
	width:22px;
	height:22px;
	line-height:22px;
	border-radius:100%;
	color:#fff;
	font-size:12px;
	text-align:center;	
}

/************************************************************************************************************/
/*wbox1～9の背景色初期設定*/
/************************************************************************************************************/
.wbox1,.wbox2,.wbox3,.wbox4,.wbox5{border-color:#2d4f87;}
.wbox6,.wbox7,.wbox8,.wbox9{background:#2d4f87;color:#fff;}
.wbox7{
	box-shadow:0 0 0 5px #2d4f87;
	-moz-box-shadow:0 0 0 5px #2d4f87;
	-webkit-box-shadow:0 0 0 5px #2d4f87;
}
.wbox8{
	box-shadow:5px 5px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:5px 5px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow:5px 5px 0 rgba(0,0,0,0.3);
}
.wbox9:before{
	border-top-color:#bbb;
	box-shadow:0 1px 1px rgba(0,0,0,0.4);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.4);
}

.cR[class*="wbox"]{border-color: #9d2231;}
.cR.wbox6,.cR.wbox7,.cR.wbox8,.cR.wbox9{background:#9d2231;}
.cR.wbox7{
	border-color:#fff;
	box-shadow:0 0 0 5px #9d2231;
	-moz-box-shadow:0 0 0 5px #9d2231;
	-webkit-box-shadow:0 0 0 5px #9d2231;
}

.cY[class*="wbox"]{border-color: #bc8918;}
.cY.wbox6,.cY.wbox7,.cY.wbox8,.cY.wbox9{background:#bc8918;}
.cY.wbox7{
	border-color:#fff;
	box-shadow:0 0 0 5px #bc8918;
	-moz-box-shadow:0 0 0 5px #bc8918;
	-webkit-box-shadow:0 0 0 5px #bc8918;
}

.cG[class*="wbox"]{border-color: #829c25;}
.cG.wbox6,.cG.wbox7,.cG.wbox8,.cG.wbox9{background:#829c25;}
.cG.wbox7{
	border-color:#fff;
	box-shadow:0 0 0 5px #829c25;
	-moz-box-shadow:0 0 0 5px #829c25;
	-webkit-box-shadow:0 0 0 5px #829c25;
}

.cD[class*="wbox"]{border-color: #0f7e70;}
.cD.wbox6,.cD.wbox7,.cD.wbox8,.cD.wbox9{background:#0f7e70;}
.cD.wbox7{
	border-color:#fff;
	box-shadow:0 0 0 5px #0f7e70;
	-moz-box-shadow:0 0 0 5px #0f7e70;
	-webkit-box-shadow:0 0 0 5px #0f7e70;
}

.cB[class*="wbox"]{border-color: #0c668c;}
.cB.wbox6,.cB.wbox7,.cB.wbox8,.cB.wbox9{background:#0c668c;}
.cB.wbox7{
	border-color:#fff;
	box-shadow:0 0 0 5px #0c668c;
	-moz-box-shadow:0 0 0 5px #0c668c;
	-webkit-box-shadow:0 0 0 5px #0c668c;
}

.cN[class*="wbox"]{border-color: #2d4f87;}
.cN.wbox6,.cN.wbox7,.cN.wbox8,.cN.wbox9{background:#2d4f87;}
.cN.wbox7{
	border-color:#fff;
	box-shadow:0 0 0 5px #2d4f87;
	-moz-box-shadow:0 0 0 5px #2d4f87;
	-webkit-box-shadow:0 0 0 5px #2d4f87;
}

.cP[class*="wbox"]{border-color: #5d3779;}
.cP.wbox6,.cP.wbox7,.cP.wbox8,.cP.wbox9{background:#5d3779;}
.cP.wbox7{
	border-color:#fff;
	box-shadow:0 0 0 5px #5d3779;
	-moz-box-shadow:0 0 0 5px #5d3779;
	-webkit-box-shadow:0 0 0 5px #5d3779;
}

.cM[class*="wbox"]{border-color: #901b5b;}
.cM.wbox6,.cM.wbox7,.cM.wbox8,.cM.wbox9{background:#901b5b;}
.cM.wbox7{
	border-color:#fff;
	box-shadow:0 0 0 5px #901b5b;
	-moz-box-shadow:0 0 0 5px #901b5b;
	-webkit-box-shadow:0 0 0 5px #901b5b;
}

.cH[class*="wbox"]{border-color: #777;}
.cH.wbox6,.cH.wbox7,.cH.wbox8,.cH.wbox9{background:#777;}
.cH.wbox7{
	border-color:#fff;
	box-shadow:0 0 0 5px #777;
	-moz-box-shadow:0 0 0 5px #777;
	-webkit-box-shadow:0 0 0 5px #777;
}

.cK[class*="wbox"]{border-color: #222;}
.cK.wbox6,.cK.wbox7,.cK.wbox8,.cK.wbox9{background:#222;}

.cK.wbox7{
	border-color:#fff;
	box-shadow:0 0 0 5px #222;
	-moz-box-shadow:0 0 0 5px #222;
	-webkit-box-shadow:0 0 0 5px #222;
}

/************************************************************************************************************/
/*[本文]部位 背景有空白spacebox1～9の設定 */
/************************************************************************************************************/
span[style^="background-color"][class*="space"]{
padding:12px;
margin-bottom:12px;
}
p [class*="space"]{display:block;width:100%;}
[class*="space"]{overflow:hidden;}

span[style^="background-color"].spaceby1,p.spaceby1,p .spaceby1,[class^="p0"].spaceby1,[class^="i0"].spaceby1,[class^="fontt"].spaceby1{padding-left:24px;padding-right:24px;}
span[style^="background-color"].spaceby2,p.spaceby2,p .spaceby2,[class^="p0"].spaceby2,[class^="i0"].spaceby2,[class^="fontt"].spaceby2{padding-left:48px;padding-right:48px;}
span[style^="background-color"].spaceby3,p.spaceby3,p .spaceby3,[class^="p0"].spaceby3,[class^="i0"].spaceby3,[class^="fontt"].spaceby3{padding-left:72px;padding-right:72px;}
span[style^="background-color"].spaceby4,p.spaceby4,p .spaceby4,[class^="p0"].spaceby4,[class^="i0"].spaceby4,[class^="fontt"].spaceby4{padding-left:108px;padding-right:108px;}
span[style^="background-color"].spaceby5,p.spaceby5,p .spaceby5,[class^="p0"].spaceby5,[class^="i0"].spaceby5,[class^="fontt"].spaceby5{padding-left:156px;padding-right:156px;}
span[style^="background-color"].spaceby6,p.spaceby6,p .spaceby6,[class^="p0"].spaceby6,[class^="i0"].spaceby6,[class^="fontt"].spaceby6{padding-top:12px;padding-bottom:48px;}
span[style^="background-color"].spaceby7,p.spaceby7,p .spaceby7,[class^="p0"].spaceby7,[class^="i0"].spaceby7,[class^="fontt"].spaceby7{padding-top:12px;padding-bottom:72px;}
span[style^="background-color"].spaceby8,p.spaceby8,p .spaceby8,[class^="p0"].spaceby8,[class^="i0"].spaceby8,[class^="fontt"].spaceby8{padding-top:12px;padding-bottom:108px;}
span[style^="background-color"].spaceby9,p.spaceby9,p .spaceby9,[class^="p0"].spaceby9,[class^="i0"].spaceby9,[class^="fontt"].spaceby9{padding-top:12px;padding-bottom:156px;}
span[style^="background-color"].spaceby10,p.spaceby10,p .spaceby10,[class^="p0"].spaceby10,[class^="i0"].spaceby10,[class^="fontt"].spaceby10{padding-top:12px;padding-bottom:216px;}
span[style^="background-color"].spaceby11,p.spaceby11,p .spaceby11,[class^="p0"].spaceby11,[class^="i0"].spaceby11,[class^="fontt"].spaceby11{padding-top:12px;padding-bottom:288px;}
span[style^="background-color"].spacebt1,p.spacebt1,p .spacebt1,[class^="p0"].spacebt1,[class^="i0"].spacebt1,[class^="fontt"].spacebt1{padding-top:24px;padding-bottom:24px;}
span[style^="background-color"].spacebt2,p.spacebt2,p .spacebt2,[class^="p0"].spacebt2,[class^="i0"].spacebt2,[class^="fontt"].spacebt2{padding-top:48px;padding-bottom:48px;}
span[style^="background-color"].spacebt3,p.spacebt3,p .spacebt3,[class^="p0"].spacebt3,[class^="i0"].spacebt3,[class^="fontt"].spacebt3{padding-top:72px;padding-bottom:72px;}
span[style^="background-color"].spacebt4,p.spacebt4,p .spacebt4,[class^="p0"].spacebt4,[class^="i0"].spacebt4,[class^="fontt"].spacebt4{padding-top:108px;padding-bottom:108px;}
span[style^="background-color"].spacebt5,p.spacebt5,p .spacebt5,[class^="p0"].spacebt5,[class^="i0"].spacebt5,[class^="fontt"].spacebt5{padding-top:156px;padding-bottom:156px;}
span[style^="background-color"].spacebt6,p.spacebt6,p .spacebt6,[class^="p0"].spacebt6,[class^="i0"].spacebt6,[class^="fontt"].spacebt6{padding-top:48px;padding-bottom:12px;}
span[style^="background-color"].spacebt7,p.spacebt7,p .spacebt7,[class^="p0"].spacebt7,[class^="i0"].spacebt7,[class^="fontt"].spacebt7{padding-top:72px;padding-bottom:12px;}
span[style^="background-color"].spacebt8,p.spacebt8,p .spacebt8,[class^="p0"].spacebt8,[class^="i0"].spacebt8,[class^="fontt"].spacebt8{padding-top:108px;padding-bottom:12px;}
span[style^="background-color"].spacebt9,p.spacebt9,p .spacebt9,[class^="p0"].spacebt9,[class^="i0"].spacebt9,[class^="fontt"].spacebt9{padding-top:156px;padding-bottom:12px;}
span[style^="background-color"].spacebt10,p.spacebt10,p .spacebt10,[class^="p0"].spacebt10,[class^="i0"].spacebt10,[class^="fontt"].spacebt10{padding-top:216px;padding-bottom:12px;}
span[style^="background-color"].spacebt11,p.spacebt11,p .spacebt11,[class^="p0"].spacebt11,[class^="i0"].spacebt11,[class^="fontt"].spacebt11{padding-top:288px;padding-bottom:12px;}
span[style^="background-color"].spaceba1,p.spaceba1,p .spaceba1,[class^="p0"].spaceba1,[class^="i0"].spaceba1,[class^="fontt"].spaceba1{padding:12px;}
span[style^="background-color"].spaceba2,p.spaceba2,p .spaceba2,[class^="p0"].spaceba2,[class^="i0"].spaceba2,[class^="fontt"].spaceba2{padding:24px;}
span[style^="background-color"].spaceba3,p.spaceba3,p .spaceba3,[class^="p0"].spaceba3,[class^="i0"].spaceba3,[class^="fontt"].spaceba3{padding:48px;}
span[style^="background-color"].spaceba4,p.spaceba4,p .spaceba4,[class^="p0"].spaceba4,[class^="i0"].spaceba4,[class^="fontt"].spaceba4{padding:72px;}
span[style^="background-color"].spacebb1,p.spacebb1,p .spacebb1,[class^="p0"].spacebb1,[class^="i0"].spacebb1,[class^="fontt"].spacebb1{padding-top:216px;padding-bottom:216px}
span[style^="background-color"].spacebb2,p.spacebb2,p .spacebb2,[class^="p0"].spacebb2,[class^="i0"].spacebb2,[class^="fontt"].spacebb2{padding-top:288px;padding-bottom:288px}

.inblock{display:inline-block;}

[class*="space"][class*="imgwaku"] .ibox + p,.boxr01 [class*="space"] .ibox + p{margin: 12px 0;}
.boxr01 [class*="space"].parabox .ibox + p{margin:0;}
[class*="space"].imgwaku7 .imagecap{padding:10px;}
[class*="space"][class*="imgwaku"].parabox .ibox + p{margin:0 0 12px 0;}

/*[本文]部位 行間 pline1～4の設定 */
.pline1{line-height:2.1;}
.pline2{line-height:2.5;}
.pline3{line-height:3.0;}
.pline4{line-height:3.8;}

/* i00-i06arrowの共通設定 */
/************************************************************************************************************/
[class*="arrow"]:after{
	position:absolute;
	font-family:FontAwesome;
	font-size:1.6em;
	color:#000;
}
.boxbg01 [class*="arrow"]:after,.boxbg02 [class*="arrow"]:after,.boxbg03 [class*="arrow"]:after{display:none;}
.arrow:after{content:"\f054";margin-left:calc(100% + 5px);top:45%;}

@media screen and (max-width: 480px) {
.arrow:after{margin-left: calc(100% + 2px);font-size:0.95em;}
span[style^="background-color"].spaceby4,p.spaceby4,[class^="i0"].spaceby4,[class^="fontt"].spaceby4,
span[style^="background-color"].spaceby5,p.spaceby5,[class^="i0"].spaceby5,[class^="fontt"].spaceby5{padding-left:72px;padding-right:72px;}
}

/*fontt1～9の背景色初期設定*/
/************************************************************************************************************/
[class*="fontt"],[class*="marnon"]{
	display:inline-block;
	overflow:hidden;
	padding:24px;
	margin: 0 24px 12px 0;
	border-radius: 2px;
	float:left;
	}

.p02 [class^="fontt"],.p02 [class*="marnon"]{
	padding:24px;
	margin: 0 auto 12px auto;
	float:none;
	}

.marnon [class^="fontt"]{margin: 0 auto 0 auto;}
[class^="fontt"][style^="background-color"]{display: inline-block;padding:24px;}
.marnon[style^="background-color"]{margin-bottom: 12px;padding:0;width:100%;}
.marnon[style^="background-color"] [class^="fontt"]{display: block;}

.fontt1,.fontt4,.fontt7{border:1px dotted rgba(0,0,0,0.3);}
.fontt2,.fontt5,.fontt8{border:4px double rgba(0,0,0,0.3);}
.fontt3,.fontt6,.fontt9{border:3px solid rgba(0,0,0,0.2);}

.fontt1,.fontt2,.fontt3,.marnon.msize1,
.fontt1[style^="background-color"],.fontt2[style^="background-color"],.fontt3[style^="background-color"]{width:100%;margin-bottom:12px;}
.fontt4,.fontt5,.fontt6,.marnon.msize1,
.fontt4[style^="background-color"],.fontt5[style^="background-color"],.fontt6[style^="background-color"]{width:80%;margin: 0 10% 12px 10%;}
.fontt7,.fontt8,.fontt9,.marnon.msize2,
.fontt7[style^="background-color"],.fontt8[style^="background-color"],.fontt9[style^="background-color"]{width:60%;margin: 0 20% 12px 20%;}
[class^="p0"][class*="fontt"]{width:calc(100% - 24px);}
.boxr01 [class^="p0"][class*="fontt"]{width:calc(100%);}

@media screen and (min-width: 481px) and (max-width: 1080px) {
.boxr01 [class^="p0"][class*="fontt"]{width:calc(100% - 48px);}
}
@media screen and (max-width: 480px) {
[class^="p0"][class*="fontt"]{width:calc(100% - 12px);}
.boxr01 [class^="p0"][class*="fontt"]{width:calc(100% - 24px);}
}
[class*="msize"] [class^="fontt"]{width:100%;}


/*ibobor1～9の画像部位用枠初期設定*/
/************************************************************************************************************/

/*sbox1～9の背景色初期設定*/
/************************************************************************************************************/
.sbox1,.sbox6{border-color:#b8d352;}
.sbox2{background:linear-gradient(transparent 80%,#cee183 80%);}
.sbox3{text-shadow: 1px 1px 0 #cee183;}
.sbox4:after,.sbox9:before,.sbox7{background-color:#b8d352;}
.sbox5:before,.sbox6:before{color:#b8d352;}
.sbox8{	
	background:-webkit-repeating-linear-gradient(-45deg,#b8d352,#b8d352 2px,#a3c42c 2px,#a3c42c 4px);
	background:repeating-linear-gradient(-45deg,#b8d352,#b8d352 2px,#a3c42c 2px,#a3c42c 4px);
	}

.cR.sbox1,.cR.sbox6,.cR[class^="fontt"]{border-color:#d35464;}
.cR.sbox2{background:linear-gradient(transparent 60%,#e18591 60%);}
.cR.sbox3{text-shadow: 1px 1px 0 #e18591;}
.cR.sbox4:after,.cR.sbox9:before,.cR.sbox7{background-color:#d35464;}
.cR.sbox5:before,.cR.sbox6:before,.cR[class*="arrow"]:after{color:#d35464;}
.cR.sbox8{	
	background:-webkit-repeating-linear-gradient(-45deg,#d35464,#d35464 2px,#c5293c 2px,#c5293c 4px);
	background:repeating-linear-gradient(-45deg,#d35464,#d35464 2px,#c5293c 2px,#c5293c 4px);
	}

.cY.sbox1,.cY.sbox6,.cY[class^="fontt"]{border-color:#f1c04a;}
.cY.sbox2{background:linear-gradient(transparent 60%,#f5d480 60%);}
.cY.sbox3{text-shadow: 1px 1px 0 #f5d480;}
.cY.sbox4:after,.cY.sbox9:before,.cY.sbox7{background-color:#f1c04a;}
.cY.sbox5:before,.cY.sbox6:before,.cY[class*="arrow"]:after{color:#f1c04a;}
.cY.sbox8{	
	background:-webkit-repeating-linear-gradient(-45deg,#f1c04a,#f1c04a 2px,#ecab1d 2px,#ecab1d 4px);
	background:repeating-linear-gradient(-45deg,#f1c04a,#f1c04a 2px,#ecab1d 2px,#ecab1d 4px);
	}

.cG.sbox1,.cG.sbox6,.cG[class^="fontt"]{border-color:#b8d352;}
.cG.sbox2{background:linear-gradient(transparent 60%,#cee183 60%);}
.cG.sbox3{text-shadow: 1px 1px 0 #cee183;}
.cG.sbox4:after,.cG.sbox9:before,.cG.sbox7{background-color:#b8d352;}
.cG.sbox5:before,.cG.sbox6:before,.cG[class*="arrow"]:after{color:#b8d352;}
.cG.sbox8{	
	background:-webkit-repeating-linear-gradient(-45deg,#b8d352,#b8d352 2px,#a3c42c 2px,#a3c42c 4px);
	background:repeating-linear-gradient(-45deg,#b8d352,#b8d352 2px,#a3c42c 2px,#a3c42c 4px);
	}

.cD.sbox1,.cD.sbox6,.cD[class^="fontt"]{border-color:#35b5a6;}
.cD.sbox2{background:linear-gradient(transparent 60%,#69cec2 60%);}
.cD.sbox3{text-shadow: 1px 1px 0 #69cec2;}
.cD.sbox4:after,.cD.sbox9:before,.cD.sbox7{background-color:#35b5a6;}
.cD.sbox5:before,.cD.sbox6:before,.cD[class*="arrow"]:after{color:#35b5a6;}
.cD.sbox8{	
	background:-webkit-repeating-linear-gradient(-45deg,#35b5a6,#35b5a6 2px,#139e8b 2px,#139e8b 4px);
	background:repeating-linear-gradient(-45deg,#35b5a6,#35b5a6 2px,#139e8b 2px,#139e8b 4px);
	}

.cB.sbox1,.cB.sbox6,.cB[class^="fontt"]{border-color:#3699c3;}
.cB.sbox2{background:linear-gradient(transparent 60%,#6db8d7 60%);}
.cB.sbox3{text-shadow: 1px 1px 0 #6db8d7;}
.cB.sbox4:after,.cB.sbox9:before,.cB.sbox7{background-color:#3699c3;}
.cB.sbox5:before,.cB.sbox6:before,.cB[class*="arrow"]:after{color:#3699c3;}
.cB.sbox8{	
	background:-webkit-repeating-linear-gradient(-45deg,#3699c3,#3699c3 2px,#0f7eaf 2px,#0f7eaf 4px);
	background:repeating-linear-gradient(-45deg,#3699c3,#3699c3 2px,#0f7eaf 2px,#0f7eaf 4px);
	}

.cN.sbox1,.cN.sbox6,.cN[class^="fontt"]{border-color:#5b80be;}
.cN.sbox2{background:linear-gradient(transparent 60%,#8aa5d3 60%);}
.cN.sbox3{text-shadow: 1px 1px 0 #8aa5d3;}
.cN.sbox4:after,.cN.sbox9:before,.cN.sbox7{background-color:#5b80be;}
.cN.sbox5:before,.cN.sbox6:before,.cN[class*="arrow"]:after{color:#5b80be;}
.cN.sbox8{	
	background:-webkit-repeating-linear-gradient(-45deg,#5b80be,#5b80be 2px,#3661a9 2px,#3661a9 4px);
	background:repeating-linear-gradient(-45deg,#5b80be,#5b80be 2px,#3661a9 2px,#3661a9 4px);
	}
	
.cP.sbox1,.cP.sbox6,.cP[class^="fontt"]{border-color:#9066b1;}
.cP.sbox2{background:linear-gradient(transparent 60%,#b291ca 60%);}
.cP.sbox3{text-shadow: 1px 1px 0 #b291ca;}
.cP.sbox4:after,.cP.sbox9:before,.cP.sbox7{background-color:#9066b1;}
.cP.sbox5:before,.cP.sbox6:before,.cP[class*="arrow"]:after{color:#9066b1;}
.cP.sbox8{	
	background:-webkit-repeating-linear-gradient(-45deg,#9066b1,#9066b1 2px,#734397 2px,#734397 4px);
	background:repeating-linear-gradient(-45deg,#9066b1,#9066b1 2px,#734397 2px,#734397 4px);
	}

.cM.sbox1,.cM.sbox6,.cM[class^="fontt"]{border-color:#c6498e;}
.cM.sbox2{background:linear-gradient(transparent 60%,#d97aaf 60%);}
.cM.sbox3{text-shadow: 1px 1px 0 #d97aaf;}
.cM.sbox4:after,.cM.sbox9:before,.cM.sbox7{background-color:#c6498e;}
.cM.sbox5:before,.cM.sbox6:before,.cM[class*="arrow"]:after{color:#c6498e;}
.cM.sbox8{	
	background:-webkit-repeating-linear-gradient(-45deg,#c6498e,#c6498e 2px,#b41f71 2px,#b41f71 4px);
	background:repeating-linear-gradient(-45deg,#c6498e,#c6498e 2px,#b41f71 2px,#b41f71 4px);
	}

.cH.sbox1,.cH.sbox6,.cH[class^="fontt"]{border-color:#777;}
.cH.sbox2{background:linear-gradient(transparent 60%,#ccc 60%);}
.cH.sbox3{text-shadow: 1px 1px 0 #ccc;}
.cH.sbox4:after,.cH.sbox9:before,.cH.sbox7{background-color:#777;}
.cH.sbox5:before,.cH.sbox6:before,.cH[class*="arrow"]:after{color:#777;}
.cH.sbox8{	
	background:-webkit-repeating-linear-gradient(-45deg,#777,#777 2px,#333 2px,#333 4px);
	background:repeating-linear-gradient(-45deg,#777,#777 2px,#333 2px,#333 4px);
	}

.cK.sbox1,.cK .sbox6,.cK[class^="fontt"]{border-color:#222;}
.cK.sbox2{background:linear-gradient(transparent 60%,#ccc 60%);}
.cK.sbox3{text-shadow: 1px 1px 0 #ccc;}
.cK.sbox4:after,.cK.sbox9:before,.cK.sbox7{background-color:#222;}
.cK.sbox5:before,.cK.sbox6:before,.cK[class*="arrow"]:after{color:#222;}
.cK.sbox8{	
	background:-webkit-repeating-linear-gradient(-45deg,#444,#444 2px,#000 2px,#000 4px);
	background:repeating-linear-gradient(-45deg,#444,#444 2px,#000 2px,#000 4px);
	}

/* LINKの拡張レイアウト指定 */
/************************************************************************************************************/
[class*="etlink"]{display:inline-block;margin: 0 0 8px 0;width:100%;font-size:13px;}

.etlink2{padding:8px;}
.etlink4{padding:0 0 8px 0;margin-bottom:0;}
.etlink5{
	border:none;
	padding:0 12px 0 0;
	display:inline;
}
.etlink5:before,.etlink6:before{font-size:13px;float:none;display:inline;}

.etlink6{
	float:right;
	width:auto;
	border:none;
	margin: 0 0 8px 12px;
	padding:12px;
	background:#eee;
	display:inline;
}

.etlink6 + br,.etlink7 + br{
	content: "";
    clear: both;
    display: block;
}

.etlink7{
	float:right;
	width:auto;
	border:none;
	margin: 0 0 12px 12px;
	display:inline;
}
.etlink7:after{
	float:none;
	display:inline;
	font-family: FontAwesome;
	padding: 0 0 0 4px;
	content: "\f18e";
	}

.etlink8{
	width:calc(100%/6 - 2px);
	border-radius:4px 4px 0 0;
	padding:8px 8px 6px 8px;
	margin:0 2px 0 0;
	display:inline-block;
	background:#fff;
	border:none;
}
.etlink8:last-child{width:calc(100%/6);margin-right:0;}

.etlink8.active{border:transparent;background:transparent;color:#fff;}

.etlink9{
	border:none;
	padding:0;
	display:inline;
}
.etlink9:after{
	content: ">";
	margin:0 6px;
}
.etlink9:last-child:after{
	content: "";
	margin:0;
}

.etlink5.active,.etlink9.active{border-bottom:1px dotted;}

.w376L .etlink8{width:calc(100%/3 - 2px);border-radius:4px;margin-bottom:2px;}
.w376L .etlinkbox{border-radius:6px;border:none;padding:4px 4px 0 4px;}
.w376L .etlink8:nth-child(3n){width:calc(100%/3);margin-right:0;}

.w176R .etlink8{width:calc(100%);border-radius:4px;margin-bottom:2px;}
.w176R .etlinkbox{border-radius:6px;border:none;padding:4px 4px 0 4px;}
.w176R .etlink8:nth-child(n){width:calc(100%);margin-right:0;}

@media screen and (max-width: 840px) {
.w176R .etlink8{width:calc(100%);border-radius:4px;margin-bottom:2px;}
.w176R .etlinkbox{border-radius:6px;border:none;padding:4px 4px 0 4px;}
.etlink8{width:calc(100%/3 - 2px);border-radius:4px;margin-bottom:2px;}
.etlinkbox{border-radius:6px;border:none;padding:4px 4px 2px 4px;}
.etlink8:nth-child(3n){width:calc(100%/3);margin-right:0;}
.etlink8:last-child{width:calc(100%/3 - 2px);margin-right:0;}
}


/* boxbg01の拡張レイアウト指定 */
/************************************************************************************************************/
.boxbg01 [class^="i0"]{
	padding:2px;
	background:#fff;
	border:solid 1px;
	border-color: rgba(0,0,0,0.1);
	border-radius:2px;
}

.boxbg01 [class^="h0"]{
	display: block;
	padding:12px;
	font-size: 14px;
	margin:0 4px 4px 0;
	border:solid 1px;
	border-color: rgba(0,0,0,0.1);
	border-radius:4px;
	
}
.boxbg01 [class^="p0"]{
	display: block;
	padding:12px;
	margin:0 4px 4px 0;
	font-size:12px;
	border:solid 1px;
	border-color: rgba(0,0,0,0.1);
	border-radius:4px;
	background:#fff;
}

.boxbg01 [class*="imgwaku"] p{color:#000;}
.boxbg01 .p00 + .brclear{display:none;}
.boxbg01 p.imagecap{
	margin:0px;
	padding:12px;
	background:#eee;
}

.boxbg01 strong{
	display:inline-block;
	font-size: 1.1em;
	padding-bottom:8px;
	letter-spacing: -0.04em;
}

.boxbg01 [class^="i0"] > p{
	padding:2px 12px 12px 12px;
	margin: 10px 0 0 0;	
}
.boxbg01 [class^="i0"] > p[class*="fontt"]{margin: 6px;padding:6px;}
.boxbg01 [class^="i0"] [class*="fontt"]{width: calc(100% - 12px);}

.boxbg01 [class*="imgwaku"] p{color:#000;}
.boxbg01 [class*="imgwaku"] p.imagecap{background:#eee;border:none;border-radius:0;margin:0;width:100%;}
.boxbg01 [class*="imgwaku"] img{border-radius:0;margin:0;width:100%;}
.boxbg01 [class^="i00"][class*="imgwaku"] img{padding:0;}
.boxbg01 [class*="imgwaku"] .layerbox{border-radius:0;width:calc(100%);}

.boxbg01 [class*="imgr0"]{border-radius:0;border:none;padding:0;}
.boxbg01 [class*="imgr0"] .layerbox{width:100%;margin:0;border-radius:0;}

.boxbg01 [class^="i0"] [class*="paragra"]{width:100%;margin:0;}

/*画像にフィルタ処理*/
.imgfilter1{filter: hue-rotate(355deg);}
.imgfilter2{filter: blur(3px);}
.imgfilter3{filter: grayscale(100%);}
.imgfilter4{filter: sepia(100%);}
.imgfilter5{filter: opacity(60%);}
.imgfilter6{filter: contrast(60%);}
.imgfilter7{filter: brightness(80%);}
.imgfilter8{filter: brightness(120%);}
.imgfilter9{filter: saturate(50%);}

/*4:3画像トリミング*/
/*.cenbox,*/.articleimg{
	position: relative;
	width: auto;
	padding-top: 75%;
	overflow: hidden;
	margin: 0 auto;
}

/*.cenbox img,*/.articleimg img{
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 150%;
	max-height: 150%;
}
/*iboxの高さを初期に戻す*/
[class^="i0"].lineTa,[class^="i0"].acordion{height:auto !important;}
[class^="i0"].acordion img:hover,.acordion dt:hover{opacity:0.8;}

#HCB_comment_box img{width: auto;}

i.fa{margin-right:4px;}

/*navi用画像を小さく右端に置く*/
#naviL .navi06[class*="pt"].npon{border-radius: 8px;}
#naviL .navi05[class*="pt"].npon,#naviL .navi06[class*="pt"].npon{border:none;color:#fff;}
#naviL .navi05[class*="pt"].npon p,#naviL .navi06[class*="pt"].npon p{color:#222;}

#naviL [class^="navi0"].imgnavi a{display:table;border:none;}
#naviL [class^="navi0"].imgnavi img{width:calc(90%);margin:0 6px 0 0;}
#naviL [class^="navi0"].imgnavi .text{
border:none;
display: table;
padding: 0px 0px;
}
#naviL [class^="navi0"].imgnavi .text:before{
	display:block;
	float:left;
	content: "\f054";
	font-family: FontAwesome;
	font-size: 1.0em;
	padding:0 2px 0 0;
}

@media screen and (max-width: 1080px) {
#naviL [class^="navi0"].imgnavi{width:calc(100% - 12px);}
}

/*画像部位の上にマウスオーバーレイヤー配置*/
p.overbox{margin:0;}
.overbox{
	width: 100%;
	height: 100%;
	position: absolute;
	background:transparent url(layer.png) repeat 0 0;
	top:0;
	left:0;
	opacity: 0;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
	filter: alpha(opacity=0);
	display: table;
	-webkit-transform-style: preserve-3d;
}
.overbox:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.overlay{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/* a.activeの色指定 */
a.active.lk span[style^="background-color"]{background:transparent url(layer.png) repeat 0 0;}
a.active.lk{color: #fff !important;}

.imglink:hover{filter: sepia(20%);}

/* boxr05白抜き指定*/
.boxr05 p,.boxr05 a,.boxr05 [class^="navi"],
.boxr05 #local [class^="local_sub"]::before,
.boxr05 .h00,.boxr05 .h01,.boxr05 .h04,.boxr05 .h05{color:#fff;}
.boxr05 a:hover{opacity:0.6;}
.boxr05 table p{color:#000;}
.boxr05 [class^="listbox"] .article{background:transparent;}

/*i0の中のDL DT指定(特殊)*/
[class^="i0"] dl{font-size: 13px;text-align: justify;}
[class^="i0"] dl{width:100%;margin-top:12px;}
[class^="i0"] dl dt{margin-right:0px;}

[class*="imgwaku"] dl{width:100%;margin-top:12px;padding:0 12px 18px 12px;}
.imgwaku6 dl,.imgwaku8 dl{padding:0;}

/*プルダウンメニュー sitenavi1 2 指定*/
.sitenavi1 {
	width:708px;
	overflow: hidden;
	padding: 0;
	display: inline-block;
}
.sitenavi1 li {
	list-style: none;
	float: left;
	margin-left:1px;
	width:calc(100%/4 - 1px);
}

.sitenavi1 li:nth-child(4){margin-right:0;}
.sitenavi1 li a {
	font-size: 13px;
	display: block;
	margin: 0;
	padding: 12px;
	line-height: 1.4em;
	color: #fff;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	border-bottom:none;
}

.sitenavi1 .noninfo{width:calc(100%);}
.sitenavi1 .noninfo li{float:none;margin-left: 0;}
.sitenavi1 .noninfo li{border-bottom: 1px dotted #fff;}
.sitenavi1 li ul {
	width:calc(100%);
	display: none;
	position: absolute;
	margin-left: 0px;
	z-index:3000;
}

.sitenavi1 .siteinfonavi{
	display:block;
	width:100%;
	margin-bottom:2px;
	}
.sitenavi1 li span{display:block;padding: 12px;color:#fff;}
	
@media screen and (max-width: 1080px) {
.sitenavi1{width:100%;}
}
@media screen and (max-width: 480px) {
.sitenavi1 li {width:calc(100%/2 - 1px);}
.sitenavi1 li:nth-child(2n){margin-right:0;}
.sitenavi1 li.topinfo{margin-bottom:1px;}
}

.sitenavi2 li ul{display: none;}
.sitenavi2 li{
	font-size:13px;
	font-weight:bold;
	list-style: none;
	padding:12px;
	background:#fafafa;
	border:1px solid;
	border-radius:4px;
}

.sitenavi2 .noninfo li{
	font-weight:normal;
	border:none;
	border-bottom: 1px dotted;
	padding:10px 0 10px 14px;
}

.sitenavi2 li a{border:none;}
#naviL .sitenavi2 li a:hover{background:transparent;}
.sitenavi2 .noninfo li a{border:none;}
.sitenavi2 .noninfo li a:before{
	content: "\f0da";
	font-family: FontAwesome;
	margin-right: 4px;
}

.sitenavi2 .siteinfonavi{
	display:block;
	width:100%;
	margin:6px;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	}

.sitenavi2{
border:1px solid;
border-radius:4px;
display: block;
overflow: hidden;
}
@media screen and (max-width: 1080px) {
#naviL .sitenavi2 li ul{display: block;}
}
.sitenavi1 br,.sitenavi2 br{display:none;}
.subboxt .sitenavi1,.box1t .sitenavi1,.box2t .sitenavi1,.box3t .sitenavi1,.box4t .sitenavi1,
.subboxt .sitenavi2,.box1t .sitenavi2,.box2t .sitenavi2,.box3t .sitenavi2,.box4t .sitenavi2,
.subboxt .noninfo,.box1t .noninfo,.box2t .noninfo,.box3t .noninfo,.box4t .noninfo{margin:0;}

.sitenavi1 li a:hover,.sitenavi1 li span:hover{background: #777;}
.sitenavi2,.sitenavi2 li,.sitenavi2 .noninfo li{border-color:#aaa;}
.sitenavi1 li,.sitenavi1 li ul li a,.sitenavi2{background:#aaa;}
.sitenavi2 li i,.sitenavi2 li a i,.sitenavi2 .noninfo li a:before{color:#aaa;}

/*ページ内ソート機能 isortの指定*/
.photoerea{width:714px;}
.box1t .category-btn {
	padding: 0;
	margin:0 24px 0 0;
	text-align: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.category-btn li {
	width: calc(100%/6);
	list-style: none;
}

.category-btn li a {
	display: block;
	width:100%;
	border-radius:4px;
	color: #FFF;
	background: #333;
	padding: 10px;
	transition: background .3s ease;
}

.category-btn li a.is-current {
	pointer-events: none;
	background: #18bc9c;
}

.photo {
	margin: 0 auto;
	padding: 0;
}

.photo .photo-block {
	display: none;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	width: 172px;
	height: auto;
}

.photo [class^="i0"]{margin:0 6px 6px 0;}

.photo .photo-block img {
	vertical-align: bottom;
}

body.category-all .item-all,
body.category-sort1 .item-sort1,
body.category-sort2 .item-sort2,
body.category-sort3 .item-sort3,
body.category-sort4 .item-sort4,
body.category-sort5 .item-sort5,
body.category-sort6 .item-sort6,
body.category-sort7 .item-sort7,
body.category-sort8 .item-sort8,
body.category-sort9 .item-sort9{
	display: block;
	-webkit-animation: show .5s linear 0s forwards;
	animation: show .5s linear 0s forwards;
}

@media only screen and (min-width: 732px) {
.category-btn li a:hover {background: #18bc9c;}
}

@media only screen and (max-width: 480px) {
.category-btn {
	margin-bottom: 2em;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.category-btn li {width: 100%;margin-bottom: 2em;}
}

@media only screen and (max-width: 320px) {
}

@-webkit-keyframes show {
from {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
to {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
}
@keyframes show {
from {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
to {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
}

@media screen and (min-width: 481px) and (max-width: 1080px) {
.photoerea{width:100%;padding-right:20px;}
}
@media screen and (max-width: 480px) {
.photoerea{width:100%;padding-right:10px;}
}

/*画像･本文フェードイン機能の指定*/
.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/*画像ズーム機能の指定*/
.zoomer{background:#fafafa;}
.zoomer_wrapper {
	border: 1px solid #ddd;
	border-radius: 3px;
	height: 500px;
	overflow: hidden;
}

[class^="i0"].zoomer_wrapper{height: 500px;}
[class^="i02"].zoomer_wrapper,[class^="i05"].zoomer_wrapper.parabox,[class^="i06"].zoomer_wrapper.parabox{height: 250px;}
[class^="i03"].zoomer_wrapper{height: 170px;}
[class^="i04"].zoomer_wrapper{height: 130px;}
[class^="i05"].zoomer_wrapper{height: 100px;}

@media only screen and (max-width: 480px) {
[class^="i0"].zoomer_wrapper{height: 250px;}
[class^="i03"].zoomer_wrapper,[class^="i03"].zoomer_wrapper.impa,[class^="i04"].zoomer_wrapper.impa,
[class^="i05"].zoomer_wrapper,[class^="i05"].zoomer_wrapper.impa{height: 130px;}
}

/*背景にyoutubeの指定*/
#iframe_bgndVideo{top:-12%;}

/*haader naviG naviL footer非表示*/
body.hglfnodisplay #header,body.hglfnodisplay #naviG,body.hglfnodisplay #naviL,body.hglfnodisplay #footer,body.hglfnodisplay #snavi{display:none;}
.fullbox #subbox{
	display:flex;
	justify-content: center;
	align-items: center;
	}
.fullbox #contents{display:block;}
.fullbox #ct::after{display:none;}

/*背景parallaxの指定*/
.parapage #box1.parallax,.parapage #box2.parallax,.parapage #box3.parallax,.parapage #box4.parallax{display:flex;align-items: center;}
body.parapage{
	position: relative;
	margin: 0 auto;
	padding: 0;
}

.parallax {
  position: relative;
  margin: 0 auto;
  padding: 0;
  height: 780px;
}