@charset "UTF-8";
/*
Theme Name: Sunlive City WordPress Theme
Theme URI: https://www.sunlivecity-skip.com/
Description: This theme was created to display shop announcements designed to make it easy to post articles.
Version: 1.5
Author: Sunlive City
Author URI: https://www.sunlivecity-skip.com/
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
li{ list-style:none;}
img{ border:0;}
body{ font:13px/1.231 arial,helvetica,clean,sans-serif; background-color:#FFF; }
table{ font-size:inherit; }
select,input,button,textarea{ font:99% arial,helvetica,clean,sans-serif; }
pre,code,kbd,samp,tt{ font-family:monospace; font-size:108%; line-height:100%; }
img{ height:auto; max-width:100%; }
.disc{ padding:0 0 0 15px; }
.disc li{ list-style-type:none; position:relative; line-height:180%; }
.disc li::after{ position:absolute; top:.8em; left:-10px; z-index:2; content:''; width:4px; border-radius:10px; height:4px; background-color:#000; }

/* balloon-005
------------------------------- */
.balloon-005{ display:flex; justify-content:center; position:relative; max-width:181px; margin-bottom:15px; padding:0.8em 1.2em; border:3px solid #131e3c; border-radius:5px; background-color:#FFF; color:#333; margin:0 auto;}
.balloon-005::before,
.balloon-005::after{ position:absolute; bottom:-15px; width:30px; height:15px; clip-path:polygon(0 0, 100% 0, 50% 100%); content:''; }
.balloon-005::before{ background-color:#131e3c; }
.balloon-005::after{ bottom:-11px; background-color:#FFF; }

/* clearfix
------------------------------- */
.clearfix:after{ content:" ";  display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;  }
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

/* replaceImg
------------------------------- */
.replaceImg{ text-indent:-9999px; overflow:hidden; background-repeat:no-repeat;}

/* BASE
------------------------------- */
*{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,'Hiragino Kaku Gothic Pro',Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; margin:0; padding:0; }
body > #container{ height:auto; }
body *{ line-height:1.22em; }
img{ vertical-align:bottom; line-height:0; }
p,th,td,dt,dd,li,h1,h2,h3,h4,h5,h6{ color:#222; }
a,
a:link,
a:visited{ color:#000; text-decoration:none; }
a:hover{ color:#666; text-decoration:underline; }
a img{ outline:none; border:none; }
.clear{ clear:both; }
.res_none{ display:block; }
.res_inlinenone{ display:inline; }
.res_se23_block{ display:none; }
.rec_table_r50 tr td{ padding-left:0.5em; }
.rec_table_r50 tr td p{ padding:0.5em; }
.post-password-form input[type="password"]{ border:1px solid #ccc; background:#fbfbfb; height:30px; box-sizing:border-box; }
.post-password-form input[type="submit"]{ border:1px solid #ccc; height:30px; width:50px; box-sizing:border-box; }

/*
	BASE LAYOUT
------------------------------- */
#container{ width:100%; margin:0; padding:0 0 0 0; position:relative; overflow:hidden; }
#main{ width:980px; margin:0 auto 60px; padding:20px 0; box-sizing:border-box; }
#main p,
#main li,
#main dt,
#main dd{ color:#333; font-size:15px; line-height:180%; }
@media only screen and (max-width:768px) {
	#main{ width:100%; margin:0 auto; padding:10px; }
}

/* Header LAYOUT
------------------------------- */
#header{ width:980px; height:95px; margin:0 auto; padding:0; background:url(img/common/bg.png) no-repeat top; }
#header h1{ margin:0 5px 0 0; padding:20px 0 0 5px; float:left; }
#header div#headimg{ margin:0 5px 0 0; padding:20px 0 0 0; float:left; }
#header div#tel{ margin:0; padding:20px 0 0 0; float:left; }
#menu{ width:980px; margin:0 auto; padding:0; display:flex; flex-wrap:wrap; }
#menu li{ width:160px; margin:0 4px 0 0; padding:0; }
#menu li:last-child{ margin:0; }
#menu li.lst{ margin-right:0; }

/* Contents LAYOUT
------------------------------- */
#contents{ width:710px; float:left; margin:0; padding:0; }
#contents h2{ margin:0 0 15px; padding:0 0 2px 0; border-bottom:1px solid #999; }
#contents .star-head{ border:none; position:relative; padding:0 20px; display:table; margin:0 auto 15px; }
#contents .star-head:before,
#contents .star-head:after{ content:'\2605'; position:absolute; bottom:0; top:0; margin:auto; }
#contents .star-head:before{ left:0; }
#contents .star-head:after{ right:0; }
#sidebar{ width:250px; float:right; margin:0; padding:0; }
#sidebar .bnrbox{ border:1px solid #666; margin:0 0 10px; padding:5px 0; }
#sidebar .bnrbox h3{ width:240px; margin:0 auto 5px; padding:0 0 5px 0; border-bottom:1px solid #999; }
#sidebar .bnrbox div{ width:240px; margin:0 auto; padding:0; }
#sidebar .bnrbox.mb30{ margin-bottom:30px; }
#sidebar .timebox{ margin:0 0 10px; margin:0; padding:0; }
#sidebar .timebox div{ width:240px; margin:0 auto 10px; padding:0 0 5px 0; border-bottom:1px solid #999; }
#sidebar .timebox div img{ margin:5px 0; }
#main #sidebar .timebox div p{ font-size:93%; text-align:center; }
#sidebar .timebox h3{ width:240px; margin:0 auto 5px; padding:0 0 5px 0; border-bottom:1px solid #999; }
#sidebar .timebox p#park{ height:24px; line-height:24px; background:url(img/common/icon_park.png) no-repeat 0 48%; margin:0 0 0 35px; padding:0 0 0 25px; }
@media only screen and (max-width:768px) {
	#contents{ width:100%; float:none; }
	#sidebar{ width:100%; float:none; padding:0 0.5%; display:flex; justify-content:space-between; margin:15px 0 0; }
	#sidebar .bnrbox{ border:1px solid #666; margin:0 0.5% 10px; padding:5px 0; width:calc(100% - 5px); float:left; }
	#sidebar .bnrbox h3{ width:98%; margin:0 auto 5px; padding:0 0 5px 0; border-bottom:1px solid #999; }
	#sidebar .bnrbox div{ width:98%; margin:0 auto; padding:0; }
	#sidebar .bnrbox div img{ max-width:100%; height:auto; }
	#sidebar .bnrbox.mb30{ margin-bottom:10px; }
	#sidebar .timebox{ width:32%; margin:0 0.5% 10px; margin:0; padding:0; float:left; }
	#sidebar .timebox div{ width:98%; margin:0 auto 10px; padding:0 0 5px 0; border-bottom:1px solid #999; }
	#sidebar .timebox div img{ max-width:100%; height:auto; margin:5px 0; }
	#sidebar .timebox h3{ width:98%; margin:0 auto 5px; padding:0 0 5px 0; border-bottom:1px solid #999; }
}

/* Shop List
------------------------------- */
#slmenu{ margin:0 0 5px; padding:0 0 5px 0; border-bottom:1px solid #999; display:flex; flex-wrap:wrap; }
#slmenu li{ margin:0 6px 0 0; padding:0; }
#slmenu li:last-child{ margin:0; }
#slmenu li img{ width:100%; }
#shoplist{ margin:0; padding:0; }
#shoplist li{ margin:0 0 5px; padding:0 0 5px 10px; background:url(../img/common/dot.png) repeat-x bottom; }
#shoplist li div{ margin:0; padding:0; display:flex; flex-wrap:wrap; align-items:center; }
#shoplist li.fashion{ border-left:5px solid #f19ec2; }
#shoplist li.food{ border-left:5px solid #dfbd03; }
#shoplist li.goods{ border-left:5px solid #a2c852; }
#shoplist li.service{ border-left:5px solid #66bbe3; }
#shoplist li span,
#shoplist li a{ display:block; height:40px; line-height:40px; float:left; }
#shoplist li span.floor{ width:30px; height:30px; line-height:30px; margin:0 10px 0 0; padding:0; text-align:center; }
#shoplist li span.bnr{ width:160px; position:relative; margin:0; padding:0; }
#shoplist li span.bnr img{ position:absolute; top:-2px; }
#shoplist li a,
#shoplist li a:link,
#shoplist li a:visited{ width:250px; color:#0000FF; text-decoration:underline; font-size:100%; }
#shoplist li a:hover{ text-decoration:none; }
#shoplist li span.txt{ width:200px; margin:0; padding:0; font-size:93%; }
#shoplist li span.txt.l2{ line-height:20px; }
#shoplist li#post-2052 span.txt{ font-size:76%; }
#shoplist li span.time{ float:right; padding-left:20px; background:url(img/shoplist/icon_watch.png) no-repeat 0 50%; font-size:93%; }
#shoplist li span.time.l2{ line-height:20px; }
@media only screen and (max-width: 520px) {
	#slmenu li{ width:calc(50% - 2px); }
	#slmenu li:nth-child(odd){ margin:5px 2px 0 0; }
	#slmenu li:nth-child(even){ margin:5px 0 0 2px;}
	#slmenu li:nth-child(1){ margin:0 2px 0 0; }
	#slmenu li:nth-child(2){ margin:0 0 0 2px; }
	#shoplist li a,
	#shoplist li span.txt{ line-height:180%; height:auto; }
	#shoplist li a{ margin:10px 0 0 55px; }
	#shoplist li span.txt{ margin:0 0 0 55px; }
}

/* Breadcrumb
------------------------------- */
.breadarea{ margin:0 auto 15px; color:#FFF; display:table; width:100%; }
.breadarea a{ text-decoration:none; color:#666; font-size:12px; }
.breadcrumb{ display:flex; align-items:center; width:100%; max-width:1000px; margin:auto; }
.breadcrumb li{ float:left; position:relative; padding-right:20px; font-size:12px!important; color:#666; }
.breadcrumb li::before{ content:''; width:5px; height:5px; border-top:1px solid #666; border-right:1px solid #666; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:0; right:0.6em; bottom:0; margin:auto; }
.breadcrumb li:last-child{ margin-right:0; padding-right:0; }
.breadcrumb li:last-child::before{ content:normal; }
.breadcrumb li br{ display:none; }
@media only screen and (min-width:768px){
	.breadarea{ padding:0 20px; }
}

/* Footer Lauout
------------------------------- */
#footer{ width:980px; height:70px; margin:0 auto; padding:0; background:url(img/common/bg.png) repeat-y; font-size:108%; }
#footer .menu{ color:#FFF; text-align:center; margin:0; padding:15px 0; }
#footer .menu { display:flex; justify-content:center; align-items:center; }
#footer .menu li{ position:relative; padding:0 10px; }
#footer .menu li:first-child::before,
#footer .menu li::after{ content:''; position:absolute; top:0; bottom:0; margin:auto; width:1px; height:15px; background:#FFF; }
#footer .menu li:first-child::before{ left:0; }
#footer .menu li::after{ right:0; }
#footer .menu a,
#footer .menu a:link,
#footer .menu a:visited{ color:#FFF; text-decoration:underline; }
#footer .menu a:hover{ color:#FFF; text-decoration:none; }
#copyright{ color:#FFF; font-size:77%; margin:0; padding:0; text-align:center; }
#copyright span{ font-family:Verdana, Geneva, sans-serif; }
.br{ display:none; }
#topcontrol{ width:45px; height:45px; background:url(img/common/gotop.png) no-repeat; cursor:pointer; }
.res_br_widS{ display:none; }
.res_block{ display:none ;}
.center-item{ text-align:center; }
.small-text{ font-weight:normal!important; font-size:14px!important; color:#333!important; }
@media only screen and (max-width:768px){
	#header{ width:100%; margin:0; padding:0; background:url(img/common/bg.png) no-repeat top; }
	#header h1{ margin:0 5px 0 0; padding:20px 0 0 5px; float:left; }
	#header div#headimg{ display:none; }
	#header div#tel{ margin:0; padding:20px 10px 0 0; float:right; }
	#menu{ width:100%; margin:0; padding:0; }
	#menu li{ width:16.3%; margin:0 0.4% 0 0; padding:0; float:left; }
	#menu li.lst{ margin-right:0; }
	#menu li img{ max-width:100%; height:auto; }
	#main #sidebar .timebox div p{ font-size:85%; text-align:center; }
	#main #sidebar .timebox p#park{ height:24px; line-height:24px; background:url(img/common/icon_park.png) no-repeat 0 48%; margin:0 0 0 15px; padding:0 0 0 25px; }
	#footer{ width:100%; height:auto; margin:0 auto; padding:0; background:url(img/common/bg.png) repeat-y; font-size:108%; }
	#footer .menu{ flex-wrap:wrap; }
	#footer .menu a{ font-size:77%; }
	#fmenu{ color:#FFF; text-align:center; margin:0; padding:15px 0; font-size:85%; }
	#fmenu a,
	#fmenu a:link,
	#fmenu a:visited{ color:#FFF; text-decoration:underline; line-height:150%; font-size:77%; }
	#fmenu a:hover{ color:#FFF; text-decoration:none; }
	#copyright{ color:#FFF; font-size:77%; margin:0; padding:0 0 15px 0; text-align:center; }
	#copyright span{ font-family:Verdana, Geneva, sans-serif; }
	.br{ display:inline; }
	#topcontrol{ display:none; }
}
@media only screen and (max-width:520px){
	#header{ width:100%; margin:0; padding:0 0 15px 0; height:auto; background:url(img/common/bg.png) no-repeat top; }
	#header h1{ margin:0; padding:20px 0 0 1%; float:left; width:48%; }
	#header div#headimg{ display:none; }
	#header div#tel{ margin:0; padding:20px 1% 0 0; float:right; width:48%; }
	#header h1 img,
	#header div#tel img{ max-width:100%; height:auto; }
	#menu li{ width:33%; margin:0 0.5% 0.5% 0; padding:0; float:left; }
	#menu li:nth-child(even){ margin:0 }
	#menu li img{ max-width:100%; height:auto; }
	.br{ display:inline; }
	.res_in-none{ display:none; }
}
@media all and (max-width:480px){
	.text20_480{ font-size:20px!important; }
	.text19_480{ font-size:19px!important; }
	.text16_480{ font-size:16px!important; }
	.res_fa24-table{ width:100%!important; }
	.res_fa24-table th,
	.res_fa24-table td{ width:auto!important; }
	.res_fa24-title{ width:auto!important; font-size:20px!important; text-shadow:none!important; }
	#res_fa24-title{ width:auto!important; font-size:20px!important; text-shadow:none!important; }
}
@media only screen and (max-width:480px){
	.res_title{font-size:18px!important;}
	.res_title .res_title_largetxt{font-size:25px!important;}
	.res_block{display:block;}
	.res_inline{display:inline!important}
	.res_none{display:none;}
	.res_inlinenone{display:none;}
	.res_br_widS{display:inline;}
	.res_p_left{text-align:left!important;}
	.res_p_right{text-align:right!important;}
	span.res_center{ display:block; padding-top:20px; text-align:center!important; }
	.privilege-box dl{ width:100%!important; }
	.res_left{ text-align:left!important; }
	.res_table{ width:99%!important; }
	.res_th{ display:block!important; width:100%!important;  box-sizing:border-box; }
	.res_td_2{ display:flex!important; align-items:center; justify-content:center; }
	.res_td{ display:block; width:100%!important; padding-left:0!important; padding-right:0!important; }
	.res_td-bor{ border-bottom:1px #aaa solid; margin-bottom:30px; }
	.res_td-bor-f{ border-bottom:1px #FFF solid; margin-bottom:30px; }
	.res_td-Nobor{ border-top:none!important; border-bottom:1px #aaa solid!important; }
	.res_td-title{ font-weight:bold!important; height:auto; }
	.float-item{ float:none!important; width:100%!important; }
	.res_borNone{ border-top:none!important; border-bottom:none!important; }
	.res_in-none{display:none;}
	.res_text{ width:100%!important; font-size:0.9em!important; }
	.res_fa23_text{ font-size:1.5em!important; width:90%!important; }
	.title_fa23_200103{font-size:25px!important;}
	.res_fa30_div_1809{width:90%!important;}
	.res_heading_19{font-size:19px!important;}
	.res_heading_15{font-size:15px!important;}
	.res_table_fa31{width:98% !important;}
	.res_td_fa31{padding:15px 5px;}
	.res_go15_p{margin-left:0!important;}
	.res_table_go18{ width:98% !important; margin:0 auto !important; }
	.res_th_go18{ display:block!important; width:98% !important; }
	.res_td_go18{ display:block!important; width:100% !important; padding:8px 0!important; }
	.res_p_right_go18{ width:98%!important; margin:0 auto!important; }
	.res_dl_go18{ width:100%!important; }
	.res_dl_go18 dt{text-align:left!important;}
	.res_go15_left{text-align:left!important;}
	.res_go15_title{font-size:28px!important;}
	.res_go15_title span{font-size:22px!important;}
	.res_go26-table th,
	.res_go26-table td{ display:block; width:100%!important; padding:0!important; padding:10px 5px!important; }
	.res_go26-title{ font-size:20px!important; }
	.res_go26-title span{ font-size:24px!important; }
	.res_table_fo17{ width:98% !important; margin:0 auto !important; }
	.res_th_fo17{ display:block; width:100% !important; padding-left:1px !important; padding-right:1px !important; text-align:center!important; }
	.res_td_fo17{ width:100% !important; padding:8px 0px!important; }
	.prizeOya{ padding-bottom:10px!important; }
	.prize{ padding-top:100px; }
	.f-size_small{ font-size:14px!important; }
	.h-small{ font-size:20px!important; }
	.res_fo17_tr{ display:none; }
	.inline-fo35{ display:block!important; }
	.res_table_go03{ width:98% !important; margin:0 auto !important; }
	.res_imgtd_go03{max-width:100%!important;}
	.res_tdinner_go03{ width:100%!important; margin:0 auto!important; }
	.res_go12-text{text-align:left!important;}
	.res_go12-box{width:90%!important;}
	.res_go12-table{width:88%!important;}
	.res_go12-table tr td{ display:block!important; padding:12px 2px; }
	.res_title_go20{font-size:19px!important;}
	.res_dl_go20{ width:100%!important; font-size:1.2em!important; }
	.res_dl_go20-2{font-size:1.1em!important;}
	.res_title_go26{ font-size:20px!important; line-height:2em!important; }
	.res_title_go26 span{font-size:22px!important;}
	.res_table_go26 tr th,
	.res_table_go26 tr td{display:block;}
	.res_table_go26 tr th{text-align:left!important;}
	.res_fontDown_go27{font-size:1em!important;}
	.res_fontDown_go27-2{font-size:1.3em!important;}
	.p-se17-large{ margin-left:0!important; }
	.span-se17{ font-size:1.2em!important; }
	.p-se17{ margin-left:0!important; }
	.p-se17-large{ font-size:20px!important; }
	.res_table_se17{ width:90%!important; }
	.res_table_se17 tr th,
	.res_table_se17 tr td{ display:block; font-size:14px!important }
	.res_se17_p{ font-size:15px!important; }
	.box01 h4,.box02 h4,.box03 h4{ font-size:16px!important; }
	.box01 p,.box02 p,.box03 p{ font-size:14px!important; text-align:left!important; }
	.res_se23-div{width:98%!important;}
	.res_se23_block{display:block;}
	.res_se23_dd{text-align:center!important;}
	.res_fo01_title{ width:90%!important; font-size:2em!important; }
	.res_text_fo10{ width:100%!important; font-size:12px!important; text-shadow:2px 2px #FFF; background-size:contain; background-position:center; }
	.res_title_se03 span{line-height:2em!important;}
	.rec_table_r50{ width:100%!important; margin:0 auto!important; }
	.rec_table_r50 tr th{ display:block; width:100%!important; height:auto!important; line-height:2em; padding:10px 1px!important; }
	.rec_table_r50 tr td{ display:block; width:calc(100% - 4%)!important; height:auto!important; line-height:2em; padding:10px 2%!important; }
	.res_table_r50 tr td:first-of-type{ text-indent:1em; }
	.rec_table_r50 tr td.rec_table_r50_left{ text-align:right; }
	.float-item-r61{ text-align:center; margin:20px auto!important; }
	.float-item-r61 img{ margin:0!important; }
	.res_table_r64 p{ margin:0!important; }
	.res_table_r64 th,
	.res_table_r64 td{ padding-top:1em; padding-bottom:1em; }
	.rec_table_r68{ width:100%!important; margin:0 auto!important; }
	.rec_table_r68 tr td{ display:block; width:100%!important; height:auto!important; line-height:2em; }
	.res_re79-p{ font-size:18px!important; }
	.res_re79-p span{ font-size:20px!important; }
	.zoff_title{ text-align:justify!important; }
}
@media only screen and (max-width:375px){
	.res_go15_title{font-size:22px!important;}
	.res_go15_title span{font-size:18px!important;}
	.res_text_go20{font-size:0.8em!important;}
	dl.res_dl_go20 dt{float:none!important;}
	dl.res_dl_go20 dd{padding-left:0!important;}
}
@media only screen and (max-width:320px){
	.res_fa23_text{ width:100%!important; }
	.res_go26-title span{ font-size:20px!important; }
	.res_go27-text{ font-size:1.8em!important; }
	.res-in-320{ display:inline!important; }
}
@media only screen and (max-width:375px){
	#main #contents ul.toplist.shop li h3.t-res_title{ font-size:11px; }
}
@media only screen and (max-width:320px){
	#main #contents ul.toplist.shop li h3.t-res_title{ font-size:7px; }
}
.resRow{ margin-left:-15px; margin-right:-15px; line-height:2; }
.resCol{ position:relative; min-height:1px; width:100%; padding-right:15px; padding-left:15px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:2em; }
@media screen and (min-width:768px){
	.resCol{ width:50%;}
}
@media screen and (min-width:1024px){
	.resCol{ width:50%; }
}
.resRow:before,
.resRow:after{ content:" "; display:table; }
.resRow:after{ clear:both; }
@media only screen and (max-width:480px){
	table.col1_480 th, table.col1_480 td{ display:block; width:100%; box-sizing:border-box; }
}
.res_in{display:none!important;}
.res_block{display:none!important;}
.in_424{display:none!important;}
.in_374{display:none!important;}
@media only screen and (max-width:480px){
	.res_title{font-size:18px!important;}
	.res_block{display:block!important;}
	.res_block_only{display:block!important;}
	.res_in{display:inline!important;}
	.res_none{display:none!important;}
	.res_left{text-align:left!important;}
	.res_right{text-align:right!important;}
	.res_center{text-align:center!important;}
	.res_just{text-align:justify!important;}
}
@media only screen and (max-width:480px){
	.res_title{font-size:18px!important;}
	.res_block{display:block!important;}
	.res_block_only{display:block!important;}
	.res_in{display:inline!important;}
	.res_none{display:none!important;}
	.res_left{text-align:left!important;}
	.res_right{text-align:right!important;}
	.res_center{text-align:center!important;}
	.res_just{text-align:justify!important;}
}
@media only screen and (max-width:424px){
	.in_424{display:inline!important;}
	.text23_424{font-size:23px!important;}
	.text19_424{font-size:19px!important;}
}
@media only screen and (max-width:374px){
	.text18_374{font-size:18px!important;}
	.text17_374{font-size:17px!important;}
	.text16_374{font-size:16px!important;}
	.text15_374{font-size:15px!important;}
	.text14_374{font-size:14px!important;}
	.in_374{display:inline!important;}
}
@media only screen and (max-width:663px){
	table.tblDocument{ width:663px!important; }
	.scrollbox{ overflow-x:scroll; }
}