/*
Template: loft_schedule
THEME NAME: Loft Schedule Smart Phone
Description: LoftSchedule のスマホ用子テーマ。
AUTHOR: bondesign
*/

/*======================================
スマホ用追記
======================================*/
div#wrapper { width: auto; margin: 10px 0;}
div#header { margin: 0; height: auto; overflow: visible ;z-index: 10;position: relative;}
#header h1 a {margin-left: 8px;}
div#header .maincut { display: block; clear: both; width: auto;position: relative;background-repeat: no-repeat;background-size: cover;background-position: center center;}
div#header .maincut:before { content: ""; display: block;padding-top: 30%;width: 100%; height: 100%;}
body.search div#header .maincut { background-color: #000;}
body.search div#header .maincut #lh_title { margin: -12px 0 0;}
div#header .maincut #lh_title { position: absolute;top: 50%; left: 0;width: 100%;text-align: center;font-size: 182%;color: #fff;font-weight: bold;margin: -24px 0 0;line-height: 1.2em;text-shadow: 3px 3px 3px rgba(0,0,0,0.5);}
div#header a, div#header a * { text-decoration: none;line-height: 1.25;}
div#header img { width: 100%; height: auto;vertical-align: bottom;}
div#container { float: none; width: auto; overflow: hidden;position: relative;border: none;}
div#content { float: none;  width: auto; padding: 15px; }
div#month_top { background: url(/schedule/common/images/sp/date_bg.gif); width: auto;border-radius: 0 3px 0 0; }
div#month_top div#month_top_navi { float: right;margin: 18px 20px 0 0;}
div.sidebar {float: none;  width: auto; padding: 15px;}
table.timetable { table-layout: fixed;}
table.timetable div.imgBlock { float: none; width: auto; margin: 0 0 10px 0;}
table.timetable th.day {font-size: 123.1%;padding: 5px 5px;width: 50px;line-height: 1;}
table.timetable th.day em {font-size: 100%;}
table.timetable td { padding: 0;}
table.timetable td article a { position: relative;padding: 15px 20px;text-decoration: none;display: block;}
table.timetable td article a::before,
table.timetable td article a::after { position: absolute; top: 50%; right: 5px; display: block; content: ''; width: 9px; height: 2px; background-color: #888; border-radius: 1px;}
table.timetable td article a::before { margin-top: -3px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
table.timetable td article a::after { margin-top: 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
div.imgBlock img { width: auto; height: auto; margin: 0 0 9px 0;}
div.sidebar li#caution h3 { background: url(/schedule/common/images/sp/bar_caution.gif) ;border-radius: 0 3px 0 0; width: auto;}
div.sidebar li#calendar h3 { background: url(/schedule/common/images/sp/bar_calendar.gif) ;border-radius: 0 3px 0 0; width: auto;}
div.sidebar li#archive h3 { background: url(/schedule/common/images/sp/bar_archive.gif) ;border-radius: 0 3px 0 0; width: auto;}
div.sidebar li#archive h3 { background: url(/schedule/common/images/sp/bar_archive.gif) ;border-radius: 0 3px 0 0; width: auto;}
div.sidebar li#search h3 { background: url(/schedule/common/images/sp/bar_search.gif) ;border-radius: 0 3px 0 0; width: auto;}
div.sidebar li.sidebar_element { width: auto;}
div.sidebar li.sidebar_text { width: auto;}
div.sidebar li.sidebar_text div.widgettitle,
div.sidebar li.sidebar_text div.textwidget{margin-top: 5px;}
table#wp-calendar { table-layout: fixed; width: 100%;}
div.imgBlock img, div.content img { max-width: 100%;height: auto;}
body.archive p.time_text {display: none;}
body.archive p.ticket {display: none;}
body.single p.time_text {margin-top: 8px;}
#mobile_menu_switch { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;position: absolute; z-index: 3; border:1px solid #a7a7a7; color: #a7a7a7; text-decoration: none; top: 3px; right: 12px; text-transform: uppercase; font-size: 93%; padding: 6px 30px 6px 10px; border-radius: 4px;line-height: 1.2em;}
#mobile_menu_switch::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #a7a7a7 transparent transparent transparent;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
}
#mobile_menu_switch span { font-size:1.6em; vertical-align: -0.15em;}
#header ul { clear: both;margin-left: 0; position: absolute; top: 31px; right: 0;width: 262px;/*border-top: 1px solid #666;*/display: none;z-index: 10;}
#header ul li { float: none;margin: 0;}
#header ul li a {width: auto; height: auto; text-indent: 0;background-color: rgba( 20,20,20,0.95) !important; color: #999;text-decoration: none;display: block;padding: 10px; border-bottom: 1px solid #666;}
#header ul li a:hover, #header ul li a.active {color: #ccc;font-weight: bold;}
#header ul li, #header ul li a, #header ul li a.active, #header ul li a:active, #header ul li a:hover { background-image: none !important;}
div.wp_social_bookmarking_light { float: none; height: auto;}

div#content.reserve_list { width: auto;}
table.reserve_list th { width: auto !important; }
p.reservation a {margin: 10px 0;}
#move-page-top { display: none; text-indent: -9999px; width: 44px; height: 44px; position: fixed; right: 10px; bottom: 10px; background-size: 100% 100%; background-repeat: no-repeat; background-position: 0 0; background-image: url(/schedule/common/images/sp/to_top_btn.png); cursor: pointer;}