@charset "utf-8";

/*==================================================
エリア　5
===================================*/
#left5 .sp-bottom
	{position: absolute;top:50%;left:50%;
	transform: translate(-50%,-50%);}
#left5 .sp-bottom p
	{margin:0 0 0px 0;
	 letter-spacing: 0.3em;white-space: nowrap;}
#footer
{position: fixed;z-index: 999;
display: flex;bottom:0px;right: 20px;justify-content: center;}
#footer .jasrak_no{margin-top: 12px;}

.sp-bottom .jyuliyan_com{font-size: 25px;padding-top:50px;color:white;}
.sp-bottom .for-pc{display: none;}/*文字「HPのURL」*/
.qr{width:100px;padding-bottom: 30px;}
.sp-bottom .for-mobile{font-size: 20px;color:white;padding-top:20px;}/*文字「for MOBILE」*/

.sp-bottom .gamensize
{font-size: 15px;color:tan;height: 45px;padding-top: 8px;
	border-top: 1px solid tan;}
.sp-bottom .index_2023
{font-size: 15px;color:tan;height: 43px;padding-top: 8px;
  border-top: 1px solid tan;}
.sp-bottom .index_2022
{font-size: 15px;color:tan;height: 45px;padding-top: 8px;
 border-top: 1px solid tan;}
.sp-bottom .index_2021
{font-size: 15px;color:tan;height: 45px;padding-top: 8px;
	border-top: 1px solid tan;border-bottom: 1px solid tan;}

.sp-bottom .gamensize:hover{color:yellow;}
.sp-bottom .index_2023:hover{color:yellow;}
.sp-bottom .index_2021:hover{color:yellow;}
.sp-bottom .index_2022:hover{color:yellow;}

/*=====enter_kaiin ======================================================*/
.enter_kaiin{position: relative;top:10px;}
.btn_kaiin{width:200px;
display: inline-block;
padding: 2px 30px;
margin: 10px 10px 0 10px;
border-radius:30px;text-decoration: none;
border:1px solid plum;color: darkred;background: plum;
transition: all 0.4s ease-out;}
.btn_kaiin:hover{
border-color:transparent;color: #fff;
background: linear-gradient(270deg,#dc143c 0%, #660014 50%, #dbafb8 100%);
background-size: 200% auto;
background-position: right center;
box-shadow: 0 5px 10px rgb(250,108,159,0.4);}

/*===== jasrak_mark ======================================================*/
.jasrak_mark{width:auto;height: 50px;margin: 30px auto 0;}
.sp-bottom .jasrak_no{font-size: 12px;padding-bottom: 50px;color:white;}

/*===========================================================*/
/*レスポンシブ*/
/*===========================================================*/
@media screen and (max-width:1400px)
{
.sp-bottom .jyuliyan_com{font-size: 20px;padding-top:50px;}/*文字「JYULIYAN.com」*/
.sp-bottom .for-mobile{font-size: 15px;margin-top:-20px;}/*文字「for MOBILE」*/
.qr{width:80px;margin-bottom: -30px;}

.sp-bottom .gamensize
{font-size: 12px;padding-top: 8px;}
.sp-bottom .index_2023,.sp-bottom .index_2022,.sp-bottom .index_2021
{font-size: 12px;padding-top: 8px;}
.sp-bottom .jasrak_no{font-size: 12px;padding-bottom: 50px;}

.jasrak_mark{width:auto;height: 50px;margin: 25px auto 0;}
.jasrak_no{font-size: 12px;color:#CCCCCC;padding-bottom: 50px;}
}

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

@media screen and (max-width:550px)
{
 h2{font-size: 1.5rem;}
 #footer
 {position: fixed;z-index: 999;
 display: flex;bottom:0px;left: 20px;justify-content: flex-start;}
 #footer .jasrak_no{margin-top: 15px;font-size: 5px;}
 .jasrak_mark{width:auto;height: 50px;margin: 30px auto 0;}
}

@media screen and (max-width:401px)
{
.qr{display: none;}
.sp-bottom .jyuliyan_com{font-size: 25px;padding-top:50px;}
.for-mobile{display: none;}/*文字「for MOBILE」*/
.sp-bottom .for-pc/*文字「HPのURL」*/
{display: block;padding-top:5px;padding-bottom: 30px;font-size: 10px;color:white;}
.sp-bottom .gamensize
{font-size: 12px;padding-top: 11px;}
.sp-bottom .index_2023,.sp-bottom .index_2022,.sp-bottom .index_2021
{font-size: 12px;padding-top: 11px;}
.sp-bottom .jasrak_no{font-size: 12px;padding-bottom: 50px;}
/*=====enter_kaiin ======================================================*/
.enter_kaiin{top:20px;}
.btn_kaiin{width:160px;font-size: 12px;padding: 5px;margin: 10px 0px;}
}

@media screen and (max-width:321px)
{
.sp-bottom .jyuliyan_com{font-size: 20px;margin-top:100px;}
.sp-bottom .for-pc/*文字「HPのURL」*/
{padding-top:1px;padding-bottom: 10px;font-size: 10px;}

.sp-bottom .gamensize
{font-size: 12px;height: 40px;padding-top: 9px;}
.sp-bottom .index_2023
{font-size: 12px;height: 40px;padding-top: 10px;}
.sp-bottom .index_2022
{font-size: 12px;height: 40px;padding-top: 10px;}
.sp-bottom .index_2021
{font-size: 12px;height: 40px;padding-top: 10px;}

/*===== enter_kaiin ======================================================*/
.enter_kaiin{top:5px;}
.btn_kaiin{width:160px;font-size: 12px;padding: 5px;margin: 10px 0px;}
.jasrak_mark{width:auto;height: 40px;margin: 10px auto 0;}
.sp-bottom .jasrak_no{font-size: 10px;padding-bottom: 20px;}
}