@charset "utf-8";
@font-face {
  font-family: Briem Script Std;
  src: url(https://fireratel.net/fonts/BriemScriptStd-Regular.otf);
  font-family: むつき現代明朝ラージ;
  src: url(https://fireratel.net/fonts/MutsukiNmin-L.ttf);
}

nav,cite,time,footer,.sponswer,#left-column{font-family:Briem Script Std;}
div{margin:0px;padding:0px;}

body   {
	margin: 0px;
	padding: 0px;
	background-color: #222222;
    
}
header {
	display: block;
	height: 120px;
	padding: 0;
	width: 100%;
	background-image: url(https://fireratel.net/images/bg-hf.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
header ul{display:block;margin:0px;padding:0px;}
header li{display:inline-block;margin-left:20px;margin-top:0px;margin-bottom:0px;margin-right:0px;padding-left:5px;border-left: 10px solid #cccccc;}
header li:hover{border-left: 10px solid #811A1F;}
#index .logo {
	width: 25%;
	height: 120px;
	float: left;
	padding-left: 20px;
text-align:left;
}
nav  {
	display: block;
	float: right;
	margin-top: 50px;
	margin-right: 20px;
	margin-left:20px;
	background-size: 100% auto;
	color: #929292;
	font-size: large;
	font-weight: 600;
	margin-bottom: 40px;
	line-height: 150%;
}
nav a{
	color: #929292;
}

.logo img {
	width: 200px;
	height:120px;
}

.video-area{
	clear: both;
	width: 99%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom:20px;
}
.sponswer {
	padding: 50px;
	clear: both;
	background-color: rgba(237,235,225,1.00);
	color: #929292;
	font-size: x-large;
}
.sponswer img {
	height: 48px;
	margin-left:20px;
}


footer{
	height:320px;
	background-image: url(../images/bg-hf.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	font-size: nomal;
	display:block;
	color: #929292;
	padding-left: 10%;
	padding-right: 10%;
    text-align: left;
	}
footer img {
	height: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
}
footer ul{
	font-family: "Briem Script Std","むつき現代明朝ラージ","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	display: block;
	width: 15%;
	float: left;
	padding-left: 30px;
	line-height: 1.5em;
	border-left: 1px solid #2A2A2A;
    list-style:disc outside;
}
footer div{
	float: right;
	text-align: right;
}
footer a{
	color: #FFFFFF;
	text-decoration: none;
}
footer a:hover{
	color: #811A1F;
	text-decoration: none;
}


.sitemap{display:block;padding-top:40px;}
.stickers{width:40%;}
.copyright{clear: both;margin-bottom:40px;width:100%;}

main {
	background-image: url(https://fireratel.net/images/bg00.jpg);/*bg00.jpg,IMG_0170.jpg*/
	background-repeat: no-repeat;
	display: block;
	clear: both;
	background-position: 50% 0;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	background-size: 135% auto;
	padding-right: 0px;
	padding-left: 0px;
background-attachment: scroll;
}
main#weblog{
	padding-top: 20px;
	padding-bottom: 20px;
background-color:#fff;
}
			@media screen and (max-width: 1400px) {/* 表示領域X以下の場合に適用するスタイル */main {background-size: auto 120%;}}

#left-column {
	font-family: "Briem Script Std","むつき現代明朝ラージ","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	float: left;
	width: 40%;
	display: block;
	min-width: 250px;
	text-align: center;
	color: #FFFFFF;
	margin-top:40px;
	margin-bottom:10px;

}
h1.main-logo{font-size:14px;display:block;}
.main-logo img {
	display: block;
	width: 300px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}
#collabo{padding-top:170px;}
article {
background-color: #2F2F2F;
margin:0px;
padding:0px;
}

article.first-entry {
	width: 35%;
	border-left: 10px solid #811A1F;
	float: left;
	margin-bottom: 20px;
	margin-left: 10px;
	min-width: 180px;
	max-width: 250px;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

article.common-entry {
	width: 35%;
	height: 150px;
	border-left: 10px solid #811A1F;
	float: left;
	margin-bottom: 20px;
	margin-left: 10px;
	min-width: 180px;
	max-width: 250px;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.entry-wrap{
	
}

.first-entry .entry-wrap {
	background-image: url(https://fireratel.net/images/newarticle.svg);
	background-repeat: no-repeat;
	background-size: 90px 90px;
	background-position: -15px 1px;
	height: 290px;
	padding-top: 20px;
	padding-bottom:10px;
}

.common-entry .entry-wrap {
	padding-top: 20px;
	padding-bottom:10px;
height:120px;
}
.common-entry a{
display:block;
}
.common-entry span a{
display:inline;
         color: #FFFFFF;}

.entry-inner {
	width: 85%;
	margin-left: 5%;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(0,0,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(0,0,0,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(0,0,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(0,0,0,1.00) 100%);	
}
.entry-discription {
	padding: 5px;
}
.entry-discription a:hover{
	color: #811A1F;
	text-decoration: none;
}

cite {
	display: inline;
	color: #FFFFFF;
	font-family: "むつき現代明朝ラージ","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-style: normal;
	font-weight: 900;
	font-size: small;
	
}
dfn{
	color: #FFFFFF;
	font-weight: 700;
	font-size: xx-small;
	background-color: #811A1F;
	display: inline;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	border-radius: 2px;
}

time {display: block;font-size: 65%;color:#ffffff;}

section {
	display: block;
	float: right;
	width: 60%;
	margin-top:20px;
	margin-bottom:10px;

}
section a{
	font-style: normal;
	margin: 0px;
	padding: 0px;
	display: block;
	text-decoration:none;
}
section a:hover{
	
}
#next{
	background-color: #811A1F;
}
section nav{
	display: block;
	width: 50%;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 40px;
	margin-bottom: 40px;
}
	
section nav a{
	display: inline;
	padding:5px;
	background-color:#000000;
}

div.order{
	display: inline-block;
	width:75%;
	margin-bottom:10px;
	padding:10px;
	color: #811A1F;
	border-radius: 3px;
	background-color: #FFD700;
}
div.order p a{display:inline;}
#archive-header{
	height:260px;
	background-image: url(https://fireratel.net/weblog/images/archive-header.jpg);
	background-clip: content-box;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.hidden{display:none;}


/*TOPページ記事一覧用MTスタイル*/

#entry01209{
	background-image: url(https://fireratel.net/weblog/assets_c/2018/07/P_20180714_152152-thumb-640x480-180.jpg);

	background-repeat: no-repeat;
	background-size: auto 100%;
}
#entry01207{
	background-image: url(https://fireratel.net/weblog/assets_c/2018/07/57970_lineup1_s-thumb-208x208-168.jpg);
	
	background-repeat: no-repeat;
	background-size: 100% auto;
}#entry01206{
	background-image: url(https://fireratel.net/weblog/assets_c/2018/07/47916_feature1-thumb-488x488-167.jpg);
	
	background-repeat: no-repeat;
	background-size: 100% auto;
}#entry01205{
	background-image: url(https://fireratel.net/weblog/assets_c/2018/07/pose_taiiku_suwari_back_man-thumb-150x172-166.jpg);
	
	background-repeat: no-repeat;
	background-size: 100% auto;
}#entry01204{
	background-image: url(https://fireratel.net/weblog/assets_c/2018/06/P_20180628_152032-thumb-4160x3120-158.jpg);
	
	background-repeat: no-repeat;
	background-size: 100% auto;
}#entry01203{
	background-image: url(https://fireratel.net/weblog/assets_c/2018/06/P_20180629_133040-thumb-4160x3120-156.jpg);
	
	background-repeat: no-repeat;
	background-size: 100% auto;
}#entry01202{
	background-image: url(https://fireratel.net/weblog/assets_c/2018/06/1530079953679-thumb-480x640-150.jpg);
	
	background-repeat: no-repeat;
	background-size: 100% auto;
}#entry01201{
	background-image: url(https://fireratel.net/weblog/assets_c/2018/06/P_20180626_143731-thumb-480x640-148.jpg);
	
	background-repeat: no-repeat;
	background-size: 100% auto;
}#entry01191{
	background-image: url(https://fireratel.net/weblog/assets_c/2018/06/P_20180601_161014_compressed-thumb-3120x4160-144.jpg);
	
	background-repeat: no-repeat;
	background-size: 100% auto;
}#entry01198{background-image: url(https://fireratel.net/weblog/images/noimage.gif);
	background-repeat: no-repeat;
	background-size: 100% auto;
}#entry0369{
	background-image: url(https://fireratel.net/weblog/assets_c/2018/05/P_20180527_103818_compressed-thumb-1024x768-129.jpg);
	
	background-repeat: no-repeat;
	background-size: 100% auto;
}#entry0368{
	background-image: url(https://fireratel.net/weblog/assets_c/2018/05/P_20180523_214526_compressed-thumb-576x768-125.jpg);
	
	background-repeat: no-repeat;
	background-size: 100% auto;
}#entry0367{
	background-image: url(https://fireratel.net/weblog/assets_c/2018/05/P_20180520_152649_compressed-thumb-576x768-121.jpg);
	
	background-repeat: no-repeat;
	background-size: 100% auto;
}#entry01199{background-image: url(https://fireratel.net/weblog/images/noimage.gif);
	background-repeat: no-repeat;
	background-size: 100% auto;
}#entry0366{
	background-image: url(https://fireratel.net/weblog/assets_c/2018/05/1525483211739-thumb-1024x576-117.jpg);
	
	background-repeat: no-repeat;
	background-size: 100% auto;
}#entry020{
	background-image: url(https://fireratel.net/weblog/assets_c/2018/05/P_20180516_191526-thumb-4160x3120-108.jpg);
	
	background-repeat: no-repeat;
	background-size: 100% auto;
}#entry019{
	background-image: url(https://fireratel.net/weblog/assets_c/2018/05/P_20180512_113546-thumb-3120x4160-102.jpg);
	
	background-repeat: no-repeat;
	background-size: 100% auto;
}

/*コラボ記事用スタイル*/
#collabo01{
	background-image: url(https://fireratel.net/weblog/assets_c/2018/05/1525496714478-thumb-autox853-77-thumb-640x853-78.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;line-height:100%;
}
#collabo02{
	background-image: url(https://fireratel.net/weblog/assets_c/2018/05/1525496735768-thumb-1024x768-86.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;line-height:100%;
}
.author{color:#ffffff;font-size:xx-small;}
.vcard {
	font-size: x-small;
	color: #FFFFFF;
}
#webpage .vcard,#content-inner .vcard {
	font-size: x-small;
	color: #000000;
}

@media screen and (max-width: 960px) {
/* 表示領域950px以下の場合に適用するスタイル */
.copyright{font-size:small;}
.stickers{width: 100%;font-size:small;}
footer div{text-align: center;float:none;clear:left;}
footer{padding-left: 2%;padding-right: 2%;height:auto;}
article.first-entry {width: 36%;min-width:200px;max-width:300px;}
article.common-entry {width: 36%;min-width:200px;max-width:300px;}
    .layout-twt #beta{visibility:hidden;width:0px;height:0px;}
    .layout-twt #alpha{left: 0px;}
    .layout-twt #gamma {}
    #content-inner{width:750px;}
/* 表示領域950px以下の場合に適用するスタイル */}

@media screen and (max-width: 750px) {
/* 表示領域750px)以下の場合に適用するスタイル */
    .layout-twt #beta{visibility:hidden;width:0px;}
    .layout-twt #alpha{left: 0px;}
    .layout-twt #gamma {visibility:hidden;width:0px;}
    #content-inner{width:560px;}
header{height:220px;}
#index .logo {
	width:200px;
	height: 70px;
	float: none;
	padding: 0px;
	margin-right: auto;
	margin-left:auto;
}
#collabo{padding-top:0px;}
nav{
	display:block;
	float:none;
	width:90%;
	margin-top: 50px;
	margin-right: auto;
	margin-left:auto;
	color: #929292;
	font-size: 150%;
	font-weight: 600;
	line-height: 150%;
	text-align:center;
}
section {
	padding-left:0px;
	display: block;
	float:none;
	width:400px;
	margin-left: auto;
	margin-right: auto;
}
cite{font-size: 80%;}
#left-column {float: none;width: 100%;}
#left-column img {margin-left: auto;margin-right: auto;}
footer ul{
	display: block;
	width: auto;
	float: left;
	padding-left: 30px;
	padding-right: 10px;
margin-bottom:40px;
	line-height: 1.5em;
	border-left: 1px solid #2A2A2A;
    list-style:disc outside;
}
footer .stickers{
	float: none;
	text-align: conter;
margin-bottom:40px;
}
article.first-entry {width: 80%;min-width:180px;max-width:600px;}
article.common-entry {width: 80%;min-width:180px;max-width:600px;}
 /* 表示領域X以下の場合に適用するスタイル */}

 
 @media screen and (min-width: 1200px) {
/* 表示領域1200px)以上の場合に適用するスタイル */
.layout-twt #beta{position:absolute;left:0px;}
.layout-twt #alpha{width:70%;}
.layout-twt #gamma {position:static;right:-190px;top:560px;float:right;}
#content-inner{width:100%;margin:0px auto;}
#content{min-height:100%;}
header{}
#index .logo {}
#collabo{}
nav{}
section {}
cite{}
#left-column {}
#left-column img {}
footer{clear:both;}
footer ul{}
footer .stickers{}
article.first-entry {}
article.common-entry {}
 /* 表示領域X以下の場合に適用するスタイル */}