@charset "utf-8";
/* ==================================================================
CSS information
style info : ローカル＆通信プレイ
================================================================== */


/* --------------------------------------------------------
OVERWRITE
-------------------------------------------------------- */
#section-Area { padding-top: 0%;}
@media screen and (min-width: 641px) {
	#section-Area { padding-top: 0%;}
}
@media screen and (min-width: 1401px) {
	#section-Area { padding-top: 0px;}
}
/* --------------------------------------------------------
COMMON
-------------------------------------------------------- */



/* --------------------------------------------------------
#section-Multi
-------------------------------------------------------- */
#section-Multi { position: relative; padding-top: 7.1875%; padding-bottom: 5%; }

#section-Multi .hl { margin-bottom: 4.827586%; position: relative; z-index: 2; }
#section-Multi .readtext { margin-bottom: 1%;}
#section-Multi .batch { width: 29.53125%; position: absolute; top: 0; right: 2.65625%; margin-top: 13.793103%;}/* mt80 */

#pic_multi1 { width: 110.344827%; margin-left: -5.172413%; margin-bottom: 5.172413%; text-align: center;}
#pic_multi1 .pic { width: 97.5%; margin: 0 auto; }/* w624 */
#pic_multi1 .pic_hl { width: 100%; margin-top: -10.15625%;}

#section-Multi .ss-Block { width: 100%; margin: 0 auto 5.172413%;}
#section-Multi .ss-Block li { position: relative; width: 70.344827%; }/* w408 */
#section-Multi .ss-Block li .text { position: absolute; top: 0; width: 55%; }
#section-Multi .ss-Block .ss1 { margin-bottom: -3.448275%; }
#section-Multi .ss-Block .ss1 .text { right: -47%; margin-top: 5%;}
#section-Multi .ss-Block .ss2 { margin-left: 29.655172%; }
#section-Multi .ss-Block .ss2 .text { left: -47%; margin-top: 20%;}

#pic_multi2 { width: 110.344827%; margin-left: -5.172413%; margin-bottom: 5.172413%; text-align: center;}
#pic_multi2 .pic { width: 97.34375%; margin: 0 auto; }/* w623 */
#pic_multi2 .pic_hl { width: 100%; margin-top: -8.4375%;}
#pic_multi2 .pic_text { width: 100%; margin-top: 1.875%;}

#pic_multi3 { width: 110.344827%; margin-left: -5.172413%; margin-bottom: 8.620689%; text-align: center;}
#pic_multi3 .pic { width: 112.8125%; max-width: none; margin: 0 0 0 -6.25%; }/* w722 */
#pic_multi3 .pic_hl { width: 100%; margin-top: -19.6875%;}
#pic_multi3 .pic_text { width: 100%; margin-top: 1.875%;}

.btn_4coma { text-align: center;}

@media screen and (min-width: 641px) {
	#section-Multi { padding-top: 3.214285%; padding-bottom: 2.272727%;}
	#section-Multi .inner { }

	#section-Multi .hl { width: 63.181818%; max-width: 834px; margin: 0 auto 1.287878%; }
	#section-Multi .readtext { width: 56.515151%; max-width: 746px; margin: 0 auto 5.303030%;}
	#section-Multi .batch { width: 13.5%; max-width: 189px; top: 0; right: 8.785714%; margin-top: 0.714285%; z-index: 1;}

	#pic_multi1 { max-width: 640px; width: 45.714285%; margin: 0; position: absolute; top: 0; left: 2.857142%; margin-top: 12.142857%; z-index: 3;}
	#pic_multi1 .pic { max-width: 780px; width: 121.875%; margin-left: -1%; margin-bottom: -21.40625%; }
	#pic_multi1 .pic_hl { width: 100%; margin-top: 0%;}

	#section-Multi .ss-Block { position: relative; margin-bottom: 8.333333%;}
	#section-Multi .ss-Block li { width: 30.909090%; max-width: 408px; }
	#section-Multi .ss-Block .ss1 { margin-left: 54.545454%; margin-bottom: -0.530303%; }
	#section-Multi .ss-Block .ss1 .text { max-width: 215px; width: 52.696078%; right: -47.303921%; margin-top: 10.784313%;}
	#section-Multi .ss-Block .ss2 { margin-left: 68.636363%; }
	#section-Multi .ss-Block .ss2 .text { max-width: 215px; width: 52.696078%; left: -41.176470%; margin-top: 16.421568%;}

	#section-Multi .boxs { position: relative; margin-bottom: 2.272727%; }

	#pic_multi2 { max-width: 640px; width: 48.484848%; margin: 0;}
	#pic_multi2 .pic { width: 100%; }
	#pic_multi2 .pic_hl { margin-top: -8.4375%;}
	#pic_multi2 .pic_text { margin-top: 1.40625%;}

	#pic_multi3 { max-width: 640px; width: 48.484848%; margin: 0; position: absolute; top: 0; right: 0; margin-top: -2.5%;}
	#pic_multi3 .pic { max-width: 722px; width: 112.8125%; margin: 0 0 0 -5.15625%; }
	#pic_multi3 .pic_hl { margin-top: -19.6875%;}
	#pic_multi3 .pic_text { margin-top: 1.40625%;}
	
	#section-Multi .btn_4coma { max-width: 554px; width: 41.969696%; margin: 0 auto;}
	#section-Multi .btn_4coma { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-backface-visibility: hidden;}
	#section-Multi .btn_4coma:hover { -webkit-transform: scale(1.03); transform: scale(1.03);}

}
@media screen and (min-width: 1401px) {
	#section-Multi { padding-top: 45px; padding-bottom: 30px;}
}





/* --------------------------------------------------------
#section-Stamp
-------------------------------------------------------- */
#section-Stamp { position: relative; padding-top: 7.1875%; padding-bottom: 5%; }

#stamp-conts { background: #d2ff00; border-radius: 12px; padding: 13.793103% 5.172413% 5.172413%; position: relative;}

#stamp-conts .stamp-Block { position: absolute; width: 100%; top: 0; left: 0%; }
#stamp-conts .stamp-Block li { position: absolute; top: 0; width: 21.724137%;}
#stamp-conts .stamp-Block .stamp1 { left: 5.172413%; margin-top: -3.793103%; }
#stamp-conts .stamp-Block .stamp2 { left: 27.586206%; margin-top: -1.206896%; }
#stamp-conts .stamp-Block .stamp3 { right: 27.931034%; margin-top: -3.793103%; }
#stamp-conts .stamp-Block .stamp4 { right: 5.172413%; margin-top: -1.206896%; }
#stamp-conts .stamp-Block .stamp5 { left: 5.172413%; margin-top: 32.241379%; }
#stamp-conts .stamp-Block .stamp6 { left: 27.586206%; margin-top: 34.482758%; }
#stamp-conts .stamp-Block .stamp7 { right: 27.931034%; margin-top: 32.241379%; }
#stamp-conts .stamp-Block .stamp8 { right: 5.172413%; margin-top: 34.482758%; }

#stamp-conts .hl { margin-bottom: 29.423076%; position: relative; }
#stamp-conts .readtext { margin-bottom: 4.230769%; position: relative;}

@media screen and (min-width: 641px) {
	#section-Stamp { padding-top: 3.214285%; padding-bottom: 3.571428%;}
	
	#stamp-conts { border-radius: 12px; padding: 0% 0 4.696969%; position: relative;}
	#stamp-conts::before { content: ""; display: block; width: 100%; height: 1px; }
	
	#stamp-conts .stamp-Block li { width: 11.515151%; }
	#stamp-conts .stamp-Block .stamp1 { left: 1.136363%; margin-top: 10.984848%; }
	#stamp-conts .stamp-Block .stamp2 { left: 13.030303%; margin-top: 6.439393%; }
	#stamp-conts .stamp-Block .stamp3 { right: 24.924242%; margin-top: 10.984848%; }
	#stamp-conts .stamp-Block .stamp4 { right: 13.030303%; margin-top: 6.439393%; }
	#stamp-conts .stamp-Block .stamp5 { left: 13.030303%; margin-top: 16.969696%; }
	#stamp-conts .stamp-Block .stamp6 { left: 24.924242%; margin-top: 10.984848%; }
	#stamp-conts .stamp-Block .stamp7 { right: 13.030303%; margin-top: 16.969696%; }
	#stamp-conts .stamp-Block .stamp8 { right: 1.136363%; margin-top: 10.984848%; }
	
	#stamp-conts .hl { max-width: 620px; width: 46.969696%; margin: -1.590909% auto 1.287878%; }
	#stamp-conts .readtext { max-width: 721px;width: 54.621212%; margin: 0 auto 1.212121%; }

	#stamp-conts .ss-Block { position: relative; width: 100%; margin: 0;}
	#stamp-conts .ss-Block li { position: relative; max-width: 348px; width: 26.363636%; margin: 0 auto;}
	
}
@media screen and (min-width: 1401px) {
	#section-Stamp { padding-top: 45px; padding-bottom: 50px;}
}





.notice { color: #020654; }
.notice li { text-indent: -1em; padding-left: 1em; font-size: 1.1rem; line-height: 1.41; }
@media screen and (min-width: 641px) {
	.notice li { font-size: 1.2rem; line-height: 1.41; }
}