@charset "shift_jis";
@import url('https://fonts.googleapis.com/css2?family=Cantata+One&family=Noto+Sans+JP:wght@400;500&display=swap');
.font { font-family: 'Cantata One', serif; font-style: italic; }
/*reset
--------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }
body { line-height:1 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
nav ul { list-style:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent }
ins { background-color:#ff9; color:#000; text-decoration:none }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold }
del { text-decoration: line-through }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0 }
input, select { vertical-align:middle }
img { vertical-align:top; font-size:0; line-height:0 }
/*common
--------------------------------------------------*/
body { font-size:10pt; line-height:140%; font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif; background-color:#333; background-image: url(../img/bg.png); background-repeat: no-repeat; background-position: center top; }
a { overflow:hidden; outline:none }
ul { list-style-type:none }
.indent { text-indent:-9999px }
.none { display:none }
.left { float:left }
.right { float:right }
.center{ text-align:center; margin:0 auto !important;}
.clear { clear:both }
.clearfix { zoom:100% }
.clearfix:after { content:""; clear:both; height:0px; display:block; visibility:hidden }
.relative { position:relative }
.fixed { position:fixed; top:0; left:0; z-index:1000 }
.box { -webkit-box-sizing:border-box; box-sizing:border-box }
input, textarea, select { outline:none }
.icon_fex img { width:100%; height:auto }
.trans img, .mr10, .mr11, #menu ul li a img, #menu ul li:last-child a { -webkit-transition:opacity .5s; transition:opacity .5s }
.trans img:hover { opacity:0.8 }
.white { color:#FFFFFF }
.w100{width:100%;height:auto}
#header, #header_title, #menu, #wrapper, #footer, #footer small, #msw { min-width:1200px }
#header_inner, #menu ul, #container, #footer_inner, #msw { margin:0 auto; width:1200px }
#h_today, #h_tel, #h_mail, #h_logo, .light, #h_mag, #menu ul li:last-child a:after, #menu ul li:last-child a:before, #f_l, #f_r, #f_logo, #f_s, .e_fix, .light, #l_pick_up, #l_s_qr, #l_s_link, .tnfbg, .tsb { position:absolute;  }
#h_today span, #h_logo, #menu ul li a, #menu ul li:last-child a:after, #menu ul li:last-child a:before, #f_logo, #f_s { display:block }
#lp_name a, #l_s_link { color:#FFF; text-decoration:none; -webkit-transition:color .3s; transition:color .3s }
#lp_name a:hover, #l_s_link:hover { color:#FFF }
/*header
--------------------------------------------------*/
#header_title { height:20px; line-height:20px; text-align:center; font-size:12px; color:#fff; background:rgba(0,0,0,0.5); font-family: "�E­�E³ �E°æ˜Žæœ�", "MS PMincho", "ヒラギノæ�Eæœ�EPro W3", "Hiragino Mincho Pro", serif; }
#header, #header_inner { height:240px }
#header { padding-bottom:73px;/*background:url(../img/h_bg.jpg) no-repeat center top*/ }
#h_today { top:30px; left:0px; width:281px; height:169px; background-image: url(../img/h_today_bg.png); background-repeat: no-repeat; background-position: center top; }
#h_today span { margin:80px 0 0 45px; width:190px; height:80px; line-height:45px; font-size:65px; font-weight:bold 700; text-align:center; color:#000; text-shadow: -1px -1px #fff, 1px -1px #fff, -1px 1px #fff, 1px 1px #fff; }
#h_mail { bottom:2px }
#h_tel { bottom:30px }
.countdown{ position:absolute; top: 181px; left: 10px; width: 274px; height: 56px; }
#h_tel { left:806px }
#h_mail { right:0 }
#h_logo { width:450px; height:307px; top:-10px; left:379px }
/*light----------*/
#light1 { top:-190px; left:-30px }
#light2, #light3, #light4, #light5, #light7, #light8, #light9, #light10, #light12, #light13, #light14, #light15, #light17, #light18, #light19, #light20 { opacity:0 }
#light2 { top:74px; left:9px }
#light3 { top:73px; left:111px }
#light4 { top:73px; left:239px }
#light5 { top:75px; left:332px }
/*light----------*/

#h_mag { width:250px; top:50px; right:10px }
#h_mag img{width: 100%;height: auto}
.mr9 input { width:228px; padding:5px; margin:0 0 10px 3px; border:1px solid #F3D75C; background:#000; color:#ccc; }
.mr10 { margin:0 47px 0 3px }
.mr10:hover, .mr11:hover { opacity:.85 }
.mb10 { margin-bottom:10px }
#mag_pop_link { display:block; width:240px; height:28px; margin:0px auto }
/*menu
--------------------------------------------------*/
#menu { width:100%; margin-top:-70px }
#menu, #menu ul { height:70px }
#menu { background:url(../img/m_bg.jpg) repeat-x center top }
#menu ul { background:url("../img/menu_hover.jpg")no-repeat center top }
#menu ul li a { height:70px }
#menu ul li a:hover img { opacity:0 }
#menu.fixed { margin-top:0; box-shadow:0 5px 5px 0 rgba(0,0,0,0.8) }
#menu ul li:last-child a { position:relative; overflow:hidden; z-index:0 }
#menu ul li:last-child a:after, #menu ul li:last-child a:before { content:"" }
#menu ul li:last-child a:after { height:70px; top:1px; left:0; z-index:-2; background:url(../img/m_rec_bg.gif) repeat-x center top; }
#menu ul li:last-child a:before { width:70px; height:175px; top:-50px; left:-130px; background:#fff; opacity:.8; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-animation:mrec 7s ease .5s infinite normal; animation:mrec 7s ease .5s infinite normal }
#menu ul li:last-child a:hover img { opacity:1 }
#menu ul li:last-child a:hover { opacity:.93 }
#m_today_n { display:none }
.fixed #m_today_n { display:block; padding:35px 45px 0 0; width:72px; height:35px; top:0; left:-112px; font-size:30px; color:#000; text-align:right;  background:url(../img/m_today_bg.png) no-repeat center top; }
/*content
--------------------------------------------------*/
#wrapper { background:url(../img/bg_pat.png) repeat center bottom }
#container { padding-top:10px }
#totop { text-align:center; padding:25px 0 45px }
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top { cursor:pointer }
#cb_title, #cb_bottom_bar, #c_title, #c_title2, #c_title3 { border-bottom:1px solid #d0c971 }
#cb_title, #c_title, #c_title2, #c_title3 {
	height: 75px;
	text-align: center
}
#c_title, #c_title2, #c_title3 { }
#cb_bottom_bar { height:1px; margin:30px 0 70px }
#tsb_tl, #tsb_tl2, #tsb_tl3, #tsb_tr, #tsb_tr2, #tsb_tr3 { top:-18px }
#tsb_bl, #tsb_bl2, #tsb_bl3, #tsb_br, #tsb_br2, #tsb_br3 { top:-8px }
#tsb_tl, #tsb_tl2, #tsb_tl3, #tsb_bl, #tsb_bl2, #tsb_bl3 { left:-50px }
#tsb_tr, #tsb_tr2, #tsb_tr3, #tsb_br, #tsb_br2, #tsb_br3 { right:-50px }
#tsb_l1, #tsb_l1_1, #tsb_l1_2 { top:24px; left:174px }
#tsb_l3, #tsb_l3_1, #tsb_l3_2 { top:27px; right:172px }
/*side
-----------------------------------*/
#c_left { width:320px }
/*//////////*/
#l_pick { margin-bottom:10px; padding:9px; height:227px; background:url(../img/l_pick_bg.jpg) no-repeat center top; }
#l_pick_img { margin-right:9px; display:block; width:152px; height:227px; background:#000; }
#l_pick_img img { max-width:150px; border:1px solid #D2B12D }
#l_pick_text { width:141px }
#lp_name { margin-bottom:5px; padding:5px 0 0; color:#FFF; font-size:16px; border-bottom:1px solid #666; }
#lp_name span { font-size:11px }
#lp_text { height:175px; overflow:auto; color:#ccc }
#l_pick_up { top:-23px; left:-35px }
/*//////////*/
#l_menu { margin-bottom:16px; float:left }
#l_menu a { display:block; width:320px; height:auto; margin-bottom:10px; background:#000; }
/*//////////*/
#l_smart { height:121px; margin-bottom:10px; background:url(../img/l_smart_bg.jpg) no-repeat center top }
#l_s_link { left:12px; bottom:11px }
#l_s_qr { right:10px; top:12px }
/*//////////*/

/*//////////*/
#l_blog #blog_title { width:320px; height:60px; }
#l_blog #blog_title .light { top:1px; left:73px }
#l_blog #blog { margin-top:-24px; padding:23px 1px 1px; height:690px; /*border:1px solid #900; background:#000; */ }
/*//////////*/
#l_blog aside #cr_right { background-image: url(../img/photo_diary_left_bg.jpg); background-repeat: no-repeat; }
#l_blog { padding-top:10px }
#l_blog #cr_right { width:320px }
#l_blog aside #cr_right #blog #blog_inner { height:626px; overflow:auto; width:310px; margin-left:2px; text-align: center; }
#l_blog aside #cr_right #blog #blog_inner .blog_iframe { height:620px; background-color: #FFF; }
#blog_inner img{ text-align:center; margin:0 auto !important}
/*//////////*/



#section_right { margin:0 0 70px 10px; width:870px }
/*footer
--------------------------------------------------*/
#footer { background-image: url(../img/box_bg02.png); background-repeat: repeat; background-position: center top; border-top-width: 2px; border-top-style: solid; border-top-color: #E38B05; }
#footer_inner { height:218px }
#footer_inner ul { height:39px; text-align:center; border-bottom:1px solid #000; box-shadow:0 1px 0 0 #666; }
#footer_inner ul li, #footer_inner ul li a { color:#ccc }
#footer_inner ul li { display:inline }
#footer_inner ul li a { padding:0 10px; line-height:42px; text-decoration:none; -webkit-transition:color .5s; transition:color .5s; }
#footer_inner ul li a:hover { color:#f00 }
.ap { position:absolute; top:40px; left:-295px; }
#f_l, #f_r, #f_s { top:56px }
#footer_under #f_l { left:20px }
#footer_under #f_r { right:200px }
#f_logo { width:276px; height:176px; top:0; left:460px }
#f_s { width:392px; height:66px; right:20px }
#footer small { display:block; height:30px; line-height:30px; padding-top:7px; text-align:center; color:#fff; }
/*animation
--------------------------------------------------*/
#light1, #light6, #light11, #light16 { -webkit-animation:light1 8s ease 0s infinite normal; animation:light1 8s ease 0s infinite normal }
#light2, #light7, #light12, #light17 { -webkit-animation:light1 4s ease 2s infinite normal; animation:light1 4s ease 2s infinite normal }
#light3, #light8, #light13, #light18 { -webkit-animation:light1 4s ease 4s infinite normal; animation:light1 4s ease 4s infinite normal }
#light4, #light9, #light14, #light19 { -webkit-animation:light1 4s ease 3s infinite normal; animation:light1 4s ease 3s infinite normal }
#light5, #light10, #light15, #light20 { -webkit-animation:light1 4s ease 2.5s infinite normal; animation:light1 4s ease 2.5s infinite normal }
#top_news_title .light, #blog_title .light, #tnfl1, #tsb_l1, #tsb_l1_1, #tsb_l1_2 { width:20px; height:auto; opacity:0; -webkit-animation:light1 4s ease 1s infinite normal; animation:light1 4s ease 1s infinite normal }
#tnfl2, #tsb_l3, #tsb_l3_1, #tsb_l3_2 { width:20px; height:auto; opacity:0; -webkit-animation:light1 4s ease 0s infinite normal; animation:light1 4s ease 0s infinite normal }
#tnfl3, #tsb_l2, #tsb_l2_1, #tsb_l2_2 { width:20px; height:auto; opacity:0; -webkit-animation:light1 4s ease .5s infinite normal; animation:light1 4s ease .5s infinite normal }
@-webkit-keyframes light1 { 0% {
opacity:0;
-webkit-transform:rotate(-90deg)
}
12.5% {
opacity:1
}
25% {
opacity:0;
-webkit-transform:rotate(90deg)
}
100% {
opacity:0
}
}
@keyframes light1 { 0% {
opacity:0;
transform:rotate(-90deg)
}
12.5% {
opacity:1
}
25% {
opacity:0;
transform:rotate(90deg)
}
100% {
opacity:0
}
}
.blinking { -webkit-animation:blink 2s ease 0s infinite normal; animation:blink 2s ease 0s infinite normal }
@-webkit-keyframes blink { 0% {
opacity:0;
-webkit-animation-timing-function:step-end
}
25%, 100% {
opacity:1
}
}
@keyframes blink { 0% {
opacity:0;
animation-timing-function:step-end
}
25%, 100% {
opacity:1
}
}
 @-webkit-keyframes mrec { 0% {
opacity:.8
}
7% {
left:260px;
opacity:.8
}
8%, 100% {
opacity:0
}
}
@keyframes mrec { 0% {
opacity:.8
}
7% {
left:260px;
opacity:.8
}
8%, 100% {
opacity:0
}
}
 @-webkit-keyframes ifex { 0% {
-webkit-transform:scale(.2);
transform:scale(.2)
}
25%, 75% {
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
-webkit-transform:scale(.2);
transform:scale(.2)
}
}
@keyframes ifex { 0% {
transform:scale(.2)
}
25%, 75% {
transform:scale(1)
}
100% {
transform:scale(.2)
}
}
 @keyframes yurayura_l {  0% {
transform: rotate(0deg);
}
 25% {
transform: rotate(15deg);
}
 50% {
transform: rotate(0deg);
}
 75% {
transform: rotate(-15deg);
}
 100% {
transform: rotate(0deg);
}
}
@keyframes yurayura_r {  0% {
transform: rotate(0deg);
}
 25% {
transform: rotate(-15deg);
}
 50% {
transform: rotate(0deg);
}
 75% {
transform: rotate(15deg);
}
 100% {
transform: rotate(0deg);
}
}
.spotlight01 { position: fixed; top:0px; background-image: url(../img/spotlight.png); background-repeat: no-repeat; width: 1898px; height: 337px; text-align: center; left: 50%; margin-left: -949px; }
 @keyframes flash { from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
.flash { -webkit-animation:flash 1s ease 0s infinite normal; animation:flash 2s ease 1s infinite normal }