input[type=text],
input[type=password] { width:100%; height:38px; line-height:38px; border:1px solid #b9ac97; padding:0 10px; color:#2e2c2b; }
select { width:100%; height:38px; line-height:38px; border:1px solid #b9ac97; padding:0 0 0 10px; color:#2e2c2b; }

.swiper_mt_slider img { width:100%; }

/*
:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
opacity:0.7; -khtml-opacity:0.7; -moz-opacity:0.7;
*/

/* layout */
body { background:#fff; }
#wrap { position:relative; min-width:320px; }
#header { position:absolute; top:10px; left:10px; right:10px; height:50px; z-index:20; }
#header h1 { position:absolute; top:17px; left:10px; }
#header h1 img { width:220px; }
#header .bt_gnb { position:absolute; display:block; text-indent:-9999px; z-index:1; top:8px; right:5px; width:40px; height:32px; background:url('../img/btn_gnb.png') no-repeat 0 0; background-size:100%;  }
#header .bt_gnb.on {}

#gnb { position:relative; top:15px; left:15px; right:15px; padding-top:75px; padding-bottom:50px;background:#fff; z-index:119; display:none; }
/*
#gnb > .menu { position:relative; }
#gnb > .menu > li { position:relative; }
*/
#gnb button.btn_close { position:absolute;top:0px; right:0px;width:43px; height:43px; background:url('../img/btn_menu_close.gif') no-repeat; background-size:23px 23px; background-position:10px 10px; display:block;text-indent:-20000em; border:0px;}
#gnb a { text-indent:-9999px; }
#gnb >.menu > li { padding-bottom:5px; }
#gnb >.menu > li > a { display:block; width:100%; height:45px;  }
#gnb >.menu > li.menu1  a { background:url('../img/menu1_off.gif') no-repeat; background-size:220px 20px; background-position: center 13px;  }
#gnb >.menu > li.menu2  a { background:url('../img/menu2_off.gif') no-repeat; background-size:220px 20px; background-position: center 13px;  }
#gnb >.menu > li.menu3  a { background:url('../img/menu3_off.gif') no-repeat; background-size:220px 20px; background-position: center 13px;  }
#gnb >.menu > li.menu4  a { background:url('../img/menu4_off.gif') no-repeat; background-size:220px 20px; background-position: center 13px;  }
#gnb >.menu > li.menu5  a { background:url('../img/menu5_off.gif') no-repeat; background-size:220px 20px; background-position: center 13px;  }
#gnb >.menu > li.sns a  { background:url('../img/btn_sns.gif') no-repeat; background-size:31px 31px; background-position: center 10px;height:50px; margin-top:20px;   }
#gnb >.menu > li.menu1  a:hover { background:url('../img/menu1_on.gif') no-repeat; background-size:220px 20px; background-position: center 13px;  }
#gnb >.menu > li.menu2  a:hover { background:url('../img/menu2_on.gif') no-repeat; background-size:220px 20px; background-position: center 13px;  }
#gnb >.menu > li.menu3  a:hover { background:url('../img/menu3_on.gif') no-repeat; background-size:220px 20px; background-position: center 13px;  }
#gnb >.menu > li.menu4  a:hover { background:url('../img/menu4_on.gif') no-repeat; background-size:220px 20px; background-position: center 13px;  }
#gnb >.menu > li.menu5  a:hover { background:url('../img/menu5_on.gif') no-repeat; background-size:220px 20px; background-position: center 13px;  }

.gnb_bg { position:fixed; top:0; bottom:0; left:0; right:0; background:#000; opacity:0.7; -khtml-opacity:0.7; -moz-opacity:0.7; z-index:18; display:none; }

#main_content { background-image:url('../img/sub_bg.jpg') ; background-size:320px 334px; }
.full { width:100%; }

.sect01 { padding:0px 20px; font-size:12px; line-height:20px; }
.sect01 img.main_btn { width:260px; height:44px;text-aling:center; }
#main_content .main_nav li { padding-bottom:20px; }
#main_content .main_nav li a { margin:0 auto; text-align:center; display:block; text-indent:-20000px;width:280px;height:280px; }
#main_content .main_nav li.item1 a { background-image:url('../img/main_nav1.jpg'); background-size:100%; }
#main_content .main_nav li.item2 a { background-image:url('../img/main_nav2.jpg'); background-size:100%; }
#main_content .main_nav li.item3 a { background-image:url('../img/main_nav3.jpg'); background-size:100%; }
#main_content .main_nav li.item1 a:hover, #main_content .main_nav li.item1 a:active { background-image:url('../img/main_nav1_on.jpg') ;background-size:100%; }
#main_content .main_nav li.item2 a:hover, #main_content .main_nav li.item2 a:active { background-image:url('../img/main_nav2_on.jpg')  ;background-size:100%; }
#main_content .main_nav li.item3 a:hover, #main_content .main_nav li.item3 a:active { background-image:url('../img/main_nav3_on.jpg') ;background-size:100%; }

#footer  { padding-top:35px; padding-bottom:35px;}
#footer .brand { padding-bottom:35px;}
#footer .brand img { width:300px; }
#footer .copyright { font-size:10px; color:#787878;text-transform:uppercase }

#content { padding-top:70px;padding-bottom:50px; background-image:url('../img/sub_bg.jpg') ; background-size:320px 334px; }

.txt_head { display:block; font-size:12px;font-weight:bold;line-height:18px; padding-top:15px;  }
p.middleline { margin:auto;padding-top:23px; margin-bottom:23px; width:50px; border-bottom:3px solid black; }
.txt01 { font-size:12px; line-height:18px; }

.press { border-top:3px solid black; border-bottom:2px  solid black; }
.press li { border-bottom:1px solid black;overflow:hidden;padding-top:15px;padding-bottom:15px; }
.press li a { text-align:center; text-decoration: none; }
.press li .headline { display:block;text-align:left;font-size:17px; line-height:24px; color:#787878;padding-bottom:3px; }
.press li .date { display:block;text-align:left;font-size:10px; color:#787878;}

.press.read { padding-top:20px; padding-bottom:50px; text-align:center; }
.press.read img { width:100%  !important; max-width:600px  !important; }
.press.read .head .title { padding:19px 0px; font-size:18px; line-height:24px; color:black; }
.press.read .read_content { font-size:12px; line-height:17px; color:#1b1b1b; }
.press.read .date { padding-top:30px;font-size:10px; }

.board_nav { margin-top:0px; border-top:1px solid #000;border-bottom:3px solid #000; }
.board_nav li {
    padding-left:0px; font-size:12px;line-height:60px; font-weight:normal;color:#333;
    overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.board_nav li:first-child { border-bottom:1px solid #000; }
.board_nav li a:hover { text-decoration: none;color:black; }

.btn_list { display:block;padding-top:20px;  text-align:center; }

.pagination { position:relative; text-align:center;padding-top:20px; padding-bottom:20px; }
.pagination a { vertical-align:top; text-decoration: none; }
.pagination a img.mobile { width:30px; height:30px; }
.pagination span { padding:0px; display:inline; }
.pagination span a { display:inline-block; width:30px; height:30px; line-height:30px; color:#50351f; font-size:12px; font-weight:normal; padding:0px; margin:0 3px; }
.pagination span a.on { color:#fff; text-decoration:none; background:#000; }


.event li { margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #c8c8c8; }
.event li:last-child { margin-bottom:0px;padding-bottom:25px;border-bottom:1px solid #c8c8c8; }
.event li .thumb_list img { width:100%; max-width:600px;}
.event li .event_info { padding-top:17px; text-align:center; }
.event li .event_info .headline { display:block;text-align:center;font-size:17px; line-height:24px; color:#000;margin-bottom:10px; }
.event li .event_info .summary { display:block;text-align:center;font-size:12px; line-height:22px; color:#000;margin-bottom:10px; }
.event li .event_info .date { display:block;text-align:center;font-size:10px; line-height:22px; color:#787878;margin-bottom:14px; }

.event.read  { border-top:3px solid black; border-bottom:3px  solid black; }
.event.read { padding-top:20px;padding-bottom:30px; text-align:center; }
.event.read img { width:100%  !important; max-width:600px !important;}
.event.read .head .title { padding:18px 0px; font-size:17px; line-height:24px; color:black; }
.event.read .read_content { font-size:12px; line-height:18px; color:#1b1b1b; }
.event.read .date { padding-top:50px;font-size:16px; }

.map { width:100%; height:280px; padding-bottom:20px; }
.map_info  { padding-top:20px; margin:auto; }
.map_info h2 { font-size:20px;line-height:24px; color:black;padding-bottom:10px;margin-bottom:10px; border-bottom:1px solid #c8c8c8 }
.map_info p.contact { font-size:12px; line-height:20px; color:black; }
.map_info p.contact a { color:black; }

.picture_wrap.video { display:none;position:relative;background:black;}
.video .jessica_view { width:100%;height:100%;background:black url('../img/spinner.gif') no-repeat center center; }
.video_link_zone { position:absolute;bottom:10px;right:10px;display:block;width:29px;height:29px;background:url("../img/btn_close.png") no-repeat 0px 0px;background-size:29px 29px;text-indent:-200000px; }

.pswp__title {
    position: absolute;
    left: 40px;
    right: 40px;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #FFF;
    opacity: 1;
    padding: 0 0px;
}

.pswp__title.brand1 { background:url('../img/gallery_title1.png') no-repeat; background-size:106px 22px; background-position:center 8px;}
.pswp__title.brand2 { background:url('../img/gallery_title2.png') no-repeat; background-size:175px 22px; background-position:center 8px;}
.pswp__title.brand3 { background:url('../img/gallery_title3.png') no-repeat; background-size:140px 22px; background-position:center 8px;}
.pswp__title.brand4 { background:url('../img/gallery_title4.png') no-repeat; background-size:125px 22px; background-position:center 8px;}
.pswp__title.brand5 { background:url('../img/gallery_title5.png') no-repeat; background-size:94px 22px; background-position:center 8px;}