@charset "UTF-8";

@import "/common/css/reset.css";
@import "/common/css/common_smart.css";
@import "/campaign/css/campaign.css"; /*PC共通*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Poppins:wght@600;700&display=swap');

@import "/common/css/header-footer-reset.css";
@import "/common/css/header-footer-design-sp.css";
@import "/css/cookie-parts-sp.css";

/*メダルポイント*/
div,p,td{
line-height:170%;	
}
/*
img{
max-width:350px;
}
*/
table.rank_tb td{
	background-color:#FFFEEE;
	border:#B0002E solid 1px;
	border-collapse: collapse;
	padding:6px;
	vertical-align:middle;
}
table.rank_tb th{
	background-color:#EA5711;
	color:#ffffff;
	font-weight:bold;
	font-size:110%;
	border:#B0002E solid 1px;
	text-align:center;
	padding:3px;
}
.rank_tb {
	border:#B0002E solid 2px;
	margin:0 auto;
}
.rank_tb td{
	text-align:center;
	font-weight:bold;
}

.rank_tb .tb_dia,.rank_tb .tb_plt,.rank_tb .tb_gld ,.rank_tb .tb_slv,.rank_tb .tb_mbr {
	background:url(./img/medal-point/tablebg.png);
}
.rank_tb .tb_dia {
	background-position:0px -2px;
}
.rank_tb .tb_plt {
	background-position:-40px -75px;
}
.rank_tb .tb_gld {
	background-position:-30px -146px;
}
.rank_tb .tb_slv {
	background-position:-40px -217px;
}
.rank_tb .tb_mbr {
	background-position:-4px -288px;
}
.rank_tb .tb_nom td {
	border-top:#B0002E double 4px;
	font-weight:normal;
}
.medal-point_h5 {
	width:100%;
	color:#ffffff;
	font-weight:bold;
	font-size:20px;
	margin:25px auto 10px auto;
	padding-left:6px;
	text-align:center;
}
.chusyaku {
	font-size:80%;
	margin:5px 0;
}
.waku1{
	width:90%;
	padding:15px;
	margin:8px auto;
	font-size:23px;
	font-weight:bold;
	text-align:center;
	border:solid #F00 3px;
}
.waku1 p.waku1_stext{
	font-size:16px;
	font-weight:normal;
}
.waku1 span.red{
	color:#E60012;
	font-size:130%;
}

.medal-point_h4 {
	background-color:#000000;
	width: 100%;
	font-size:20px;
	overflow:hidden;
	margin:15px auto 0 auto;
}

.medal-point_h4 span.tt {
	color:#ffffff;
	font-weight:bold;
	font-size:20px;
	text-align:left;
}
.medal-point_h4 span.md{
	background-color:#000000;
	color:#B0002E;
	font-weight:bold;
	font-size:50px;
	text-align:center;
	display:block;
	padding:1px 0 0 0px;
	text-align:center;
	float:left;
}

.medal-point_h5_2 {
	background:#FC3;
	width:100%;
	color:#000000;
	font-weight:bold;
	font-size:19px;
	text-align:center;
}



.medal-nyukai_houhou{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	font-weight:bold;
	font-size:130%;
	margin-bottom:30px;
}
.medal-nyukai_houhou  p.red{
	color:#E60012;
	font-size:150%;
}
.medalmark{
	background-attachment: scroll;
	background-image:url(./img/medal-point/tablebg.png);
	background-position: -200px -187px;
	width:54px;
	height:54px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	display:block;
	padding:11px;
	float:left;
}

.medalmark span{
	font-size:180%;	
}
.medal-nyukai_houhou .access {
	width:45%;
	text-align:center;
}
.medal-nyukai_houhou .access p{
	width:170px;
	margin:0 auto;
	text-align:left;
	font-weight:normal;
	font-size:10px;
}

.medal-nyukai_houhou .access_container {
	overflow:hidden;
	width:500px;
	margin:0 auto;
}
.md_text {
	margin:0 auto;
	font-size:110%;
}
.mada{
font-size:25px;text-align:center;margin-top:50px;	
}
.mada_qr{
width:100%;margin:auto;	
text-align:center;
}
#tennnaide{
	overflow:hidden;width:100%;margin:0 auto;
}
#tennnaide2{
 	width:60%;float:right;margin-top:40px;
	font-size:90%;
}



/*メインヴィジュアル&more部分*/
#container #general #wrapper #inline #main_area #main_inline #m_contents  {
	width:100% !important;
}
#container #general #wrapper #inline #main_area #main_inline #m_contents .caption_area .detail h3{
	font-size:15px;
	line-height:18px;
	border-bottom:dotted 1px #666;
}
img{
	max-width:100%;
}
.caption_area .more > p > img{
	width:30%;
}
.caption_area{
	display:table;
}
.caption_area .detail{
	display:table;
}
.caption_area .detail .more{
	margin:5px 0px;
	/*display:table-header-group;*/
}
.caption_area .visual{
	margin:0 auto;
	/*display:table-header-group;*/
}
.caption_area .visual img{
}
.detail .more{
	display:table;	
}
.detail .more ul{
	display:table-footer-group;
}
.detail .more ul > li{
	float:left;
}
.caption_area{
	width:100% !important;
}
.caption_area .detail{
	width:100% !important;
}
.caption_area h3{
	width:100% !important;
}