/* =reset
----------------------------------*/
* {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}

a {
  text-decoration: none;
}

ul,
ol,
li {
  list-style: none;
}

img {
  vertical-align: middle;
  max-width: 100%;
  border: 0;
}

/* =icon
----------------------------------*/
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?42081356');
  src: url('../font/fontello.eot?42081356#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?42081356') format('woff'),
       url('../font/fontello.ttf?42081356') format('truetype'),
       url('../font/fontello.svg?42081356#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* =common
----------------------------------*/
html {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "メイリオ" ,Meiryo, "MS Pゴシック", "MS PGothic", verdana, Arial, Helvetica, sans-serif;
  line-height: 1.5;
  color: #666;
  font-size: 12px;
  background: url(../images/blurred_01.jpg) fixed center top;
}

a {
  color: #3eb2a9;
}

img {
  max-width: 100%;
}

.cf:before, .cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

hr.solid {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #fff;
}

hr.dot {
  border-top: 1px dotted #cbcbcb;
  border-bottom: 1px dotted #fff;
}

/* ページトップ */
.page-top {
  text-align: right;
  width: 90%;
  margin: 0 auto 16px auto;
}

.page-top a:before {
  font-family: 'fontello';
  content: 't';
  color: #1884c1;
  margin: 0 3px;
}

/* 内部リンク */
a.internal:before {
  font-family: 'fontello';
  content: 'l';
  color: #1884c1;
  margin: 0 3px;
}

/* =header
----------------------------------*/
header {
  display: none;
}

/* =kv
----------------------------------*/
h1 {
  margin: 0 0 24px 0;
}

#kv-pc {
  display: none;
}

#kv p {
  margin: 0 auto 24px auto;
  width: 90%;
}

#kv p.ico-pickup {
  margin: 0 0 10px 5%;
}

.pickup {
  font-size: 16px;
  color: #ff0000;
}

.pickup {
  margin: 0;
}

.pickup span {
  color: #fff;
  font-size: 12px;
  background: #f27a05;
  padding: 8px 20px;
}

.pickup a {
  color: #ff0000;
  font-weight: bold;
  line-height: 1.6;
  border-bottom: 1px solid #ff0000;
}


.new a {
  color: #fff;
  font-size: 12px;
  border-radius: 30px;
  background: #f27a05;
  padding: 8px 20px;
  line-height: 1.2;
  display: block;
  width: 100%;
}

.new a:before {
  font-family: 'fontello';
  content: 'l';
  margin: 0 5px 0 0;
  font-size: 16px;
  vertical-align: -1px;
}

/* =nav
----------------------------------*/
nav {
  width: 90%;
  margin: 0 auto 24px auto;
  border-top: 1px solid #3eb2a9;
  border-left: 1px solid #3eb2a9;
}

nav li a {
  float: left;
  background: #fff;
  width: 50%;
  display: block;
  padding: 12px 0 12px 5%;
  line-height: 1.0;
  border-bottom: 1px solid #3eb2a9;
  border-right: 1px solid #3eb2a9;
}

nav li a:before {
  font-family: 'fontello';
  content: 'u';
  margin: 0 12px 0 0;
  font-size: 16px;
  vertical-align: -1px;
}

/* =content
----------------------------------*/
h2 {
  font-size: 18px;
  background: #3eb2a9;
  padding: 10px 5%;
  text-align: center;
  color: #fff;
  letter-spacing: 0.1em;
}

.content {
  background: #fff;
  width: 90%;
  margin: 24px auto;
  box-shadow: 0 2px 0 0 rgba(60,60,60,0.05);
  padding: 0 0 15px 0;
}

.content h3 {
  font-size: 16px;
  margin: 0 12px;
  padding: 12px 0;
  color: #3eb2a9;
}

.content h3 span {
  font-size: 11px;
}

.tokuten {
  background-color: #ec9bbb;
  color: #fff;
  padding: 12px;
  margin: 0 0 16px 0;
}

.tokuten p {
  font-size: 14px;
  font-weight: bold;
}

.tokuten p span {
  font-size: 12px;
}

.tokuten-inner {
  margin: 0 12px;
  padding: 12px 0;
}

.txt {
  margin: 0 12px;
  padding: 0 0 20px 0;
}

.tag-area {
  margin: 0 12px;
  padding: 0 0 8px 0;
}

.tag {
  color: #fff;
  font-size: 10px;
  padding: 2px 3px 4px 3px;
  float: left;
  margin: 0 4px 8px 0;
  line-height: 1.0;
  text-align: center;
}

.set {
  background-color: #3dbdd6;
}

.meal {
  background-color: #dc551b;
}

.drink {
  background-color: #97e174;
}

.ladies {
  background-color: #e88448;
}

.couple {
  background-color: #e8a505;
}

.room {
  background-color: #c09255;
}

.trip {
  background-color: #b276b2;
}

.stay {
  background-color: #eb6d34;
}

.price {
  background-color: #f27472;
}

.night {
  background-color: #2d619b;
}

.to-login a {
  background-color: #f4ac2f;
  width: 90%;
  display: block;
  padding: 12px 0;
  text-align: center;
  line-height: 1.0;
  color: #fff;
  border-radius: 20px;
  margin: 0 auto 16px auto;
  font-weight: bold;
}

.to-login a:before {
  font-family: 'fontello';
  content: 'u';
  margin: 0 8px 0 0;
  font-size: 16px;
  vertical-align: -1px;
}

.ticket a {
  background-color: #f4ac2f;
  width: 90%;
  display: block;
  padding: 8px 0;
  text-align: center;
  line-height: 1.0;
  color: #fff;
  border-radius: 20px;
  margin: 0 auto 20px auto;
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 14px;
  font-weight: bold;
}

.ticket a:before {
  font-family: 'fontello';
  content: 'l';
  margin: 0 8px 0 0;
  font-size: 16px;
  vertical-align: -1px;
  color: #fff;
}

.face {
  width: 100px;
  margin: 0 15px 0 0;
  float: left;
}

.repo {
  width: 90%;
  margin: 0 auto;
  border: 1px solid #3eb2a9;
}

.repo h4 {
  margin: 0 auto;
  text-align: center;
  background-color: #3eb2a9;
  color: #fff;
  padding: 5px 0;
}

.repo-inner {
  padding: 10px;
}

/* =login
----------------------------------*/
#login {
  background: #fff;
  width: 90%;
  margin: 24px auto;
  box-shadow: 0 2px 0 0 rgba(60,60,60,0.05);
  border-radius:4px;
}

.login-area {
  width: 90%;
  margin: 16px auto;
}

.login-input {
  padding:8px 12px;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  border-radius:2px;
  margin: 12px auto;
}

.login-input input {
  background:none;
  border:none;
  font-size: 14px;
  color: #818181;
  line-height: 1.0;
  width: 100%;
}

.btn-login {
  display: block;
  width: 100%;
  height: 39px;
  color: #fff;
  text-align: center;
  background-color: #f4ac2f;
  border: 1px solid #f4ac2f;
  border-radius: 2px;
  cursor: pointer;
  margin: 12px auto;
  font-weight: bold;
}

.member-area {
  width: 90%;
  margin: 16px auto;
}

.btn-member a {
  /*background-color: #a9a9a9;*/
  background-color: #e85198;
  display: block;
  padding: 12px 0;
  text-align: center;
  line-height: 1.0;
  color: #fff;
  border-radius: 2px;
  margin: 12px auto;
  font-weight: bold;
}

/* =得チケ
----------------------------------*/
.toku-area {
  width: 90%;
  margin: 24px auto;
}

.tokuticket {
  margin: 16px 0 0 0;
  text-align: center;
}

.ico-tokuticket {
  display: -moz-inline-box;  
    display: inline-block;
}

.ico-tokuticket img {
}

.btn-toku {
    display: inline-block;
}

.btn-toku a {
  background-color: #c24848;
  padding: 12px 16px;
  text-align: center;
  line-height: 1.0;
  color: #fff;
  border-radius: 2px;
  font-weight: bold;
  margin: 0 0 0 16px;
}

/* =btn-sns
----------------------------------*/
.btn-sns-sp {
  padding: 12px 0 0 0;
  margin: 12px auto;
  width: 90%;
}

.btn-sns-sp li {
  float: left;
  padding: 0 10px 4px 0;
}

.line {
  height: 30px;
}

/* =footer
----------------------------------*/
footer {
  background: #e85198;
  padding: 12px 0;
  text-align: center;
  color: #fff;
}

footer p {
  margin: 0 0 8px 0;
}


/* =768px
--------------------------------------------------------------------*/
@media screen and (min-width: 768px) {

html {
  line-height: 1.8;
  font-size: 14px;
}

header {
  border-top: 5px solid #e95098;
  display: inherit;
  padding: 0 0 8px 0;
}

#header {
  width: 940px;
  margin: 0 auto;
}

.btn-sns {
  padding: 12px 0 0 0;
  float: right;
}

.btn-sns li {
  float: left;
  display: inline;
  padding: 0 0 0 10px;
}

#logo-header {
  padding: 10px 0 0 0;
  float: left;
}

#kv {
  width: 940px;
  margin: 20px auto;
  position: relative;
}

#kv-sp {
  display: none;
}

#kv-pc {
  display: inherit;
}

.new a {
  width: 500px;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
}

.main-txt {
  float: left;
  width: 452px;
  z-index: 10;
  position: relative;
}

.main-ph {
  float: right;
  width: 502px;
  position: absolute;
  z-index: 1000;
  text-align: right;
  right: 0;
}

#kv p {
  margin: 0 auto 20px auto;
}

nav {
  width: 940px;
  margin: 0 auto 40px auto;
}

/* 4列 
nav li a {
  width: 25%;
  padding: 12px 0 10px 12px;
}

/* 5列 */
nav li a {
  width: 20%;
  padding: 12px 0 10px 12px;
}
 
/* 6列
nav li a {
  width: 16.6666666%;
  padding: 12px 0 10px 12px;
}
*/

/* 7列
nav li a {
  width: 14.28571428571429%;
  padding: 12px 0 10px 12px;
}
*/

nav li a:before {
  font-size: 18px;
}

h2 {
  font-size: 20px;
  letter-spacing: 0.5em;
}

.content {
  width: 940px;
  margin: 30px auto;
  padding: 0 0 20px 0;
}

.content h3 {
  font-size: 18px;
  margin: 0 20px;
  width: 900px;
}

.content h3 span {
  font-size: 12px;
}

.ph {
  float: left;
  width: 440px;
  margin: 0 0 20px 20px;
}

.outline {
  float: right;
  width: 440px;
  margin: 0 20px 0 0;
}

.tokuten {
  padding: 12px;
  width: 440px;
  margin: 0 0 20px 0;
}

.tokuten p.plan {
  font-size: 16px;
}

.txt {
  margin: 0;
}

.to-login a {
  width: 380px;
  margin: 0 0 20px 30px;
}

.ticket a {
  width: 380px;
  margin: 0 0 20px 30px;
  padding: 12px 0;
}

.tag-area {
  margin: 4px 0 0 20px;
}

.tag {
  color: #fff;
  font-size: 12px;
  padding: 5px;
  float: left;
  margin: 0 6px 8px 0;
  line-height: 1.0;
  text-align: center;
  font-weight: bold;
}

#login {
  background: #fff;
  width: 940px;
  margin: 24px auto;
  box-shadow: 0 2px 0 0 rgba(60,60,60,0.05);
  border-radius: 6px;
}

#login .dot {
  display: none;
}

.login-area {
  width: 540px;
  margin: 30px 0 30px 20px;
  float: left;
  border-right: 1px dotted #ccc;
  padding: 0 20px 0 0;
}

.login-input {
  border-radius: 4px;
  margin: 20px auto;
}

.login-input input {
  background:none;
  border:none;
  font-size: 16px;
  color: #818181;
  line-height: 1.0;
}

.btn-login {
  height: 46px;
  border-radius: 4px;
  font-size: 16px;
}

.member-area {
  width: 940px;
  margin: 30px auto;
  text-align: center;
}

.btn-member a {
  padding: 16px 0;
  text-align: center;
  line-height: 1.0;
  color: #fff;
  border-radius: 4px;
  margin: 20px auto;
  width: 500px;
}

.toku-area {
  width: 940px;
  margin: 30px auto;
  text-align: center;
}

.tokuticket {
  margin: 30px 0 0 0;
  text-align: center;
}

.ico-tokuticket {
  display: -moz-inline-box;  
  display: inline-block;
}

.ico-tokuticket img {
}

.repo {
  width: 900px;
}

.face {
  width: 100px;
  margin: 0 15px 100px 0;
}

.repo h4 {
  font-size: 16px;
}

.btn-toku {
    display: inline-block;
}

.btn-toku a {
  background-color: #c24848;
  padding: 12px 50px;
  border-radius: 4px;
  margin: 0 0 0 16px;
}

#btn-sns-area {
  display: none;
}

#kv p.ico-pickup {
  margin: 0 0 10px 0;
}

.page-top {
  text-align: right;
  width: 940px;
  margin: 0 auto 16px auto;
  font-size: 12px;
}

}


/* =1024px
------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1024px) {

}

/* =add 20171004
------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
  nav li a { width: 25%; }
  .pc-none { display: none; }
}