@charset "utf-8";
/*
Theme Name: F-CHAN
Version: 2023.02.10
*/
/*---------------------------------------------------------
reset
---------------------------------------------------------*/
html{
	font-size: 62.5%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: "Hiragino Sans", "Meiryo", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Helvetica Neue", "Helvetica", sans-serif;
	font-feature-settings: "palt";
	box-sizing:border-box;
}
.air{
	display:block;
	font-family: 'Air Americana', sans-serif;
}
.air::first-letter,
.author_name::first-letter{
	color:#E50065;
}
.air.hihyo::first-letter{
	color:#69b42d;
}
body.critique .author_name::first-letter{
	color:#69b42d;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	max-width:100%;
	height:auto;
	vertical-align: bottom;
}
_:lang(x)::-internal-media-controls-overlay-cast-button, img {
	image-rendering: -webkit-optimize-contrast;
}
a:hover img {
	opacity: 0.6;
}
body {
	background-color: #fff;
	-webkit-text-size-adjust: none;
	font-size: 1.6rem;
	font-weight:300;
	color: #000C46;
	line-height: 1.8;
	position:relative;
	max-width:100%;
	min-width:1040px;
}
a {
	color: #000C46;
	outline: none;
	text-decoration:none;
}
a:hover{
	color:#e50065;
}
.sp {
	display: none;
}
.container{
	max-width:1200px;
	width:92%;
	margin:auto;
	position:relative;
	z-index:3;
}
/*---------------------------------------------------------
header
---------------------------------------------------------*/
header{
	position:relative;
	border-bottom:1px solid #000C46;
	padding: 0 10px;
	box-sizing: border-box;
}
header .container{
	display:flex;
	justify-content:space-between;
	width:100%;
	box-sizing: border-box;
	position:unset;
}
header h1{
	width:250px;
	padding:10px 0;
	z-index: 9999;
}
header h1 img{
	vertical-align: top;
}
#toggle{
	width:36px;
	height:32px;
	position:relative;
	z-index:9999;
	display:none;
}
/* ハンバーガーメニューの大きさ指定 */
#toggle-box {
	position: relative;
	width:36px;
	height:24px;
	cursor: pointer;
}
header.fixed #toggle-box {
	width: 30px;
	height: 18px;
}
#toggle-box > span {
	width: 100%;
	height: 1px;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	background: #000;
	position: absolute;
	transition: transform .3s ease-in-out;
}
#toggle-box > span:nth-child(1) {
	top: 0;
}
#toggle-box > span:nth-child(2) {
	top: 50%;
	transform: translatey(-50%);
}
#toggle-box > span:nth-child(3) {
	bottom: 0;
}
/* ハンバーガーメニュークリックで、「×」マークにアニメーション */
.is-open #toggle-box > span:nth-child(1) {
	top: 50%;
	transform: rotate(45deg) translatey(-50%);
}
.is-open #toggle-box > span:nth-child(2) {
	width: 0;
}
.is-open #toggle-box > span:nth-child(3) {
	top: 50%;
	transform: rotate(-45deg) translatey(-50%);
	bottom:unset;
}
#nav-content {
	display:flex;
}
header ul{
	display: flex;
	height: 100%;
}
#nav-content ul li {
	display: flex;
	align-items:center;
	margin:0 2rem;
	cursor:pointer;
}
#nav-content ul li a{
	display:block;
	font-size: clamp(10px, 1.33vw, 15px);
	font-weight:600;
	text-decoration:none;
}

#nav-content ul li.news > a{
	background:url("img/news.svg") no-repeat left center;
}
#nav-content ul li.column > a{
	background:url("img/column.svg") no-repeat left center;
}
#nav-content ul li.mov > a{
	background:url("img/mov.svg") no-repeat left center;
}
#nav-content ul li.game > a{
	background:url("img/game.svg") no-repeat left center;
}
#nav-content ul li.shop > a{
	background:url("img/cart.svg") no-repeat left center;
}
#subbox ul{
	display:flex;
}
#subbox li:nth-child(2){
	margin:0 10px;
}
#subbox li a{
	display:flex;
	flex-direction:column;
	justify-content:center;
	font-size:1rem;
	font-weight:600;
	text-align:center;
	height:100%;
}

#subbox li img{
	display:block;
	margin: 0 auto;
}
#subbox li span{
	padding:5px 0;
	line-height: 1;
}
.is-open {
	overflow: hidden;
}
.is-open #nav-content {
	z-index: 10;
	transform: translateY(0);
}
.fw li:hover > .submenuWrap{
	visibility: visible;
	opacity:1;
}
.submenuWrap{
	display:block;
	visibility: hidden;
	background:#E50065;
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	z-index: 10000;
	transition: all 0.2s ease;
	opacity:0;
}
.submenu_in{
	width:100%;
	max-width:1200px;
	margin:auto;
}
.sub-menu{
	flex-wrap:wrap;
	justify-content: center;
}
.sub-menu a{
	color:#fff;
	font-weight:400;
	padding:1rem;
}
.sub-menu a:hover{
	opacity:0.8;
}
@media screen and ( max-width:980px) {
	#subbox{
		display:none;
	}
}
/*---------------------------------------------------------
AD
---------------------------------------------------------*/
#head_btm_ad{
	background:#000C46;
	text-align:center;
	padding:15px 0 5px;
}
.article_btm_ad{
	text-align:center;
	margin-bottom:20px;
}
#ad_facebook_inner{
	display: flex;
	justify-content: center;
	flex-wrap:wrap;
	margin-bottom: 20px;
}
#ad_facebook_inner > div{
	margin:0 10px;
}
..fc-paywall-container{
	height:fit-content;
}
/*---------------------------------------------------------
Slider
---------------------------------------------------------*/
#slider{
	background:#f4f4f4;
	padding:20px 0;
}
#slider .flexslider{
	display:flex;
	background:#fff;
	border:1px solid ;
	max-width:1200px;
	width:96%;
	margin:auto;
	padding:10px;
	position:relative;
	aspect-ratio: 589/200;
	overflow:hidden;
}
#slider .flex-control-nav{
	display:flex;
	justify-content:space-between;
	position:absolute;
	bottom:10px;
	right:10px;
	width: calc( 49.066% - 20px );
	z-index:2;
}
#slider .flex-control-nav li{
	width:16%;
	aspect-ratio: 6 / 4;
	overflow: hidden;
}
#slider .flex-control-nav li img{
	opacity:0.6;
}
#slider .flex-control-nav li img.flex-active,
#slider .flex-control-nav li img:hover{
	opacity:1;
}
#slider ul.slides li{
	display:flex!important;
}
#slider ul.slides li a{
	display:block;
	max-width:600px;
	width:50.934%;
	margin-right:10px;
	aspect-ratio: 6 / 4;
	overflow: hidden;
}
#slider ul.slides li .ttl{
	display: flex;
	flex-direction: column;
	width:calc( 49.066% - 10px );
	position:relative;
}
#slider ul.slides li .ttl span{
	display: block;
	font-size: 1.2rem;
	line-height: 1;
	text-align: right;
}
#slider ul.slides li h2 {
	font-size:3.6rem;
	font-weight:600;
}
#slider ul.slides li h2 a{
	width:100%;
	margin-right: 30px;
	margin-top: 20px;
	aspect-ratio: unset;
}
#slider .flexslider.loading .slides ul li a{
	display:none;
}
#slider ul.slides li .metadata{
	display: flex;
	justify-content:end;
	font-size:1.2rem;
	position:absolute;
	right:10px;
	bottom:22.5%;
}
#slider ul.slides li .metadata a {
	display: inline-block;
	max-width: 100%;
	width: auto;
	margin-right: 0;
	aspect-ratio: unset;
	overflow: hidden;
}
ul.slides li .metadata a.cat{
	background:#E50065;
	border-radius:20px;
	color:#fff;
	font-weight:500;
	padding:0 10px;
}
#slider ul.slides li .metadata a.cat:hover{
	opacity:0.6;
}
@media screen and (min-width:768px) and ( max-width:900px) {
	#slider ul.slides li h2 {
		font-size: 1.8rem;
	}
}
@media screen and (min-width:901px) and ( max-width:1100px) {
	#slider ul.slides li h2 {
		font-size: 2.4rem;
	}
}

@media screen and (min-width:1100px) and ( max-width:1200px) {
	#slider ul.slides li h2 {
		font-size: 3rem;
	}
}
@media screen and (min-width:1200px){
	#slider ul.slides li .metadata{
		bottom:20%;
	}
}
/*---------------------------------------------------------
main
---------------------------------------------------------*/
main{
	display:flex;
	max-width:1200px;
	width:96%;
	margin:auto;
}
/*---------------------------------------------------------
main section
---------------------------------------------------------*/
main #main_wrap{
	background:#fff;
	width:calc( 100% - 300px );
	padding:40px 30px 100px 0;
}
main h2{
	margin-bottom:20px;
}
main h2 strong{
	font-size:7.2rem;
	font-weight: 300;
	line-height:1;
}
main aside h2 strong{
	font-size:3rem;
	font-weight: 300;
}
main h2 span{
	display:block;
	font-size:1.4rem;
	font-weight:600;
	line-height:1;
}
#news,#column,#hihyo,#special,#focus{
	margin-bottom:120px;
}
.articles{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.articles article{
	font-size: 1.4rem;
	width:32%;
	margin-bottom:20px;
}
.articles article figure{
	margin-bottom:1rem;
}
.articles article:first-child{
	display:flex;
	width:100%;
}
.articles article:first-child figure{
	width:32%;
	max-width:300px;
	margin-right:3rem;
	margin-bottom:0;
}
.articles article:first-child .meta{
	flex:1;
}
.articles article .cat_date{
	display:flex;
	justify-content:space-between;
	font-size: 1.2rem;
	line-height: 1.2;
	padding-right:1rem;
	margin-bottom:1.5rem;
}
.articles article .cat_date a.cat{
	background:#E50065;
	border-radius:20px;
	color:#fff;
	padding:2px 10px;
}
#hihyo .articles article .cat_date a.cat{
	background:#69b42d;
}
.articles article h3{
	font-size:1.6rem;
	font-weight:500;
	line-height:1.5;
	margin-bottom:1rem;
}
.articles article:first-child h3{
	font-size:2rem;
	font-weight:600;
}
.articles article p{
	opacity:0.5;
}
p.readmore{
	margin-top:40px;
	text-align:center;
}
#special .ttl{
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:relative;
	margin-bottom:60px;
}
#special .ttl strong{
	font-size:10rem;
	font-weight:200;
}
#special .ttl::before,
#special .ttl::after{
	content:"";
	background:#000C46;
	width:30%;
	height:1px;
}
#special .special-slide{
	position:relative;
}
.slick-slide{
	margin:0 10px;
}
#special .slick-slide h3{
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 1rem;
}
/*---------------------------------------------------------
aside
---------------------------------------------------------*/
aside{
	width:300px;
	margin-top:40px;
}
aside h2 {
	text-align:center;
	margin:0;
}
/*---------------------------------------------------------
sidebar
---------------------------------------------------------*/
.googlesearch{
	margin-bottom:20px;
}
.gsib_a {
	padding: 0 5px!important;
}
.sns ul{
	display:flex;
	justify-content: flex-end;
	margin-bottom:1.2rem;
}
.sns ul li{
	max-width:32px;
	margin-left:10px;
}
.sidead{
	min-height:250px;
	margin-bottom:40px;
}
.sidead.magazine{
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.35);
	min-height:auto;
	margin-bottom:20px;
}
.magazine_latest ul{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:20px;
}
.magazine_latest ul li{
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.35);
	margin-bottom:10px;
}
.magazine_latest ul li:nth-child(odd){
	margin-right:10px;
}
.ranking{
	margin-bottom:40px;
}
/*-- tab --*/
/*タブ切り替え全体のスタイル*/
.tabs {
	width: 100%;
	margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
	width: calc(100%/3);
	height: 5rem;
	border-bottom: 1px solid #E50065;
	line-height: 5rem;
	font-size: 1rem;
	text-align: center;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	cursor:pointer;
}
.tab_item:hover {
	opacity: 0.5;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding: 1.5rem;
	padding-bottom:0;
	clear: both;
	overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#daily:checked ~ #daily_content,
#weekly:checked ~ #weekly_content,
#monthly:checked ~ #monthly_content {
	display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
	color: #E50065;
}
ul.rank {
	counter-reset: wpp-ranking;
}
ul.rank li{
	display:flex;
	flex-wrap:wrap;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin-bottom:5px;
}
ul.rank figure{
	width:50px;
	height:50px;
}
ul.rank figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}
ul.rank li .ttl{
	display:flex;
	flex:1;
}
ul.rank li h3 a{
	display:block;
	font-size:1.4rem;
	font-weight:600;
	line-height: 1.5;
	vertical-align:top;
}
/* 順位を表示する記述１ */
ul.rank li .ranking-box {
	position: relative;
	padding-left: 5px;
}
/* 順位を表示する記述２ */
ul.rank li .ranking-box:before {
	content: counter(wpp-ranking, decimal);
	counter-increment: wpp-ranking;
	background:#E50065;
	color:#fff;
	border-radius:4px;
	font-size: 1.4rem;
	line-height: 1;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	margin-right:5px;
	z-index: 1;
}
.wpp-date{
	display:block;
	width:100%;
	color:#aaa;
	font-size:1rem;
	text-align:right;
}
/*---------------------------------------------------------
Side Standings
---------------------------------------------------------*/
.tab-wrap{
	margin-bottom: 40px;
}
.tab-group{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:30px;
}
.tab,.subtab{
	border: 1px solid #E50065;
	color:#E50065;;
	cursor: pointer;
	display: inline-flex;
	justify-content:center;
	align-items:center;
	font-size: 1.3rem;
	font-weight: 400;
	width:32%;
	margin-bottom:5px;
}
.tab:nth-child( 3n-1 ){
	margin:0  2% 5px;
}
.panel-group{
	font-size:1.3rem;
	line-height: 1.3;
}
#page.panel-group{
	font-size:1.6rem;
}
.panel,.subpanel{
	display:none;
	opacity:0;
	transition: .3s;
}
.tab.is-active,
.subtab.current{
	background:#E50065;
	color:#FFF;
	transition: .3s;
}
.panel.is-show,
.subpanel.open{
	display:block;
	opacity:1;
}

@media screen and (max-width:480px) { 
	.tab{
		padding: 10px 0 7px;
	}
	.tab.is-active{
		padding-bottom: 15px;
	}
}

.standings ul{
	border-bottom: 1px solid #eee;
	display:flex;
	box-sizing: border-box;
}
.standings ul.first{
	border-top: 1px solid #eee;
}
.standings ul:nth-child(even){
	background:#fafafa;
}
.standings ul li{
	display: grid;
	place-items: center;
	border-left:1px solid #eee;
	width:14%;
	padding: 0.5rem;
	box-sizing: border-box;
}
.subpanel ul.first li{
	place-content: center;
}
.standings ul li:nth-child(2){
	width:30%;
	place-items: center start;
}
.standings ul li:last-child{
	border-right:1px solid #eee;
}
.standings > div{
	background:#ececec;
	border:1px solid #eee;
	border-width:0px 1px 1px 1px;
	padding:0.5rem;
}
.live ul{
	border-bottom: 1px solid #eee;
	display:flex;
	box-sizing: border-box;
}
.live ul.first{
	border-top: 1px solid #eee;
}
.live ul:nth-child(even){
	background:#fafafa;
}
.live ul li{
	display: grid;
	place-items: center left;
	border-left:1px solid #eee;
	font-size:1.2rem;
	width:24%;
	padding: 0.5rem;
	box-sizing: border-box;
	word-break: break-all;
}
.live ul li:nth-child(2){
	width:10%;
	place-items: center start;
}
.live ul li:nth-child(1){
	text-align: center;
}
.live ul li:nth-child(4){
	width:18%;
	text-align: center;
}
.live ul li:last-child{
	border-right:1px solid #eee;
}

.goals ul{
	border-bottom: 1px solid #eee;
	display:flex;
	box-sizing: border-box;
}
.goals ul.first{
	border-top: 1px solid #eee;
}
.goals ul:nth-child(even){
	background:#fafafa;
}
.goals ul li{
	display: grid;
	place-content: center left;
	border-left:1px solid #eee;
	font-size:1.2rem;
	width:38%;
	padding: 0.5rem;
	box-sizing: border-box;
	word-break: break-all;
}
#page .goals ul li{
	font-size:1.6rem;
}
.goals ul li:nth-child(1),
.goals ul li:nth-child(4){
	width:12%;
	place-content: center;
}
.goals ul li:last-child{
	border-right:1px solid #eee;
}


.fixtures ul{
	border-bottom: 1px solid #eee;
	display:flex;
	box-sizing: border-box;
}
.fixtures ul.first{
	border-top: 1px solid #eee;
}
.fixtures ul:nth-child(even){
	background:#fafafa;
}
.fixtures ul li{
	display: grid;
	place-content: center;
	border-left:1px solid #eee;
	font-size:1.2rem;
	width:20%;
	padding: 0.5rem;
	text-align: center;
	box-sizing: border-box;
	word-break: break-all;
}
.fixtures ul li:nth-child(2),
.fixtures ul li:nth-child(4){
	width:10%;
}
.fixtures ul li:last-child{
	border-right:1px solid #eee;
}


/*---------------------------------------------------------
Single / Page
---------------------------------------------------------*/
#main_wrap.single a{
	color:#E50065;
}
#main_wrap.single a:hover{
	color:#000C46;
}
.breadcrumb{
	display:flex;
	flex-wrap:wrap;
	font-size:1rem;
	font-weight:400;
	margin:1rem auto 3rem;
}
#heading .cat_date{
	display:flex;
	justify-content:space-between;
	font-size:1.2rem;
}
#heading .cat_date a{
	background:#E50065;
	border-radius:20px;
	color:#fff;
	font-weight:500;
	padding:0 10px;
}
body.critique #heading .cat_date a{
	background:#69b42d;
}
#heading .description{
	font-size:1.4rem;
}
#heading .rights{
	display:flex;
	align-items: center;
	font-size:1.2rem;
}
#heading .rights span{
	display:inline-block;
	margin-right:1rem;
}
h1.entry_title{
	font-size: 3.6rem;
	font-weight: 600;
}
.entry{
	margin-top:4rem;
}
.entry p{
	font-size:1.8rem;
	line-height: 1.8;
	margin-bottom: 2.5rem;
}
.photo_main {
	padding: 1em;
	margin: 1em 0;
	text-align: center;
	overflow: hidden;
	outline: 1px solid #ddd;
	border-top: 1px solid #fff;
	background: #f0f0f0;
}
.photo_zu {
	width: 230px;
	float: right;
	padding: 5px;
	margin: 0 0 10px 10px;
	overflow: hidden;
	border: 1px solid #ddd;
}
.photo_main p,
.photo_zu p{
	font-size:1rem;
}
.entry h1{
	font-size:3.6rem;
	font-weight:700;
}
.entry h2{
	font-size:2.4rem;
	font-weight:700;
}
.entry h3{
	font-size:2.4rem;
	font-weight:500;
}
.entry h1::first-letter,
.entry h2::first-letter,
h1.entry_title::first-letter{
	color:#E50065;
}
body.critique .entry h1::first-letter,
body.critique .entry h2::first-letter,
body.critique h1.entry_title::first-letter{
	color:#69b42d;
}
.entry .nextpage{
	display:table;
	border:1px solid #000C46;
	padding:1rem 2rem;
	margin:4rem auto;
}
.entry .tags{
	border-bottom:1px solid #eee;
	font-size:1.2rem;
	padding-bottom:1rem;
	margin-bottom:3rem;
}
#main_wrap.single .entry .tags a{
	display:inline-block;
	background:#E50065;
	border-radius:3rem;
	color:#fff;
	line-height:1.5;
	padding:0 1rem;
}
#main_wrap.single .entry .tags a:hover{
	opacity:0.65;
}
.pager{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.post-page-numbers{
	background: #000C46;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-weight:600;
	width: 3rem;
	height: 3rem;
	margin: 0 0.5rem 1rem;
}
.post-page-numbers span{
	color:#fff;
}
.post-page-numbers:hover{
	background:#E50065;
}
.post-page-numbers.current{
	background:#E50065;
	color:#fff;
}
#single_under_ttl_ad{
	text-align: center;
	margin: 15px auto;
}

.entry table{
	border-collapse:  collapse;
}
.entry table td,
.entry table th{
	border:1px solid #eee;
	text-align:center;
	padding:0.2em;
}
.entry table tr:nth-child(odd){
	background:#fafafa;
}
/*---------------------------------------------------------
archives
---------------------------------------------------------*/
#title_box{
	margin-bottom:20px;
}
#category_archives ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#category_archives ul li{
	width:24%;
	margin-bottom:20px;
}
#category_archives ul li a{
	display:flex;
	flex-direction:column;
	height: 100%;
}
h2.hotnews_title{
	font-size:1.6rem;
	font-weight:500;
	line-height: 1.3;
	margin-bottom:0;
}
.hotnews_thumbs{
	margin-bottom:1rem;
}
span.entry_data{
	font-size:1.2rem;
	font-weight:400;
	margin-top:auto;
	text-align:right;
}
.pagenation{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	margin-top: 50px;
}
.pagenation .current,
.pagenation a{
	background: #000c46;
	color: #fff;
	display: grid;
	place-content: center;
	min-width: 30px;
	padding: 0 0.5rem;
	height: 30px;
	margin: 0 0.5rem;
}
.pagenation .current,
.pagenation a:hover{
	background:#E50065;
}
.pagenation .total{
	font-size:1rem;
	font-weight:300;
	width:100%;
	margin-top:10px;
	text-align: center;
}

/*---------------------------------------------------------
EURO 2024
---------------------------------------------------------*/
.euro-tab {
	display: flex;
	justify-content: space-between;
	margin:2em auto;
}

.euro-tab li {
	border: 1px solid #ccc;
	width: calc(98% / 7);
	text-align: center;
}

.euro-tab li a {
	display:block;
	font-size: 0.8em;
	font-weight: 500;
}
.euro-tab li a:hover{
	background:#fafafa;
}
/*---------------------------------------------------------
Paris 2024
---------------------------------------------------------*/
.paris{
	padding:10px 0;
	margin-bottom:30px;
}
.paris figure img{
	width:100%;
}
.paris ul {
	display: flex;
	width: calc(100% + 6px);
	border-collapse: collapse;
}
.paris ul li {
	border: 1px solid #ccc;
	width: calc(100% / 7);
	text-align: center;
	vertical-align: middle;
	margin-right:-1px;
}
.paris ul li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #e50065;
	font-size: .8em;
	font-weight: 500;
	height: 100%;
}
.paris ul li a:hover{
	font-weight:700;
}
.paris table{
	width:100%;
}
.paris th{
	border-bottom: 1px solid #ccc;
	font-size: 0.8em;
}
#main_wrap.single a.yellow-button strong{
	color:#fff;
}
/*---------------------------------------------------------
footer
---------------------------------------------------------*/
#from_kanzen{
	background:#f0f0f0;
	padding:20px 0 40px;
}
#from_kanzen h2{
	font-size:3.6rem;
	font-weight:800;
}
#from_kanzen ul{
	background:#fff;
	border-top:1px solid #000C46;
	border-bottom:1px solid #000C46;
	padding:2rem;
}
#from_kanzen ul li a{
	display:flex;
	font-size:1.4rem;
	margin-bottom:1rem;
}
#from_kanzen ul li span:first-child{
	width:10em;
}
#from_kanzen ul li span:last-child{
	flex:1;
}
footer {
	width: 100%;
	background: #000C46;
	color:#fff;
	font-size: 1.2rem;
	font-weight: 300;
	padding:55px 100px 20px;
	box-sizing:border-box;
}
footer a{
	color:#fff;
}
footer a:hover{
	color:#E50065;
}
footer ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
footer ul li{
	padding:0 1rem;
	border-right:1px solid #fff;
	margin-bottom:1rem;
}
footer ul li:last-child{
	border-right:0;
}
footer .copy{
	font-size:1rem;
	max-width:1200px;
	width:96%;
	text-align:center;
	margin:3rem auto;
}

#page_top{
	width: 38px;
	height: 38px;
	position: fixed;
	right: 36px;
	bottom: -100px;
	z-index:9999;
}

a:link.yellow-button,
a:visited.yellow-button	{
	background-color: #d20010;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding: 1rem 4rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #FFF;
	border-radius: 100vh;
	border-bottom: 5px solid #9f000c;
}
a:link.yellow-button:hover {
	margin-top: 3px;
	background: #dc0011;
	border-bottom: 2px solid #9f000c;
}
/*---------------------------------------------------------
SNS ICONS
---------------------------------------------------------*/
.share_btn{
	display:flex;
	justify-content: flex-end;
	z-index:3;
	margin-left:auto;
}
.share_btn a{
	margin-left:5px;
}
.share_btn img{
	width:32px;
}
#msg{
	display:none;
	position:absolute;
	right: 0;
	top: 110%;
	background: #ffb600;
	border:1px solid #000;
	border-radius: 20px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding: 2px 10px;
}
/*---------------------------------------------------------
Media Queries
---------------------------------------------------------*/


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

}