@charset "utf-8";

/*
.btn {
	width: 142px;
	padding: 0;
	border: solid 2px #fff;
}
*/

.maintenance_title {
	font-size: 2.0rem;
	color: red;
}

.maintenance_text {
	font-size: 1.0rem;
}


.pointer:hover {
	cursor: pointer
}

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

.card-body p {
	font-size: 15px;
	text-align: left;
}

/* ログインボタン、編集ボタンの位置 */
.sticky {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 1;
}
.sticky2 {
	position: fixed;
	top: 145px;
	right: 20px;
	z-index: 1;			
}
.sticky3 {
	position: fixed;
	top: 270px;
	right: 20px;
	z-index: 1;
}
.sticky4 {
	position: fixed;
	top: 345px;
	right: 20px;
	z-index: 1;
}

/*****************************************/
/* ハンバーガーメニュー                  */
/*****************************************/
#nav-drawer {
	position: fixed;
	top: 15px;
	right: 15px;
	z-index: 50;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
	display:none;
}

/*アイコンのスペース*/
#nav-open {
	display: inline-block;
	width: 30px;
	height: 22px;
	vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
	position: absolute;
	height: 3px;/*線の太さ*/
	width: 42px;/*長さ*/
	border-radius: 3px;
	background: #d2bdbc;
	display: block;
	content: '';
	cursor: pointer;
}
#nav-open span:before {
	bottom: -8px;
}
#nav-open span:after {
	bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
	display: none;/*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0;/*全体に広がるように*/
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
	padding-top: 20px;
	padding-left: 20px;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;/*最前面に*/
	width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
	max-width: 350px;/*最大幅（調整してください）*/
	height: 100%;
	background: #fff;/*背景色*/
	transition: .3s ease-in-out;/*滑らかに表示*/
	-webkit-transform: translateX(-205%);
	transform: translateX(-205%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
	display: block;/*カバーを表示*/
	opacity: .5;
}

#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);/*中身を表示（右へスライド）*/
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
}



/*****************************************/
/* スマフォトブック・スタンダード        */
/*****************************************/
.neon_color_std {
	background: linear-gradient(transparent 30%, #dce11b 85%);
}
.standard1, .standard2{
	padding: 100px 30px;
}
.standard1 {
	background:#fff;
}
.standard2 {
	position: relative;
	z-index: 0;
}
.standard2::after{
	content: '';
	position: absolute;
	left:0;
	top: 0;

	/*四角形を傾けます*/
	transform: skewY(5deg);
	transform-origin: top left;

	z-index: -1;
	width:100%;
	height:100%;
	background:#eeffed;
}
.std_box_space {
	padding: 100px 30px;
	position: relative;
	z-index: 0;
}
.std_box_space:after {
	content: '';
	position: absolute;
	left:0;
	top: 0;

	/*四角形を傾けます*/
	transform: skewY(-5deg);
	transform-origin: top left;

	z-index: -1;
	width:100%;
	height:100%;
	background:#f0f0f0;
}


/*****************************************/
/* スマフォトブック・七五三              */
/*****************************************/
.neon_color_753 {
	background: linear-gradient(transparent 30%, #f7bc44 85%);
}
.Shichigosan1, .Shichigosan2 {
	padding: 100px 30px;
}
.Shichigosan1 {
	background:#fff;
}
.Shichigosan2 {
	position: relative;
	z-index: 0;
}
.Shichigosan2::after {
	content: '';
	position: absolute;
	left:0;
	top: 0;

	/*四角形を傾けます*/
	transform: skewY(5deg);
	transform-origin: top left;

	z-index: -1;
	width:100%;
	height:100%;
	background-color: #fff7f4;
}
.box_space_753 {
	padding: 100px 30px;
	position: relative;
	z-index: 0;
}
.box_space_753:after {
	content: '';
	position: absolute;
	left:0;
	top: 0;

	/*四角形を傾けます*/
	transform: skewY(-5deg);
	transform-origin: top left;

	z-index: -1;
	width:100%;
	height:100%;
	background:#f0f0f0;
}

/*****************************************/
/* スマフォトブック・ウェディング        */
/*****************************************/
.neon_color_wedding {
	background: linear-gradient(transparent 30%, #ffd1ee 85%);
}
.wedding1, .wedding2 {
	padding: 100px 30px;
}
.wedding1 {
	background:#fff;
}
.wedding2 {
	position: relative;
	z-index: 0;
}
.wedding2::after {
	content: '';
	position: absolute;
	left:0;
	top: 0;

	/*四角形を傾けます*/
	transform: skewY(5deg);
	transform-origin: top left;

	z-index: -1;
	width:100%;
	height:100%;
	background:#fff0f7;
}
.box_space_wedding {
	padding: 100px 30px;
	position: relative;
	z-index: 0;
}
.box_space_wedding:after {
	content: '';
	position: absolute;
	left:0;
	top: 0;

	/*四角形を傾けます*/
	transform: skewY(-5deg);
	transform-origin: top left;

	z-index: -1;
	width:100%;
	height:100%;
	background:#f0f0f0;
}

/*****************************************/
/* スマフォトブック・キッズ              */
/*****************************************/
.neon_color_kids {
	background: linear-gradient(transparent 30%, #fff11c 85%);
}
.kids1, .kids2{
	padding: 100px 30px;
}
.kids1 {
	background:#fff;
}
.kids2 {
	position: relative;
	z-index: 0;
}
.kids2::after{
	content: '';
	position: absolute;
	left:0;
	top: 0;

	/*四角形を傾けます*/
	transform: skewY(5deg);
	transform-origin: top left;

	z-index: -1;
	width:100%;
	height:100%;
	background:#fffdf0;
}

.box_space_kids {
	padding: 100px 30px;
	position: relative;
	z-index: 0;
}
.box_space_kids:after {
	content: '';
	position: absolute;
	left:0;
	top: 0;

	/*四角形を傾けます*/
	transform: skewY(-5deg);
	transform-origin: bottom left;

	z-index: -1;
	width:100%;
	height:100%;
	background:#f0f0f0;
}

/*****************************************/
/* スマフォトブックプロ                  */
/*****************************************/
.neon_color_pro {
	background: linear-gradient(transparent 30%, #cd9f6d 65%);
}
.pro1, .pro2 {
	padding: 100px 30px;
}
.pro1 {
	background:#fff;
}
.pro2 {
	position: relative;
	z-index: 0;
}
.pro2::after {
	content: '';
	position: absolute;
	left:0;
	top: 0;

	/*四角形を傾けます*/
	transform: skewY(5deg);
	transform-origin: top left;

	z-index: -1;
	width:100%;
	height:100%;
	background:#d3b473;
}
.box_space_pro {
	padding: 100px 30px;
	position: relative;
	z-index: 0;
}
.box_space_pro:after {
	content: '';
	position: absolute;
	left:0;
	top: 0;

	/*四角形を傾けます*/
	transform: skewY(-5deg);
	transform-origin: bottom left;

	z-index: -1;
	width:100%;
	height:100%;
	background:#231816;
}

/*****************************************/
/* スマフォトブック・スポーツ              */
/*****************************************/
.neon_color_sports {
	background: linear-gradient(transparent 30%, #fff11c 85%);
}
.sports, .sports2{
	padding: 100px 30px;
}
.sports1 {
	background:#fff;
}
.sports2 {
	position: relative;
	z-index: 0;
}
.sports2::after{
	content: '';
	position: absolute;
	left:0;
	top: 0;

	/*四角形を傾けます*/
	transform: skewY(5deg);
	transform-origin: top left;

	z-index: -1;
	width:100%;
	height:100%;
	background:#fffdf0;
}

.box_space_sports {
	padding: 100px 30px;
	position: relative;
	z-index: 0;
}
.box_space_sports:after {
	content: '';
	position: absolute;
	left:0;
	top: 0;

	/*四角形を傾けます*/
	transform: skewY(-5deg);
	transform-origin: bottom left;

	z-index: -1;
	width:100%;
	height:100%;
	background:#f0f0f0;
}

/*****************************************/
/* スマフォトブック・ベビー              */
/*****************************************/
.neon_color_baby {
	background: linear-gradient(transparent 30%, #FFC8D7 85%);
}
.baby, .baby2{
	padding: 100px 30px;
}
.baby1 {
	background:#fff;
}
.baby2 {
	position: relative;
	z-index: 0;
}
.baby2::after{
	content: '';
	position: absolute;
	left:0;
	top: 0;

	/*四角形を傾けます*/
	transform: skewY(5deg);
	transform-origin: top left;

	z-index: -1;
	width:100%;
	height:100%;
	background:#fffdf0;
}

.box_space_baby {
	padding: 100px 30px;
	position: relative;
	z-index: 0;
}
.box_space_baby:after {
	content: '';
	position: absolute;
	left:0;
	top: 0;

	/*四角形を傾けます*/
	transform: skewY(-5deg);
	transform-origin: bottom left;

	z-index: -1;
	width:100%;
	height:100%;
	background:#f0f0f0;
}

/*****************************************/
/* スマフォトブック・ペット              */
/*****************************************/
.neon_color_pet {
	background: linear-gradient(transparent 30%, #a88e6b 85%);
}
.pet, .pet2{
	padding: 100px 30px;
}
.pet1 {
	background:#fff;
}
.pet2 {
	position: relative;
	z-index: 0;
}
.pet2::after{
	content: '';
	position: absolute;
	left:0;
	top: 0;

	/*四角形を傾けます*/
	transform: skewY(5deg);
	transform-origin: top left;

	z-index: -1;
	width:100%;
	height:100%;
	background:#fffdf0;
}

.box_space_pet {
	padding: 100px 30px;
	position: relative;
	z-index: 0;
}
.box_space_pet:after {
	content: '';
	position: absolute;
	left:0;
	top: 0;

	/*四角形を傾けます*/
	transform: skewY(-5deg);
	transform-origin: bottom left;

	z-index: -1;
	width:100%;
	height:100%;
	background:#f0f0f0;
}


/*****************************************/
/* スマフォトブック・成人式             */
/****************************************/
.neon_color_seijinsiki {
	background: linear-gradient(transparent 30%, #ee8372 85%);
}
.seijinsiki, .seijinsiki2{
	padding: 100px 30px;
}
.seijinsiki1 {
	background:#fff;
}
.seijinsiki2 {
	position: relative;
	z-index: 0;
}
.seijinsiki2::after{
	content: '';
	position: absolute;
	left:0;
	top: 0;

	/*四角形を傾けます*/
	transform: skewY(5deg);
	transform-origin: top left;

	z-index: -1;
	width:100%;
	height:100%;
	background:#fffdf0;
}

.box_space_seijinsiki {
	padding: 100px 30px;
	position: relative;
	z-index: 0;
}
.box_space_seijinsiki:after {
	content: '';
	position: absolute;
	left:0;
	top: 0;

	/*四角形を傾けます*/
	transform: skewY(-5deg);
	transform-origin: bottom left;

	z-index: -1;
	width:100%;
	height:100%;
	background:#f0f0f0;
}

/*****************************************/
/* ボタン,その他                         */
/*****************************************/
.howto {
	width: 500px;
	max-width: 100%;
	font-size:24px;
    font-weight:bold;
	font-family: 'Font Awesome 5 Free';
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#e30083;
    border-radius:25px;
}
.howto:hover {
	opacity: 0.7;
    text-decoration: none;
	color: #fff;

}
.question {
	width: 500px;
	max-width: 100%;
	font-size:24px;
    font-weight:bold;
	font-family: 'Font Awesome 5 Free';
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#e30083;
    background-color:#fff;
    border-radius:25px;
	border: solid 2px #e30083;
}
.question:hover {
	opacity: 0.7;
    text-decoration: none;
	color: #fff;
	background-color: #e30083;

}
.question_pro {
	width: 500px;
	max-width: 100%;
	font-size:24px;
    font-weight:bold;
	font-family: 'Font Awesome 5 Free';
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#c79f64;
    background-color:#fff;
    border-radius:25px;
	border: solid 2px #c79f64;
}
.question_pro:hover {
	opacity: 0.7;
    text-decoration: none;
	color: #fff;
	background-color: #c79f64;
}

.howto_pro {
	width: 500px;
	max-width: 100%;
	font-size:24px;
    font-weight:bold;
	font-family: 'Font Awesome 5 Free';
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#c79f64;
    border-radius:25px;
}
.howto_pro:hover {
	opacity: 0.7;
    text-decoration: none;
	color: #fff;

}

.spec_title {
	padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 2px #000;
	text-align: center;
}
.spec_title p {
    margin: 0; 
    padding: 0;
}

.spec_text {
    margin: 1.2em 0;
	display: inline-block;
	vertical-align: left;
	line-height: 25px;
}

.kinou_title {
	padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 2px #000;
	text-align: center;
}
.kinou_title p {
    margin: 0; 
    padding: 0;
}

.kinou_text {
    margin: 1.2em 0;
	text-align:left;
	line-height: 25px;
}

.news {
	font-size:20px;
    font-weight:bold;
	font-family: 'Font Awesome 5 Free';
    text-align:center;
    padding:8px 0 10px;
    color:#e30083;
}

.back {
	width: 500px;
	max-width: 100%;
	font-size:24px;
    font-weight:bold;
	font-family: 'Font Awesome 5 Free';
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#727071;
    border-radius:25px;
	border: solid 2px #727071;
}
.back:hover {
	opacity: 0.7;
    text-decoration: none;
	color: #fff;
	background-color: #727071;
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 40px;
	right: 10px;
}
.pagetop a {
	display: block;
	text-align: center;
	color: #222;
	font-size: 12px;
	text-decoration: none;
	padding: 20px 10px;
}
.pagetop a:hover {
	outline: none;
	overflow:hidden;
	display: block;
	text-align: center;
	font-size: 12px;
	text-decoration: none;
	padding: 20px 10px;
}
.pagetop a:focus {
	outline: none;
}
.trapezoid {
	border-bottom: 100px solid red;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	height: 0;
	width: 100px;
}

.midashi1, .midashi2, .midashi3, .midashi4 {
	font-size: 1.2rem;
}

/*****************************************/
/* よくある質問                          */
/*****************************************/
#QandA {
	width: 100%;
	font-family: メイリオ;
	font-size: 12px; /*全体のフォントサイズ*/
}
#QandA h3 {
	font-size: 16px;
	margin-top: 32px;
}
#QandA dl {
	border: 1px solid #ccc;
}
#QandA dt {
font-weight: bold;
	color: #111;
	background: #f4f4f4; /* 「Q」タイトルの背景色 */
	padding: 8px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#QandA dt:first-child {
	border-top: none;
}
#QandA dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}
#QandA dd {
	padding: 16px 16px 24px 30px;
	margin: 0;
	line-height: 140%;
	color:#cc1512;
}
#QandA dd:first-line {
	color: #bf0000;
}
#QandA dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
	margin-left: -21px;
}


/*****************************************/
/* メディアクエリ                        */
/* 575.98px以下の時                      */
/*****************************************/
@media screen and (max-width: 575.98px) {
	/*
	.btn {
		display: none;
	}
	*/
	.step {
		width: 50%;
	}
	.midashi1, .midashi2, .midashi3, .midashi4 {
		font-size: 1.2rem;
	}
	.card-body p {
		font-size: 10px;
	}
	.device-info p {
		font-size: 10px;
	}
	.howto_text {
		font-size: 10px;
	}
	
	/* ボタン */
	.howto {
		width: 500px;
		max-width: 80%;
		font-size:24px;
		font-weight:bold;
		font-family: 'Font Awesome 5 Free';
		display:block;
		text-align:center;
		padding:8px 0 10px;
		color:#fff;
		background-color:#e30083;
		border-radius:25px;
	}
	.howto:hover {
		opacity: 0.7;
		text-decoration: none;
		color: #fff;

	}
	.question {
		width: 500px;
		max-width: 80%;
		font-size:24px;
		font-weight:bold;
		font-family: 'Font Awesome 5 Free';
		display:block;
		text-align:center;
		padding:8px 0 10px;
		color:#e30083;
		background-color:#fff;
		border-radius:25px;
		border: solid 2px #e30083;
	}
	.question:hover {
		opacity: 0.7;
		text-decoration: none;
		color: #fff;
		background-color: #e30083;

	}
	.howto_pro {
		width: 500px;
		max-width: 80%;
		font-size:24px;
		font-weight:bold;
		font-family: 'Font Awesome 5 Free';
		display:block;
		text-align:center;
		padding:8px 0 10px;
		color:#fff;
		background-color:#c79f64;
		border-radius:25px;
	}
	.howto_pro:hover {
		opacity: 0.7;
		text-decoration: none;
		color: #fff;
	}
	.question_pro {
		width: 500px;
		max-width: 80%;
		font-size:24px;
		font-weight:bold;
		font-family: 'Font Awesome 5 Free';
		display:block;
		text-align:center;
		padding:8px 0 10px;
		color:#c79f64;
		background-color:#fff;
		border-radius:25px;
		border: solid 2px #c79f64;
	}
	.question_pro:hover {
		opacity: 0.7;
		text-decoration: none;
		color: #fff;
		background-color: #c79f64;
	}
	.back {
		width: 500px;
		max-width: 80%;
		font-size:24px;
		font-weight:bold;
		font-family: 'Font Awesome 5 Free';
		display:block;
		text-align:center;
		padding:8px 0 10px;
		color:#fff;
		background-color:#727071;
		border-radius:25px;
		border: solid 2px #727071;
	}
	.back:hover {
		opacity: 0.7;
		text-decoration: none;
		color: #fff;
		background-color: #727071;
	}
	.pc {
		display: none !important;
	}
    .sp {
		display: block !important;
	}
	.sticky, .sticky2, .sticky3, .sticky4{
		display: none;
	}
	
	/* ハンバーガーメニュー */
	/*
	#nav-drawer {
	  position: fixed;
	  top: 0px;
	  right: 0px;
	  z-index: 50;
  	  background: #d2bdbc;
	  padding: 10px;
	}
	*/
	/*アイコンのスペース*/
	/*
	#nav-open {
	  display: inline-block;
	  width: 40px;
	  height: 15px;
	  vertical-align: middle;
	}
	*/
	/*ハンバーガーアイコンをCSSだけで表現*/
	/*
	#nav-open span, #nav-open span:before, #nav-open span:after {
		position: absolute;
		height: 3px;
		width: 42px;
		border-radius: 3px;
		background: #e23092;
		display: block;
		content: '';
		cursor: pointer;
	  }
	  #nav-open span:before {
		bottom: -8px;
	  }
	  #nav-open span:after {
		bottom: -16px;
	  }
	*/
	#nav-drawer {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 10000; /* メニューよりも上に表示 */
		width: 50px;    /* 必要に応じて調整 */
		height: 50px;   /* 必要に応じて調整 */
		background: none; /* 必要なら削除 */
		padding: 0;       /* 必要なら削除 */
		/* box-shadow: 0 2px 8px rgba(0,0,0,0.1); 影をつけたい場合 */
	}

	/*チェックボックス等は非表示に*/
	.nav-unshown {
	  display:none;
	}

	#nav-open {
		display: inline-block;
		width: 40px;   /* 画像サイズに合わせて調整 */
		height: 40px;  /* 画像サイズに合わせて調整 */
		vertical-align: middle;
		cursor: pointer;
	}
	#nav-open img {
		width: 100%;
		height: auto;
		display: block;
	}

	/*閉じる用の薄黒カバー*/
	#nav-close {
		display: none;/*はじめは隠しておく*/
		position: fixed;
		z-index: 99;
		top: 0;/*全体に広がるように*/
		left: 0;
		width: 100%;
		height: 100%;
		background: black;
		opacity: 0;
		transition: .3s ease-in-out;
	}

	/*中身*/
	#nav-content {
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;/*最前面に*/
		width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
		max-width: 350px;/*最大幅（調整してください）*/
		height: 90%;
		background: #fff;/*背景色*/
		transition: .3s ease-in-out;/*滑らかに表示*/
		-webkit-transform: translateX(-205%);
		transform: translateX(-205%);/*左に隠しておく*/
	}
	#nav-content:hover {
		color: #fff;
	}

	/*チェックが入ったらもろもろ表示*/
	#nav-input:checked ~ #nav-close {
		display: block;/*カバーを表示*/
		opacity: .5;
	}

	#nav-input:checked ~ #nav-content {
		-webkit-transform: translateX(-0%);
		transform: translateX(-0%);/*中身を表示（右へスライド）*/
		box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}
	
	/* メンテナンスのお知らせ */
	.maintenance_title {
		font-size: 1.2rem;
	}
	.maintenance_text {
		font-size: 0.8rem;
	}
	
}

@media screen and (min-width: 576px) and (max-width: 767.98px) {
	/*
	.btn {
		display: none;
	}
	*/

	.midashi1, .midashi2, .midashi3, .midashi4 {
		font-size: 1.4rem;
	}
	.pc {
		display: none !important;
	}
    .sp {
		display: block !important;
	}
	.coupon_t {
	  font-size: 10px;
	}

	.sticky, .sticky2, .sticky3 {
		display: none;
	}

	/* ハンバーガーメニュー */
	#nav-drawer {
	  position: fixed;
	  top: 0px;
	  right: 0px;
	  z-index: 50;
  	  background: #d2bdbc;
	  padding: 10px;
	}

	/*チェックボックス等は非表示に*/
	.nav-unshown {
	  display:none;
	}

	/*アイコンのスペース*/
	#nav-open {
	  display: inline-block;
	  width: 40px;
	  height: 15px;
	  vertical-align: middle;
	}

	/*ハンバーガーアイコンをCSSだけで表現*/
	#nav-open span, #nav-open span:before, #nav-open span:after {
	  position: absolute;
	  height: 3px;/*線の太さ*/
	  width: 42px;/*長さ*/
	  border-radius: 3px;
	  background: #e23092;
	  display: block;
	  content: '';
	  cursor: pointer;
	}
	#nav-open span:before {
	  bottom: -8px;
	}
	#nav-open span:after {
	  bottom: -16px;
	}

	/*閉じる用の薄黒カバー*/
	#nav-close {
		display: none;/*はじめは隠しておく*/
		position: fixed;
		z-index: 99;
		top: 0;/*全体に広がるように*/
		left: 0;
		width: 100%;
		height: 100%;
		background: black;
		opacity: 0;
		transition: .3s ease-in-out;
	}

	/*中身*/
	#nav-content {
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;/*最前面に*/
		width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
		max-width: 350px;/*最大幅（調整してください）*/
		height: 90%;
		background: #fff;/*背景色*/
		transition: .3s ease-in-out;/*滑らかに表示*/
		-webkit-transform: translateX(-205%);
		transform: translateX(-205%);/*左に隠しておく*/
	}
	#nav-content:hover {
		color: #fff;
	}

	/*チェックが入ったらもろもろ表示*/
	#nav-input:checked ~ #nav-close {
		display: block;/*カバーを表示*/
		opacity: .5;
	}

	#nav-input:checked ~ #nav-content {
		-webkit-transform: translateX(-0%);
		transform: translateX(-0%);/*中身を表示（右へスライド）*/
		box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}

	/* メンテナンスのお知らせ */
	.maintenance_title {
		font-size: 1.2rem;
	}
	.maintenance_text {
		font-size: 0.8rem;
	}

}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
	
	
	.midashi1, .midashi2, .midashi3, .midashi4 {
		font-size: 1.6rem;
	}
	.sticky, .sticky2, .sticky3 {
		display: none;
	}
	/*
	.btn {
		display: none;
	}
	*/

	/* ハンバーガーメニュー */
	#nav-drawer {
	  position: fixed;
	  top: 0px;
	  right: 0px;
	  z-index: 50;
  	  background: #d2bdbc;
	  padding: 10px;
	}

	/*チェックボックス等は非表示に*/
	.nav-unshown {
	  display:none;
	}

	/*アイコンのスペース*/
	#nav-open {
	  display: inline-block;
	  width: 40px;
	  height: 15px;
	  vertical-align: middle;
	}

	/*ハンバーガーアイコンをCSSだけで表現*/
	#nav-open span, #nav-open span:before, #nav-open span:after {
	  position: absolute;
	  height: 3px;/*線の太さ*/
	  width: 42px;/*長さ*/
	  border-radius: 3px;
	  background: #e23092;
	  display: block;
	  content: '';
	  cursor: pointer;
	}
	#nav-open span:before {
	  bottom: -8px;
	}
	#nav-open span:after {
	  bottom: -16px;
	}

	/*閉じる用の薄黒カバー*/
	#nav-close {
		display: none;/*はじめは隠しておく*/
		position: fixed;
		z-index: 99;
		top: 0;/*全体に広がるように*/
		left: 0;
		width: 100%;
		height: 100%;
		background: black;
		opacity: 0;
		transition: .3s ease-in-out;
	}

	/*中身*/
	#nav-content {
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;/*最前面に*/
		width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
		max-width: 350px;/*最大幅（調整してください）*/
		height: 90%;
		background: #fff;/*背景色*/
		transition: .3s ease-in-out;/*滑らかに表示*/
		-webkit-transform: translateX(-205%);
		transform: translateX(-205%);/*左に隠しておく*/
	}
	#nav-content:hover {
		color: #fff;
	}

	/*チェックが入ったらもろもろ表示*/
	#nav-input:checked ~ #nav-close {
		display: block;/*カバーを表示*/
		opacity: .5;
	}

	#nav-input:checked ~ #nav-content {
		-webkit-transform: translateX(-0%);
		transform: translateX(-0%);/*中身を表示（右へスライド）*/
		box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}
	/* メンテナンスのお知らせ */
	.maintenance_title {
		font-size: 1.2rem;
	}
	.maintenance_text {
		font-size: 1.0rem;
	}

}
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
	.midashi1, .midashi2, .midashi3, .midashi4 {
		font-size: 1.8rem;
	}
	#nav-drawer {
		display: none;
	}
	/* メンテナンスのお知らせ */
	.maintenance_title {
		font-size: 1.2rem;
	}
	.maintenance_text {
		font-size: 1.0rem;
	}

}
@media screen and (min-width: 1200px) {
	.midashi1, .midashi2, .midashi3, .midashi4 {
		font-size: 2.0rem;
	}
	.card-text {
		font-size: 20px;
	}
	#nav-drawer {
		display: none;
	}

}

/* スタンダード */
.btn-standard {
  color: #000;
  background-color: #dce11b;
  border: 1px solid #dce11b;
  transition: 0.2s;
}
.btn-standard:hover,
.btn-standard:focus {
  color: #000;
  background-color: #bfc20f;
  border-color: #bfc20f;
  text-decoration: none;
}
.btn-standard-outline {
  color: #dce11b;
  background-color: #fff;
  border: 1.5px solid #dce11b;
  transition: 0.2s;
}
.btn-standard-outline:hover,
.btn-standard-outline:focus {
  color: #fff;
  background-color: #dce11b;
  border-color: #bfc20f;
  text-decoration: none;
}

/* 七五三 */
.btn-753 {
  color: #000;
  background-color: #f7bc44;
  border: 1px solid #f7bc44;
  transition: 0.2s;
}
.btn-753:hover,
.btn-753:focus {
  color: #000;
  background-color: #d9a22d;
  border-color: #d9a22d;
  text-decoration: none;
}
.btn-753-outline {
  color: #f7bc44;
  background-color: #fff;
  border: 1.5px solid #f7bc44;
  transition: 0.2s;
}
.btn-753-outline:hover,
.btn-753-outline:focus {
  color: #fff;
  background-color: #f7bc44;
  border-color: #d9a22d;
  text-decoration: none;
}

/* ウェディング */
.btn-wedding {
  color: #000;
  background-color: #ffd1ee;
  border: 1px solid #ffd1ee;
  transition: 0.2s;
}
.btn-wedding:hover,
.btn-wedding:focus {
  color: #000;
  background-color: #e6b3d1;
  border-color: #e6b3d1;
  text-decoration: none;
}
.btn-wedding-outline {
  color: #ffd1ee;
  background-color: #fff;
  border: 1.5px solid #ffd1ee;
  transition: 0.2s;
}
.btn-wedding-outline:hover,
.btn-wedding-outline:focus {
  color: #fff;
  background-color: #ffd1ee;
  border-color: #e6b3d1;
  text-decoration: none;
}

/* キッズ */
.btn-kids {
  color: #000;
  background-color: #fff11c;
  border: 1px solid #fff11c;
  transition: 0.2s;
}
.btn-kids:hover,
.btn-kids:focus {
  color: #000;
  background-color: #e6d900;
  border-color: #e6d900;
  text-decoration: none;
}
.btn-kids-outline {
  color: #fff11c;
  background-color: #fff;
  border: 1.5px solid #fff11c;
  transition: 0.2s;
}
.btn-kids-outline:hover,
.btn-kids-outline:focus {
  color: #fff;
  background-color: #fff11c;
  border-color: #e6d900;
  text-decoration: none;
}

/* プロ */
.btn-pro {
  color: #fff;
  background-color: #cd9f6d;
  border: 1px solid #cd9f6d;
  transition: 0.2s;
}
.btn-pro:hover,
.btn-pro:focus {
  color: #fff;
  background-color: #b88a57;
  border-color: #b88a57;
  text-decoration: none;
}
.btn-pro-outline {
  color: #cd9f6d;
  background-color: #fff;
  border: 1.5px solid #cd9f6d;
  transition: 0.2s;
}
.btn-pro-outline:hover,
.btn-pro-outline:focus {
  color: #fff;
  background-color: #cd9f6d;
  border-color: #b88a57;
  text-decoration: none;
}

/* スポーツ */
.btn-sports {
  color: #000;
  background-color: #fff11c;
  border: 1px solid #fff11c;
  transition: 0.2s;
}
.btn-sports:hover,
.btn-sports:focus {
  color: #000;
  background-color: #e6d900;
  border-color: #e6d900;
  text-decoration: none;
}
.btn-sports-outline {
  color: #fff11c;
  background-color: #fff;
  border: 1.5px solid #fff11c;
  transition: 0.2s;
}
.btn-sports-outline:hover,
.btn-sports-outline:focus {
  color: #fff;
  background-color: #fff11c;
  border-color: #e6d900;
  text-decoration: none;
}

/* ベビー */
.btn-baby {
  color: #000;
  background-color: #FFC8D7;
  border: 1px solid #FFC8D7;
  transition: 0.2s;
}
.btn-baby:hover,
.btn-baby:focus {
  color: #000;
  background-color: #e6aabf;
  border-color: #e6aabf;
  text-decoration: none;
}
.btn-baby-outline {
  color: #FFC8D7;
  background-color: #fff;
  border: 1.5px solid #FFC8D7;
  transition: 0.2s;
}
.btn-baby-outline:hover,
.btn-baby-outline:focus {
  color: #fff;
  background-color: #FFC8D7;
  border-color: #e6aabf;
  text-decoration: none;
}

/* ペット */
.btn-pet {
  color: #fff;
  background-color: #a88e6b;
  border: 1px solid #a88e6b;
  transition: 0.2s;
}
.btn-pet:hover,
.btn-pet:focus {
  color: #fff;
  background-color: #8c7553;
  border-color: #8c7553;
  text-decoration: none;
}
.btn-pet-outline {
  color: #a88e6b;
  background-color: #fff;
  border: 1.5px solid #a88e6b;
  transition: 0.2s;
}
.btn-pet-outline:hover,
.btn-pet-outline:focus {
  color: #fff;
  background-color: #a88e6b;
  border-color: #8c7553;
  text-decoration: none;
}

/* 成人式 */
.btn-seijinsiki {
  color: #fff;
  background-color: #ee8372;
  border: 1px solid #ee8372;
  transition: 0.2s;
}
.btn-seijinsiki:hover,
.btn-seijinsiki:focus {
  color: #fff;
  background-color: #d96a59;
  border-color: #d96a59;
  text-decoration: none;
}
.btn-seijinsiki-outline {
  color: #ee8372;
  background-color: #fff;
  border: 1.5px solid #ee8372;
  transition: 0.2s;
}
.btn-seijinsiki-outline:hover,
.btn-seijinsiki-outline:focus {
  color: #fff;
  background-color: #ee8372;
  border-color: #d96a59;
  text-decoration: none;
}