@charset "UTF-8";

.menu_links{margin: 40px auto;}
.menu_links ul {width: 960px; margin: 0 auto 30px;
display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.menu_links li {width: 32.5%;margin-right: 0.67%;display: inline-block;background: #3a3532;padding: 12px 20px;text-align: center;font-size: 14px;}
.menu_links li:nth-child(4) {margin-right:0;}
.menu_links a{color: #FFF;}
.menu_links  a:after,.menu_links .current span:after {content: "\f105";margin: 0 8px 0 14px;font-size: 1.7rem;font-family: "FontAwesome";display: inline-block;}
.menu_links li.current{background: #e2d9e3;}
.menu_links li.current span{ display:block;}
.menu_links .current span:after{color:#3a3532;}
.intro_head {position: relative;padding: 30px 0 40px;text-align: center;font-size: 2.8rem;line-height: 1.4;color: #3a3531;font-weight: 500;}
.intro_head:before, .intro_head:after{content: '';position: absolute;top: 50%;display: inline-block;width: 70px;height: 2px;background-color: black;}
.intro_head:before {left: 120px;-moz-transform: rotate(50deg);-webkit-transform: rotate(50deg);-ms-transform: rotate(50deg);transform: rotate(50deg);}
.intro_head:after {right: 120px;-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);-ms-transform: rotate(-60deg);transform: rotate(-60deg);}
.intro_head span.gold {color: #ae960e;font-weight: 500;}
.intro_head span.pink {color: #f6527c;font-weight: 500;} .in_box {text-align: center;border-top: none;padding: 10px 0; vertical-align: middle;}
.bui_select_box { background: #FFF; padding: 35px;}
.in_box { display: inline-block; vertical-align: top; position: relative;}
.in_box p.ttl { background: #3a3531; color: #FFF; font-size: 2rem; text-align: center;}
.in_box.front { width: 500px;}
.in_box.front img { margin: 30px auto;}
.in_box.back { width: 380px;}
.in_box.back img { margin: 30px 0;}
.bui_select_box ul { position: absolute;}
.in_box.front  ul.b_left { top: 65px;}
.in_box.front ul.b_left li:nth-child(8) {margin-top: 110px;}
.in_box.front  ul.b_left li:nth-child(10) { margin-top: 60px;}
.in_box.front  ul.b_right { top: 65px; right: 0;}
.in_box.front  ul.b_right li:nth-child(3) { margin-top: 70px;}
.in_box.front  ul.b_right li:nth-child(7) { margin-top: 60px;}
.in_box.back  ul.b_right { top: 130px; right: 0;}
.in_box.back  ul.b_right li:nth-child(2) { margin-top: 25px;}
.in_box.back  ul.b_right li:nth-child(6) { margin-top: 40px;}
.bui_select_box li {border: 1px solid #3c3c3c;width: 120px;text-align:center;border-radius: 5px;padding: 6px;margin-bottom: 10px;background: #e2d9e3;}
.bui_select_box li a {font-size: 1.6rem;position: relative;}
.bui_select_box li a:after { content: "\f105"; font-size: 1.6rem; font-family: "FontAwesome"; position: absolute; right: 0px;}
.bui_select_box li:hover {background: #f6527c;}
.menu_area {padding: 18px 13px 24px;margin-top: 33px;background: #fff;width: 100%;}
.menu_area p { font-size: 14px; padding: 5px;}
.menu_area a.bnr {width: 50%;background: #575153;color: #FFF;text-align: center;letter-spacing: 3px;margin: 10px auto 0;padding: 5px;font-size: 1.6rem;position: relative;}
.menu_area a.bnr:after {content: ">>";position: absolute;top: 9px;right: 20px;font-size: 60%;letter-spacing: 0;}
.menu_area .set li { display: inline-block; width: 48%; margin-right: 20px;}
.menu_area .set li:last-child {margin-right: 0;}
.menu_area .set a.bnr { width: 100%; }
.menu_area .menu_title {font-size: 30px;font-weight: bold;border-bottom: 1px dashed;padding-left: 12px;margin-bottom: 18px;color: #000;}
.menu_area .menu_title span {font-size: 16px;font-weight: normal;margin-left: 14px;} @media screen and (max-width: 736px) {
.main-contents {    width: 96%;    margin: 0 auto;}
.menu_links {    margin: 5% auto;}
.menu_links ul {width: 100%;margin: 0 auto 0;font-size: 0;padding: 0;text-align: center;-ms-flex-wrap: wrap;flex-wrap: wrap;  }
.menu_links  li {width: 32.3%;display: inline-block;background: #3a3532;margin: 0 1px 2px 1px;padding: 3% 1%;text-align: center;font-size: 3.5vw;}
.menu_links li:nth-child(4) {margin-right: 1px;}
.menu_links  a ,.voice_links2  .current span {color: #FFF;padding-left: 6%;}
.menu_links  a:after,.menu_links .current span:after {content: "\f105";margin:0 8px 0 5%;font-size: 4vw;font-family: "FontAwesome";display: inline-block;}
.menu_links  li.current a:after {content: "\f105";margin: 0 8px 0 4px;font-size: 4vw;font-family: "FontAwesome";display: inline-block;color: #3a3533;}
.menu_links li.current{}
.menu_links .current span:after {    color: #3a3532;}
.intro_head {padding:5% 0; text-align: center; font-size: 5.5vw; line-height: 1.4;}
.intro_head:before,.intro_head:after{width: 70px;height: 1px;}
.intro_head:before {left:-20px;}
.intro_head:after {right:-20px;}
.bui_select_box { padding:5% 5% 2%;}
.in_box { display:block;}
.in_box.front { width: 100%;}
.in_box.front img { height: 104vw;margin: 5vw auto;}
.in_box.back {width: 100%;}
.in_box.back img {height: 104vw;margin: 5vw 5vw;}
.in_box.front  ul.b_left {top: 13vw;}
.in_box.front  ul.b_right { top: 13vw; right: 0;}
.in_box.back  ul.b_right {top: 23vw;right: 17vw;}
.in_box.front ul.b_left li:nth-child(8) {margin-top: 20vw;}
.in_box.front  ul.b_left li:nth-child(10) {margin-top: 8vw;}
.in_box.front  ul.b_right li:nth-child(3) {margin-top: 13vw;}
.in_box.front  ul.b_right li:nth-child(7) {margin-top: 9vw;}
.in_box.back  ul.b_right li:nth-child(2) {margin-top: 4vw;}
.in_box.back  ul.b_right li:nth-child(6) {margin-top: 7vw;}
.bui_select_box ul li {width: 80px;height: 6.5vw;margin-bottom: 1.5vw;padding: 3%;}
.bui_select_box ul li a { font-size: 3vw;}
.bui_select_box ul li a:after { font-size: 3vw;}
p.bui_text_otoku {font-size: 5vw; letter-spacing: 0;}
p.bui_text_otoku:before,p.bui_text_otoku:after { font-size: 5vw;}
.menu_area .set li { display: block; width: 100%; margin-right: 0; margin-bottom: 10%;}
.menu_area .set li:last-child { margin-bottom: 0%;}
p.text-r {font-size: 3.6vw;}
.bui_select_box li.b_all {padding: 9% 3%;height: 8.5vw;}
.menu_set_select {padding: 5% 3%;margin-bottom: 5%;}
.menu_set_select .menu_title {font-size: 7vw;padding-left: 2%;margin-bottom: 3%;}
.menu_set_select .menu_title span { display: block; line-height: 1; margin:-1% 0 2%;}
.menu_area .menu_title {font-size: 7vw;padding-left: 2%;margin-bottom: 3%;}
.menu_area .menu_title span { display: block; line-height: 1; margin:-1% 0 2%;}
.menu_area a.bnr {width: 100%;margin: 3% auto 0;padding: 2%;font-size: 3.4vw;}
}