@charset "utf-8";
/*
Theme Name: YAZ BLOG
Theme URI: https://www.yaz.co.jp/
Description: YAZ専用のテーマです。
Author: 株式会社budori
*/

/* default style - リセット
----------------------------------------------------------- */
@import url("../HTTP_Live_Streaming_files/css/default.css");

/* module style - ヘッダー、フッター
----------------------------------------------------------- */
@import url("../HTTP_Live_Streaming_files/css/module.css");

/* all style
----------------------------------------------------------- */
@import url("../HTTP_Live_Streaming_files/css/style.css");



/* ==============================================================

フォントサイズ
 10px = 72%     11px = 79%     12px = 86%     13px = 93%
 14px = 100%    15px = 108%    16px = 115%　  17px = 122%
 18px = 129%　  19px = 136%　  20px = 143%　  21px = 150%
 22px = 158%    23px = 165%    24px = 172%    25px = 179%
 26px = 186%

============================================================== */


/* -----------------------------------------------------------

	共通設定

----------------------------------------------------------- */



/* PCでは非表示
----------------------------------------------------*/
.sp { display:none; }


/* フォント
----------------------------------------------------*/
.mincho {
	font-family:Times New Roman , "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "游明朝", YuMincho, "MSP明朝","MS PMincho","MS 明朝",serif;
}

.black {
	color:#333;
}
.red {
	color:#b01e29;
}

.gold {
	color:#938f6c;
}

.f10 { font-size:72%; }
.f12 { font-size:86%; }
.f13 { font-size:93%; }
.f15 { font-size:108%; }
.f16 { font-size:115%; }
.f18 { font-size:129%; }
.f20 { font-size:143%; }
.f22 { font-size:158%; }
.f24 { font-size:172%; }


/* 見出し
----------------------------------------------------*/
.midashi1 {
	font-size:172%;
	font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
	padding:0 0 0 30px;
	margin-bottom:30px;
	position:relative;
}

.midashi1:before {
	content:'';
	width:15px;
	height:5px;
	background-color:#b01e29;
	display:block;
	position:absolute;
	top:15px;
	left:0;
}

.midashi2 {
	color:#b01e29;
	font-size:129%;
	margin-bottom:1em;
}

.midashi3 {
	font-size:108%;
	margin-bottom:1em;
}

.midashi4 {
	border-bottom:2px solid #e4e3dd;
	padding:0 2px 8px;
	font-size:129%;
	line-height:1.3;
	margin-bottom:1em;
}

.midashi4 span {
	display:block;
	border-left:4px solid #b01e29;
	padding:2px 0 2px 15px;
}

.midashi5 {
	color:#938f6c;
	font-size:115%;
	margin-bottom:1em;
}

.midashi6 {
	text-align:center;
	font-size:158%;
	font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
	line-height:1.2;
	margin-bottom:35px;
}

.midashi6 i {
	display:block;
	margin-top:20px;
	margin-bottom:20px;
}

.midashi-q {
	border-bottom:2px solid #e4e3dd;
	background:url(../HTTP_Live_Streaming_files/images/share/icon_q.png) no-repeat 10px 7px;
	font-size:143%;
	font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
	padding:5px 10px 8px 50px;
	margin-bottom:10px;
	overflow:hidden;
}

.midashi-wide {
	background-color:#f4f3ec;
	height:150px;
	padding:0 500%;
	margin:0 -500% 50px;
}

.midashi-wide .title {
	display:table;
	width:100%;
	height:150px;
	color:#45433a;
	font-size:172%;
	font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
	line-height:1.2;
}

.midashi-wide .title span {
	display:table-cell;
	vertical-align:middle;
	padding:0 0 0 12%;
}




/* マージンの設定
----------------------------------------------------*/
/* top */
.mt0 { margin-top:0px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}

/* bottom */
.mb0 { margin-bottom:0px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}
.mb90 { margin-bottom:90px !important;}
.mb100 { margin-bottom:100px !important;}

/* left */
.ml0 { margin-left:0px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml40 { margin-left:40px !important;}
.ml50 { margin-left:50px !important;}
.ml60 { margin-left:60px !important;}
.ml70 { margin-left:70px !important;}

/* right */
.mr0 { margin-right:0px !important;}
.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr40 { margin-right:40px !important;}
.mr50 { margin-right:50px !important;}
.mr60 { margin-right:60px !important;}
.mr70 { margin-right:70px !important;}


/* パディングの設定
----------------------------------------------------*/
/* top */
.pt0 { padding-top:0px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}

/* bottom */
.pb0 { padding-bottom:0px !important;}
.pb10 { padding-bottom:10px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}

/* left */
.pl0 { padding-left:0px !important;}
.pl10 { padding-left:10px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl40 { padding-left:40px !important;}
.pl50 { padding-left:50px !important;}

/* right */
.pr0 { padding-right:0px !important;}
.pr10 { padding-right:10px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr40 { padding-right:40px !important;}
.pr50 { padding-right:50px !important;}





/* ボタン
----------------------------------------------------*/
.btn-red {
	border:none;
	background:url(../HTTP_Live_Streaming_files/images/share/btn_arrow2.png) no-repeat right center;
	background-color:#b01e29;
	display:inline-block;
	color:#FFF;
	font-size:115%;
	font-weight:bold;
	text-align:center;
	width:auto;
	padding:15px 60px 15px 30px;
	position:relative;
	cursor:pointer;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;

	-webkit-box-shadow:0 3px 0 0 #81141c;
	   -moz-box-shadow:0 3px 0 0 #81141c;
			box-shadow:0 3px 0 0 #81141c;
}

.btn-red:hover {
	background-color:#950c16;
}

.btn-gold {
	border:none;
	background:url(../HTTP_Live_Streaming_files/images/share/btn_arrow2.png) no-repeat right center;
	-moz-background-size:47px 21px;
	background-size:47px 21px;
	background-color:#8e8d7a;
	display:inline-block;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	width:auto;
	padding:12px 85px 11px 55px;
	position:relative;
	cursor:pointer;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;

	-webkit-box-shadow:0 2px 0 0 #686756;
	   -moz-box-shadow:0 2px 0 0 #686756;
			box-shadow:0 2px 0 0 #686756;
}

.btn-gold:hover {
	background-color:#7c7b6a;
	text-decoration:none !important;
}

.btn-gray {
	border:none;
	background:url(../HTTP_Live_Streaming_files/images/share/btn_arrow1.png) no-repeat right center;
	background-color:#e4e3dd;
	display:inline-block;
	font-size:115%;
	font-weight:bold;
	text-align:center;
	width:auto;
	padding:15px 60px;
	position:relative;
	cursor:pointer;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;

	-webkit-box-shadow:0 3px 0 0 #c4c3be;
	   -moz-box-shadow:0 3px 0 0 #c4c3be;
			box-shadow:0 3px 0 0 #c4c3be;
}

.btn-gray:hover {
	background-color:#d0cfc7;
}

a.btn-red,
a.btn-gray {
	text-decoration:none;
}

.w320 {
	width:320px;
}

#side .widget .btn-red,
#side .widget .btn-gold,
#side .widget .btn-gray {
	display:block;
}


/* ブロック
----------------------------------------------------*/
section {
	margin-bottom:40px;
}




/* 画像の装飾
----------------------------------------------------*/
img.frame {
	border:1px solid #e6decf;
}

img.circle {
	-webkit-border-radius: 400px;
	   -moz-border-radius: 400px;
	        border-radius: 400px;
}








/*****************************************************************

   レスポンシブ設定

*****************************************************************/

/*----------------------------------------------------

	w1120px以下

----------------------------------------------------*/
@media screen and (max-width: 1119px) {


}


/*----------------------------------------------------

	w960px以下

----------------------------------------------------*/
@media screen and (max-width: 960px) {

/* embedded videos */
.video embed,
.video object,
.video iframe {
	width: 100%;
	height: auto;
	min-height: 300px;
}

/* マージンの設定
----------------------------------------------------*/
/* left */
.ml10 { margin-left:1% !important;}
.ml15 { margin-left:1% !important;}
.ml20 { margin-left:2% !important;}
.ml25 { margin-left:2% !important;}
.ml30 { margin-left:3% !important;}
.ml40 { margin-left:4% !important;}
.ml50 { margin-left:5% !important;}

/* right */
.mr10 { margin-right:1% !important;}
.mr15 { margin-right:1% !important;}
.mr20 { margin-right:2% !important;}
.mr25 { margin-right:2% !important;}
.mr30 { margin-right:3% !important;}
.mr40 { margin-right:4% !important;}
.mr50 { margin-right:5% !important;}

/* bottom */
.mb50, .mb60, .mb70, .mb80, .mb90, .mb100 { margin-bottom:40px;}


/* パディングの設定
----------------------------------------------------*/
/* left */
.pl10 { padding-left:1% !important;}
.pl15 { padding-left:1% !important;}
.pl20 { padding-left:2% !important;}
.pl25 { padding-left:2% !important;}
.pl30 { padding-left:3% !important;}
.pl40 { padding-left:4% !important;}
.pl50 { padding-left:5% !important;}

/* right */
.pr10 { padding-right:1% !important;}
.pr15 { padding-right:1% !important;}
.pr20 { padding-right:2% !important;}
.pr25 { padding-right:2% !important;}
.pr30 { padding-right:3% !important;}
.pr40 { padding-right:4% !important;}
.pr50 { padding-right:5% !important;}



}


/*----------------------------------------------------

	w750px以下

----------------------------------------------------*/
@media screen and (max-width: 750px) {

.pc { display:none; }
.sp { display:block; }




/* 見出し
----------------------------------------------------*/
.midashi6 {
	font-size:115%;
	margin-bottom:20px;
}

.midashi6 i {
	margin-top:10px;
	margin-bottom:10px;
}

.midashi-wide {
	height:65px;
	margin-bottom:25px;
}

.midashi-wide .title {
	background:url(../HTTP_Live_Streaming_files/none) !important;
	height:65px;
	font-size:129%;
}

.midashi-wide .title span {
	text-align:center;
	padding:0;
}


}


/*----------------------------------------------------

	w480px以下

----------------------------------------------------*/
@media screen and (max-width: 480px) {

.w320 {
	width:100%;
}

}


/*****************************************************************

   Retina対応

*****************************************************************/

@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {


/* 見出し
----------------------------------------------------*/
.midashi-q {
	background-image:url(images/share/icon_q@2x.png);
	-moz-background-size:26px 25px;
	background-size:26px 25px;
}


}