@charset "UTF-8";
/*@import url(//fonts.googleapis.com/earlyaccess/cwtexming.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(//fonts.googleapis.com/earlyaccess/cwtexyen.css);
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/

/*@import url(//fonts.googleapis.com/css?family=Muli:700,900|Poppins:700);*/

/*
Theme Name: eSports Media
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;	height:0}
[hidden],template{display:none}
html{
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	overflow-y: scroll;
}

body{margin:0;
	background-color:#eaedf2;
	color:#252525;
	font-family:"Helvetica","Arial",YuGothic,"Yu Gothic","Hiragino Sans", "ヒラギノ角ゴ ProN","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.75;
	word-break:normal;
	overflow-wrap:break-word;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}


*{-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

a{background:transparent; color:#d63031; text-decoration: none;}
a:active,a:hover{outline:0; color:#b33939;}
h1{margin:.67em 0;	font-size:2em}
abbr[title]{border-bottom:1px dotted}
b,strong,.strong{font-weight:bold}
dfn,em,.em{font-style:italic}
hr{-moz-box-sizing:content-box;	box-sizing:content-box;height:0}
pre{margin:0}
code,kbd,pre,samp{font-family:sans-serif; font-size:1em}
pre{white-space:pre-wrap}
img{max-width: 100%;}
ul,li{list-style: none; margin: 0; padding: 0;}
iframe{max-width: 100%; box-sizing: border-box;}
table{border-collapse:collapse;}


.fullcontainer{width: auto; margin:auto; padding:0 30px;}
.wrapper{width: 1259px; margin: auto; position: relative; min-height: auto; }
.fullwrapper{width: auto; margin: auto; padding: 0px 30px; position: relative;}
.container{width: 1259px; margin:auto;}

/*2 Column*/
.main,
#pjax-container{width: 860px; background: none; min-height: 1600px; height: auto; padding:0 0 30px 0;}

#sidebar{width: 336px; position:absolute; right: 0; top:0px;}
#sidebar img{max-width: 100%; height: auto;}

.fullmain{width: auto; padding-right:290px; min-height: 1000px;}
#fullsidebar{position: absolute; width: 250px; right: 10px; top:10px;  float: right;}


@media screen and (max-width: 1281px){
	.container{width: 1010px; margin:auto;}
	.wrapper{width: 1010px;}
	.main,#pjax-container{width: 630px; min-height: 1550px;}
}

@media screen and (max-width: 981px){
	.main,#pjax-container{width: auto; float: none; padding:0 0 10px 0; min-height: auto;}
	.container{width:auto; padding: 0 12px; box-sizing: border-box;}
	.fullcontainer{width: auto; padding:0 5px;}
	.wrapper{width: auto; margin: auto ; padding-bottom:25px;}
	.fullwrapper{padding: 0;}
	.fullmain{min-height: auto; width: auto; padding:0 12px; margin: 0;}
	#fullsidebar,#sidebar{float: none; position: static; width:auto; padding: 12px;}
}


@media screen and (max-width: 679px){
	.main-list{padding: 0 10px 20px 10px!important;}
}

@media screen and (max-width: 481px){
	.main,#pjax-container{width: auto; float: none; min-height: auto;}
	.container{padding: 0px;}
	.pages article{padding: 0 10px;}
}


/*header*/
#header{background: #242424;  margin: 0; padding: 0; box-sizing: border-box; position: relative; z-index: 99999;}
#header .container{padding:10px 0;}
#header #logo{width: 236px; height: 46px; padding: 0; margin:0 auto; font-size:1px; text-indent: -93423px; display: block; font-style: normal;}
#header #logo a{display: block; width: 236px; height: 46px; margin:0; color:#fff; text-decoration: none; font-weight: bold; background: url('./images/logo_white.svg') no-repeat; background-size:contain;}
#header #logo a:hover{opacity: 0.6;}
#header *{transition: all 500ms 0s ease;}

h2#description{	animation: 5s 5s Description 1 forwards; opacity: 0; line-height: 1.1em; font-size: 11px; font-weight:normal; position: absolute; bottom: 8px; width: 95%; margin:0 auto; text-align: center; padding: 3px 1%; box-sizing: border-box; color:#666; text-stroke: 0.1px #16160e; transform: rotate(0.0005deg);}
@keyframes Description {
    0% {display: none; opacity: 0;}
    1% {display: block; opacity: 0;}
    100% {display:block; opacity:1;}
}


#globalnav{margin:0; padding:0; background:#242424;}
#globalnav ul{margin:0; padding:0; width: 980px; margin:auto; text-align: center;}
#globalnav ul li{display: inline-block;}
#globalnav ul li a{display: block; padding:12px; color:#E3DECC; font-weight: bold;}

#navbar{display: none;}
#navbar:checked{display: none;}
label[for="navbar"]{display: none;}
label[for="navbar"] hr{background-color:#fff; height: 2px; border:none; margin:5px;}
@media screen and (max-width: 679px){
	label[for="navbar"]{display: block; position: absolute; width:50px; height: 50px; padding: 10px; box-sizing: border-box; left:0; top:0; color:#efefef; background: #000; cursor: pointer;}
	#globalnav{position: fixed; width: 220px; min-height: 100%; left:-220px; top:0; z-index: 6786786; background:rgba(0,0,0,0.8);}
	#globalnav ul{width: 100%; text-align: left; background: rgba(0,0,0,0.5);}
	#globalnav ul li{display: block; border-bottom:1px dotted #b8b8b8; font-size: 15px;}
	#navbar:checked ~ #globalnav{left: 0;}
	#navbar:checked ~ label[for="navbar"]{ left:220px;}

	#navbar:checked ~ label[for="navbar"] hr{ }
	#navbar:checked ~ label[for="navbar"] hr:first-child{ transform: rotate(-45deg); margin:12px 0;}
	#navbar:checked ~ label[for="navbar"] hr:nth-child(2){ display: none;}
	#navbar:checked ~ label[for="navbar"] hr:last-child{ transform: rotate(45deg); margin:-14px 0;}
}

/*言語設定*/
#langselect{float: right; position: absolute; top:5px; right:12px; z-index: 38490278; padding: 0; margin:0; font-size: 12px; font-family:'Roboto', Helvetica, Arial;}
#langselect a{color:#fff;}
#langselect label{color: #fff; font-size: 90%; cursor: pointer; display: inline-block; padding: 6px 12px; background: #000; border-radius: 5px;  border:1px solid #555; text-transform:capitalize;}
#langselect label:hover{ background: #2c2b2b; border-color:#666; }
#langselect label i.fas{display: inline-block; width: 1.1em; margin-left: 10px; color: #999; text-align: right;}

input[type="checkbox"]#langselect-check{display: none;}

#qtranslate-chooser{display: none; right: 0;  position: absolute; min-width: 120px; z-index: 4234234;} 
#qtranslate-chooser li{display: block;  border-bottom:1px dotted #666;}
#qtranslate-chooser li:last-child{border-bottom:none;}
#qtranslate-chooser li.active{font-weight: bold; background:rgba(0,0,0,0.7);}
#qtranslate-chooser li a{display: block; padding: 6px 12px;}
#qtranslate-chooser li a:hover{text-decoration: none; background: #000; text-shadow:0 0 2px #000;}

input[type="checkbox"]#langselect-check:checked ~ #qtranslate-chooser{display: block;  background:rgba(0,0,0,0.7); }

#breadcrumbs{font-size: 12px; padding: 10px 0; font-feature-settings : "palt"; }
#breadcrumbs .del{color:#999; font-family: "Arial Black"; display: inline-block; text-align: center;}
#breadcrumbs.breadcrumbs-top{font-size: 12px; padding: 10px 0;}

#archive-header{text-align: center; border:0px solid #000; padding: 50px 3px;}

#archive-header em{display: block; font-style: normal; font-family:Roboto, "Avenir Next", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 53px; text-transform:uppercase; margin:0; line-height: 1em;}
#archive-header h1{font-size:22px; display: block; line-height: 1.1em; padding: 0; margin:0;}
.pageheader-top{display: none;}

.member-header{margin-bottom: 8px; padding: 0px; margin:0;}
.member-header h1{line-height: 1.1em; padding: 10px; border: 5px solid #000; display: block;font-family:Poppins, 'Muli', sans-serif; font-weight: 700; font-feature-settings : "palt";}

@media screen and (min-width: 1279px){
	#globalnav ul{width: 1259px; margin:auto;}
}
@media screen and (max-width: 981px){
	#globalnav ul{width: auto; margin:auto;}
	h2#description{text-align: left; font-size: 10px;}
}

@media screen and (max-width: 679px){
	#header{height: auto; position: fixed; width: 100%; z-index:9999;}
	#header .container{padding: 10px;}
	#header #logo,#header #logo a{height: 30px; width: 165px;}
	#header+.clear{height: 50px;}
	#langselect{top:10px;}
	#langselect label{font-size: 90%;  padding: 5px;}
	#langselect label i.fas{ margin-left: 5px;}
	#qtranslate-chooser{min-width: 100px;}
	#breadcrumbs{font-size: 11px; padding: 10px 5px;}
	#breadcrumbs .del{font-size:9px;}
}

@media screen and (max-width: 481px){
	#breadcrumbs{font-size: 10px; padding: 10px 5px;}
	#breadcrumbs .current{font-size: 10px; line-height: 1.1em; padding: 0;}
}

@media (display-mode: standalone){
	@media screen and (max-width: 679px){
	#breadcrumbs{padding: 10px; overflow: hidden; white-space: nowrap; line-height: 1.1em; background-color: #000; color:#f9f9f9; font-size: 10px;}
	#breadcrumbs a{color:#fff;}
	#breadcrumbs.breadcrumbs-top{background:none;}
	/*.main-list #breadcrumbs{width: 100%; padding:10px 10px; box-sizing: content-box; margin-left:-10px; }*/
}
}

.main-list{}

.postlist,.postlist *,.postlist .thum::after,.entry-recommend *,.entry-content iframe,.memberlist *{
-webkit-transition-property:background,background-color,background-size,margin,width,height,text-shadow,box-shadow,color,opacity,background-blend-mode;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
-webkit-transition-delay: 0s;
-moz-transition-property:background,background-color,background-size,margin,width,height,text-shadow,box-shadow,color,opacity,background-blend-mode;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease;
-moz-transition-delay: 0s;

}

.postlist{width: 45%; background: #fff; margin:0 2% 30px 2%; height: 395px; box-shadow: 0 2px 3px #ccc; height: 320px; display: block; color:#555555; text-decoration: none; position: relative; float: left;}
.postlist:nth-child(even){}

.postlist:hover{box-shadow: 0 3px 6px #999; }
.postlist a{}
.postlist .thum{width: 100%; height: 190px; overflow: hidden;  text-align: center; display: block; background-color:#555; position: relative; vertical-align: middle;}
.postlist .thum img{ vertical-align: middle; min-height: auto; width: 100%!important; max-width: auto!important; position: absolute; left:0;}
.postlist:hover .thum{background-color: #000;}
.postlist:hover .thum img{opacity: 0.7;}
/*.postlist .thum::after{content:''; position: absolute; display: block; height: 100%; width: 100%; top:0; background-color:rgba(0,0,0,0);}
.postlist:hover .thum::after{background-color:rgba(0,0,0,0.3);}
.postlist:hover .thum{background-blend-mode:color-burn;}*/

.postlist-info{height: 125px; padding: 10px 15px 33px 15px; font-feature-settings : "palt"; }
.postlist-info b{font-size:18px; display: block; line-height: 1.1em; text-overflow: ellipsis; overflow: hidden; min-height: 3.5em; font-feature-settings : "palt"; word-break: break-all; font-family: 'Muli', sans-serif; text-shadow: 0 0 1px #fff font-weight: 900;}
.postlist:hover .postlist-info b{color:#000;}
.postlist-info time{color:#666; font-size:13px; font-family:'Century Gothic',Helvetica, Arial, sans-serif;}
.postlist-info .iconcate{font-size:12px; position: absolute; font-style:normal; color:#fff; background: #2c2c54; border-radius: 3px; padding: 3px 10px; font-weight:bold; top:15px; left: 15px;}

.archive-header{padding:10px; margin: 0 0 15px 0; border-bottom:3px solid black;}
.archive-header h1{padding: 0; margin: 0; line-height: 1.1em; font-family:Poppins, 'Muli', sans-serif; font-weight: 900;}


.memberlist{display: flex; justify-content:space-between;  flex-wrap: wrap; width: 100%;}
.memberlist li{width: 48.5%; display: inline-block; margin:6px 0;}
.memberlist li a{display: block; padding:0px; background:#fff;}
.memberlist li a:hover{background:#f9f9f9 ; box-shadow:-2px 2px 3px #ccc;}
.memberlist li img{ vertical-align: middle; margin-right:6px; width:100px; height: 100px;}
.memberlist li a:hover img{opacity: 0.7;}
.memberlist li span{color:#333; font-size:17px; font-weight: bold;}

.member-postlist{margin: 12px auto 30px auto;}
.member-postlist h2{font-size: 32px; line-height: 1.1em; padding: 5px 3px; border-bottom:5px solid #000; color:#000;}

@media screen and (max-width: 1281px){
	.postlist{height: 315px;}
	.postlist .thum{width: 100%; height:148px;}
	.postlist-info b{font-size:16px;}
	.postlist-info .iconcate{top:8px; left: 8px; font-size: 10px;}
	.memberlist{display: block;}
	.memberlist li{width:100%;}
}

@media screen and (max-width: 981px){
	.postlist .thum{width: 100%; height:170px;}
	.member-header,
	.memberlist{padding: 10px; display: block;}
	.memberlist li{width:100%;}
}

@media screen and (max-width: 681px){
	.postlist{height: auto; min-height: 110px; width: 100%; margin: 10px auto; float:none; position: relative; overflow: hidden;}
	.postlist .thum{width: 90px; height:90px; position: absolute; left:10px; top:10px;}
	.postlist .thum img{width: 90px; height:90px;}
	.postlist-info{height: auto; width: 100%; box-sizing: border-box; padding:0px 10px 8px 110px;}
	.postlist-info time{font-size: 10px; color:#999;}
	.postlist-info b{font-weight: 300; font-size: 15px; font-weight: 500!important;}
	.postlist-info .iconcate{font-size: 10px; border-radius: 0; border-bottom-right-radius: 5px; left:0; top:0; padding:2px 10px 2px 5px;}
	.member-postlist{padding: 10px;}
	.member-postlist h2{font-size: 25px;}
	.member-content{padding: 10px;}
}



.entry-header-cover{width: 100%; position: relative; height: auto; overflow: hidden; padding: 0;}
.entry-header-container{position: absolute; bottom:0px; width: 100%; padding:15px 12px; box-sizing: border-box; color:#fff;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
}

.entry-header-container h1{line-height: 1em; padding: 0; margin:0 0 10px 0; text-shadow:0 0 3px #000,0 0 0 #000,1px 1px 2px rgba(0,0,0,0.5),-1px -1px 2px rgba(0,0,0,0.5); font-family: Poppins, sans-serif; font-weight: 900; font-feature-settings : "palt";}
.entry-header-eyecatch{width: 100%; vertical-align: middle; margin: 0 auto; line-height: 0;}
.entry-header-eyecatch source{width: 100%; vertical-align: middle;}
.entry-header-info{padding:0;}
.entry-header-info time{display: inline-block; float: left; line-height: 1.1em;  color:#f9f9f9; font-family: 'Century Gothic',Helvetica, Arial, sans-serif;text-shadow:0 0 3px #000;}

/*single*/
.entry-article{height: auto; min-height: auto;}
.entry-content{padding: 20px 0; font-family: 'Noto Sans TC', sans-serif;}
.entry-content p{margin:3px auto; padding: 0;}
.entry-content img{max-width: 100%; height: auto;}
.entry-content picture{max-width: 100%; height: auto;}
.entry-content picture source[type="image/webp"]{max-width: 100%; height: auto;}
.entry-content blockquote{display: block; font-style:italic; font-family: 'cwTeXMing', serif; font-size:19px; position: relative; margin:15px 0 0 0; padding:15px 50px; color:#090909; text-shadow: 1px -1px 1px #fff,1px -1px 1px #fff,1px -1px 2px #fff;}
.entry-content blockquote::before{content:'“'; font-size:69px; line-height: 1em; color:#ccc; position: absolute; left:0; top:0; display: block; font-weight: bold; text-shadow:none;}
.entry-content blockquote::after{content:'”'; font-size:69px; line-height: 1em; color:#ccc; position: absolute; right:10px; bottom:0; display: block; text-shadow:none;}
.entry-content cite{font-size:11px; line-height: 1.1em; color:#666; display: block;  margin:0 3px 12px 12px; text-align: right; font-feature-settings : "palt";}
.entry-content cite::before{content:'Source:'; font-weight: bold; color:#666;}
.entry-content cite a{color:#666; border-bottom:1px dotted #ccc;}
.entry-content cite a:hover{color:#d63031; border-bottom-color:rgba(0,0,0,0);}
.entry-content iframe{max-width: 100%; margin: 5px auto;}
.entry-content mark{background: linear-gradient(transparent 70%, #81ecec 70%); color:#000!important; text-shadow:1px 1px 0 #fff,1px 1px 1px #fff,0px 2px 3px #fff;}

.entry-content .interview{padding:32px; position: relative; margin-bottom:6px;}
.entry-content .interview::before{position: absolute; content:''; font-family:"Font Awesome 5 Free"; content:'\f10d'; font-size:33px; line-height: 1em; color:#ccc; top:3px; left:2px; z-index: -1; font-weight: bold; text-shadow: 0 0 1px #fff;}
.entry-content .interview::after{position: absolute; content:''; font-family:"Font Awesome 5 Free"; content:'\f10e'; font-size:33px; line-height: 1em; color:#ccc; bottom:3px; right:2px; z-index:-1; font-weight: bold;}

.entry-content blockquote.twitter-tweet{margin:auto!important;}
.entry-content blockquote.instagram-media{margin:auto!important;}

.entry-content ::selection {
background: rgba(0,0,0,0.7);
color:#fff;
}
.entry-content ::-moz-selection {
background: rgba(0,0,0,0.7);
color:#fff;
}

.single .entry-content ul{padding: 12px 20px; margin:5px; background:rgba(255,255,255,0.3); border-radius:10px;}
.single .entry-content ul li{font-weight: 500; padding: 10px 10px 10px 32px; border-bottom:1px dotted #ccc; line-height: 1.1em; position: relative;}
.single .entry-content ul li:last-child{border-bottom:none;}
.single .entry-content ul li::before{content:'\f00c'; font-weight: bold; height: 100%; color:#e15f41; font-family: "Font Awesome 5 Free"; width: 1.2em; display: inline-block; position: absolute; left:10px;}


.entry-content figure{display: block; text-align: center; margin: 0; padding:5px 3px;  line-height: 1em;}
.entry-content figure br{display: none;}
.entry-content figure img{margin: 3px auto;}
.entry-content figure picture source[type="image/webp"]{margin: 3px auto;}
.entry-content figcaption{display: block; text-align: left; font-weight: bold; line-height: 1.05em; font-feature-settings : "palt"; font-size:18px;}
.entry-content figcaption::before{content: '\f030'; font-weight: 900; display: inline-block; width: 1.1em; font-family: "Font Awesome 5 Free";}
.entry-content figcaption cite{display: inline-block; float: right;}

.single .entry-content table{border:1px solid #999; margin:5px auto; background:#fff; max-width: 100%;}
.single .entry-content table caption{font-weight: bold;}
.single .entry-content table th{border:1px solid #999; padding:10px; line-height: 1.1em; text-align:left; background-color: #f9f9f9;}
.single .entry-content table td{border:1px solid #999; padding:10px; line-height: 1.1em; text-align: left;}

.single .entry-content .tablecover{overflow-x: auto; margin-bottom:5px;}
.single .entry-content .tablecover table{margin:5px auto 0 auto;}
.single .entry-content .tablecover th{white-space: nowrap;}

.entry-content blockquote.wp-embedded-content{background:none; padding: 0; display: block; height: 180px;  padding: 0; margin:0 0 -185px 0; position: relative; z-index: 789;}
.entry-content blockquote.wp-embedded-content p{margin: 0; padding:0;}
.entry-content blockquote.wp-embedded-content a{color:#000; font-weight: normal; font-size: 10px; display: block; height:180px; text-indent:-32423423px;}
.entry-content blockquote.wp-embedded-content a:hover{}
.entry-content blockquote.wp-embedded-content::before,
.entry-content blockquote.wp-embedded-content::after{content:'';}
.entry-content iframe.wp-embedded-content{min-width: 100%; height: 180px; display: block; margin: 0; position: relative; z-index: 289;}
.entry-content blockquote.wp-embedded-content:hover ~ p iframe.wp-embedded-content{box-shadow: 2px 2px 5px #ccc;}


/*-----------------------------
ギャラリー
------------------------------*/
.gallery { /** ギャラリーを囲むボックス **/
	width: 100%;
	margin-bottom: 20px ;
    overflow: hidden;
    
}


 
.gallery br {display: none;} /** 自動で挿入される clearfix の余白解除 **/
 
.gallery-item { /** 画像共通のスタイル **/
    float: left;
	margin-bottom: 0 ;
}
.gallery-icon { /** 画像を囲む dt のスタイル **/
    text-align: center;
}
 
.gallery-icon img {
	width: 100%;
	height: auto;
	margin-bottom: 10px ;
}
 
.gallery-caption { /** キャプション **/
    color: #222;
    font-size: 12px;
    margin: 0 0 10px;
    text-align: center;
}
 
.gallery-columns-1 .gallery-item { /** カラムなし **/
    width: 100%;
    margin-right: 0;
}
.gallery-columns-2 .gallery-item { /** 2カラム **/
	width: 48%;
	margin: 0 1%;
}
.gallery-columns-3 .gallery-item { /** 3カラム **/
    width: 31.33333%;
	margin: 0 1%;
}
.gallery-columns-4 .gallery-item { /** 4カラム **/
    width: 23%;
    margin: 0 1%;
}
.gallery-columns-5 .gallery-item { /** 5カラム **/
    width: 18%;
    margin: 0 1%;
}
 
@media screen and (max-width: 640px) {
	/* 640px以下用の記述 */
	.gallery{margin:5px auto 8px auto;}
	.gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item {
		width: 48%;
		margin: 0 1%;
	}
	.gallery-columns-5 .gallery-item {
		width: 31.33333%;
		margin: 0 1%;
	}
}
@media screen and (max-width: 1281px){
	.single .entry-content .tablecover th{font-size:11px; padding: 5px;}
	.single .entry-content .tablecover td{font-size:11px; padding: 5px;}
}
@media screen and (max-width: 980px){
	.single .entry-content .tablecover th{font-size:13px; padding: 10px;}
	.single .entry-content .tablecover td{font-size:13px; padding: 10px;}
	.single .entry-content .tablecover caption{text-align: left; font-size: 15px; padding:0 3px;}
}

.single .entry-content img.alignleft{float: left; margin:5px 12px 10px 5px; vertical-align: middle; }
.borderwhite{border:10px solid white;}

.entry-copyright{padding:5px 10px; border-top:1px dotted #ccc;  border-bottom:1px dotted #ccc;}
.entry-copyright p{line-height: 1.2em; font-size: 15px; color:#232323; text-stroke:0.1px #999; text-shadow:0 -1px 1px #fff; font-feature-settings : "palt"; transform: rotate(0.05deg);  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.entry-header{display: block; padding: 0; margin: 0;}
.entry-header h1{line-height: 1.1em; font-size:38px; display: block; padding: 0; margin:0; font-feature-settings : "palt";  word-break: break-all;}


.entry-product{position: relative; margin: 12px auto; font-feature-settings : "palt"; background-color: #fff;}
.entry-product img{width: 200px; height: 200px; margin:20px; position:relative; z-index:7777;}
.entry-product div{position: absolute; padding:20px 22px 22px 235px; top:0; min-height: 200px;}
.entry-product b{color:#000; display: block; font-size: 22px; line-height: 1.1em;}
.entry-product .button{display: inline-block; padding: 12px 20px; line-height: 1.1em; border:3px solid #3c40c6; margin:3px; border-radius:10px; font-size:15px; color:#3c40c6; font-weight: bold; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;}
.entry-product .button .fas{display: inline-block; margin-right:3px;}
.entry-product .button.amazon{border-color: #FF9900; color:#FF9900;}
.entry-product .button.rakuten{border-color: #bf0000; color:#bf0000;}
.entry-product .button:hover{border-color:#000; color: #000;}

.entry-content .entry-product p{margin:0; padding: 0;}
.entry-content .entry-product b{margin-bottom:5px;}
.entry-content .entry-product strong.large{font-size:22px; display: inline-block; margin:auto 0 auto 3px;}

.entry-recommend{position: relative; margin:12px auto; font-feature-settings : "palt";}
.entry-recommend a{display: block; position: relative; color:#000; background-color: #fff; padding: 15px;}
.entry-recommend a:hover{box-shadow: 0px 3px 3px #999;}
.entry-recommend img{width: 150px; height: 150px;}
.entry-recommend div{position:absolute; top:0; left:0; padding:15px 15px 15px 180px; box-sizing: border-box;  line-height: 1.1em; height: 165px; overflow: hidden;}
.entry-recommend div b{font-size: 20px; line-height: 1.1em; display: block; margin-bottom:5px; font-family: "Noto Sans TC", "Noto Sans JP",Poppins,sans-serif;}
.entry-recommend div p{line-height: 1.2em; margin:0 auto; font-size: 15px; color:#666;}
.entry-recommend div p::after{position: absolute; width: 100%; height: 50px; content:''; display: block; bottom:0;  z-index:333;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.entry-recommend div button{display: inline-block; line-height: 1.1em; position: absolute; right:15px; bottom:0; z-index:555; font-weight:bold; font-family:'Century Gothic',Arial, sans-serif; background-color:#c23616; font-size: 15px; border:none; border-radius:3px; padding: 8px 10px; color:#fff; text-align: center;}
.entry-recommend div button::after{content:'\f105'; font-family: "Font Awesome 5 Free"; font-weight: bold; vertical-align: middle; display: inline-block; margin-left:3px;}
.entry-recommend a:hover div button{background-color: #e84118;}

.entry-member{padding: 10px; margin:auto; position: relative;}
.entry-member-thum{display: inline-block; width: 60px; height: 60px; position: absolute; left:10px; top:15px;}
.entry-member-thum img{width:60px; height: 60px; border-radius: 100%; box-shadow: 1px 1px 1px #ccc; background:#fff; font-size: 0;}

.entry-member-postinfo{display: block; vertical-align: middle; padding: 0 0 0 70px; line-height: 1.1em; font-size: 13px;}
.entry-member-postinfo time{color:#666; font-family: "Century Gothic",arial, sans-serif;}
.entry-member-postinfo a{color:#555; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; border-bottom:1px dotted #666;}
.entry-member-postinfo a:hover{border-bottom:1px solid #333; color:#333;}
.entry-member-postinfo em{font-family:Poppins, sans-serif;font-style: normal; font-weight: bold; display: block; margin-bottom:5px; line-height: 1em; font-size: 16px;}


.member-content{margin: 15px 0 65px 0; position: relative; min-height: 100px;}
.member-content em{width: 100px; height: 100px; display: block; position: absolute;}
.member-content em img{border-radius: 100%;}
.member-content-info{ margin-left:120px; min-height: 100px; padding: 12px; background-color: #fff; border-radius: 5px; position: relative;}
.member-content-info p{margin: 0 0 3px 0; padding: 0;}
.member-content-info::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 39%; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #fff;
}


.entry-footer{display: block; padding:12px 0; margin: 0; }
.entry-footer-info-sns{text-align: center;padding: 0; margin: 0; display: flex; justify-content:space-between;}
.entry-footer-info-sns li{display: inline-block; list-style: none; padding:5px 0.25%; width: 19.5%; max-width: 19%; box-sizing: border-box; font-weight: 500; }
.entry-footer-info label{display: none;}
#pwa-share{display: none; }


.entry-footer-info-sns a{color:#fff; display: block; max-width: 100%; box-sizing: border-box; padding: 12px; border-radius: 3px; text-align: left ; white-space: nowrap; word-wrap: break-word; font-feature-settings : "palt";}
.entry-footer-info-sns i.fab{width: 1.1em; margin-right:5px; display:inline-block;}
.entry-footer-info-sns a:hover{background: #333;}

.entry-sametag{margin:39px auto 10px auto;}
.entry-sametag h4{display: block; padding:0 0 5px 0; margin:0 0 5px 0; line-height: 1.1em; font-size: 25px; font-family: Poppins, sans-serif; vertical-align: middle;}
.entry-sametag .fas{display: inline-block; width: 1.1em; margin-right:2px; color:#FC427B;}
.entry-sametag h4 span{font-size: 15px; display: inline-block; margin-left:5px; font-weight: 300; color:#333;}
.entry-sametag ul{display: flex; justify-content:space-between; flex-wrap:wrap; align-items:stretch; width: 100%; align-self :stretch;}
.entry-sametag ul li{display: inline-block; width: 32%; margin-bottom:12px;}
.entry-sametag ul li em{display: block; background-color: #000; position: relative; width: 100%; height: 130px; overflow: hidden;}
.entry-sametag ul li em img{display: block; position: absolute; width: auto; height: auto; max-width: 100%;}
.entry-sametag ul li p{display:block; padding: 7px 7px 10px 7px; margin:0 auto; line-height: 1.1em; font-size: 13px; font-weight: 500; color:#252525;  font-feature-settings : "palt";}
.entry-sametag ul li a{display: block; padding:0; cursor: pointer; background-color: #fff; height: 100%;}
.entry-sametag ul li a:hover p{color:#d63031; text-decoration: none;}

.entry-footer-subscribe{margin:15px 0; background:#fff; padding:10px; display: block; min-height: 100px; position: static;}
.entry-footer-subscribe ul{display: flex; justify-content:space-between;}
.entry-footer-subscribe li{display: inline-block; list-style: none; padding:5px 0.25%; width: 50%; max-width: 50%; box-sizing: border-box; }
.entry-footer-subscribe i.fas{width: 1.1em; margin-right:5px; display:inline-block;}
.entry-footer-subscribe a{color:#fff; display: block; max-width: 100%; box-sizing: border-box; padding: 12px; white-space: nowrap; word-wrap: break-word; font-feature-settings : "palt";}
.entry-footer-subscribe a:hover{background: #333;}
.entry-footer-subscribe em{font-style: normal; font-weight: 900; font-size:19px; display: block; margin:5px 0 10px 0; line-height: 1em; font-feature-settings : "palt";}

.google{background-color: #dd4b39;}
.linkedin{background-color: #0077b5;}
.messenger{background-color: #0084ff;}
.telegram{background-color:#0088cc;}
.reddit{background-color:#ff5700;}
.twitter{background-color: #1da1f2;}
.facebook{background-color:#3b5998;}
.viber{background-color:#59267c;}
.whatsapp{background-color:#128c7e;}
.slack{background-color:#3eb991;}
.pocket{background-color:#ef4056;}
.bbm{background-color:#000000;}
.wechat{background-color:#7bb32e;}
.line{background-color:#00B900;}
.tumblr{background-color:#2c4762;}
.hatena{background-color: #008fde;}
.feedly{background-color: #6cc655;}
.inoreader{background-color:#00a7f6;}
.fa-hatena{font-family:'Noto Sans Japanese',  'Arial Black',sans-serif; font-weight: 900;}

.entry-content section{margin-bottom:50px;}
.entry-content section p{padding-bottom: 1.2em;}
.entry-content h2{background: #27313D; display: block; padding:12px 15px; color:#fff; font-size:25px; border-radius: 0px; border-left:5px solid #d63031; margin: 3px 0; font-feature-settings : "palt"; line-height: 1.1em; font-family: 'Poppins', sans-serif; }
.entry-content h3{background: #CCD0D5; border-left:5px solid #27313D; padding: 12px; display: block; font-size:20px; margin:18px 0 13px 0; font-feature-settings : "palt"; line-height: 1.1em; font-family: 'Muli', sans-serif; font-weight: 700;}
.entry-content h4{border-bottom:3px solid #27313D; display: block; font-size: 18px; line-height: 1.1em; padding:3px 0 7px 0; margin:5px 0 2px 0; font-feature-settings : "palt"; line-height: 1.1em;  font-weight: bold; }
.entry-content h5{display: block; font-size: 18px; line-height: 1.1em; padding:3px 0 7px 0; margin:6px 0 2px 0; font-feature-settings : "palt"; line-height: 1.1em;  font-weight: bold; }

.entry-writer{padding: 20px; position: relative; background:#fff;}
.entry-writer-img{position: absolute; height: 200px; width: 200px; top:20px; left:20px;}
.entry-writer-img-thum{background-color:#666; background-repeat: no-repeat; background-size:contain; display: block; width: 180px; height: 180px; border-radius: 100%;}

.entry-writer-info{padding-left:210px; min-height: 200px;}
.entry-writer-info b{font-size: 23px; font-family: 'Century Gothic'; display: block; line-height: 1.1em;}
.entry-writer-info p{display: block; padding: 0; margin:9px 0; }

@media screen and (max-width: 1290px){
	.entry-footer-info-sns a{font-size:11px;}
	.entry-sametag ul li em{height: 103px;}
}

@media screen and (max-width: 981px){
	.entry-content p{padding: 5px 7px;}
	.entry-content h4{ padding:5px;}
	.entry-content figcaption{padding: 2px 5px;}
	.entry-content figure{padding:0;  line-height: 1em;}
	.member-content{margin-left:7px; margin-right:7px;}
	.entry-sametag ul li em{height: 110px;}
}

@media screen and (max-width: 649px){
	.entry-content iframe{max-width: 100%; max-height: 325px;}
	.entry-footer-info-sns li{width: 23.5%;}
	.entry-footer-info-sns a{font-size:13px;}
	.member-content-info p{font-size: 13px;}
	.entry-sametag ul li em{height: 90px;}
}

@media screen and (max-width: 621px){
	.entry-header-cover{width: 100%; position: relative; height: auto; overflow: hidden;}
	.entry-header-container h1{font-size: 26px;}
	.entry-header-container time{font-size: 15px;}
	.entry-content h2{font-size: 19px; padding: 8px;}
	.entry-content h3{font-size:17px;}
	.entry-content figure cite{margin-top:3px; display: block; }
	.entry-footer-subscribe ul{}
	.entry-footer-subscribe li{font-size: 12px;}
	.entry-footer-subscribe em{font-size:15px;}
	.entry-content table{width:98%; max-width:98%; margin:3px auto; font-size: 12px; overflow-x: auto;}
	.entry-content table th{padding: 5px;}
	.entry-content table td{padding: 5px; word-break:break-all;}
	.entry-content table caption{font-size: 13px;}

	.entry-content iframe.wp-embedded-content{height: 128px;}

.entry-content blockquote.wp-embedded-content{height: 128px; margin:0 8px -138px 8px;}
.entry-content blockquote.wp-embedded-content a{height:128px;}
.entry-content blockquote.wp-embedded-content a:hover{}

	.entry-recommend div b{font-size: 17px;  margin-bottom:3px;}
	.entry-recommend div p{line-height: 1.1em; font-size: 13px; }

	.entry-product img{width: 100px; height: 100px; margin:20px;}
	.entry-product div{position: absolute; padding:10px 12px 12px 135px; top:0; min-height: 100px;}
	.entry-product div b{font-size: 16px;}
	.entry-product .button{font-size: 13px; padding: 6px 10px;}
}

@media screen and (max-width: 481px){
	.entry-header-container h1{font-size: 22px;}
	.entry-content h2{margin:0;}
	.entry-content h3{margin:3px 0 0 0;}
	.entry-content h4{ padding:5px;}
	.entry-content iframe{max-width: 100%; max-height: 260px;}
	.entry-footer-info-sns a{font-size:10px;}
	.entry-content{padding: 0px;}
	.entry-content figure{margin:0 auto; padding: 0;}
	.entry-content figure img{margin: 0 auto;}
	.entry-content figcaption{padding: 2px 5px; font-size: 12px;}
	.entry-content figure cite{margin-top:1px; font-size: 9px;}

	.single .entry-content ul{padding:12px; margin:10px; background: #fcfcfc;}

	.entry-footer{padding: 12px 5px;}
	.entry-footer-info-sns a{text-align: center;}
	.entry-footer-info-sns i.fab{width:100%; font-size: 24px; text-align: center; margin-right:0; display:block;}
	.entry-footer-info-sns a:hover{background: #333;}
	.entry-footer-info time{font-size: 11px;}

	.entry-sametag h4{font-size: 17px;}
	.entry-sametag ul li em{height: 65px;}
	.entry-sametag ul li p{font-size: 10px; padding: 3px 5px 6px 5px; word-break: break-all;}

	.entry-content iframe.wp-embedded-content{height: 125px;}
	.entry-content blockquote.wp-embedded-content{height: 128px; margin:0 8px -136px 8px;}
	.entry-content blockquote.wp-embedded-content a{height:128px;}
	.entry-content blockquote.wp-embedded-content a:hover{}

	.pages .entry-header{padding: 10px 5px;}
	.pages .entry-header h1{font-size: 22px;}

	.entry-copyright p{font-size: 10px;}

	.entry-recommend img{width: 110px; height: 110px; line-height: 1em; margin:0;}
	.entry-recommend div{padding:15px 10px 15px 135px; height: 120px;}
	.entry-recommend a{margin:10px; padding: 15px;}
	.entry-recommend div b{font-size: 15px;  margin-bottom:3px;}
	.entry-recommend div p{line-height: 1.1em; font-size: 10px;}
	.entry-recommend div button{font-size: 11px; padding: 8px 10px;}

	.entry-product {margin:5px;}
	.entry-product img{width: 100px; height: 100px; margin:15px 8px;}
	.entry-product div{position: absolute; padding:12px 10px 12px 120px; top:0; min-height: 100px;}
	.entry-product div b{font-size: 14px; line-height: 1em; max-height: 4em; overflow: hidden; margin:0; padding: 0;  display: block; word-break: break-all; overflow-wrap : break-word;}
	.entry-product div p{display: block;  box-sizing: border-box; margin: 5px 0 0 0;}
	.entry-product .button{font-size: 10px; padding: 4px 0; text-align: center; display: block; margin:0 0 5px 0; width: 100%;}
	.entry-content .entry-product b{margin-bottom:0px;}
	.entry-content .entry-product del{font-size: 13px; color: #333;}
	.entry-content .entry-product strong.large{font-size:18px; display: inline-block; margin:auto 0;}

}

@media screen and (max-width: 321px){
	.entry-header-container h1{font-size: 17px;}
	.entry-footer-subscribe ul{display: block;}
	.entry-footer-subscribe li{min-width: 100%; display: block;}
}

@media (display-mode: standalone){
	.entry-footer-info-sns time{display: none;}
	.entry-footer-info-sns{width: 250px; height: 250px; position: fixed; background-color: rgba(0,0,0,0.7); margin:-125px -125px 0 0; padding: 0; top:50%; right:50%; display: none; overflow-y: hidden; box-shadow: 2px 2px 5px #000;}
	.entry-footer-info-sns li{width: 250px; max-width: 250px; height: auto; right: 0; overflow:hidden; line-height: 1em; margin: 0; padding: 0; height: auto; display: block; border-bottom: 1px solid #666;}
	.entry-footer-info-sns li:last-child{border-bottom: none;}
	.entry-footer-info-sns a{text-align: left; background: none; width: 100%; display: block; font-size: 21px; color: #fff;  margin: 0; height: auto; padding: 10px; box-sizing: border-box; height: 50px;}
	.entry-footer-info-sns a:hover{background-color: #000;}
	.entry-footer-info-sns i.fab{width:1.1em; font-size: 28px;  color: #fff; display: inline-block; margin: 0 5px 0 0;}
	.entry-footer-subscribe{display: none;}

	.entry-footer-info{position: fixed; width: 100%; height: 50px; padding: 0; margin: 0; bottom: 0; left:0 ; background: none; z-index: 999999; animation: slideUp 1.5s forwards; text-shadow:0 0 0 #fff; }
	.entry-footer time{display: none;}

	.entry-footer-info label.pwa-share-button{display: inline-block; color:#fff; width: 50px; height: 50px; float: right; text-align: center; color:#666;}
	.entry-footer-info label.pwa-share-cover{display: none; animation: shareFadeOut 1s forwards;}
	.entry-footer-info label.pwa-share-button .fas{font-size:27px; line-height: 50px;}
	.entry-footer-info #pwa-share:checked ~ .entry-footer-info-sns{display: block; animation: shareFadeIn 1s forwards;  z-index: 888888;}
	.entry-footer-info #pwa-share:checked ~ .pwa-share-cover{display: block; position: fixed; width: 100%; height: 100%; left:0; top:0; z-index: 777777; animation: shareFadeIn 0.5s forwards; background-color: rgba(0,0,0,0.3);}

	.pwa-home{display: inline-block; color:#fff; width: 50px; height: 50px; float: left; text-align: center; color:#666;}
	.pwa-home .fas{font-size:27px; line-height: 50px;}

	.entry-footer-info-sns i.fa-twitter{color: #1da1f2;}
	.entry-footer-info-sns i.fa-line{color:#00B900;}
	.entry-footer-info-sns i.fa-hatena{color: #008fde;}
	.entry-footer-info-sns i.fa-get-pocket{color:#ef4056;}
	.entry-footer-info-sns i.fa-whatsapp{color:#128c7e;}
	.entry-footer-info-sns i.fa-facebook-messenger{color: #0084ff;}
	.entry-footer-info-sns i.fa-facebook-f{color:#3b5998;}
	.entry-footer-info-sns i.fa-weixin{color:#7bb32e;}
	.entry-footer-info-sns i.fa-tumblr{color:#2c4762;}
	.entry-footer-info-sns i.fa-telegram-plane{color:#0088cc;}
	.entry-footer-info-sns i.fa-viber{color:#59267c;}
	.entry-footer-info-sns i.fa-reddit{color:#ff5700;}
}

/*送信完了アラート*/
@keyframes shareFadeIn {
    0% {display: none; opacity: 0;}
    1% {display: block; opacity: 0;}
    100% {opacity:1;}
}

@keyframes shareFadeOut {
    0% {opacity:1;}
    99% {opacity: 0; display: block;}
    100% {display: none; opacity:0; z-index: -1; }
}


/*O r g a n i z e*/
#organize *{transition: all 500ms 0s ease; }
#organize{font-family: 'Noto Sans Japanese', sans-serif;}
#organize h3{text-align: center; display: block; line-height: 1em; font-size: 35px; font-family: 'Black Ops One', cursive; padding: 0px 0 15px 0;}
#organize h4{text-align:center; font-size: 35px; line-height: 1em;  font-family: 'Black Ops One', cursive; padding: 30px 0 15px 0;}
#organize h3 span,#organize h4 span{text-align: center; display: block; line-height: 1em; font-size:18px; padding: 5px; font-family: 'Noto Sans JP', sans-serif; font-weight: 400;}
#organize h3 span::before,#organize h4 span::before{content:''; border-top:1px solid #666; width: 35px; margin:0 0 0.3em 0; display: inline-block;}
#organize h3 span::after,#organize h4 span::after{content:''; border-top:1px solid #666; width: 35px; margin:0 0 0.3em 0; display: inline-block;}

.organaize-cati{text-align: center;  position: relative;  color: #fff; position: relative; overflow:hidden; }

.organaize-cati-img{max-width: 100%; margin:auto; position: relative; z-index: 100;}
.organaize-cati-cover{background-repeat: no-repeat; background-position: center; background-size: cover;  filter: blur(8px); position: absolute; width: 120%; height: 80%; margin: 0 -10%; top:10%; z-index: 1;}


.organaize-about{text-align: center; padding:55px 0 10px 0; }
.organaize-about h1{font-size:36px; color:#1B1464;  font-family:'Arial Black',Helvetica,'Noto Sans Japanese',  serif; display: block; line-height: 1.1em; padding:; margin: auto; }
.organaize-about h2{padding: 7px 0;  line-height: 1.1em; font-size:22px; font-weight: 700; margin: auto; font-family: 'Noto Sans JP', sans-serif; }
.organaize-about p{}

.organaize-share{text-align: center; padding: 0px 0 55px 0;}
.organaize-share h4{ font-family: 'Noto Sans JP', sans-serif; font-weight:900; letter-spacing: -1px; padding:0; margin: 0 auto; font-size:19px; position: relative; z-index: 2;}
.organaize-share ul{display: flex; justify-content: center; padding: 0;  width:285px; margin:auto; margin-top:-26px; padding:30px 20px 20px; background:#fff; border-radius: 6px; box-shadow: 0px 3px 3px #ccc;}
.organaize-share ul li{display: inline-block; width: 65px; height: 65px; }
.organaize-share ul li a{display: block;  background:none;}
.organaize-share ul li a i.fab{font-size:55px;}

.organaize-share ul li a.twitter{color: #1da1f2;}
.organaize-share ul li a.facebook{color:#3b5998;}
.organaize-share ul li a.messenger{color:#0084FF;}
.organaize-share ul li a.line{color:#00B900;}

.organaize-gamelist{background:url(./images/bg_folkpattern.png) #fff repeat fixed; padding:35px 0 55px 0; }
.organaize-gamelist ul{display: flex; justify-content: center;  margin-bottom:30px;}
.organaize-gamelist li{display:inline-block; max-width: 49%; max-height: 250px; height: 250px; padding: 20px; box-sizing: border-box;}
.organaize-gamelist li img{max-width: 100%; max-height: 100%;}

.organaize-info{padding:30px 0 70px 0; }
.organaize-info h3{padding:0;}
.organaize-info ul{display: flex; justify-content: center;}
.organaize-info li{display:inline-block; max-width: 49%; padding: 0 15px; box-sizing: border-box;}
.organaize-info li em{font-weight: bold; font-style: normal; font-size:19px; display: inline-block; padding:0 0 3px 0; margin-bottom:3px; border-bottom:3px solid #ED4C67;}
.organaize-info li b{display: inline-block;font-size:17px; line-height: 1em; padding:6px 0px;}
.organaize-info li p{margin:0; padding: 0; line-height: 1.1em;}
.organaize-info li p a{display: inline-block; margin:6px 12px 6px 0;  font-size:12px; border-bottom:1px dotted #ED4C67;}
.organaize-info li p a:hover{border-bottom:1px solid rgba(0,0,0,0);}
.organaize-info li p a i.fas{display: inline-block; width: 1.1em; text-align: center; margin-right:2px; font-size:14px;}
.organaize-info li th{text-align: left; padding: 2px; font-size:15px;}
.organaize-info li td{text-align: left; padding: 2px 0 2px 10px; font-size:15px;}

.organaize-entry{padding: 50px 0; background:url(./images/bg_darkterrazzo.png) #000 repeat fixed; color:#fff; position: relative; overflow: hidden; z-index: 5;}



.organaize-entry h3,.organaize-entry h4{padding: 0; margin:0;}
.organaize-entry ul{display: flex;  justify-content: space-between; padding: 0; margin:10px 0 50px 0; }
.organaize-entry li{display:inline-block; width: 49%; text-align:left; font-size: 30px; height: auto;}
.organaize-entry li:first-child{ text-align:right;}
.organaize-entry li b{color:#ED4C67; display: inline-block; padding: 6px 10px; border:2px solid #ED4C67;}
.organaize-entry li em{display: inline-block; padding: 6px 10px; line-height: 1em; color:#ED4C67; font-style: normal; font-weight: 700;}

.organaize-entry .center{padding:20px 0;}
.organaize-entry .center a{color: #ff4d4d;}
.organaize-entry .center a:hover{color: #ffcccc; text-decoration: underline;}

.organaize-entry-smashgg{display: inline-block; border:none; text-indent: -324234px; background:url(./images/logo_smashgg.png) center no-repeat; background-size: contain; margin:10px auto; height: 100px; width: 410px; max-width: 100%; margin:auto;}
.organaize-entry-smashgg:hover{opacity: 0.7;}

.organaize-timetable{background:#fff; margin: 0; padding: 10px 0 55px 0;}
.organaize-timetable table{max-width: 500px; margin: auto; }
.organaize-timetable table th{text-align: left; padding: 7px; font-weight: 700;}
.organaize-timetable table td{text-align: left; padding: 7px; font-weight: 400;}

.organaize-entry-notes{background: rgba(0,0,0,0.5); color:#fff; font-size: 13px; padding: 20px; border-radius: 5px; max-width: 700px; margin:auto;}

.organaize-timetable{padding-bottom:50px;}
.organaize-timetable tr{border-bottom:2px solid #000;}
.organaize-timetable tr:first-child{border-top:2px solid #000;}


.organize-footer{padding: 50px 0; text-align: center;}

.organize-footer h5{font-size: 33px; font-family: 'Abril Fatface', cursive; line-height: 1em; padding: 0; margin:0 auto 20px auto;}
.organize-footer-sns ul{display: flex; justify-content: center; padding: 0;}
.organize-footer-sns ul li{display: inline-block; width: 100px; height: 100px; }
.organize-footer-sns ul li a{display: block;  background:none;}
.organize-footer-sns ul li a i.fab{font-size:55px;}

.organize-footer-sns ul li .twitter{color: #1da1f2; background:;}
.organize-footer-sns ul li .facebook{color:#3b5998;}
.organize-footer-sns ul li .twitch{color:#6441a5;}

.organize-footer small{line-height: 1.1em;}

#organize .qtranxs-available-languages-message{ max-width: 980px; margin:50px auto; padding:50px; box-sizing: border-box; background:#fff;}

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

}

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

.organaize-info li em{font-size:17px;}
.organaize-info li b{font-size:15px;}
.organaize-info li p{font-size: 13px;}
.organaize-info li th{font-size:13px;}
.organaize-info li td{font-size: 13px;}
}

@media screen and (max-width: 649px){
.organaize-about h1::first-line{font-size:37px; letter-spacing: -1px;}
.organaize-about h1{font-size:23px; line-height: 1.2em;}
.organaize-about h1 span{display: block; height: 1px; text-indent: -234234px;}
.organaize-about h2{text-align: left; font-size:18px;}
.organaize-about p{text-align: left; line-height: 1.5em; font-size:13px;}

.organaize-gamelist ul{display: block;  margin-bottom:10px;}
.organaize-gamelist li{display: block; width: 100%; max-width: 100%; text-align: center;}

.organaize-entry li{text-align: center; font-size: 25px; }
.organaize-entry li:first-child{ text-align:center;}
.organaize-info ul{display: block;}
.organaize-info li{width: 100%; max-width: 100%; margin-bottom:20px;}
.organaize-timetable table th{padding: 5px; font-size:15px;}
.organaize-timetable table td{padding: 5px; font-size:13px; line-height: 1.1em;}
.entry-header-info time{font-size: 12px;}
}


@media screen and (max-width: 481px){
#organize h3{letter-spacing: -1px;}
.organaize-timetable table tr{display: block; padding: 10px;}
.organaize-timetable table th{display: block; padding: 0;}
.organaize-timetable table td{display: block; padding: 0;}

.organaize-entry .center{font-size: 13px;}
.organaize-entry-notes{font-size:10px; text-align: left;}

.organize-footer small{font-size:9px;}
}



/*P A G E S*/
#about{}

#about table{width: 100%;}
#about tr{border-bottom:1px dotted #ccc; }
#about tr:first-child{border-top:1px dotted #ccc;}
#about th{text-align: left; padding: 10px; white-space: nowrap;}
#about td{text-align: left; padding: 10px; line-height: 1.2em;}

#about a[rel="nofollow"]{font-weight: 700;  font-family:'Century Gothic',sans-serif!important;}
#about i.fa-at{text-shadow:0 0 1px #fff; display: inline; width: 1em; text-align: center;}
#about i.fa-at::after{content:'funglr.games'; display: inline-block; font-family:'Century Gothic',sans-serif!important;}

.rule h2{color:#000; border:3px solid #000; background:none;}
.rule h3,
.privacy h3{background:none; padding: 0 12px;}
.rule ol li,
.privacy ol li{list-style: decimal;}

.privacy ul{margin-bottom:15px; padding: 0 12px;}
.privacy ul li{line-height: 1.3em; padding: 5px 0;}

@media screen and (max-width: 481px){
#about tr{border-bottom:1px dotted #ccc; display: block; padding: 10px 0;}
#about th{font-size: 15px;}
#about th{text-align: left; padding: 10px; display: block; padding: 5px 0 0px 0;}
#about td{display: block; padding:2px 0px 5px 0 ; font-size: 13px;}
#about td b{font-size: 13px;}

.rule p,.privacy p{font-size: 13px;}
.rule ol li,.privacy ol li,.privacy ul li{font-size: 14px;}

}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
CONTACT FORM
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.inquiry .container{background: #efefef; padding:15px 10px; margin:30px auto; max-width: 100%; border-radius: 5px;}


.inquiry table{width: 100%;}
.inquiry th{padding: 10px; width: 165px; text-align: left;}
.inquiry td{padding: 10px;}

.inquiry input[type="text"],
.inquiry input[type="email"],
.inquiry input[type="url"],
.inquiry input[type="tel"],
.inquiry textarea{padding: 5px; outline: none; border-radius:2px; border:1px solid rgba(0,0,0,0); font-size: 18px; resize: none; width: 85%; max-width: 85%;}

.inquiry input[type="text"]:hover,
.inquiry input[type="email"]:hover,
.inquiry input[type="url"]:hover,
.inquiry input[type="tel"]:hover,
.inquiry textarea:hover{border-color:#999; background:#f7f1e3;}

.inquiry input[type="text"]:focus,
.inquiry input[type="email"]:focus,
.inquiry input[type="url"]:focus,
.inquiry input[type="tel"]:focus,
.inquiry textarea:focus{border-color:#333; background:#f1f2f6; resize: none;}

.inquiry input[type="radio"]{display: none; outline: none;}
.inquiry label{display: inline-block; padding:0; margin:0 3px 3px 0; cursor: pointer;}
.inquiry .wpcf7-list-item-label{display: inline-block; font-size: 13px; padding:5px; margin:3px 0; border-radius:2px; border:3px dotted #ccc; color:#666; background-color: #f5f6fa;}
.inquiry .wpcf7-list-item-label:hover{border:3px solid #ff5252; background: #fff; color:#b33939;}
.inquiry input[type="radio"] ~ .wpcf7-list-item-label::before{ content:'\f05e'; display: inline-block; text-align:center; margin-right:3px; width: 1.2em; font-family:"Font Awesome 5 Free"; font-weight: 700;}
.inquiry input[type="radio"] ~ .wpcf7-list-item-label:hover::before{content:'\f00c';}
.inquiry input[type="radio"]:checked ~ .wpcf7-list-item-label{background: #ff5252; color:#fff; border:3px solid #b33939; box-shadow:0 0 3px #b33939;}
.inquiry input[type="radio"]:checked ~ .wpcf7-list-item-label::before{content:'\f00c';}

.inquiry textarea{max-width: 99%; width: 95%;}


.inquiry ul{padding: 15px; background-color: #fff; margin:12px auto 15px auto; border-radius: 5px;}
.inquiry ul li{font-weight: 500; padding: 10px 10px 10px 32px; border-bottom:1px dotted #ccc; line-height: 1.1em; position: relative;}
.inquiry ul li:last-child{border-bottom:none;}
.inquiry ul li::before{content:'\f0a4'; font-weight: 100; height: 100%; color:#2e86de; font-family: "Font Awesome 5 Free"; width: 1.2em; display: inline-block; position: absolute; left:10px;}

.inquiry ol{padding: 5px; margin:5px auto 15px auto;}
.inquiry ol li{font-weight: 500; padding: 10px 10px 10px 30px; border-bottom:1px dotted #ccc; line-height: 1.1em; position: relative; counter-increment: section;}
.inquiry ol li::before{width: 1.2em; display: inline-block; position: absolute; left:10px; content: counter(section); font-weight: bold; color:#2e86de;}
.inquiry ol li:last-child{border-bottom:none;}

/*ssl information*/
#formssl{padding: 20px; max-width: 100%; position: relative;}
#formssl h4{padding: 0 0 5px 0; font-size: 15px; margin:0 0 5px 0; border-bottom:3px solid #ccc;}
#formssl img{width: 130px; height: 50px; position: absolute; left: 12px; display: block;}
#formssl p{padding-left:132px; padding-top:0; font-size: 11px; font-weight: 100; line-height: 1.1em; margin:0;}



/*送信完了アラート*/
@keyframes contactOKfadeIn {
    0% {display: none; opacity: 0;}
    1% {display: block; opacity: 0;}
    100% {opacity:1;}
}

@keyframes contactOKfadeOut {
    0% {opacity:1;}
    99% {opacity: 0;}
    100% {display: none; opacity:0; z-index: -1; }
}

.screen-reader-response[role="alert"],
.inquiry .screen-reader-response[role="alert"]{display: none;}
.screen-reader-response[role="alert"] ~ form#contactform table,
.screen-reader-response[role="alert"] ~ form#contactform #formssl,
.screen-reader-response[role="alert"] ~ form#contactform .privacyguide,
.screen-reader-response[role="alert"] ~ form#contactform .formsubmit{display:none;}
.screen-reader-response[role="alert"] ~ form#contactform .wpcf7-response-output.wpcf7-mail-sent-ok{font-size: 0; display: block; padding:12px 0;}
.screen-reader-response[role="alert"] ~ form#contactform .wpcf7-response-output.wpcf7-mail-sent-ok::before{font-weight: bold; font-size: 21px; line-height: 1.1em; display: block; opacity: 1; margin-bottom: 5px;}
.screen-reader-response[role="alert"] ~ form#contactform .wpcf7-response-output.wpcf7-mail-sent-ok::after{display: block; font-weight: normal; font-size: 15px; line-height: 1.1em;}

form[action^="/"] .wpcf7-response-output.wpcf7-mail-sent-ok::before{content:'Thank you for your inquiry.'; padding: 10px; margin: auto; display: block;}
form[action^="/"] .wpcf7-response-output.wpcf7-mail-sent-ok::after{content:'Your question or entry has been sent. Please wait for a reply.'; }


form[action^="/ja/"] .wpcf7-response-output.wpcf7-mail-sent-ok::before{content:'フォームは無事送信されました'!important; padding: 10px; margin: auto; display: block;}
form[action^="/ja/"] .wpcf7-response-output.wpcf7-mail-sent-ok::after{content:'ご確認のため自動送信メールを送らせています。お手数ですが入力したメールアドレス宛にメールが届いていないかご確認お願いします。'!important;  padding: 0 10px; margin-bottom: 10px;}





.inquiry .privacyguide{font-size: 11px; line-height: 1.1em; height: 150px; margin:12px auto; overflow-y: scroll; border:1px solid #ccc; background-color: #efefef; padding: 10px;}

.inquiry .formsubmit{text-align: center;}
.inquiry .formsubmit input[type="submit"]{-webkit-appearance: none; cursor:pointer; display:inline-block; text-align:center; font-size: 17px; padding:10px 30px; outline: 0; box-shadow:none; border-radius:0px; border:3px solid #666; color:#fff; background:#666;  border-collapse: separate; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;}
.inquiry .formsubmit input[type="submit"]:hover{ text-decoration:none; color:#000;  background-color: #fff;}
.inquiry .formsubmit input[type="submit"]:active{}

@media screen and (max-width: 679px){
	.inquiry .container{max-width: 100%; width: auto; padding: 20px 5px; }
	.inquiry .center{font-size: 13px;}
	.inquiry table{}
	.inquiry tr{padding: 5px; display: block; margin-bottom:3px;}
	.inquiry th{padding: 1px 0; display: block; line-height: 1.1em;}
	.inquiry td{padding: 1px 0; display: block;}

	.inquiry input[type="radio"]{}
	.wpcf7-list-item-label{font-size: 11px;}
	.inquiry label{display: block; padding:0; margin:0; max-width: 90%; width: 90%; font-size: 12px;}
	.inquiry .wpcf7-list-item-label{display: block; }

.inquiry input[type="text"],
.inquiry input[type="email"],
.inquiry input[type="url"],
.inquiry input[type="tel"],
.inquiry textarea{width: 100%; max-width: 100%;}
.inquiry textarea{height: 100px;}

.inquiry .privacyguide{height: 100px; }
}

.writer{}
.writer h3{background-color: #c8d6e5; text-shadow:0 0 1px #fff,0 0 1px #fff,0 0 0px #fff; border-color:#54a0ff;}
.writer h3 i.fas{display: inline-block; width: 1.1em; margin-right:5px; color:#2e86de;}

.writer ul,.streamer ul{padding: 5px; margin:5px auto 15px auto;}
.writer ul li,.streamer ul li{font-weight: 500; padding: 10px 10px 10px 32px; border-bottom:1px dotted #ccc; line-height: 1.1em; position: relative;}
.writer ul li:last-child{border-bottom:none;}
.writer ul li::before{content:'\f0a4'; font-weight: 100; height: 100%; color:#2e86de; font-family: "Font Awesome 5 Free"; width: 1.2em; display: inline-block; position: absolute; left:10px;}

.writer ol,.streamer ol{padding: 5px; margin:5px auto 15px auto;}
.writer ol li,.streamer ol li{font-weight: 500; padding: 10px 10px 10px 30px; border-bottom:1px dotted #ccc; line-height: 1.1em; position: relative; counter-increment: section;}
.writer ol li::before,.streamer ol li::before{width: 1.2em; display: inline-block; position: absolute; left:10px; content: counter(section); font-weight: bold; color:#2e86de;}
.writer ol li:last-child,.streamer ol li:last-child{border-bottom:none;}

.writer .inquiry{}
.writer .inquiry table,.streamer .inquiry table{padding: 10px;}
.writer .inquiry table th,.streamer .inquiry table th{word-break: break-all; white-space: nowrap;}

.streamer h3{background-color: #c8d6e5; text-shadow:0 0 1px #fff,0 0 1px #fff,0 0 0px #fff; border-color:#54a0ff;}
.streamer h3 i.fas{display: inline-block; width: 1.1em; margin-right:5px; color:#2e86de;}

span[role="alert"].wpcf7-not-valid-tip{display: block; padding:2px 0; color:#c23616;}
div[role="alert"].wpcf7-validation-errors{text-align: center; padding:12px; color:#c23616;}

/*________________________________
インプット系
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
textarea{outline:none; border:0px solid #999; padding:5px; background:#f9f9f9; -webkit-appearance : none; border-radius : 3px; -webkit-border-radius : 3px;}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus{border-color:#eb2142; background:#fff; box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 10px rgba(235, 33, 66, 0.8);}

.red{color:red;}


/*404*/
.error404 h1{line-height: 1.1em; font-feature-settings : "palt"; }
.error404 p{margin: 10px;}
.error404 ol li{list-style-type: decimal; font-size:90%; padding: 3px; font-family: arial;}

/*PASSWORD*/
.post-password-form{width: 350px; background-color: #fff; text-align:center; padding: 50px; margin: 50px auto;}
.post-password-form p{line-height: 1.2em; font-size:13px;}
.post-password-form label{font-weight: bold;}
.post-password-form input[type="password"]{outline: none; padding:10px; font-size: 18px; font-weight: bold; background-color: #f9f9f9; box-shadow: none; border:2px solid #999; margin-top:5px;}
.post-password-form input[type="submit"]{padding: 10px; margin:5px auto; border-radius: 3px; background-color:#1289A7; color:#fff; min-width: 100px; cursor: pointer; border:none;}
.post-password-form input[type="submit"]:hover{background-color: #12CBC4;}

/*sidebar*/
#sidebar{}
#sidebar section{background: #fff; margin-bottom:30px;}
#sidebar section h3{background: #A18E5C; color:#f1f2f6; font-size: 17px; padding:12px; line-height: 1.1em; margin:0;}

.sidebar-ad{width: 100%; height:280px; background: none!important; text-align: center;}
.sidebar-ad a{line-height: 1em;}
.sidebar-ad img{border:0; width: 336px; height:280px; margin: 0;}

.sidebar-entry div{padding:10px 20px;}
.sidebar-entry ul{margin: 0; padding: 0;}
.sidebar-entry ul li{margin: 0 0 12px 0; padding: 0; height: 85px; list-style: none; position: relative; }
.sidebar-entry ul li a{display: block; margin:0; height: 80px; padding: 0;}
.sidebar-entry ul li a:hover{opacity: 0.6;}
.sidebar-entry ul li em{width: 80px; height: 80px; display: block; background-size:cover; position: absolute; background-position: center;}
.sidebar-entry ul li p{display: block; margin: 0; min-height: 80px; padding:0 0 0 95px; line-height: 1.1em;}
.sidebar-entry ul li p b{ display: block; font-size: 13px; color:#333; font-feature-settings : "palt"; }
.sidebar-entry ul li p time{font-size: 13px; color:#999; font-family: 'Tenali Ramakrishna','Century Gothic',sans-serif;}

.sidebar-category div{padding: 0px;}
.sidebar-category li{border-bottom:1px dotted #ccc;}
.sidebar-category li:last-child{border:none;}
.sidebar-category li a{display: block; padding: 10px 20px; color:#A18E5C;}
.sidebar-category li a:hover{background: #E3DECC; color:#292929;}

.sidebar-social{background:none!important;}
.sidebar-social li{margin:5px auto; }
.sidebar-social a{display: block; color:#fff; padding: 12px; line-height: 1em; box-sizing: border-box; vertical-align: middle; font-weight: bold; border-radius: 5px;}
.sidebar-social a:hover{box-shadow: 0 0 100000px rgba(0,0,0,0.2) inset;}
.sidebar-social a.twitch{background-color:#6441a5;}
.sidebar-social a.twitter{background-color:#1da1f2;}
.sidebar-social a.facebook{background-color:#305097;}
.sidebar-social a i.fab{display: inline-block; width: 1.1em; text-align: center; margin-right:5px; font-size:26px; font-weight: normal; vertical-align: middle;}

@media screen and (max-width: 981px){
	.sidebar-entry div{padding:10px 10px;}
	.sidebar-entry ul{display: flex; flex-wrap: wrap; }
	.sidebar-entry ul li{width: 50%; height: 80px;}
	.sidebar-entry ul li em{top:0;}
	.sidebar-entry ul li a{height: 90px;}
	.sidebar-entry ul li p{padding:0 8px 0 85px;}
	.sidebar-entry ul li p b{line-height: 1.05em;}

	.sidebar-social ul{display: flex; flex-wrap: wrap; justify-content:space-around;}
	.sidebar-social ul li{width: 32%;}
	.sidebar-social a{padding: 12px 10px; font-size:13px; }
	.sidebar-social a span{letter-spacing: -0.5px;}
	.sidebar-social a i.fab{margin-right:2px; width: 1em;}
}

@media screen and (max-width: 679px){
	.sidebar-social{}
	.sidebar-social ul{padding: 0;}
	.sidebar-social ul li{text-align: center; width: 100px; height: 100px; margin:auto;}
	.sidebar-social a{border-radius: 100%; padding:8px 0; font-size:10px; width: 100px; height: 100px; letter-spacing: -0.5px; font-weight: 300; font-feature-settings : "palt";}
	.sidebar-social a i.fab{margin:5px auto 3px auto; width: 100%; font-size:37px; text-align: center; display: block;}
	.sidebar-social a span{display: block; font-size: 14px; line-height: 1.1em; font-weight: 500;  letter-spacing: 0;}
}

@media screen and (max-width: 481px){
	.sidebar-entry ul{display: block; }
	.sidebar-entry ul li{width:auto;}
	.sidebar-entry ul li p{padding:0 0 0 85px;}
}



#footer .container{padding: 0 10px;}
#footer-top{background: #CCD0D5; padding: 20px 0;}
#footer-bottom{background: #0F1419; color:#fff; padding: 20px 0 30px 0;}

#footer-bottom p.copyinfo{font-size: 12px; line-height: 1.1em; font-weight: 300; display: block; text-align: center; color:#e6e6e6;}
#footer-bottom small{font-size: 15px; color:#ccc ; display: block; text-align: center;  font-family: 'Century Gothic',sans-serif; }
#footer-bottom small a{color:#fff; text-decoration: none;}

.footer-cati{text-align: center; margin: 35px auto 10px auto;}
.footer-logo{display: block; margin: 0 auto; padding:0; width: 80px; height: 80px; border-bottom: 1px solid none; background:url(./images/logo_white_sq.svg) no-repeat center; opacity:0.3; background-size:contain; font-size:8px; text-indent: -932432px;}
.footer-cati strong{font-size: 12px; display: inline-block;}
.footer-cati strong a{color:#747d8c;}
.footer-cati strong a:hover{color:#ced6e0;}

.fmenu{display: flex;}
.fmenu li{display: inline-block;}
.fmenu li a{display: block; padding: 5px 10px; color:#333; font-size: 13px;}
.fmenu li a i.fas{margin-right: 5px;}
.fmenu li a:hover{text-decoration: underline;}

@media screen and (max-width: 649px){
	.fmenu li a{display: block; padding: 5px;}
	.fmenu li a i.fas{margin-right: 3px;} 
}

@media screen and (max-width: 481px){
.fmenu{display: block;}
.fmenu li a{display: block; padding: 5px; color:#333; font-size: 11px;}
#footer-bottom p.copyinfo{font-size: 10px;  text-align: left;}
.footer-cati strong{font-size: 11px;}
}


/*PJAX CSS*/
@keyframes Pjax { 
	0% { opacity: 0; transform: translateY(0); } 
	100% {opacity: 1; transform: translateY(0); } 
} 
@keyframes PjaxFadeout { 
	0% { opacity: 1; display: block;} 
	99% {opacity: 0; display: block;} 
	100% {opacity: 0; display: none;} 
} 

@keyframes PjaxLoadstartBgcolor{
	0%{ background-color:rgba(234,237,242,0);}
	100%{ background-color:rgba(234,237,242,1);}
}
@keyframes PjaxLoadend { 
	0% { opacity: 0; background: url(./images/spinner.gif) no-repeat center; background-color:rgba(234,237,242,0); } 
	100% {opacity: 1; background: url(./images/spinner.gif) no-repeat center; background-color:rgba(234,237,242,1);} 
} 



#pjax-container,
#breadcrumbs,
#archive-header{
	animation-duration: 2s; 
	animation-name: Pjax;
}


#pjax-container.pjax-fadeout *,
#pageheader.pjax-fadeout{
	animation-duration: 1s; 
	animation-name: PjaxFadeout;
	animation-iteration-count:1;
	opacity: 0;	
}

#pjax-loader.pjax-loadstart{
	display: block!important; opacity: 1!important;
	background: url(./images/spinner.gif) no-repeat center; 
	position: fixed; height: 100%; width: 100%; top:0; left: 0; z-index: 9999999;
}
/*
#pjax-loader.pjax-loadstart::after{display:block; z-index: 777; animation-duration: 1s; animation-name: PjaxLoadstartBgcolor; animation-iteration-count:1; content: ' '; position: fixed; height: 100%; width: 100%; top:0; left:0;}
*/



div.onesignal-customlink-container{background:none; min-height: 0px; padding: 10px; line-height: 1.1em; text-align: center; margin: 0 auto;}
p.onesignal-customlink-explanation{font-size:0px; color:#ccc; line-height: 1.1em; display: block; margin:0; padding: 0; height: 0; overflow: hidden;}
button.onesignal-customlink-subscribe{margin:0 auto; font-weight: bold;}

.onesignal-ja p{display:none; opacity: 0; height:0;}
.onesignal-ja button{text-indent:0; font-size:0; text-align: center; }
button.onesignal-customlink-subscribe::before{content:'\f0f3  Subscribe to push notifications'; font-family: "Font Awesome 5 Free"; text-transform: none; color: #fff; font-weight: 900; font-size: 15px; text-align: center; text-indent: 0;}
button.onesignal-customlink-subscribe::after{}

.onesignal-ja button::before{content:'\f0f3  プッシュ通知で更新情報を受け取る';}
.onesignal-en button::before{content:'\f0f3  Subscribe to push notifications';}
.onesignal-zh button::before{content:'\f0f3  按下收取更多資訊';}


.paging{padding:10px; margin:10px auto; text-align:center; font-weight:bold;}

.paging a,.paging span{display:inline-block; padding:8px 20px; text-align:center; margin:0 3px; background:#666; color:#fff;}
.paging a{background:#d63031;}
.paging a:hover{background:#b33939;}

.paging .dots{padding:8px 9px;}

@media screen and (max-width: 679px){
	.paging{padding:10px 5px;}
	.paging a,.paging span{padding:5px 13px; margin:0 1px;}
	.paging .dots{padding:5px 0; color:#999; background:none;}
}

@media screen and (max-width: 481px){
	.paging{padding:10px 0px;}
	.paging a,.paging span{padding:5px 12px; margin:0; font-size: 13px;}

}

@media screen and (max-width: 321px){
	.paging a,.paging span{padding:3px 9px; margin:0; font-size: 9px;}
}


.red{color:#e84118;}
.blue{color:#273c75;}

.small{font-size: 11px; line-height: 12px;}
p .small{line-height: 1.2em; display: inline-block;}
.xsmall{font-size: 9px;}
.center{text-align: center; margin:auto;}

.clear{height: 0; clear: both;}