/* Generated by less 2.5.1 =================================== */	
/*
  フォント設定は「1.0rem=10px」（html、bodyのfont-size設定を動かさない）
  大枠以外classにスタイル設定する。JSに使うclassは「js-**」としている
  タブレットサイズを〜960px、スマホサイズを〜768pxとする
*/

/* CSS Document =================================== */	
/* basic =================================== */	
html { font-size: 62.5%; }
body { font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, sans-serif; text-align: center; line-height: 1.8; word-break: break-all; font-size: 1.5em; color: #000000; }
body a { transition: 0.2s; color: #2b8ec5; }
body a:hover { color: #f38235; opacity: 0.8; }

ul,
li,
ol { list-style: none outside none; margin: 0; padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6 { margin: 0 auto; }

h1,
h2,
h3 { letter-spacing: 0.1em; }

img { max-width: 100%; vertical-align: top; }
figure { margin: 0; }
table { width: 100%; }

dl,
dt,
dd { margin: 0; }
p { margin: 0; }

span.font07 { font-size: 0.7em; }
span.font08 { font-size: 0.8em; }

/* common class =================================== */	
.clear { clear: both; }
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; line-height: 0; }

/*テキスト背景画像 =================================== */	
.imgTxt { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background: no-repeat center top / auto 100%; font-size: 0; height: 0; }

/*Construction =================================== */	
header img { box-shadow: none; }
#wrapper { margin: 0 auto; padding: 0; overflow: hidden; }
#container { margin: 0 auto; }
#container:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; line-height: 0; }
#container:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; line-height: 0; }
.item-text { margin: 0; font-size: 1.4rem; color: #000000; }

/* 別窓アイコン =================================== */	
.ic-window { background: url('../img/window.gif') no-repeat right center; padding-right: 18px; }
footer { width: 100%; text-align: center; font-size: 0.9em; line-height: 1.5; }
footer .foonter-inner { width: 100%; margin: 0 auto; }
footer .copyright { clear: both; color: #000; padding: 1em 0 2em 0; }
footer .copyright a,
footer .copyright .attention { display: block; color: #000; text-decoration: none; }
#container { width: 100%; background: #fef2dc /* url(../img/containerBg.jpg) */ repeat center top; }

/* common class =================================== */	
/* 各ブロックタイトル =================================== */	
.contentsTitle { width: 80%; position: relative; margin: 0 auto 30px; padding: 8px 15px; background: #ffd600; border-radius: 70px; }
.contentsTitle:before { font-family: FontAwesome; content: "\f111"; position: absolute; font-size: 15px; left: -35px; bottom: -18px; color: #ffd600; }
.contentsTitle:after { font-family: FontAwesome; content: "\f111"; position: absolute; font-size: 23px; left: -16px; bottom: -10px; color: #ffd600; }
.contentsTitle p { margin: 0; padding: 0; }

/* 画像ブロック =================================== */	
.imgVisual,
.imgVisual .imgBlock { margin: 0 auto; padding: 0; }
.imgVisual .imgBlock img,
.imgVisual .imgBlock .imgBlock img { box-shadow: none; width: 100%; margin-bottom: 10px; }

/* ブロック =================================== */	
.detail-container { margin: 30px auto 100px; /* padding: 2em 0; */ background: repeat-x center top / auto 0; }
.detail-container section { margin: 0 auto; }
.detail-container section:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; line-height: 0; }
.detail-container section:after {  display: block;  visibility: hidden;  clear: both;  height: 0;  content: "."; line-height: 0; }
.detail-container .textP { font-size: 1.6rem; /* letter-spacing: 0.08em; */ /* text-align: left; */ word-break: normal; /*width: 83%;*/ margin: 0 auto 1em; text-shadow: 0 0 3px rgba(255, 255, 255, 0.5); }
.detail-container .block-section:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; line-height: 0; }
.detail-container .block-section:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; line-height: 0; }
.detail-container .block-detail { margin-bottom: 2em; }

/* メインヴィジュアルブロック =================================== */	
.main-container { /* background: linear-gradient(25deg, #e22e2f, #e8dd83); background: linear-gradient(to bottom, #FFF,#fef2dc); */ }
.main-container .titleMainImg { text-align: center; }

/* キャストブロック =================================== */	
.cast-container { padding-top: 0; }
.cast-container .textP,
.cast-container .textP-full{ font-size: 2rem; letter-spacing: 0.1em; /* text-align: left; */ position: relative; padding: 10px 0 60px; }
.cast-container .textP span,
.cast-container .textP-full span {
/*  font-size: 1.3em;
  letter-spacing: 0.13em;
  font-weight: bold;
  color: #cb2108;
  text-shadow: #fff176 2px 0px 0px, #fff176 0px 2px 0px, #fff176 -2px 0px 0px, #fff176 0px -2px 0px, #fff176 2px 2px 0px, #fff176 2px -2px 0px, #fff176 -2px 2px 0px, #fff176 -2px -2px 0px;
*/ }
.cast-container .textP span.LsizeText,
.cast-container .textP-full span.LsizeText { font-size: 1.6em }

/* あらすじブロック =================================== */	
.about-container { padding-top: 0; }
.about-container .textP { font-size: 2rem; letter-spacing: 0.1em; font-weight: 700; }
.about-container .textP span { font-size: 1.3em; letter-spacing: 0.13em; font-weight: bold; color: /* #cb2108 */#eb1110; /* text-shadow: #fff176 2px 0px 0px, #fff176 0px 2px 0px, #fff176 -2px 0px 0px, #fff176 0px -2px 0px, #fff176 2px 2px 0px, #fff176 2px -2px 0px, #fff176 -2px 2px 0px, #fff176 -2px -2px 0px; */ }
.about-container .textP span.LsizeText { font-size: 1.6em; background: linear-gradient(transparent 70%, #ffea00 70%); }

/* データ放送 =================================== */
.titleMainImgData { text-align: center; padding: 30px 0 10px; }
.data{ width: 90%; margin: 40px auto 100px; }
.onAirTxt { display: block; font-size: 3.0rem; color: #444; padding-top: 3em; }
.onAirTxt span { font-size: 3.6rem; letter-spacing: 0.1em; color: #FFF176; text-shadow: #cb2108 2px 0px 0px, #cb2108 0px 2px 0px, #cb2108 -2px 0px 0px, #cb2108 0px -2px 0px, #cb2108 2px 2px 0px, #cb2108 2px -2px 0px, #cb2108 -2px 2px 0px, #cb2108 -2px -2px 0px; }

/* キャストブロック =================================== */	
.cast-container { padding-top: 0; }
span.tape { font-size: 1.1em; letter-spacing: 0.13em; font-weight: bold; /* text-shadow: #fff 2px 0px 0px, #fff 0px 2px 0px, #fff -2px 0px 0px, #fff 0px -2px 0px, #fff 2px 2px 0px, #fff 2px -2px 0px, #fff -2px 2px 0px, #fff -2px -2px 0px; */ position: absolute; top: -0.75em; background-color: /* rgba(255, 255, 255, 0.68) */#FFD600; border-left:2px dotted rgba(0,0,0,.2); border-right:2px dotted rgba(0,0,0,.2); box-shadow:0 0 5px rgba(0,0,0,0.3); padding: 0.25em 3em; color: /* #cb2108 #65513f */#e21512; transform: rotate(-3deg); left: 240px; width: 300px; }

span.yellow { font-size: 1.1em; letter-spacing: 0.13em; font-weight: normal; color: #fff176; text-shadow: #cb2108 2px 0px 0px, #cb2108 0px 2px 0px, #cb2108 -2px 0px 0px, #cb2108 0px -2px 0px, #cb2108 2px 2px 0px, #cb2108 2px -2px 0px, #cb2108 -2px 2px 0px, #cb2108 -2px -2px 0px; }

span.black { font-size: 1.1em; letter-spacing: 0.13em; font-weight: bold; /* color: #333; text-shadow: #fff176 2px 0px 0px, #fff176 0px 2px 0px, #fff176 -2px 0px 0px, #fff176 0px -2px 0px, #fff176 2px 2px 0px, #fff176 2px -2px 0px, #fff176 -2px 2px 0px, #fff176 -2px -2px 0px; */ }

.imgVisual img { max-width: 100%; margin-bottom: 10px; }

/* 国紹介 =================================== */
.detail-container .kuniTextP span { font-size: 1.4em; color: #eb1110; }

/* まとめ =================================== */
.matome { width: 96%; max-width: 900px; margin: 0 auto; }
.matome .textP { width: 90%; margin: 0 auto; font-size: 1.2em; text-align: left; }

/* タカトシコメント =================================== */
div.detail-container .comment-block { margin-bottom: 10px; }
div.commenttitle { position: relative; background: #ff9b00; box-shadow: 0px 0px 0px 5px #ff9b00; /* border: dashed 2px white; */ padding: 0.2em 0.5em; color: #454545; margin: 130px 0 0; }
div.commenttitle:after { position: absolute; content: ''; right: -7px; top: -7px; border-width: 0 15px 15px 0; border-style: solid; border-color: #ffdb88 #fef2dc #ffdb88; box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15); }
div.commenttitle p.textP { margin: 0; padding: 0; font-size: 1.8em; font-weight: 700; }

div.commentImg { margin: 40px 0 0; }
div.comment { /*width: 470px; height: 360px;*/ display: block; /*padding: 0 0 0 220px;*/ margin: 0 0 50px 0; }
/* ↓ 吹き出し ↓　‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐*/
div.comment p.item-text {
text-align: left;
font-size: 1.4em;
font-weight: 700;
line-height: 2em;	
padding: 10px 30px 30px;
position: relative;
display: inline-block;
margin: 1.5em 0 0;
padding: 30px 40px;
min-width: 120px;
max-width: 80%;
color: #013163;
font-size: 1.2em;
background: #ffd867;
border-radius: 15px;
}
div.comment p.item-text:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #ffd867;
}	
/* ↑ 吹き出し ↑　‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐*/

/* SNSシェアボタン =================================== */	
div#btnSocial { max-width: 600px; padding: 40px 0px 40px 60px; margin: 0 auto 0; }
div#btnSocial ul { text-align: center; }
div#btnSocial li:nth-child(2) { margin-top: -3px; }
div#btnSocial li { width: 28%; margin: 4px 1% 0px; padding: 0; float: left !important; }	
.fb_iframe_widget { display: inline-block; position: relative; }

/* データ放送ページ =================================== */	
.attention-data { width: 96%; margin: 10px auto 0; padding: 1%; max-width: 640px; text-align: left; border: 1px solid #ac8711; /* background-color: #fff1dd; */ }
.attention-data li { margin: 0 0 0 1em; text-indent: -1em; font-size: 0.9em; margin-bottom: 0.5em; }

.nowrap{ display: inline-block; white-space: nowrap; }
.LsizeText { font-size: 1.6em; }
.SsizeText { font-size: 0.9em; }
.SSsizeText { font-size: 0.8em; }
.Tcenter{ text-align: center !important; }

/* ADVERTISEMENT =================================== */
#adv { width: 300px; margin: 0 auto 10px; text-align: center; }
#adv p { font-size: 1.2rem; color: #9c9c9c; text-align: left; font-weight: normal; }
#adv .blockTitle { font-size: 1.2rem; color: #9c9c9c; text-align: left; font-weight: normal; }
#adv img { height: auto; }

/* Page Top =================================== */
p.gotop { display: none; }
.page-topLink {
display: block;
position: fixed;
z-index: 9999;
bottom: 15px;
right: 15px;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 80%;
border: 4px solid #ef1015;
color: #ef1015;
width: 20px;
padding: 13px 10px;
font-size: 14px;
text-align: center;
text-decoration: none;
line-height: 1;
cursor: pointer;
behavior: url(PIE.htc);
}
.page-topLink a {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #ef1015;
text-decoration: none;
}
.page-topLink:hover { background-color: #ffffff; }



/*SP
======================================================================================================================================================================================================== */
@media screen and (max-width: 959px) {
.pc { display: none; }
.tb { display: none; }
.sp { display: block !important; }	
#container { width: 100%; padding-bottom: 1em; background-size: 100% auto; }
.main-container { margin-bottom: 1em; padding: 0; }
.detail-container { background-size: auto 25px; /* padding-top: 2.5em; */ padding: 1em 0; margin: 0; }
.detail-container .imgVisual,
.detail-container .textP { width: 100%; }
.detail-container .textP,
.detail-container .imgVisual { margin-bottom: 0; }
.detail-container .block-section { width: 90%; margin-bottom: 1.5em; }
.contentsTitle { width: 84%; font-size: 2.0rem; line-height: 1.2; margin: 0 auto 4%; /* display: block; color: #0d4be8; text-shadow: 1px 1px 0 #fff; */  }
.contentsTitle:before,
.contentsTitle:after { top: 0; height: 2.5em; width: 2.8em; z-index: -1; }
.contentsTitle:before { left: 0; }
.contentsTitle:after { right: 0; }
	
/* キャストブロック =================================== */	
.cast-container .textP,
.cast-container .textP-full { font-size: 1.6rem; padding: 20px 0 40px; }
.cast-container .textP,
.cast-container .textP span,
.cast-container .textP-full,
.cast-container .textP-full span { letter-spacing: normal; }
.cast-container .textP span,
.cast-container .textP-full span{ font-size: 1.0em; }
.cast-container img.coin01,
.cast-container img.coin02 { padding: 0.2em; width: 40%; }
.cast-container img.bill { padding: 0.2em; width: 80%; }
	
span.tape { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 50%; height: 30px; }
	
/* あらすじブロック =================================== */	
.about-container { padding-top: 0; }
.about-container .textP { font-size: 1.6rem; }
.about-container .textP,
.about-container .textP span { letter-spacing: normal; margin: -20% 0 0; }
.about-container .textP span { font-size: 1.0em; }
.about-container .textP span.LsizeText { font-size: 1.4em; margin: 0; background: none; }
.studio-container { padding-bottom: 0; }
.studio-container .textP { margin-bottom: 2em; }
.studio-container .imgVisual { margin-bottom: 0; }
	
/* 国紹介 =================================== */
p.item-text.kuniTextP { text-align: left; font-weight: 700; /* margin: 0 auto; */ }
	
/* まとめ =================================== */
.matome { width: 100%; font-size: 0.8em; margin: 0 0 20%; }

/* タカトシコメント =================================== */
div.commenttitle { margin: 10% 6% 0; }
div.commenttitle p.textP { font-size: 1.4em; line-height: 1.3em; }
div.comment { margin: 4% 2% 0; }
.commentImg { margin: 0 8%; }
/* ↓ 吹き出し ↓　‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐*/
div.comment p.item-text {
text-align: left;
font-size: 1em;
position: relative;
display: inline-block;
margin: 2% 4% 0;
padding: 4%;
min-width: 120px;
max-width: 100%;
color: #013163;
background: #ffd867;
border-radius: 15px;
}
div.comment p.item-text:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #ffd867;
}	
/* ↑ 吹き出し ↑　‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐*/	
div.commentImg { margin: 8% 4%; }

/* ADVERTISEMENT =================================== */
div#adv { display: none; }

/* SNSシェアボタン =================================== */	
div#btnSocial { max-width: 600px; padding: 10% 0 4% 8%; margin: 0 auto 0; }
	
/* データ放送 =================================== */
.titleMainImgData { width: 100%; margin: 0 0 -4%; }
.titleMainImgData img { width: 50%; }
.data { width: 90%; margin: 4% auto 14%; }
p.item-text.textP.Tcenter { margin: 0 auto 6%; }

.onAirTxt { font-size: 2.0rem; line-height: 1.5; }
.onAirTxt span { font-size: 2.3rem; }

/* Page Top =================================== */
/*.page-topLink { display: none !important; }*/
footer .footer-inner > div { margin: 0 auto !important; }	


}



/*TB
======================================================================================================================================================================================================== */
@media screen and (min-width: 534px) {
}
@media screen and (min-width: 640px) {
body { /* background: url(../img/bgMain.gif) center top repeat; */ }
.about-container .textP, .about-container .textP span { margin: 0; }
	
}



/* PC
======================================================================================================================================================================================================== */
@media screen and (min-width: 960px) {

.sp { display: none; }
.pc { display: block; }
	
.sp { display: none; }
.pc { display: block; }
#wrapper { margin: 0 auto; overflow: hidden; background: url(../img/containerBg.jpg); background-size: 960px auto,auto; background-position: center 0,0 0; background-repeat: repeat; padding: 0 calc(50vw - 960px); }
#container { width: 960px; }	
.box { position: fixed; z-index: 999; }	
#box1 { background: url('../img/scroll_bg01.png'); width: 400px; height: 400px; top: 300px; left: 0; }
#box2 { background: url('../img/scroll_bg02.png'); width: 150px; height: 150px; top: 140px; left: 280px; }
#box3 { background: url('../img/scroll_bg03.png'); width: 150px; height: 150px; top: 140px; right: 300px; }
#box4 { background: url('../img/scroll_bg04.png'); width: 400px; height: 400px; top: 300px; right: 0; }
	
/* キャストブロック =================================== */	
.cast-container { padding-top: 0; }
.cast-container img.coin01 { padding: 1em; width: 200px; }
.cast-container img.coin02 { padding: 0.2em; width: 200px; }
.cast-container img.bill { padding: 1em; width: 350px; }

/* 画像ブロック =================================== */	
.imgVisual,
.imgVisual .imgBlock { float: left; width: 40%; }
	
/* 国紹介 =================================== */
.detail-container .kuniTextP { width: 57%; float: right; text-align: left; font-size: 1.1em; line-height: 2.2em; font-weight: 600; }
article.03container { margin: 0 0 100px }

/* フッター =================================== */
footer { background-image: url(../img/footerBg.png), url(../img/footerBg.png), url(../img/footerBg.png), url(../img/footerBg.png), url(../img/footerBg.png), url(../img/footerBg.png); background-repeat: repeat-x, repeat-x, repeat-x; background-position: center top, 100px top, -100px top; margin-top: 5em; padding: 10em 0 5em; }
footer .copyright { clear: both; color: #ffffff; margin: 0 auto; padding: 0; }
footer .copyright a,
footer .copyright .attention { margin-bottom: 10px; padding: 3px 10px; text-shadow: 1px 1px 0 #fef2dc; background-color: #fef2dc; display: inline-block; border-radius: 20px; }
	
/* haro_root_element =================================== */
div#haro_root_element { overflow: hidden; }


}