@charset "utf-8";

/* ==================================================
contents
================================================== */
/* surprise_item
================================================== */
.surprise_item p {
	line-height:1.2;
}
.surprise_item_no {
	font-size:71.4%;
	margin-bottom:5px;
}
.surprise_item_catch {
	font-weight: bold;
	font-size:171.4%;
    display: inline-block;
    padding: 12px 25px;
    margin-bottom: 25px;
    line-height: 100%;
    background: #ffffff;
    color: #000000;
}
.surprise_item_post {
	font-weight: bold;
	font-size:107%;
	margin-bottom:10px;
}
.surprise_item_name {
	font-weight: bold;
	font-size:214.3%;
	margin-bottom:24px;
}
.surprise_item_name_en {
	font-size:107%;
	font-weight: bold;
}
#tmp_contents a,
#tmp_contents a:link,
#tmp_contents a:visited {
	color:#ffffff;
}
#tmp_contents a:hover,
#tmp_contents a:focus {
	text-decoration:none;
	opacity:0.3;
}
/* ==================================================
visual
================================================== */
#tmp_visual {
	position:relative;
	margin:0 0 75px;
	clear:both;
}
#tmp_visual .visual_pc {
	display:block;
}
#tmp_visual .visual_sp {
	display:none;
}
#tmp_visual_caption {
	position:absolute;
	top: 15px;
	right: 25px;
	display: inline-block;
	font-size:114.3%;
	font-weight:bold;
	color: #000000;
	background: #ffffff;
	padding: 5px 10px;
	z-index: 1;
}
/* ==================================================
summary
================================================== */
#tmp_wrap_summary {
	margin:0 0 75px;
	clear:both;
}
#tmp_summary {
	padding:0 50px;
	margin:0 0 50px;
}
#tmp_summary_ttl {
	float:left;
	width:55%;
}
#tmp_summary_ttl h2 {
	font-size:185.7%;
	font-weight: bold;
}
#tmp_summary_cnt {
	float:right;
	width:40%;
}
/* summary_btn */
#tmp_summary_btn {
	clear:both;
	text-align:center;
}
#tmp_summary_btn a {
	color:#ffffff;
	background-color:#2D2532;
	display:inline-block;
	line-height:1.3;
	min-width:410px;
	border:1px solid #ffffff;
	position:relative;
	text-decoration:none;
	padding:13px 15px 14px;
}
#tmp_summary_btn a:hover,
#tmp_summary_btn a:focus {
	opacity:0.3;
}
#tmp_summary_btn span {
    display: block
}
#tmp_summary_btn span:nth-of-type(1) {
	font-weight: bold;
    font-size: 171.4%;
}
#tmp_summary_btn span:nth-of-type(2) {
    font-size: 114.3%;
}
#tmp_summary_btn a::after {
    content: '';
    width: 16px;
    height: 16px;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg)
}

/* ==================================================
about
================================================== */
#tmp_about {
	background-color:#ad541d;
    background: linear-gradient(90deg, #3e22b4 20%, #ad541d 95%);
	display:table;
	width:100%;
	margin:0 0 100px;
	clear:both;
}
#tmp_about_ttl {
	width:300px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
    padding: 50px;
	text-transform:uppercase;
}
#tmp_about_ttl h2 {
	font-size:214.3%;
	font-weight: bold;
}
#tmp_about_cnt {
	display:table-cell;
    padding: 50px 50px 50px 0;
}
#tmp_about_cnt h3 {
	font-size:185.7%;
	font-weight: bold;
    margin-bottom: 10px
}
#tmp_about_cnt p {
    font-size: 114.3%;
    line-height: 200%
}

/* ==================================================
news
================================================== */
#tmp_news {
    border-top: 1px solid #777;
    padding: 15px 25px;
	margin:0 0 75px;
	clear:both;
}
#tmp_news_ttl {
	float:left;
	width:125px;
    text-align: center;
}
#tmp_news_ttl h2 {
	text-transform:uppercase;
    font-size: 157.1%;
	font-weight: bold;
}
#tmp_news_cnt {
	float:right;
	width:calc(100% - 145px);
}
#tmp_news_cnt .nocnt,
#tmp_news_cnt .news_list {
	float:left;
	width:calc(100% - 100px);
	padding:5px 0;
}
#tmp_news .more_btn {
	float:right;
	width:90px;
	text-align:center;
	text-transform:uppercase;
	font-weight: bold;
}
#tmp_news .more_btn a {
	display:block;
	padding:3px;
	text-decoration:none;
}
#tmp_news .more_btn a:hover,
#tmp_news .more_btn a:focus {
	opacity:0.3;
}
/* news_list */
#tmp_news_cnt .news_list {
	margin-bottom:0 !important;
	border-top:none;
}
#tmp_news_cnt .news_list li {
	padding:0 !important;
	border-bottom:none;
}
/* ==================================================
surprise
================================================== */
#tmp_wrap_surprise {
	background-color:#000000;
	color:inherit;
	padding:75px 0;
	clear:both;
}
#tmp_surprise_ttl {
    margin: 0 auto 75px;
    width: 310px;
}
#tmp_surprise_ttl h2 {
	display:block;
    width: 310px;
    height: 188px;
    background: url(/shared/site_miryoku/images/main/logo_next_white.png) no-repeat 0 0/100% 100%;
    overflow: hidden;
    text-indent: -9999px
}
/* surprise_next
================================================== */
#tmp_surprise_next {
	margin:0 0 100px;
	display:table;
	width:100%;
}
#tmp_surprise_next_img,
#tmp_surprise_next_main {
	display:table-cell;
	vertical-align:middle;
	width:50%;
}
#tmp_surprise_next_img {
	padding-right:5%;
	padding-left:40px;
}
#tmp_surprise_next_main {
	padding-left:5%;
	padding-right:40px;
	min-width:250px;
}
#tmp_surprise_next_main .surprise_item_no {
	margin-bottom:10px;
	font-weight:bold;
}
#tmp_surprise_next_main .surprise_item_catch {
	padding:13px 29px;
	font-size:185.714%;
}
#tmp_surprise_next_img img {
	width:100%;
}
/* surprise_archive
================================================== */
#tmp_surprise_archive_ttl {
	text-align:center;
	margin:0 0 40px;
}
#tmp_surprise_archive_ttl h3 {
	text-transform:uppercase;
	font-size:257.1%;
	font-weight: bold;
}
#tmp_surprise_archive .box_archive {
	float:left;
	width:33.33333%;
	padding:0 25px;
	margin-bottom:60px;
}
#tmp_surprise_archive .box_archive:nth-child(3n+1) {
	clear:both;
}
#tmp_surprise_archive .archive_img {
	margin:0 0 20px;
}
#tmp_surprise_archive .archive_img a {
	color:#ffffff;
}
#tmp_surprise_archive .surprise_item_no {
	margin-bottom:10px;
}
#tmp_surprise_archive .surprise_item_catch {
	font-size:100%;
	line-height:150%;
	margin-bottom:15px;
}
#tmp_surprise_archive .surprise_item_post {
	font-size:100%;
	margin-bottom:5px;
}
#tmp_surprise_archive .surprise_item_name {
	font-size:185.7%;
	margin-bottom:10px;
}
#tmp_surprise_archive .surprise_item_name a {
	text-decoration:none;
	background-color:#000000;
	color:inherit;
}
#tmp_surprise_archive .archive_img a:hover,
#tmp_surprise_archive .archive_img a:focus,
#tmp_surprise_archive .surprise_item_name a:hover,
#tmp_surprise_archive .surprise_item_name a:focus {
	opacity:0.3;
}
/* ==================================================
spot_bnr
================================================== */
#tmp_spot_bnr {
	padding:100px 0 50px;
	clear:both;
}
#tmp_spot_bnr p {
	margin:0 0 50px;
}
#tmp_spot_bnr p a {
	color:#ffffff;
}
#tmp_spot_bnr p a:hover,
#tmp_spot_bnr p a:focus {
	opacity:0.3;
}
/* ==================================================
online_banner
================================================== */
.no_javascript #tmp_online_banner {
	display: none;
}
#tmp_online_banner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
	z-index: 999;
	position: fixed;
	background: rgba(0,0,0,0.7);
}
#tmp_online_banner .inner {
	padding: 25px;
	text-align: center;
}
#tmp_online_banner .inner .online_img {
	max-width: 100%;
}
#tmp_online_banner .inner img {
	max-width: 1000px;
	height:auto;
	width: 100%;
}
#tmp_online_banner .inner .online_close a {
	display: block;
	max-width: 125px;
	margin: 0 auto;
	padding: 10px;
	border-radius: 5px;
	background: #ffffff;
	color: #000000;
	font-size: 114.3%;
	font-weight: bold;
	text-align: center;
}
.online_banner_side {
	position: fixed;
	width: 135px;
	right: 0;
	bottom: 10%;
	z-index: 900;
}
.online_banner_side img {
	height:auto;
	width: 100%;
}
#tmp_online_banner a,
.online_banner_side a {
	transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-webkit-transition: 0.3s all ease-in-out;
}
#tmp_online_banner .inner .online_img a:hover,
#tmp_online_banner .inner .online_img a:focus,
#tmp_online_banner .inner .online_close a:hover,
#tmp_online_banner .inner .online_close a:focus,
.online_banner_side a:hover,
.online_banner_side a:focus {
	opacity: 0.7;
}


/* ==================================================
clearfix
================================================== */
/* for modern browser */
#tmp_visual:after,
#tmp_summary:after,
#tmp_about:after,
#tmp_news:after,
#tmp_surprise_next:after,
#tmp_surprise_archive:after,
#tmp_surprise_archive_cnt:after {
	content: ""; /* Do not edit */
	display: table; /* Do not edit */
	clear: both; /* Do not edit */
}

/* ==================================================
print
================================================== */
@media print {
/* for Firefox */
#tmp_main:after,
.col_nm:after {
	content:""; /* 変更しない */
	height:1px; /* 変更しない */
}

}