/* SP
======================================================================================================================================================================================================== */
html { font-size: 62.5%; /* 10px */ }
body { font-family: 'Hiragino Maru Gothic Pro','游ゴシック体',YuGothic,'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
text-align: center;
background-color: #fffbea;
font-size: 1.4rem;
line-height: 1.6;
min-width: 320px;
color: #131313; }

#window {
background: url(../img/bgMain.gif) center top repeat;
background-position: center center;
background-size: 208px 208px;
width: 100%;
height: 300%;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
	-webkit-animation:infinitescroll 5s linear infinite;
	-moz-animation:infinitescroll 5s linear infinite;
	-ms-animation:infinitescroll 5s linear infinite;
	-o-animation:infinitescroll 5s linear infinite;
	animation:infinitescroll 5s linear infinite;
z-index:-100;
}
@-webkit-keyframes infinitescroll{
	0% {-webkit-transform: translate3d(0, 0, 0); }
	100% {-webkit-transform: translate3d(0, -208px, 0); }
}
@-moz-keyframes infinitescroll{
	0% {-moz-transform: translate3d(0, 0, 0); }
	100% {-moz-transform: translate3d(0, -208px, 0); }
}
@-ms-keyframes infinitescroll{
	0% {-ms-transform: translate3d(0, 0, 0); }
	100% {-ms-transform: translate3d(0, -208px, 0); }
}
@-o-keyframes infinitescroll{
	0% {-o-transform: translate3d(0, 0, 0);}
	100% {-o-transform: translate3d(0, -208px, 0); }
}
@keyframes infinitescroll{
	0% {transform: translate3d(0, 0, 0);}
	100% {transform: translate3d(0, -208px, 0); }
}

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

h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; font-weight: normal; padding: 0; margin: 0; }
ul,
li,
ol { list-style: none outside none; margin: 0; padding: 0; }
em { font-style: normal; }
dl { margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
img { max-width: 100%; vertical-align: top; }

a { color: #ff6c00; text-decoration: none; }
/*a:visited{ color: #4900c1; text-decoration: none; }*/
a:hover, a:active, a:focus { color: #2bb300; text-decoration: none; }
a:hover img, a:active img, a:focus img { opacity: 0.8; filter: alpha(opacity=80); }

/* ボタン外部（チケット購入など） */
a[target="_blank"] p:after {
	content:"\f08e";
	font-family: 'FontAwesome';
	vertical-align: middle;
	display: inline-block;
	padding: 0 0 0 4px;
}

/* text decoration */
.sat { color: #005bd7; }
.sun { color: #db006c; }

.bold { font-weight: bold; }
.red { color: #ff3a24; }
.pink { color: #ec5297; }
.blue { color: #0752b9; }
.yellow { color: #c69e00; }
.green { color: #00a226; }
.tline { text-decoration: line-through; }
.uline { text-decoration: underline; }
.size08 { font-size: 0.8rem; }
.size09 { font-size: 0.9rem; }
.size11 { font-size: 1.1rem; }
.size12 { font-size: 1.2rem; }
.size14 { font-size: 1.4rem; }
.size16 { font-size: 1.6rem; }
.size18 { font-size: 1.8rem; }
.size20 { font-size: 2.0rem; }
.size22 { font-size: 2.2rem; }
.size24 { font-size: 2.4rem; }
/* /basic+ */

/* 文字サイズ変更 SP */
div#l-fontsize { float: right; margin: 0 10px 0 0; }
div#l-fontsize span { color: #888; font-size: 1.2rem; line-height: 2.4; }
ul#fontSize { *zoom: 1; /*for IE6,7*/ margin: 4px 0; padding: 0; float: right; }
ul#fontSize:after { content: ""; display: block; clear: both; }
ul#fontSize li { float: left; color: #FFF; background-color: #3b89ff; border-radius: 4px; padding: 2px 10px; margin: 0 4px 0 4px; cursor: pointer; display: block; }
ul#fontSize li:first-child { margin: 0 0 0 10px; }
ul#fontSize li:hover { background-color: #e5008c; }
ul#fontSize li.active { background-color: #A6A6A6; }
ul#fontSize li.active:hover { background-color: #e5008c; }

/* jquery.bxslider.css
header / movieカルーセル
*/
.bx-wrapper .bx-controls-direction a { z-index: 9998 !important; }

#wrapper {
/*background-image: url("");
background-repeat: repeat-x;
background-position: top center;
background-size: auto;*/ }
div#ctv_tab { }
div#container { width: 100%; max-width: 640px; margin: 0 auto; padding: 0; }
header { width: 100%; margin: 0 auto; text-align: left; background: #fffbea; }
div#titleContainer { height: 0; padding: 40% 0 0; position: relative; background-size: cover; }
div#titleContainer h1{ padding: 4% 0 0 0; }

/* TOPふわっと表示　アニメーション --------------------------------------------*/
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.fadeIn { animation-name: fadeIn; }
.animated { animation-duration: 1s; animation-fill-mode: both; }
.logo-top-png01 { width: 100%; height: 100%; position: absolute; top: 10px; left: 0; margin: 0;}
.logo-top-png01 { background: url(../img/main.png) no-repeat center; background-size: 100%; }
.anime01 {
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
/* //TOPふわっと表示　アニメーション --------------------------------------------*/


div#photo_main { padding: 0px; z-index: 100; animation: a_photo_main 1.2s linear 1; }
@keyframes a_photo_main{
0% { opacity: 0; }
100% { opacity: 1; }
}
@-webkit-keyframes a_photo_main{/* chr & safari */
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes a_photo_main{/* firefox */
0% { opacity: 0; }
100% { opacity: 1; }
}
@-ms-keyframes a_photo_main{/* ie */
0% { opacity: 0; }
100% { opacity: 1; }
}

section.bl-sec { background-color: #fffbea; }
div./index.html#container2shot img { width: 30%; }

/* 概要  ==================================================================================================== */
.about { margin: 0 8% 10%; font-family: "Sawarabi Mincho"; }
.about p { margin: 10px 0; font-weight: 600; font-size: 1.1em; line-height: 2em; text-align: left; }
.about span { font-size: 0.8em; }
.about img { margin: 5% 0; }

div./index.html#containerMovie { width: 94%; margin: 10px auto 0px; }
div.bx-wrapper { margin: 0 auto 0px !important; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #ffa800; width: 12px; height: 12px; border-radius: 6px; margin: 0 6px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover { background: #ff0096; }
.bx-wrapper a.active { background: #ff0000 !important; }

/* 詳細各項目 */
ul#outline { /*max-width: 100%;*/ margin: 0px auto 0px; font-size: 1.2rem; line-height: 1.54; text-align: left; background: #fff5c8; padding: 20px 0; }
ul#outline li { color: #222; max-width: 92%; margin: 0 auto 0; padding: 0 0 4px 0; }
ul#outline li.center { text-align: center; font-size: 1.32rem; }
ul#outline li img { width: 70%; padding: 0 0 1px 0; }

/* 各ページ共通
==================================================================================================== */
article { background-color: #fdd100; }

/* Top Add
==================================================================================================== */
footer { width: 100%; text-align: center; font-size: 0.9em; line-height: 1.4; }
footer div { width: 100%; margin: 0 auto; }
footer p { clear: both; }

/* SNSボタン =================================== */
.sns-archive { box-shadow: none !important; background-color: #fffbea !important; }


/* 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; }




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



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

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

body { background-color: #FFFBEA; /* background: linear-gradient(#feff00, #ff0000cf); background-image: radial-gradient(#ffe3e5 10%, transparent 16%), radial-gradient(#fff59a 10%, transparent 25%); background-size: 40px 40px;
background-position: 0 0, 20px 20px;*/ }
#wrapper { /*background-image: url("");
background-repeat: repeat-x;
background-position: top center;
background-size: contain;*/ }
div#ctv_tab { }

.page__title {
    position: absolute;
    top: 120px;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: "calligraphr", sans-serif;
    line-height: 1;
    font-size: 2.9rem;
    letter-spacing: 0.1em;
    font-weight: 400;
    font-style: normal;
    z-index: 0;
}
.about__textarea {
    width: 795px;
    margin: auto;
    margin-top: -295px;
    padding-top: 90px;
    padding-bottom: 120px;
}
.map__btn a {
    width: 300px;
    height: 50px;
    line-height: 48px;
    display: inline-block;
}
.gm-style {
    font: 400 11px Roboto, Arial, sans-serif;
    text-decoration: none;
}
/* //ハンバーガーメニュー */  /* //画面上固定メニューバー */

div#container { max-width: 100%; margin: 0 auto; padding: 0; }
header { width: 100%; margin: 0 auto; text-align: left; }
div#titleContainer { padding-top: 400px; }
div#titleContainer h1 { padding: 0; margin: 0 auto 0; width: 960px; }

/* TOPふわっと表示　アニメーション --------------------------------------------*/
.logo-top-png01 { background: url(../img/main.png) no-repeat center; margin: 10px 0 0; }
/* //TOPふわっと表示　アニメーション --------------------------------------------*/

div#photo_main { /*background: url() center top no-repeat;*/ background-size: auto; height: 720px; padding: 0; z-index: 100; animation: a_photo_main 1s linear 1; }

@keyframes a_photo_main{
0% { opacity: 0; }
100% { opacity: 1; }
}
@-webkit-keyframes a_photo_main{/* chr & safari */
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes a_photo_main{/* firefox */
0% { opacity: 0; }
100% { opacity: 1; }
}
@-ms-keyframes a_photo_main{/* ie */
0% { opacity: 0; }
100% { opacity: 1; }
}

/* Menu
====================================================== */
section.bl-sec { width: 100%; margin: 0 auto; }

/* 概要
====================================================== */
.about p { margin: 0; font-size: 1.2em; text-align: center; }

/* 詳細各項目
====================================================== */
ul#outline { /*max-width: 100%;*/ margin: 0px auto 0px; font-size: 1.2rem; line-height: 1.6; text-align: left; padding: 20px 0 24px; }
ul#outline li { color: #222; /*max-width: 88%;*/ width: 56%; margin: 0 auto 0; padding: 0 0 4px 0; }
ul#outline li.center { /*text-align: left;*/ }
ul#outline li img { width: 40%; padding: 10px 0 4px 0; }

/* Top add 放送
====================================================== */

/* SubPage
==================================================================================================== */
div#sp_header { background: none; background-size: cover; max-width: 960px; min-height: 60px; margin: 0 auto; /*border-bottom: 1px solid #ff48a6;*/ border-bottom: none; }

div#mainh { text-align: center; width: 960px; margin: 0 auto 0; }

footer { clear: both; background: linear-gradient(-135deg, #f9d720, #7e5e01) fixed; border-top: none; padding-top: 0px; }
footer p { color: #FFF; padding: 1.5em; line-height: 2em; }
footer p a { color: #FFF; }
footer p a:visited{ color: #FFF; }
footer p a:hover{ color: #FFF; text-decoration: underline; }

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

.clear { clear: both; }
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; line-height: 0; }
.clearfix { display: inline-table; zoom: 1; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* SNSボタン =================================== */
.sns-archive {
    box-shadow: none !important;
    background-color: #fffbea !important;
	width: 60% !important;
    margin: 8px auto !important;
}

/* haro_root_element =================================== */
div#haro_root_element { overflow: hidden; }