* { padding: 0; margin: 0; }
body { position: relative; font-size: 14px; font-family: 'Hiragino Kaku Gothic ProN', '¥Ò¥é¥®¥Î³Ñ¥´ ProN W3', Meiryo, ¥á¥¤¥ê¥ª, 'Meiryo UI', sans-serif; color: #333; margin: 0 auto; -webkit-text-size-adjust: 100%; }
a { color: #0a589a; text-decoration: none; }
a:hover { text-decoration: none; }
form { margin: 0 0 1em; }
p { margin: 0.5em 0; }
img { border-style: none; }
ul { list-style: none; padding: 0; margin: 0; }
li { padding: 0; margin: 0; }
h2 { color: #0b3c60; font-size: 1.3em; line-height: 1.4em; margin: 0 0 1em; border-bottom: 2px solid #0b3c60; }
h3 { color: #0b3c60; font-size: 1.2em; line-height: 1.3em; margin: 0 0 1em; border-bottom: 2px solid #073b61; }
h4 { color: #0b3c60; font-size: 1.1em; line-height: 1.2em; margin: 0 0 1em; border-bottom: 1px solid #0b3c60; }
textarea { font-family: 'Hiragino Kaku Gothic ProN', '¥Ò¥é¥®¥Î³Ñ¥´ ProN W3', Meiryo, ¥á¥¤¥ê¥ª, 'Meiryo UI', sans-serif; }
label { display: inline-block; padding: 0.1em 0.5em; margin-right: 1em; cursor: pointer; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; }
label input { vertical-align: middle; margin-right: 0.2em; }
table th { vertical-align: top; }
table td { vertical-align: top; }

.message { color: #777; font-weight: bold; text-align: left; padding: 1em; margin-bottom: 1em; background-image: url(../img/message.png);  border: 1px solid #fff; border-radius: 0.5em;}
.error { color: #ee2c3e; }
.indis { color: #ee2c3e; padding-left: 0.5em; }
.dis { color: #393; padding-left: 0.5em; }
.pointer { cursor: pointer; }
.checked { color: #fff; background-color: #2c9cff; }
.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.float_right { float: right; }
.datepicker { width: 80px; min-height: 16px; padding: 2px; margin-bottom: 1px; vertical-align: middle; border: 2px solid #d6d6d6; }
.scrollbar { overflow: hidden; position: relative; }
.none { display: none; }
.sp_view { display: none; }
.sp_none { display: block; }
.toggle { cursor: pointer; }
.navi { display: inline-block; width: 1em; height: 1em; line-height: 1em; text-align: center; color: #fff; border: 2px solid #fff; border-radius: 0.5em; cursor: pointer; }
.bg_blue { background: #207cfe; }

.wrap { width: 960px; margin: 0 auto; position: relative; }
#header #logo { float: left; width: 250px; }
#header #logo img { max-width: 100%; }
#header #user { float: right; text-align: right; }
#header #logout { display: inline-block; margin: 0.5em 10px 0.5em 0; font-size: 14px; }
#header #fontsize { display: inline-block; margin: 0.5em 0; font-size: 16px; }
#header #fontsize div { display: inline-block; width: 1.3em; height: 1.3em; line-height: 1.3em; color: #fff; font-weight: bold; text-align: center; margin-left: 4px; background: #ccc; border-radius: 3px; cursor: pointer; }
#header #fontsize div:hover { opacity: 0.75; }
#header_sponsor { float: right; margin: 5px 0 0 20px; }
.login_button { color: #fff; font-size: 14px; padding: 2px 10px; margin-bottom: 0.1em; background: #ff7711; display: inline-block; border: 1px solid #ff9933; border-radius: 3px; cursor: pointer; -webkit-appearance: none; }
.logout_button { color: #fff; font-size: 14px; padding: 2px 10px; margin-bottom: 0.1em; background: #bbbbbb; display: inline-block; border: 1px solid #fff; border-radius: 3px; cursor: pointer; -webkit-appearance: none; }
.create_button { color: #fff; font-size: 14px; padding: 2px 10px; margin-bottom: 0.1em; margin-left: 5px; background: #ffcc33; display: inline-block; border: 1px solid #ffdd44; border-radius: 3px; cursor: pointer; -webkit-appearance: none; }
.login_button:hover, .logout_button:hover, .create_button:hover { opacity: 0.8; }

#body { margin: 1em 0; }

#side { width: 200px; margin: 0 20px 10px 0; float: left; }
#side .side { margin-bottom: 0.5em; }
#side .side_title { width: 180px; color: #6b4825; font-weight: bold; background: #f0f0f0; padding: 0.6em 1em; border-radius: 0.5em; cursor: pointer; background-image: url(../img/carat-d-white.png); background-position: 180px center; background-repeat: no-repeat; }
#side .side_list { backgound: #ffffff; display: none; }
#side .side_list ul li { width: 200px; }
#side .side_list ul li a { padding: 0.2em 1em; border-bottom: 1px solid #eee; display: block; }
#side .side_list ul li:last-child a { border: none; }
#side .side_list ul .select a, #side .side_list ul li a:hover { color: #f71; font-weight: bold; }
#side_filter { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.7; filter(alpha=70); z-index: 99; }

#main { width: 740px; padding: 0; margin-bottom: 10px; float: left; }

.button1 { display: inline-block; font-size: 1.3em; color: #fff; padding: 0.2em 1em; margin-bottom: 0.1em; text-shadow: 0 1px 0px #bbb; background: #2c9cff; border: 1px solid #2c9cff; cursor: pointer; border-radius: 0.6em; -webkit-border-radius: 0.6em; -moz-border-radius: 0.6em; -webkit-appearance: none; }
.button2 { display: inline-block; font-size: 1.3em; color: #fff; padding: 0.2em 1em; margin-bottom: 0.1em; text-shadow: 0 1px 0px #bbb; background: #bbb; border: 1px solid #bbb; cursor: pointer; border-radius: 0.6em; -webkit-border-radius: 0.6em; -moz-border-radius: 0.6em; -webkit-appearance: none; }
.button3 { display: inline-block; font-size: 1.3em; color: #fff; padding: 0.2em 1em; margin-bottom: 0.1em; text-shadow: 0 1px 0px #bbb; background: #ff6347; border: 1px solid #ff6347; cursor: pointer; border-radius: 0.6em; -webkit-border-radius: 0.6em; -moz-border-radius: 0.6em; -webkit-appearance: none; }
.cancel { font-size: 1.3em; color: #fff; padding: 0.2em 1em; text-shadow: 0 1px 0px #bbb; background: #bbb; border: 1px solid #bbb; cursor: pointer; border-radius: 0.6em; -webkit-border-radius: 0.6em; -moz-border-radius: 0.6em; -webkit-appearance: none; }
.button1:hover, .button2:hover, .button3:hover, .cancel:hover { opacity: 0.8; }

.status0 { display: inline-block; color: #fff; padding: 0 0.5em; margin-bottom: 0.1em; background: #bbb; border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; -webkit-appearance: none; }
.status1 { display: inline-block; color: #fff; padding: 0 0.5em; margin-bottom: 0.1em; background: #5c5; border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; -webkit-appearance: none; }
.status2 { display: inline-block; color: #fff; padding: 0 0.5em; margin-bottom: 0.1em; background: #f74; border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; -webkit-appearance: none; }
.status9 { display: inline-block; color: #fff; padding: 0 0.5em; margin-bottom: 0.1em; background: #bbb; border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; -webkit-appearance: none; }

.sns { display: inline-block; }
.sns div { display: inline-block; margin-right: 2px; }
.sns div img { height: 30px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }

#menu { margin-top: 10px; border-bottom: 4px solid #4a4; }
#menu ul li { float: left; position: relative; min-width: 3em; height: 2.2em; line-height: 2.2em; margin-right: 2px; text-align: center; font-weight: bold; border-radius: 1em 1em 0 0; background: #9c9; }
#menu ul li a { color: #fff; padding: 0 10px; display: block; white-space: nowrap; }
#menu ul li:hover, #menu ul li a:hover { background: #4a4; color: #fff; border-radius: 1em 1em 0 0; }
#menu ul li ul { position: absolute; top: 2.2em; width: auto; z-index: 10; }
#menu ul li ul li { visibility: hidden; overflow: hidden; width: 100%; height: 0; font-weight: normal; line-height: 2em; background: #fff; border-bottom: 1px solid #ccc; border-left: 1px solid #4a4; border-right: 1px solid #4a4; border-radius: 0 !important; -moz-box-shadow: 0px 1px 6px #4a4; -webkit-box-shadow: 0px 1px 6px #4a4; }
#menu ul li ul li:first-child { border-top: 4px solid #4a4; }
#menu ul li ul li:last-child { border-bottom: 2px solid #4a4; border-radius: 0 0 0.5em 0.5em !important; }
#menu ul li ul li a { text-align: left; color: #4a4; }
#menu ul li ul li:hover, #menu ul li ul li a:hover { background: #4a4; color: #fff }
#menu ul li:hover ul li, #menu ul li a:hover ul li{ visibility: visible; overflow: visible; height: 2em; z-index: 10; }
#menu ul .select { background: #4a4; background-image: -moz-linear-gradient(top, #5b5 0%, #4a4 25%, #4a4 25%, #5b5 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5b5), color-stop(0.25, #4a4), color-stop(0.25, #4a4), color-stop(1, #5b5)); }
#menu ul li ul li:first-child:after { border: 0.5em solid transparent; border-bottom: 0.5em solid #fff; display: block; position: absolute; top: -1em; left: 10px; content: ""; width: 0; z-index: 11; }

#sp_menu { background: #999; padding: 0.3em; color: #fff; line-height: 1.2em; }
#sp_menu .user { background: #999; display: inline-block; margin-top: 5px; margin-right: 0.5em; max-width: 220px; }
#sp_menu .login_button { margin-top: 0px; }
#sp_menu .create_button { margin-top: 0px; }
#sp_menu .sns img { max-height: 2em; margin-top: 2px; }
.sp_menu_button { height: 26px; line-height: 26px; padding: 0 4px 0 22px; display: inline-block; border: 1px solid #fff; border-radius: 5px; background-image: url(../img/sp/bars-white.png); background-position: 4px center; background-repeat: no-repeat; cursor: pointer; }

.table { width: 100%; border-collapse: collapse; margin-bottom: 1em; }
.table th { text-align: left; padding: 0.15em; border-bottom: 1px dotted #d6d6d6; }
.table td { word-break:break-all; padding: 0.15em; border-bottom: 1px dotted #d6d6d6; }
ul.table { display:table; width: 100%; }
ul.table li { display: table-row; border-bottom: 1px dotted #d6d6d6; }
ul.table div { display: table-cell; padding: 0.15em; }
ul.table h6 { display: table-cell; font-weight: bold; font-size: 1em; padding: 0.15em; }
ul.table h7 { display: table-cell; font-size: 1em; padding: 0.15em; }
.t5 { width: 5em; }
.t7 { width: 7em; }
.t10 { width: 10em; }
.t15 { width: 15em; }
.t20 { width: 20em; }
.t25 { width: 25em; }
.t30 { width: 30em; }
.input input[type="text"], .input input[type="email"], .input textarea { font-size: 100%; width: 90%; min-height: 1.2em; padding: 0.1em; margin-bottom: 1px; vertical-align: middle; border: 2px solid #d6d6d6; }
.input input[type="password"], .input input[type="date"], .input select { font-size: 100%; min-height: 1.2em; padding: 0.1em; margin-bottom: 1px; vertical-align: middle; border: 2px solid #d6d6d6; }
.input input[type="date"] { max-width: 10em; }
.nth tr:nth-child(even) { background-color: #fafafa; }
.nowrap td { width: 100px; max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.page { margin: 1em 0; text-align: center; position: relative; }
.page div { display: block; float: left; width: 70%; }
.page div:first-child { width: 15%; }
.page div:last-child { float: right; width: 15%; }
.page a { display: inline-block; color: #fff; padding: 0.1em 0.6em; margin: 0 0.2em 0.2em; background: #d0d6d9; border-radius: 0.8em; -webkit-border-radius: 0.8em; -moz-border-radius: 0.8em; cursor: pointer; }
.page a:hover { background: #2c9cff; }
.page span { display: inline-block; color: #fff; padding: 0.1em 0.6em; margin: 0 0.2em 0.2em; background: #2c9cff; border-radius: 0.8em; -webkit-border-radius: 0.8em; -moz-border-radius: 0.8em; }

#bottom_fix { color: #fff; width: 100%; height: 40px; position: fixed; left: 0; bottom: 0; background-color: #666; z-index: 999; text-align: center; display: none; opacity: 0.8; }
#bottom_fix_close { color: #fff; padding: 2px 10px; position: fixed; right: 10px; bottom: 5px; text-shadow: 0 1px 0px #bbb; background-color: #bbb; border: 1px solid #bbb; cursor: pointer; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
#bottom_fix_close:hover { opacity: 0.8; }

.switch { margin-bottom: 0.5em; border-bottom: 4px solid #3a57b5; }
.switch div { color: #6b4825; padding: 0.2em 1em; margin-top: 2px; margin-right: 2px; background: #f0f0f0; border-radius: 0.5em 0.5em 0 0; float: left; cursor: pointer; }
.switch .select { color: #fff; background: #3a57b5; cursor: auto; }

.bar { color: #fff; font-weight: bold; padding: 0.4em 1em; position: relative; margin-bottom: 0.5em; background: #666; background-image: -moz-linear-gradient(top, #888 0%, #777 50%, #666 50%, #777 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888), color-stop(0.50, #777), color-stop(0.50, #666), color-stop(1, #777)); }
.bar_blue { background: #005cde; background-image: -moz-linear-gradient(top, #207cfe 0%, #106cee 50%, #005cde 50%, #106cee 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #207cfe), color-stop(0.50, #106cee), color-stop(0.50, #005cde), color-stop(1, #106cee)); }
.bar_green { background: #32bb32; background-image: -moz-linear-gradient(top, #52db52 0%, #42cb42 50%, #32bb32 50%, #42cb42 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #52db52), color-stop(0.50, #42cb42), color-stop(0.50, #32bb32), color-stop(1, #42cb42)); }
.bar_red { background: #ffc100; background-image: -moz-linear-gradient(top, #ffe120 0%, #ffd110 50%, #ffc100 50%, #ffd110 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f99), color-stop(0.50, #f88), color-stop(0.50, #f77), color-stop(1, #f88)); }
.bar_yellow { background: #ffc100; background-image: -moz-linear-gradient(top, #ffe120 0%, #ffd110 50%, #ffc100 50%, #ffd110 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffe120), color-stop(0.50, #ffd110), color-stop(0.50, #ffc100), color-stop(1, #ffd110)); }
.bar_orange { background: #ffc100; background-image: -moz-linear-gradient(top, #fb2 0%, #fa1 50%, #f90 50%, #fa1 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fb2), color-stop(0.50, #fa1), color-stop(0.50, #f90), color-stop(1, #fa1)); }
.bar img { position: absolute; left: 0.4em; bottom: 0.4em; max-width: 2.5em; }

.item_block { margin-bottom: 1em; }
.item_block li { position: relative; display: inline-block; *display: inline; *zoom: 1; width: 160px; max-height: 300px; padding: 5px; margin: 0 10px 10px 0; vertical-align: top; overflow: hidden; border: 2px solid #eee; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
.item_block .img { text-align: center; height: 60px; padding: 0; margin: 0 0 1em 0; }
.item_block .img img { max-width: 120px; max-height: 60px; }
.item_block .title { height: 2.2em; line-height: 1.2em; margin-bottom: 0.2em; overflow: hidden; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; }

.ribon { display: inline; }
.ribon span { color: #fff; display: inline-block; position: absolute; top: 10px; left: -26px; width: 80px; padding: 0.1em 0.5em; text-align: center; text-transform: uppercase; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); background: #d93131; box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2); }
.ribon_blue span { background: #207cfe; }
.ribon_green span { background: #42cb42; }
.ribon_orange span { background: #fa0; }

.sponsor_wrap { text-align: center; }
.sponsor { display: inline-block; position: relative; margin: 1em 0; max-width: 100% !important; }
.sponsor * { max-width: 100% !important; }
.sponsor:after { display: inline-block; position: absolute; top: 0; right: 0; color: #fff; font-size: 10px; width: 9em; text-align: center; opacity: 0.75; background: #000; border-radius: 0 0 0 5px; content: "¥¹¥Ý¥ó¥µ¡¼¹­¹ð"; z-index: 5; }

#footer { color: #fff; text-align: center; min-width: 960px; padding: 10px 0; background-color: #666; }
#footer a { color: #fff; padding: 0 0.5em; white-space: pre; }
#footer #copyright { text-align: right; }
#footer .sp_view_footer { display: none; }

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


/* Loading */
.floatingCirclesG{position:relative;width:64px;height:64px;-moz-transform:scale(0.6);-webkit-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6);}
.floatingCirclesG div{position:absolute;background-color:#FFFFFF;height:12px;width:12px;-moz-border-radius:6px;-moz-animation-name:f_fadeG;-moz-animation-duration:1.04s;-moz-animation-iteration-count:infinite;-moz-animation-direction:linear;-webkit-border-radius:6px;-webkit-animation-name:f_fadeG;-webkit-animation-duration:1.04s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear;-ms-border-radius:6px;-ms-animation-name:f_fadeG;-ms-animation-duration:1.04s;-ms-animation-iteration-count:infinite;-ms-animation-direction:linear;-o-border-radius:6px;-o-animation-name:f_fadeG;-o-animation-duration:1.04s;-o-animation-iteration-count:infinite;-o-animation-direction:linear;border-radius:6px;animation-name:f_fadeG;animation-duration:1.04s;animation-iteration-count:infinite;animation-direction:linear;}
.frotateG_01{left:0;top:26px;-moz-animation-delay:0.39s;-webkit-animation-delay:0.39s;-ms-animation-delay:0.39s;-o-animation-delay:0.39s;animation-delay:0.39s;}
.frotateG_02{left:8px;top:8px;-moz-animation-delay:0.52s;-webkit-animation-delay:0.52s;-ms-animation-delay:0.52s;-o-animation-delay:0.52s;animation-delay:0.52s;}
.frotateG_03{left:26px;top:0;-moz-animation-delay:0.65s;-webkit-animation-delay:0.65s;-ms-animation-delay:0.65s;-o-animation-delay:0.65s;animation-delay:0.65s;}
.frotateG_04{right:8px;top:8px;-moz-animation-delay:0.78s;-webkit-animation-delay:0.78s;-ms-animation-delay:0.78s;-o-animation-delay:0.78s;animation-delay:0.78s;}
.frotateG_05{right:0;top:26px;-moz-animation-delay:0.91s;-webkit-animation-delay:0.91s;-ms-animation-delay:0.91s;-o-animation-delay:0.91s;animation-delay:0.91s;}
.frotateG_06{right:8px;bottom:8px;-moz-animation-delay:1.04s;-webkit-animation-delay:1.04s;-ms-animation-delay:1.04s;-o-animation-delay:1.04s;animation-delay:1.04s;}
.frotateG_07{left:26px;bottom:0;-moz-animation-delay:1.17s;-webkit-animation-delay:1.17s;-ms-animation-delay:1.17s;-o-animation-delay:1.17s;animation-delay:1.17s;}
.frotateG_08{left:8px;bottom:8px;-moz-animation-delay:1.3s;-webkit-animation-delay:1.3s;-ms-animation-delay:1.3s;-o-animation-delay:1.3s;animation-delay:1.3s;}
@-moz-keyframes f_fadeG{0%{background-color:#2C9DFF} 100%{background-color:#FFFFFF}}
@-webkit-keyframes f_fadeG{0%{background-color:#2C9DFF} 100%{background-color:#FFFFFF}}
@-ms-keyframes f_fadeG{0%{background-color:#2C9DFF} 100%{background-color:#FFFFFF}}
@-o-keyframes f_fadeG{0%{background-color:#2C9DFF} 100%{background-color:#FFFFFF}}
@keyframes f_fadeG{0%{background-color:#2C9DFF} 100%{background-color:#FFFFFF}}
/* End Loading */

/* scrollbar */
::-webkit-scrollbar { width: 16px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; }
::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); border-radius: 10px; }

#modal_filter { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.7; filter(alpha=70); overflow: hidden; z-index: 99; }
#modal_window { display: none; position: fixed; top: 5%; left: 50%; margin-left: -400px; width: 800px; height: 90%; background-color: #fff; border-radius: 0.8em; -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; z-index: 100; }
#modal_content { position: relative; top: 5%; left: 0%; width: 100%; height: 93%; margin: 0em; overflow: auto; -webkit-overflow-scrolling: touch; }
#modal { width: 90%; margin: 0 auto; }
#modal_close_button { position: fixed; top: 5%; left: 50%; margin: -15px 0 0 375px; width: 40px; height: 40px; line-height: 40px; color: #999; font-size: 36px; text-align: center; background: #ffffff; border: 2px solid #eee; border-radius: 20px; z-index: 101; cursor: pointer; }
#modal_content iframe { width: 100%; height: 98%; border: none; display: block; }
.modal_cancel { text-align: center; margin-top: 50px; padding: 8px; width: 50%; color: #fff; background: #cccccc; border-radius: 10px; cursor: pointer; }
.modal_cancel:hover { opacity: 0.8; }

#modal .button1, #modal .button2, #modal .button3 { line-height: 2.4em; padding: 0 3em; }
.modal_error { color: #ee2c3e; padding: 1em; margin-bottom: 1em; background-image: url(../img/message.png);  border: 1px solid #fff; border-radius: 10px; }

#popup_filter { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.2; filter(alpha=20); z-index: 99; }
#popup_window { display: none; position: fixed; top: 50%; left: 50%; margin-top: -200px; margin-left: -200px; width: 400px; height: 400px; background-color: #fff; border-radius: 0.8em; -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; z-index: 100; }
#popup_content { position: relative; top: 5%; left: 5%; width: 90%; height: 93%; margin: 0em; overflow: auto; -webkit-overflow-scrolling: touch; }

#sp_bottom_menu { position: fixed; bottom: 20px; right: 20px; height: 40px; width: 40px; background: #333; border: 2px solid #fff; border-radius: 22px; background-image: url(../img/sp/bars-white.png); background-position: center center; background-repeat: no-repeat; cursor: pointer; opacity: 0.9; }
#sp_bottom_menu:hover { opacity: 0.75; }

/* fileupload */
.upload .preview {}
.upload .preview img { max-width: 500px; max-height: 300px; }
.upload label { display: inline-block; position: relative; overflow: hidden; vertical-align: middle; padding: 0; margin: 0; }
.upload label input[type="file"] { position: absolute; top: 0; right: 0; cursor: pointer; font-size: 100px; opacity: 0.01; -ms-filter: "alpha(opacity=1)"; }
.upload label .img_upload_btn { color: #fff; font-size: 120%; padding: 0 1em 0 3em; margin: 1em 0; line-height: 2.6em; background: #ff9a31; border-radius: 5px; background-image: url(../img/camera.png); background-size: 2em; background-repeat: no-repeat; background-position: 0.5em center; }
.upload label .upload_del { margin: 1em 0; display: none; }

@media screen and (max-width: 960px) {
	#modal_window { left: 5%; margin-left: 0px; width: 92%; }
	#modal_close_button { left: 95%; margin: -7px 0 0 -17px; width: 24px; height: 24px; line-height: 24px; font-size: 22px; }
	#footer .sp_view_footer { display: block; }
}
@media screen and (max-width: 400px) {
	#popup_window { left: 5%; margin-left: 0px; width: 92%; }
}
@media screen and (max-height: 800px) {
	#modal_window { top: 30px; height: 700px; }
	#modal_close_button { top: 30px; }
}
@media screen and (max-height: 600px) {
	#modal_window { height: 500px; }
}
@media screen and (max-height: 400px) {
	#modal_window { height: 300px; }
	#popup_window { top: 30px; margin-top: 0; height: 300px; }
}