@charset "UTF-8";

/*
Theme Name: NoEscape
Theme URI: https://stg.noescape.co.jp
Description: This is our original theme.
Author: NoEscape
Author URI:　https://stg.noescape.co.jp
Version:1.0
*/
@import url(css/html5reset-1.6.1.css);
@import url(css/layout.css);
@import url(css/common.css);
@import url(css/nav.css);
@import url(css/content.css);
@import url(css/top.css);

/*--------------------------------
予約するPC
---------------------------------*/


#PCfooterFloatingMenu {
    display: block !important;
width: auto !important;
    position: fixed !important;
right: 0px !important;
    bottom: 2px !important;
    z-index: 9999 !important;
    text-align: right !important;
    padding: 0 auto !important;
}
 
#PCfooterFloatingMenu img {
    max-width: 99% !important;
}


.box14{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #595653;
    box-shadow: 0px 0px 0px 10px #595653;
    border: dashed 2px white;
	max-width: 750px;
	color:#FFFFFF;
}
.box14 p {
    margin: 0; 
    padding: 0;
}


.box17{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
	max-width: 750px;
}
.box17:before, .box17:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
    margin: 0; 
    padding: 0;
}


.box23 {
    position: relative;
    margin: 2em 0 2em 40px;
    padding: 8px 15px;
    background: #fff0c6;
    border-radius: 30px;
	max-width: 750px;
}
.box23:before{font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 15px;
    left: -40px;
    bottom: 0;
    color: #fff0c6;
}
.box23:after{
    font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 23px;
    left: -23px;
    bottom: 0;
    color: #fff0c6;
}
.box23 p {
    margin: 0; 
    padding: 0;
}

.box24 {
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    background: #b28c6e;
    color: #FFFFFF;
    font-weight: bold;
	max-width: 750px;
	font-weight:bolder;
}
.box24:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #b28c6e;
    width: 0;
    height: 0;
}
.box24 p {
    margin: 0; 
    padding: 0;
}

/*--------------------------------
Q＆A
---------------------------------*/

#QandA-1 {
	width: 100%;
	font-family: メイリオ;
	font-size: 14px; /*全体のフォントサイズ*/
}
#QandA-1 h2 {

}
#QandA-1 dt {
	background: #444; /* 「Q」タイトルの背景色 */
	color: #fff; /* 「Q」タイトルの文字色 */
	padding: 8px;
	border-radius: 2px;
}
#QandA-1 dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}
#QandA-1 dd {
	margin: 24px 16px 40px 32px;
	line-height: 140%;
	text-indent: -24px;
}
#QandA-1 dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
}

/*--------------------------------
各種ボタン
---------------------------------*/
.btn-square-pop {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #cd853f;/*背景色*/
  border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}

.btn-square-pop:active {
  border-bottom: solid 2px #fd9535;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/* オレンジボタン       */
.buttonore {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 19pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #ff7f00;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 3px 3px 4px #666666;  /* 影の設定 */
  border        : 2px solid #ff7f00;    /* 枠の指定 */
  text-decoration: none;
}
.buttonore:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #ff7f00;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
  text-decoration: none;
}
/*画像マウスオーバー*/
a:hover img{
  position : relative;
  top : 3pt;
  left : 3pt;
}