@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*続行から表示変更　予約ボタン*/
.amelia-app-booking #amelia-booking-wrap .el-button--primary.el-button span,.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-button-wrapper #am-continue-button span {
font-size:0;
}

.amelia-app-booking #amelia-booking-wrap .el-button--primary.el-button span:before,.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-button-wrapper #am-continue-button span:before {
font-size:14px;
content:'予約を続ける';
}

/*ここまで*/
.button {
  display:block;
  margin: 0 auto;
  border-radius : 5%;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 10px 14px;   /* 余白       */
  background    : #1b155d;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 3px 3px 1px #666666;  /* 影の設定 */
  border        : 2px solid #000066;    /* 枠の指定 */
}
.button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #1b155d;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

.button02 {
  display:block;
  margin: 0 auto;
  border-radius : 5%;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 10px 14px;   /* 余白       */
  background    : #ee575c;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 3px 3px 1px #666666;  /* 影の設定 */
  border        : 2px solid #ee575c;    /* 枠の指定 */
}
.button02:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #ee575c;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

.button03 {
  display:block;
  margin: 0 auto;
  border-radius : 5%;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 10px 14px;   /* 余白       */
  background    : #457b9d;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 3px 3px 1px #666666;  /* 影の設定 */
  border        : 2px solid #457b9d;    /* 枠の指定 */
}
.button03:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #457b9d;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}


.contents-mha, .contents-mry {
    width: 900px;
    overflow: hidden;
	 text-align:  center;
	margin:  0 auto;
}

.item-mry img {
	border-radius: 50%;
}
.none {
	display: none !important;
}
@media screen and (min-width: 481px) {
.item-mha, .item-mry {
    margin: 0 15px;
    padding: 3px 5px;
    display: inline-block;
}

}
.pc {
  display: block;
}
.sp{
	display:none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.pc {
  display: block;
}
	.sp{
	display:none;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.title-text {
font-size: 16px;
		line-height:20px;
}
.pc{
	display:none;
}
.sp{
	text-align:center;
	display: block;
}
	}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
		.title-text {
font-size: 16px;
line-height:20px;
}
.contents-mha {
	margin:  0 auto;
	display:flex;
	justify-content: space-between;
}
.contents-mry {
	margin:  0 auto;
	
	justify-content: space-between;
}
	.item-mry {
    margin: 0px !important;
    padding: 1px;
	width: 100%;
    /*display: inline-block;*/
}
	.item-mha {
    margin: 0px !important;
    padding: 1px;
	width: 30%;
    /*display: inline-block;*/
}

.pc{
	display:none;
}
.sp{
	text-align:center;
	display: block;
}
}