/*----------------------------------------------------
220528
------------------------------------------------------*/
/* ImageLayout */
img.img_left { vertical-align: middle; float: left; padding: 5px 10px 5px 0; }
img.img_right { vertical-align: middle; float: right; padding: 5px 0 5px 10px; }
#imgin { font-size: 80%; width: 160px; float: left; margin: 10px -10px 5px 20px; display: inline; }
#sns_box { width: 50px; float: right; margin: 5px 5px 3px; display: block; }
/* KantanNav */
#kt_buttom { background-color: #eee8d9; position: fixed; right: 0px; top: 172px; width: 100px; z-index: 999; border-top: 2px solid #fff; border-bottom: 2px solid #fff; border-left: 2px solid #fff; border-radius: 20px 0 0 20px; }
#kt_buttom li { text-align: center; width: 80px; height: 79px; float: left; padding: 10px; border-bottom: 1px solid #b6aa8d; }
#kt_buttom li:last-child { border-bottom: 0px solid #535353; }
#kt_buttom li .oshirase { color: #fff; text-align: center; background-color: #c00000; position: absolute; top: 205px; right: 5px; width: 28px; height: 28px; padding: 0; border-radius: 50%; }
#kt_buttom li .oshirase img { position: absolute; top: 6px; left: 7px; }
#kt_buttom li #ktb_text { font-size: 120%; text-align: center; width: 100px; height: 100px; padding: 20px 0; }
#sdmobile { background-color: #eee8d9; position: fixed; bottom: 0; width: 100%; z-index: 999; border-top: 2px solid #fff; }
#sdmobile li { text-align: center; width: 25%; float: left; padding: 1% 4%; border-right: 1px solid #b6aa8d; }
#sdmobile li:last-child { border-right: 0px solid #535353; }
#sdmobile li .oshirase { color: #fff; text-align: center; background-color: #c00000; position: absolute; top: 25px; right: 25px; width: 25px; height: 25px; padding: 0; border-radius: 50%; }
#sdmobile li .oshirase img { position: absolute; top: 5px; left: 5px; }
#sdmobile li #ktb_text { font-size: 120%; text-align: center; width: 100%; padding: 20px 0; }
#sdmobile li #ktb_text a:link { text-decoration: none; color: #535353; }
#sdmobile li #ktb_text a:visited { text-decoration: none; color: #535353; }
#sdmobile li #ktb_text a:hover { text-decoration: none; color: #a54a4a; background-color: rgba(255,255,255,0.3); }
#sdmobile2 { background-color: #eee8d9; width: 100%; float: left; border-top: 2px solid #fff; }
#sdmobile2 li { text-align: center; width: 25%; float: left; padding: 0.5% 4%; border-right: 1px solid #b6aa8d; }
#sdmobile2 li:last-child { border-right: 0px solid #535353; }
#sdmobile2 li .oshirase { color: #fff; text-align: center; background-color: #c00000; width: 25px; height: 25px; float: right; position: relative; bottom: 92px; right: 0; padding: 0; border-radius: 50%; }
#sdmobile2 li .oshirase img { position: absolute; top: 5px; left: 5px; }
#sdmobile2 li #ktb_text { font-size: 120%; text-align: center; width: 100%; padding: 20px 0; }
#sdmobile2 li #ktb_text a:link { text-decoration: none; color: #535353; }
#sdmobile2 li #ktb_text a:visited { text-decoration: none; color: #535353; }
#sdmobile2 li #ktb_text a:hover { text-decoration: none; color: #a54a4a; background-color: rgba(255,255,255,0.3); }
/* ItemRist */
#alook_img { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: relative; width: 100%; height: 180px; margin: 0; padding: 0; float: left; border: none; display: block; border-radius: 5px; }
#alook_img:hover { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
#alook_img #alook_name { color: #fff; text-align: center; background-color: #929292; font-size: 90%; line-height: 120%; width: 96%; position: absolute; left: 0; bottom: 0; z-index: 888; overflow: hidden; float: left; padding: 3% 2.3%; display: block; border-radius: 0 0 5px 5px; }
#alook_img #alook_souko { text-align: left; position: absolute; left: 0; top: 0; width: 88%; z-index: 999; overflow: hidden; float: left; padding: 8px 6% 0; display: inline; text-shadow: -1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff; }
#alook_img #alook_ship { width: auto; float: right; margin: 15px -1px 0 0; }
#alook_img #alook_comm { font-size: 70%; line-height: 96%; width: 194px; position: absolute; left: 0; top: 0; z-index: 888; overflow: hidden; float: left; padding: 3px 2% 0; display: inline; border-radius: 5px 5px 0 0; text-shadow: -1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff; }
/* ItemDetail */
#d_img { width: 57%; float: left; margin: 0 3% 0 0; padding: 0; display: block; }
#d_img img { margin: 0 0 1%; border-radius: 5px; }
#d_img ul { width: 100%; margin: 0; padding: 0; display: block; }
#d_img li { width: 49%; height: auto; float: left; margin: 0 1% 1% 0; padding: 0; display: block; }
#d_img li img { width: 100%; border-radius: 5px; }
#d_text { width: 38%; float: right; margin: 0 0 0 2%; padding: 0; display: block; }
#d_text h1 { margin: 10px 0 30px; padding: 0; }
#d_text #select_body { width: 70%; margin: 10px 0 0 15%; }
#d_text table { font-size: 80%; width: 100%; }
#d_text td { vertical-align: middle; padding: 5px; }
#d_text .mitext_red { font-size: 120%; }
#d_text .lltext_red { font-size: 240%; letter-spacing: 0.1em; }
#d_text #comm_body { margin: 30px 0; padding: 7%; border-radius: 5px; }
/* Event */
#alook_img #event_area { font-size: 80%; text-align: left; background-color: rgba(255, 255, 255, 0.8); position: absolute; left: 0; top: 0; width: auto; padding: 0 5px; z-index: 990; display: block; border-radius: 5px 0 0 0; }
#alook_img #event_area2 { font-size: 80%; text-align: left; background-color: rgba(255, 255, 255, 0.8); position: absolute; right: 0; top: 0; width: auto; padding: 0 5px; z-index: 990; display: block; }
#event h2 { margin: 0 3% 20px 0; padding: 30px 0 15px 10px; border-bottom: solid #765e7b 2px; }
#event #d_img { width: 93%; float: left; margin: 0 2%; padding: 0; display: block; }
#event #d_img img { border-radius: 5px; }
#event #two_culm { width: 50%; float: left; margin: 0; padding: 0; display: block; }
#event #two_culm img { width: 100%; float: left; border-radius: 5px; }
#event #event_list { width: 42%; float: left; margin: 0 0 0 1.5%; padding: 2%; display: block; }
#event #event_list ul { width: 100%; float: left; margin: 10px 0 0; padding: 0; display: block; }
#event #event_list li { width: 85%; margin: 0; padding: 2% 0 2% 15%; display: block; }
.zip { background: url(../common/images/icon_zip.png) no-repeat left top; }
.tel { background: url(../common/images/icon_tel.png) no-repeat left top; }
.acc { background: url(../common/images/icon_acc.png) no-repeat left top; }
.url { background: url(../common/images/icon_url.png) no-repeat left top; }
.time { background: url(../common/images/icon_time.png) no-repeat left top; }
.off { background: url(../common/images/icon_off.png) no-repeat left top; }
.cred { background: url(../common/images/icon_cred.png) no-repeat left top; }
.kika { background: url(../common/images/icon_kika.png) no-repeat left top; }
.tick { background: url(../common/images/icon_tick.png) no-repeat left top; }
.age { background: url(../common/images/icon_age.png) no-repeat left top; }
.spon { background: url(../common/images/icon_spon.png) no-repeat left top; }
/* Column SYS */
#colu_list li { background: #fff; width: 23%; float: left; margin: 0 1% 2%; padding: 0; display: block; border: #b4b4b4 1px solid; border-radius: 10px; }
#colu_list li a:link { text-decoration: none; color: #535353; }
#colu_list li a:visited { text-decoration: none; color: #535353; }
#colu_list li a:hover { text-decoration: none; color: #a54a4a; }
#colu_list li h2 { font-size: 120%; margin: 0; padding: 0; }
#colu_list li h3 { font-size: 120%; margin: 0; padding: 3px 0 10px; }
#colu_list #colu_title { text-align: center; width: 92%; float: left; margin: 0; padding: 4%; display: block; }
#colu_list #colu_img { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 180px; float: left; margin: 0; padding: 0; display: block; }
#colu_list #colu_text { font-size: 80%; line-height: 130%; width: 92%; float: left; margin: 0; padding: 4%; display: block; }
#colu_list2 li { background: #fff; width: 31%; float: left; margin: 0 1% 2%; padding: 0; display: block; border: #b4b4b4 1px solid; border-radius: 10px; }
#colu_list2 li a:link { text-decoration: none; color: #535353; }
#colu_list2 li a:visited { text-decoration: none; color: #535353; }
#colu_list2 li a:hover { text-decoration: none; color: #a54a4a; }
#colu_list2 li h2 { font-size: 120%; margin: 0; padding: 0; }
#colu_list2 li h3 { font-size: 120%; margin: 0; padding: 3px 0 10px; }
#colu_list2 #colu_title { text-align: center; width: 92%; float: left; margin: 0; padding: 4%; display: block; }
#colu_list2 #colu_img { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 180px; float: left; margin: 0; padding: 0; display: block; }
#colu_list2 #colu_text { font-size: 80%; line-height: 130%; width: 92%; float: left; margin: 0; padding: 4%; display: block; }
/* side_navi */
#side_navi #user_box { width: 86%; float: left; margin: 0 5%; padding: 2%; display: block; }
#side_navi #user_box .button { margin: 5px 0 0; }
#side_navi #user_box ul { width: 100%; float: left; margin: 10px 0 0; padding: 0; display: block; }
#side_navi #user_box li { line-height: 130%; width: 85%; float: left; margin: 6px 2% 3px; padding: 4px 0 4px 28px; }
#side_navi #user_box li:nth-child(1) { background: url(../common/images/list_login.png) no-repeat left top; }
#side_navi #user_box li:nth-child(2) { background: url(../common/images/list_key.png) no-repeat left top; }
#side_navi #user_box li:nth-child(3) { background: url(../common/images/list_lost.png) no-repeat left top; }
#side_navi #user_box li:nth-child(4) { background: url(../common/images/list_drawal.png) no-repeat left top; }
#side_navi #user_box2 ul { width: 86%; float: left; margin: 10px 5% 0; padding: 2%; display: block; }
#side_navi #user_box2 li { line-height: 130%; width: 85%; float: left; margin: 6px 2% 3px; padding: 4px 0 4px 28px; }
#side_navi #user_box2 li:nth-child(2) {background: url(../common/images/list_home.png) no-repeat left top; }
#side_navi #user_box2 li:nth-child(3) {background: url(../common/images/list_logout.png) no-repeat left top; }
#side_navi #user_box2 li:nth-child(4) { background: url(../common/images/list_user.png) no-repeat left top; }
#side_navi #user_box2 li:nth-child(5) { background: url(../common/images/list_key.png) no-repeat left top; }
#side_navi #user_box2 li:nth-child(6) { background: url(../common/images/list_event.png) no-repeat left top; }
/* ShadowBox */
#sb_container { font-size: 90%; line-height: 140%; background-repeat: no-repeat; background-attachment: scroll; width: 100%; overflow: hidden; margin: 0; padding: 0 0 30px; display: block; order-right-style: solid; }
#sb_main { width: 66%; float: left; background-color: #f0ede5; margin: 0 2% 5%; padding: 3%; display: block; border-radius: 0 0 10px 10px; }
#sb_main h1 { font-size: 140%; margin: 20px 15px 20px 0; }
#sb_main h2 { font-size: 110%; margin: 20px 15px 20px 0; }
#sb_main p { font-size: 90%; margin: 10px 15px 0 0; }
#sb_navi { width: 20%; float: right; background-color: rgba(69,48,46,0.7); margin: 0; padding: 2%; display: block; border-radius: 0 0 0 10px; }

/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {
/* Column SYS */
#sdmobile { display: none; }
}

/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {
#sdmobile { display: none; }
#rist_cart a { position: fixed; top: 70px; right: 1%; }
}

/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
#d_img { width: 90%; float: left; margin: 0 5%; padding: 0; display: block; }
#d_img img { margin: 0 0 1%; border-radius: 5px; }
#d_img ul { width: 90%; margin: 0 5%; padding: 0; display: block; }
#d_img li { width: 49%; height: auto; float: left; margin: 0 1% 1% 0; padding: 0; display: block; }
#d_img li img { width: 100%; border-radius: 5px; }
#d_text { width: 80%; float: left; margin: 30px 10%; padding: 0; display: block; }
#d_text h1 { margin: 10px 0 30px; padding: 0; }
#d_text #select_body { width: 70%; margin: 10px 0 0 15%; }
#d_text table { font-size: 80%; width: 100%; }
#d_text td { vertical-align: middle; padding: 5px; }
#d_text .mitext_red { font-size: 120%; }
#d_text .lltext_red { font-size: 240%; letter-spacing: 0.1em; }
#d_text #comm_body { margin: 30px 0; padding: 7%; border-radius: 5px; }
#rist_cart a { position: fixed; top: 70px; right: 1%; }
#event #event_list { width: 97%; }
#colu_list li { width: 48%; }
#colu_list2 li { width: 48%; }
}

/* Mobile2用 */
@media screen and (max-width: 540px) {
#d_img { width: 90%; float: left; margin: 0 5%; padding: 0; display: block; }
#d_img img { margin: 0 0 1%; border-radius: 5px; }
#d_img ul { width: 90%; margin: 0 5%; padding: 0; display: block; }
#d_img li { width: 49%; height: auto; float: left; margin: 0 1% 1% 0; padding: 0; display: block; }
#d_img li img { width: 100%; border-radius: 5px; }
#d_text { width: 80%; float: left; margin: 30px 10%; padding: 0; display: block; }
#d_text h1 { margin: 10px 0 30px; padding: 0; }
#d_text #select_body { width: 70%; margin: 10px 0 0 15%; }
#d_text table { font-size: 80%; width: 100%; }
#d_text td { vertical-align: middle; padding: 5px; }
#d_text .mitext_red { font-size: 120%; }
#d_text .lltext_red { font-size: 240%; letter-spacing: 0.1em; }
#d_text #comm_body { margin: 30px 0; padding: 7%; border-radius: 5px; }
#rist_cart a { position: fixed; top: 70px; right: 1%; }
#event #event_list { width: 97%; }
#colu_list li { width: 48%; }
#colu_list2 li { width: 48%; }
}