@charset "UTF-8";
.cf { zoom: 1; /* for ie */ }
.cf:after { content: ""; display: table; clear: both; }

#yado { padding: 0; }
#yado .boxSection { padding: 30px 0; }
@media screen and (max-width: 480px) { #yado .boxSection { padding: 15px 0; } }
#yado .boxTitle { font-size: 1.6em; margin-bottom: 60px; }
@media screen and (max-width: 480px) { #yado .boxTitle { margin-bottom: 30px; } }
#yado .aword-4star { margin-bottom: 15px; }
@media screen and (max-width: 480px) { #yado .aword-4star { margin: 0 10px 5px; } }

.free { width: 1160px; margin: 0 auto; }
@media screen and (max-width: 480px) { .free { width: 100% !important; } }

.yado-top { padding: 15px 0; margin-bottom: 30px; background: url(http://www.companion-enkai.com/img/page-title.jpg) center; color: #fff; }
@media screen and (max-width: 480px) { .yado-top { padding: 10px 0; margin-bottom: 10px; background-size: 200%; } }
.yado-top a { color: #fff; }
.yado-top .list-place { margin-bottom: 0; }

.list-place { margin-bottom: 15px; }
@media screen and (max-width: 480px) { .list-place { padding: 0 10px; margin-bottom: 10px; } }

.yado-comment { padding: 15px; margin-bottom: 15px; font-size: 1.6em; border: 3px solid #ff0066; position: relative; font-weight: 700; color: #ff0066; }
@media screen and (max-width: 480px) { .yado-comment { margin: 0 10px 10px; padding: 5px 10px; font-size: 1.2em; } }
.yado-comment:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -10px; border: 10px solid transparent; border-top: 10px solid #ff0066; }
.yado-comment img { position: absolute; bottom: 0; right: 15px; width: 80px; }
@media screen and (max-width: 480px) { .yado-comment img { display: none; } }

.yado-header { position: relative; margin-bottom: 15px; line-height: 1.5; }
@media screen and (max-width: 480px) { .yado-header { padding: 0 10px; margin-bottom: 10px; } }
.yado-header h1.name { font-size: 2.5em; font-weight: bold; display: block !important; }
@media screen and (max-width: 480px) { .yado-header h1.name { font-size: 1.6em; margin-bottom: 0px; } }
.yado-header h1.name .yomi { font-size: 16px; font-weight: normal; }
@media screen and (max-width: 480px) { .yado-header h1.name .yomi { display: block; font-size: 12px; } }
.yado-header .list-rating { float: left; }
.yado-header .list-place { margin-bottom: 0 !important; }
@media screen and (max-width: 480px) { .yado-header .list-place { display: none; } }
.yado-header .list-icon { float: right; padding-top: 7px; }
@media screen and (max-width: 480px) { .yado-header .list-icon { display: none; float: none; margin-bottom: 10px; padding-top: 0; } }
.yado-header .list-icon li { margin-right: 5px; font-size: 12px; padding: 1.5px 3px; border: 1px solid #ff0066; color: #ff0066; }
@media screen and (max-width: 480px) { .yado-header .list-icon li { font-size: 10px; margin-right: 3px; } }
.yado-header .list-icon li:last-child { margin-right: 0; }
@media screen and (max-width: 480px) { .yado-header .list-score { margin-bottom: 10px; } }
.yado-header .list-score li { display: inline-block; margin-right: 5px; font-size: 0.8em; }
.yado-header .list-score li:last-child { margin-right: 0px; }
.yado-header .list-score li span { font-weight: bold; }
.yado-header .contact { position: absolute; top: 0; right: 0; }
.yado-header .contact:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { .yado-header .contact { position: static; } }
.yado-header .contact .tel, .yado-header .contact .mail { float: left; margin-left: 15px; }
@media screen and (max-width: 480px) { .yado-header .contact .tel, .yado-header .contact .mail { width: 50%; margin-left: 0; } }
.yado-header .contact .tel a, .yado-header .contact .mail a { font-size: 1.2em; padding: 15px; }
@media screen and (max-width: 480px) { .yado-header .contact .tel a, .yado-header .contact .mail a { font-size: 1em; width: 100%; padding: 5px 0; text-align: center; } }
.yado-header .contact .tel a { border: 1px solid #ddd; }
.yado-header .contact .mail a { border: 1px solid #1F8CE6; background: #1F8CE6; color: #fff; }

.yado-kihon { margin-bottom: 30px; }
.yado-kihon:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { .yado-kihon { padding: 0 10px; margin-bottom: 10px; } }
.yado-kihon .pic { width: 400px; margin-right: 20px; float: left; }
@media screen and (max-width: 480px) { .yado-kihon .pic { width: auto; float: none; margin-right: 0; margin-bottom: 10px; } }
.yado-kihon .pic .yado-pic img { width: 100%; }
.yado-kihon .pic .yado-pic .slick-dots { position: static !important; margin-top: 10px; }
.yado-kihon .pic .yado-pic .slick-dots li { width: 13.4%; margin: 0; margin-right: 1%; }
.yado-kihon .pic .yado-pic .slick-dots li img { width: auto; box-sizing: border-box; }
.yado-kihon .pic .yado-pic .slick-dots li:last-child { margin-right: 0; }
.yado-kihon .text { width: 740px; float: left; }
@media screen and (max-width: 480px) { .yado-kihon .text { width: auto; float: none; } }
.yado-kihon .text .catch { margin-bottom: 10px; font-size: 1.2em; font-weight: bold; }
.yado-kihon .text .profile { margin-bottom: 10px; font-size: 15px; line-height: 1.6; }
.yado-kihon .text .profile:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { .yado-kihon .text .profile { font-size: 0.8em; } }
.yado-kihon .text .profile .radarchart { float: right; margin-left: 15px; }
@media screen and (max-width: 480px) { .yado-kihon .text .profile .radarchart { width: 100px; } }
.yado-kihon .text table { font-size: 0.8em; }
.yado-kihon .text table th, .yado-kihon .text table td { padding: 5px 10px; }
.yado-kihon .text table th { width: 100px; }
@media screen and (max-width: 480px) { .yado-kihon .text table th { width: 20%; } }

.yado-menu ul { border-bottom: 3px solid #ff0066; }
.yado-menu ul:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { .yado-menu ul { display: flex; } }
.yado-menu ul li { float: left; width: 20%; }
@media screen and (max-width: 480px) { .yado-menu ul li { width: 33.33%; } }
.yado-menu ul li a { font-size: 1.2em; padding: 15px 0; border: solid #ddd; border-width: 1px 1px 0 0px; text-align: center; }
@media screen and (max-width: 480px) { .yado-menu ul li a { font-size: 12px; padding: 10px 0; } }
.yado-menu ul li a i { display: block; font-size: 16px; margin-bottom: 3px; }
.yado-menu ul li.active a { background: #ff0066; color: #fff; }
.yado-menu ul li:first-child a { border-left: 1px solid #ddd; }
.yado-menu ul li.taiken a, .yado-menu ul li.report a { font-weight: normal; padding: 10px 0; margin-left: 10px; border: none; background: #ff5c93; color: #fff; }
@media screen and (max-width: 480px) { .yado-menu ul li.taiken a, .yado-menu ul li.report a { margin-left: 0; } }
.yado-menu ul li.taiken a i, .yado-menu ul li.report a i { display: inline-block; }

.type-pink { background: #ff0066; }
.type-pink .type { color: #ff0066; }

.type-normal { background: #0099FF; }
.type-normal .type { color: #0099FF; }

.type-cos, .type-soft { background: #FF9900; }
.type-cos .type, .type-soft .type { color: #FF9900; }

#plan .taxincl { color: red; font-weight: bold; margin-bottom: 5px; }

.box-plan { margin-bottom: 30px; }
@media screen and (max-width: 480px) { .box-plan { margin-bottom: 15px; } }
.box-plan a { color: #1F8CE6; text-decoration: underline; }
.box-plan h4 { font-size: 1.2em; border-left: 3px solid #ff0066; padding-left: 15px; margin-bottom: 15px; }
.box-plan .profile span, .box-plan .detail dd span, .box-plan .plan_detail span { color: #ff0066; font-weight: bold; }
.box-plan strong { background-image: linear-gradient(transparent 60%, #FFFA00 60%); font-weight: bold; display: inline-block; }
.box-plan .taxincl { margin-bottom: 5px; color: red; font-weight: bold; }
@media screen and (max-width: 480px) { .box-plan .taxincl { padding: 0 10px; } }
.box-plan .header { padding: 15px; }
.box-plan .header:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { .box-plan .header { padding: 10px; margin-bottom: 10px; } }
.box-plan .header h2.name { float: left; font-size: 1.6em; font-weight: bold; color: #fff; }
@media screen and (max-width: 480px) { .box-plan .header h2.name { font-size: 16px; } }
.box-plan .header h2.name .type { padding: 0 10px; margin-right: 10px; background: #fff; font-size: 18px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
@media screen and (max-width: 480px) { .box-plan .header h2.name .type { font-size: 12px; padding: 0 5px; margin-right: 5px; } }
.box-plan .header h2.name b { background: #00D900; color: #fff; font-size: 0.8em; padding: 1px 5px; margin-right: 10px; }
.box-plan .header .contact { float: right; }
@media screen and (max-width: 480px) { .box-plan .header .contact { display: none; } }
.box-plan .header .contact input { --border-width: 6px; --border-radius: 16px; width: 200px; padding: 10px 0; font-size: 1.2em; background: transparent; color: #fff; border-image: linear-gradient(60deg, #fff, #ffff00) 1; transition: .3s; border-radius: 6px; text-align: center; font-family: 'FontAwesome'; }
.box-plan .header .contact input:hover { cursor: pointer; background: #fff; color: #1F8CE6; }
.box-plan .box-plan-in { padding: 20px 18px; border: solid #ddd; border-width: 0 1px 0; }
@media screen and (max-width: 480px) { .box-plan .box-plan-in { padding: 0px; border: none; } }
.box-plan .box-plan-in a { display: inline-block; }
.box-plan .profile { margin-bottom: 15px; font-size: 1.2em; }
@media screen and (max-width: 480px) { .box-plan .profile { margin-bottom: 10px; padding: 0 10px; font-size: 1em; } }
.box-plan .price { margin-bottom: 15px; }
@media screen and (max-width: 480px) { .box-plan .price { padding: 0 10px; margin-bottom: 10px; } }
.box-plan .price table { margin-bottom: 15px; }
@media screen and (max-width: 480px) { .box-plan .price table th:first-child .sp-show { display: inline-block; } }
.box-plan .price table td, .box-plan .price table th { text-align: center; font-size: 1.2em; vertical-align: middle; line-height: 1.5; }
@media screen and (max-width: 480px) { .box-plan .price table td, .box-plan .price table th { padding: 5px 0px; font-size: 1em; } }
.box-plan .price table th { padding: 15px 5px; }
@media screen and (max-width: 480px) { .box-plan .price table th { font-size: 12px; } }
.box-plan .price i.fa-male, .box-plan .price table .number-male { color: #0080FF !important; }
.box-plan .price i.fa-female, .box-plan .price table .number-female { color: #ff0066 !important; }
.box-plan .price .number { font-size: 1.6em; font-family: sans-serif; font-weight: bold; }
@media screen and (max-width: 480px) { .box-plan .price .number { font-size: 1.2em; } }
.box-plan .price-sp span { color: #ff0066; }
.box-plan .price-sp h2, .box-plan .price-sp h3 { font-size: 1.2em; margin: 10px 0; padding-left: 10px; border-left: 3px solid #ff0066; }
.box-plan .price-sp h2:first-child, .box-plan .price-sp h3:first-child { margin: 0 0 10px 0; }
.box-plan .price-sp table { margin-bottom: 15px; }
@media screen and (max-width: 480px) { .box-plan .price-sp table { margin-bottom: 10px; } }
.box-plan .price-sp table td, .box-plan .price-sp table th { line-height: 1.3; }
.box-plan .price-sp table td span, .box-plan .price-sp table th span { color: #333 !important; }
@media screen and (max-width: 480px) { .box-plan .price-sp table th { font-size: 12px; } }
.box-plan .price-sp table.table-inquiry th { width: 50%; box-sizing: border-box; }
.box-plan .price-sp table .bold { font-weight: bold; }
.box-plan .price-sp table .note-description, .box-plan .price-sp table .note-unit { display: block; font-size: .8em; }
.box-plan .price-sp dl:after { content: ""; display: block; clear: both; }
.box-plan .price-sp dl dt { margin-right: 10px; }
.box-plan .price-sp dl dt:after { content: "："; }
.box-plan .price-sp dl dt, .box-plan .price-sp dl dd { float: left; }
.box-plan .sp-pic { display: none; }
@media screen and (max-width: 480px) { .box-plan .sp-pic { display: block; padding: 0 10px; }
  .box-plan .sp-pic:after { content: ""; display: block; clear: both; } }
.box-plan .sp-pic li { float: left; width: 49%; }
.box-plan .sp-pic li:nth-child(odd) { margin-right: 2%; }
.box-plan .sp-pic li a { margin-bottom: 3px; }
.box-plan .sp-pic li .description { font-size: 0.8em; }
.box-plan label.show-plan { padding: 10px; margin: 0 10px 10px; background: #f5f5f5; font-size: 1.2em; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 5px solid #ddd; text-align: center; cursor: pointer; transition: .3s; }
.box-plan label.show-plan:before { display: inline-block; content: '\f067'; font-family: 'FontAwesome'; padding-right: 5px; transition: 0.2s; }
.box-plan input:checked + label:before { content: '\f068'; -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.box-plan .detail:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { .box-plan .detail .sp-hide { display: block; } }
.box-plan .detail .open { display: block !important; }
.box-plan .detail dl { width: 830px; margin-right: 30px; margin-bottom: 15px; float: left; }
.box-plan .detail dl:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { .box-plan .detail dl { display: none; width: auto; margin-right: 0; margin-bottom: 10px; } }
.box-plan .detail dl dt, .box-plan .detail dl dd { margin-bottom: 10px; float: left; }
@media screen and (max-width: 480px) { .box-plan .detail dl dt, .box-plan .detail dl dd { float: none; } }
.box-plan .detail dl dt { clear: both; width: 140px; margin-right: 30px; padding: 0 30px; background: #f5f5f5; border-bottom: 1px solid #ddd; text-align: center; }
@media screen and (max-width: 480px) { .box-plan .detail dl dt { width: auto; margin-right: 0; padding: 5px 10px; } }
.box-plan .detail dl dd { width: 580px; }
@media screen and (max-width: 480px) { .box-plan .detail dl dd { width: auto; padding: 0 10px; } }
.box-plan .detail .pic { width: 260px; float: left; }
@media screen and (max-width: 480px) { .box-plan .detail .pic { display: none; width: auto; float: none; padding: 0 10px; } }
@media screen and (max-width: 480px) { .box-plan .detail .pic a { display: inline-block; width: 48%; margin-right: 1%; } }
.box-plan .detail .pic img { width: 100%; margin-bottom: 15px; }
@media screen and (max-width: 480px) { .box-plan .detail .pic img { margin-bottom: 0px; } }
.box-plan .footer { background: #f5f5f5; border: 1px solid #ccc; padding: 15px 30px; box-sizing: border-box; }
@media screen and (max-width: 480px) { .box-plan .footer { padding: 10px; } }
.box-plan .footer .contact:after { content: ""; display: block; clear: both; }
.box-plan .footer .contact .estimate input, .box-plan .footer .contact .reserve input { line-height: 1; font-size: 24px; font-weight: bold; padding: 20px 0; width: 100%; display: block; background: #1F8CE6; border: 3px solid #fff; color: #fff; text-align: center; box-sizing: border-box; text-decoration: none; border-radius: 100px; font-family: "Font Awesome 6 Pro"; transition: .3s; }
.box-plan .footer .contact .estimate input:hover, .box-plan .footer .contact .reserve input:hover { background: #fff; color: #1F8CE6; border: 3px solid #1F8CE6; cursor: pointer; }
@media screen and (max-width: 480px) { .box-plan .footer .contact .estimate input, .box-plan .footer .contact .reserve input { padding: 10px 0; font-size: 16px; } }
.box-plan .footer .contact .estimate, .box-plan .footer .contact .reserve { float: left; width: 49%; }
@media screen and (max-width: 480px) { .box-plan .footer .contact .estimate, .box-plan .footer .contact .reserve { width: auto; float: none; } }
.box-plan .footer .contact .estimate { margin-right: 2%; }
@media screen and (max-width: 480px) { .box-plan .footer .contact .estimate { margin-bottom: 5px; } }

/*---------------------------------------
kuchikomi
---------------------------------------*/
@media screen and (max-width: 480px) { #kuchikomi .list-kuchikomis { padding: 0 10px; } }
#kuchikomi .list-kuchikomis > li { margin-bottom: 15px; border: 5px solid #ddd; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
#kuchikomi .list-kuchikomis > li .in { padding: 15px; }
#kuchikomi .list-kuchikomis > li .in .name, #kuchikomi .list-kuchikomis > li .in .date, #kuchikomi .list-kuchikomis > li .in .list-rating { margin-bottom: 5px; }
#kuchikomi .list-kuchikomis > li .in .name { font-weight: bold; }
#kuchikomi .list-kuchikomis > li .in .name i { margin-right: 5px; }
#kuchikomi .list-kuchikomis > li .in .name span { font-size: 0.8em; font-weight: normal; }
#kuchikomi .list-kuchikomis > li .in .title { font-size: 1.2em; font-weight: bold; margin-bottom: 10px; }

/*---------------------------------------
pic
---------------------------------------*/
.list-pic { margin-right: -15px; }
.list-pic:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { .list-pic { padding: 0 10px; margin-right: 0; } }
.list-pic li { float: left; width: 375px; height: 281px; overflow: hidden; margin-right: 15px; margin-bottom: 15px; position: relative; }
@media screen and (max-width: 480px) { .list-pic li { width: 49%; height: 150px; margin-right: 0; margin-bottom: 10px; }
  .list-pic li:nth-child(odd) { margin-right: 2%; } }
.list-pic li .description { color: #fff; position: absolute; top: 10px; left: 10px; text-shadow: 0px 0px 10px #666; -moz-text-shadow: 0px 0px 10px #666; -webkit-text-shadow: 0px 0px 10px #666; }
@media screen and (max-width: 480px) { .list-pic li .description { top: 5px; left: 5px; } }
.list-pic li img { width: 100%; }

/*---------------------------------------
recommend
---------------------------------------*/
.list-recommend { margin-bottom: 30px; }
.list-recommend:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { .list-recommend { margin-bottom: 15px; } }
.list-recommend li { float: left; margin-right: 10px; margin-bottom: 10px; }
@media screen and (max-width: 480px) { .list-recommend li { margin-left: 10px; } }
.list-recommend li .pic { margin-bottom: 10px; }
.list-recommend li .name { font-size: 1.2em; font-weight: bold; }
@media screen and (max-width: 480px) { .list-recommend li .name { font-size: 1em; } }
.list-recommend li .list-rating .star img { padding-top: 5px; width: 120px; display: inline-block !important; }
.list-recommend li .list-rating .star .value { font-size: 1em; }

/*# sourceMappingURL=yado.css.map */