@charset "utf-8";

/* ------------------------------------------------- 

前撮りページ

---------------------------------------------------- */

/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
	div.photo div.chapter01{
		position: relative;
		text-align: center;
		line-height: 2.0;
		font-size: 90%;
	}

	div.photo div.main_body.chapter01{
		padding-top: 20px;
	}

	div.photo div.chapter01 div.photo_ir01{
		display:none;
	}

	div.photo div.chapter01 div.photo_ir02{
		display:none;
	}
	div.photo div.chapter01 div.photo_ir03{
		display:none;
	}

	div.photo div.chapter01 div.photo_ir04{
		display:none;
	}

	div.photo div.chapter01 div.chapter01_title{
		max-width: 550px;
		width: 100%;
		margin: 0 auto;
	}

	div.photo div.chapter01 p.lead{
		font-size: 110%;
		margin: 0;
		font-family: TsukuGoPr5-D, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Pゴシック", Osaka, sans-serif
	}

	div.photo div.chapter01 div.photo_bnr{
		max-width: 740px;
		width: 100%;
		margin: 0 auto;
	}

	div.photo div.main_body.chapter02{
		padding-top: 30px;
	}

	div.photo div.chapter02 div.chapter02_box{
		width: 100%;
		display: block;
	}

	div.photo div.chapter02 div.chapter02_box div.left{
		max-width: 640px;
		width: 100%;
		margin: 0 auto;
	}

	div.photo div.chapter02 div.chapter02_box div.right{
		width: 100%;
		position: relative;
		text-align: center;
		margin-top: 0;
	}

	div.photo div.chapter02 div.chapter02_box div.right h3{
		margin: 0 auto;
		font-size: 90%;
	}

	div.photo div.chapter02 div.chapter02_box div.right h4{
		color: #db7174;
		font-size: 140%;
		margin: 10px 0;
	}

	div.photo div.chapter02 div.chapter02_box div.right p{
		font-size: 95%;
		line-height: 2.0;
	}

	div.photo div.chapter02 div.chapter02_box div.right div.photo_ir04{
		display:none;
	}

	div.photo div.chapter02 div.chapter02_box div.right div.photo_ir05{
		display:none;
	}

	div.photo div.chapter02 div.chapter02_box div.right div.title{
		max-width: 420px;
		width: 100%;
		margin: 0 auto;
	}

	div.photo div.main_body.chapter03{
		padding-top: 20px;
	}

	div.photo div.chapter03 div.chapter03_box{
		width: 100%;
		display: block;
	}

	div.photo div.chapter03 div.chapter03_box div.left{
		width: 100%;
		position: relative;
		text-align: center;
	}

	div.photo div.chapter03 div.chapter03_box div.right{
		max-width: 640px;
		width: 100%;
		margin: 0 auto;
	}

	div.photo div.chapter03 div.chapter03_box div.left h3{
		margin: 0 auto;
		font-size: 90%;
	}

	div.photo div.chapter03 div.chapter03_box div.left h4{
		color: #db7174;
		font-size: 140%;
	}

	div.photo div.chapter03 div.chapter03_box div.left p{
		font-size: 95%;
		line-height: 2.0;
	}

	div.photo div.chapter03 div.chapter03_box div.left div.photo_ir06{
		display: none;
	}

	div.photo div.chapter03 div.chapter03_box div.left div.photo_ir07{
		display: none;
	}

	div.photo div.chapter03 div.chapter03_box div.left div.title{
		max-width: 420px;
		width: 100%;
		margin: 0 auto;
	}

	div.photo div.main_body.chapter04{
		padding-top: 30px;
	}

	div.photo div.chapter04{
		text-align: center;
	}

	div.photo div.chapter04 div.chapter04_title{
		max-width: 300px;
		width: 60%;
		margin: 0 auto;
	}

	div.photo div.chapter04 h3{
		font-size: 90%;
		margin: 0 auto;
	}

	div.photo div.chapter04 h4{
		font-size: 120%;
		margin: 0 auto;
		line-height: 1.8;
	}

	div.photo div.chapter04 p{
		font-size: 95%;
		line-height: 2.0;
		margin-top: 0;
	}

	div.photo div.chapter04 div.chapter04_box{
		width: 100%;
		display: block;
	}

	div.photo div.main_body.chapter04 div.chapter04_box div.cell{
		width: 100%;
		box-sizing: border-box;
		padding: 0 10px;
	}

	div.photo div.main_body.chapter04 div.chapter04_box div.cell.left{
		position: relative;
		border-bottom: 1px solid #ccc;
		margin-bottom: 20px;
	}

	div.photo div.main_body.chapter04 div.chapter04_box div.cell.right{
		position: relative;
	}

	div.photo div.main_body.chapter04 div.chapter04_box div.cell.right div.photo_ir08{
		display: none;
	}

	div.photo div.main_body.chapter04 div.chapter04_box div.cell.right div.photo_ir09{
		display: none;
	}

	div.photo div.main_body.chapter04 div.chapter04_box div.cell.left div.photo_ir10{
		display: none;
	}

	div.photo div.main_body.chapter04 div.chapter04_box div.cell.right div.photo_ir11{
		display: none;
	}

	div.photo_sp_img{
		max-width: 540px;
		width: 100%;
		margin: 0 auto;
	}

	div.main_body.chapter05{
		padding-top: 25px;
	}

	div.chapter05 div.staff_title{
		max-width: 300px;
		width: 60%;
		margin: 0 auto;
	}

	div.chapter05 h3{
		text-align: center;
		font-size: 90%;
		margin: 0;
	}

	div.chapter05 p.lead{
		color: #db7174;
		font-size: 120%;
		font-family: "TsukuGoPr5-D";
		text-align: center;
		margin: 8px 0;
	}

	div.chapter05 div.staff_p01{
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
	}

	div.staff_box{
		width: 100%;
		margin: 10px 0;
		padding: 10px 0;
	}

	div.staff_box.pink{
		background: #f9eded;
	}

	div.staff_box.blue{
		background: #f6fcfb;
	}

	div.staff_box.yellow{
		background: #f8f7ee;
	}

	div.staff_box div.inner p.en{
		margin: 8px 0;
	}

	div.staff_box div.inner h4{
		margin: 0;
		font-size: 130%;
	}

	div.staff_box div.inner{
		width: 95%;
		margin: 0 auto;
		padding: 10px 15px;
		border: 1px dotted #404040;
		box-sizing: border-box;
		text-align: center;
	}

	div.staff_box div.inner p.name{
		font-size: 80%;
	}

	div.staff_box div.inner p.name.bottom_border{
		border-bottom: 1px dotted #404040;
		padding-bottom: 15px;
	}

	div.staff_table01{
		margin: 0;
	}

	div.staff_comment{
		background: #fff;
		box-sizing: border-box;
		border-radius: 20px;
		width: 100%;
		padding: 10px 10px 0;
	}

	div.staff_comment div.staff_ir01{
		width: 70px;
		margin: 0 auto;
	}


	div.staff_comment div.table div.left h5{
		font-size: 130%;
		line-height: 1.5;
		color: #db7174;
		margin: 0;
	}

	div.staff_comment div.table div.right{
		line-height: 0;
	}

	div.staff_box div.staff_p02{
		max-width: 280px;
		width: 80%;
		margin: 20px auto 0;
	}

	div.chapter06 div.chapter06_title{
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
	}

	div.chapter06 p,
	div.chapter06 h4{
		text-align: center;
	}

	div.chapter06 div.chapter06_box{
		width: 100%;
		border: 1px solid #000;
		box-sizing: border-box;
		padding: 15px;
		background: #fff;
		margin: 10px 0;
	}

	div.chapter06 div.chapter06_box p{
		margin: 8px 0;
	}

	div.chapter06 div.chapter06_box h4{
		margin: 8px 0;
		font-size: 160%;
	}

	div.chapter06 div.chapter06_box .photo_position{
		display: none;
	}

	div.chapter06 div.chapter06_box div.flex_box{
		margin-top: 20px;
	}

	div.chapter06 div.chapter06_box div.flex_box div.box:last-child{
		display: none;
	}

	div.chapter06 div.chapter06_box .inner{
		width: 100%;
		border: 1px dashed #000;
		position: relative;
		box-sizing: border-box;
		padding: 10px 20px;
	}




	div.photo div.chapter07{
		width: 100%;
		padding: 20px 0 20px;
	}

	div.photo div.chapter07 div.left{
		text-align: center;
		font-size:110%;
		width: 100%;
		font-family: TsukuGoPr5-D, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Pゴシック", Osaka, sans-serif;
		line-height: 1.7;
	}

	div.photo div.chapter07 div.right{
		max-width: 630px;
		width: 90%;
		margin: 20px auto;

	}
}


/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
	div.photo div.chapter01{
		position: relative;
		text-align: center;
		line-height: 2.0;
	}

	div.photo div.main_body.chapter01{
		padding-top: 100px;
	}

	div.photo div.chapter01 div.photo_ir01{
		position: absolute;
		right: 0;
	}

	div.photo div.chapter01 div.photo_ir02{
		position: absolute;
		left: -100px;
	}

	div.photo div.chapter01 div.photo_ir03{
		position: absolute;
		right: -30px;
		bottom: 0;
	}

	div.photo div.chapter01 div.photo_ir04{
		position: absolute;
		right: 0;
		bottom: 0;
	}

	div.photo div.chapter01 div.chapter01_title{
		max-width: 550px;
		width: 100%;
		margin: 0 auto;
	}

	div.photo div.chapter01 p.lead{
		font-size: 140%;
		font-family: TsukuGoPr5-D, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Pゴシック", Osaka, sans-serif;
	}

	div.photo div.chapter01 div.photo_bnr{
		max-width: 740px;
		width: 100%;
		margin: 30px auto;
	}

	div.photo div.main_body.chapter02{
		padding-top: 60px;
	}

	div.photo div.chapter02 div.chapter02_box{
		width: 100%;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
	}

	div.photo div.chapter02 div.chapter02_box div.left{
		max-width: 640px;
		width: 48%;
	}

	div.photo div.chapter02 div.chapter02_box div.right{
		width: 48%;
		position: relative;
		text-align: center;
		margin-top: 60px;
	}

	div.photo div.chapter02 div.chapter02_box div.right h3{
		margin: 0 auto;
		font-size: 90%;
	}

	div.photo div.chapter02 div.chapter02_box div.right h4{
		color: #db7174;
		font-size: 140%;
	}

	div.photo div.chapter02 div.chapter02_box div.right p{
		font-size: 95%;
		line-height: 2.0;
	}

	div.photo div.chapter02 div.chapter02_box div.right div.photo_ir04{
		position: absolute;
		right: -20px;
	}

	div.photo div.chapter02 div.chapter02_box div.right div.photo_ir05{
		position: absolute;
		right: -20px;
	}

	div.photo div.chapter02 div.chapter02_box div.right div.title{
		max-width: 420px;
		width: 100%;
		margin: 0 auto;
	}

	div.photo div.main_body.chapter03{
		padding-top: 60px;
	}

	div.photo div.chapter03 div.chapter03_box{
		width: 100%;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
		-webkit-flex-direction: row-reverse; /* Safari */
		flex-direction: row-reverse;
	}

	div.photo div.chapter03 div.chapter03_box div.left{
		width: 48%;
		position: relative;
		text-align: center;
		margin-top: 60px;
	}

	div.photo div.chapter03 div.chapter03_box div.right{
		max-width: 640px;
		width: 48%;
	}

	div.photo div.chapter03 div.chapter03_box div.left h3{
		margin: 0 auto;
		font-size: 90%;
	}

	div.photo div.chapter03 div.chapter03_box div.left h4{
		color: #db7174;
		font-size: 140%;
	}

	div.photo div.chapter03 div.chapter03_box div.left p{
		font-size: 95%;
		line-height: 2.0;
	}

	div.photo div.chapter03 div.chapter03_box div.left div.photo_ir06{
		position: absolute;
		top: -60px;
		left: -60px;
	}

	div.photo div.chapter03 div.chapter03_box div.left div.photo_ir07{
		position: absolute;
		bottom: 0;
	}

	div.photo div.chapter03 div.chapter03_box div.left div.title{
		max-width: 420px;
		width: 100%;
		margin: 0 auto;
	}

	div.photo div.main_body.chapter04{
		padding-top: 100px;
	}

	div.photo div.chapter04{
		text-align: center;
	}

	div.photo div.chapter04 div.chapter04_title{
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
	}

	div.photo div.chapter04 h3{
		font-size: 90%;
		margin: 0 auto;
	}

	div.photo div.chapter04 h4{
		font-size: 140%;
		margin: 0 auto;
		line-height: 1.8;
	}

	div.photo div.chapter04 p{
		font-size: 95%;
		line-height: 2.0;
	}

	div.photo div.chapter04 div.chapter04_box{
		width: 100%;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
		padding: 30px 0 100px;
	}

	div.photo div.main_body.chapter04 div.chapter04_box div.cell{
		width: 50%;
		box-sizing: border-box;
		padding: 0 30px;
	}

	div.photo div.main_body.chapter04 div.chapter04_box div.cell.left{
		border-right: 1px solid #ccc;
		position: relative;
	}

	div.photo div.main_body.chapter04 div.chapter04_box div.cell.right{
		position: relative;
	}

	div.photo div.main_body.chapter04 div.chapter04_box div.cell.right div.photo_ir08{
		position: absolute;
		bottom: -150px;
		left: 0;
	}

	div.photo div.main_body.chapter04 div.chapter04_box div.cell.right div.photo_ir09{
		position: absolute;
		bottom: -80px;
		right: -90px;
	}

	div.photo div.main_body.chapter04 div.chapter04_box div.cell.left div.photo_ir10{
		position: absolute;
		top: -220px;
		left: -100px
	}

	div.photo div.main_body.chapter04 div.chapter04_box div.cell.right div.photo_ir11{
		position: absolute;
		top: -180px;
		right: -140px
	}

	div.chapter05 div.staff_title{
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
	}

	div.chapter05 h3{
		text-align: center;
		font-size: 90%;
		margin: 0;
	}

	div.chapter05 p.lead{
		color: #db7174;
		font-size: 120%;
		font-family: "TsukuGoPr5-D";
	}

	div.chapter05 div.staff_p01{
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
	}

	div.staff_box{
		width: 100%;
		margin:50px 0;
		padding: 30px 0;
	}

	div.staff_box.pink{
		background: #f9eded;
	}

	div.staff_box.blue{
		background: #f6fcfb;
	}

	div.staff_box.yellow{
		background: #f8f7ee;
	}

	div.staff_box div.inner p.en{
		margin: 8px 0;
	}

	div.staff_box div.inner h4{
		margin: 0 0 30px;
		font-size: 150%;
	}

	div.staff_box div.inner{
		width: 95%;
		margin: 0 auto;
		padding: 30px 50px;
		border: 1px dotted #404040;
		box-sizing: border-box;
		text-align: center;
	}

	div.staff_box div.inner p.name{
		font-size: 90%;
	}

	div.staff_box div.inner p.name.bottom_border{
		border-bottom: 1px dotted #404040;
		padding-bottom: 15px;
	}

	div.staff_table01{
		margin: 50px 0 0;
	}

	div.staff_table01 div.left{
		float: left;
		width: 58%;
	}

	div.staff_table01 div.right{
		float: right;
		width: 40%;
		text-align: left;
		margin: 20px 0 0;
	}

	div.staff_table02{
		margin: 50px 0 0;
	}

	div.staff_table02 div.left{
		float: left;
		width: 40%;
		text-align: left;
		margin: 20px 0 0;
	}

	div.staff_table02 div.right{
		float: right;
		width: 58%;
	}
	div.staff_comment{
		background: #fff;
		box-sizing: border-box;
		border-radius: 30px;
		width: 100%;
		position: relative;
	}

	div.staff_comment{
		background: #fff;
		box-sizing: border-box;
		border-radius: 30px;
		width: 100%;
		position: relative;
		padding: 40px 60px 0;
	}

	div.staff_comment div.staff_ir01{
		width: 150px;
		top: -80px;
		position: absolute;
		left: 45%;
		margin-top: 40px;
	}

	div.staff_comment div.table div.left{
		float: left;
		width: 58%;
		text-align: left;
	}

	div.staff_comment div.table div.left h5{
		font-size: 140%;
		line-height: 1.7;
		color: #db7174;
		margin: 0;
	}

	div.staff_comment div.table div.right{
		float: right;
		width: 40%;
		line-height: 0;
	}

	div.staff_box div.staff_p02{
		max-width: 320px;
		width: 100%;
		margin: 50px 0 0;
	}

	div.chapter06 div.chapter06_title{
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
	}

	div.chapter06 p,
	div.chapter06 h4{
		text-align: center;
	}

	div.chapter06 div.chapter06_box{
		width: 100%;
		border: 1px solid #000;
		box-sizing: border-box;
		padding: 20px;
		background: #fff;
		margin: 50px 0;
	}

	div.chapter06 div.chapter06_box p{
		margin: 8px 0;
	}

	div.chapter06 div.chapter06_box h4{
		margin: 8px 0;
		font-size: 160%;
	}

	div.chapter06 div.chapter06_box .photo_position{
		position: absolute;
	}

	div.chapter06 div.chapter06_box .photo_txt06{
		width: 280px;
		top: -50px;
		left: -130px;
	}

	div.chapter06 div.chapter06_box .photo_txt07{
		width: 420px;
		top: -50px;
		right: -130px;
	}

	div.chapter06 div.chapter06_box .photo_txt08{
		width: 280px;
		top: 20px;
		left: -100px;
	}

	div.chapter06 div.chapter06_box .photo_txt09{
		width: 360px;
		top: 60px;
		right: -100px;
	}

	div.chapter06 div.chapter06_box .photo_txt10{
		width: 320px;
		top: 10px;
		left: -100px;
	}

	div.chapter06 div.chapter06_box .photo_txt11{
		width: 320px;
		bottom: 10px;
		right: -100px;
	}

	div.chapter06 div.chapter06_box div.flex_box{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		 flex-wrap:  wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-top: 50px;
	}

	div.chapter06 div.chapter06_box div.flex_box div.box{
		width: 33%;
	}

	div.chapter06 div.chapter06_box .inner{
		width: 100%;
		border: 1px dashed #000;
		position: relative;
		box-sizing: border-box;
		padding: 20px 50px;
	}

	div.photo div.chapter07{
		width: 100%;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
		padding: 50px 0 20px;
	}

	div.photo div.chapter07 div.left{
		text-align: center;
		font-size:135%;
		width: 48%;
		font-family: TsukuGoPr5-D, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Pゴシック", Osaka, sans-serif;
		line-height: 1.7;
	}

	div.photo div.chapter07 div.right{
		max-width: 530px;
		width: 48%;
	}


}


/* ------------------------------------------------- 

ギャラリーページ

---------------------------------------------------- */

/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
	div.gallery div.gallery_title{
		max-width: 300px;
		width: 80%;
		margin: 0 auto;
	}
	#main.gallery h2{
		margin: 0 auto;
		font-size: 100%;
	}
	div.gallery div.main_body.chapter01{
		padding-top: 50px;
	}
	div.gallery div.flex{
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
		margin: 30px 0;;
	}
	div.gallery div.flex div.box{
		width: 150px;
		box-sizing: border-box;
		padding: 0 5px;
		margin: 5px 0;
	}
	
	div.gallery .link-bnr a {
		background: #e67578;
		color: #fff;
		box-sizing: border-box;
		padding: 20px 0;
		max-width: 500px;
		width: 90%;
		margin: 20px auto;
		display: block;	
		font-size: 150%;
		text-align: center;
	}	
}


/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
	div.gallery div.gallery_title{
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
	}
	#main.gallery h2{
		margin: 0 auto;
		font-size: 100%;
	}
	div.gallery div.main_body.chapter01{
		padding-top: 100px;
	}
	div.gallery div.flex{
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
		margin: 60px 0;;
	}
	div.gallery div.flex div.box{
		width: 280px;
		box-sizing: border-box;
		padding: 0 10px;
		margin: 10px 0;
	}
	
	div.gallery .style01 .link-bnr a {
		background: #e67578;
		color: #fff;
		box-sizing: border-box;
		padding: 20px 0;
		max-width: 500px;
		width: 90%;
		margin: 20px auto;
		display: block;	
		font-size: 150%;
		text-align: center;
	}
	
}


/* ------------------------------------------------- 

微調整

---------------------------------------------------- */
@media screen and (min-width:740px) and (max-width:1180px){
	div.photo div.chapter03 div.chapter03_box div.left div.photo_ir07{
		bottom: -60px;
	}

}

@media screen and (min-width:740px) and (max-width:960px){
	div.photo div.chapter01 div.photo_ir02{
		left: -190px;
	}
	div.photo div.chapter01 div.photo_ir01{
		right: -70px;
	}
	div.photo div.chapter01 div.photo_ir03{
		right: -70px;
	}
	div.photo div.chapter04 h4{
		font-size: 110%;
	}
}

@media screen and (min-width:740px) and (max-width:850px){
	div.photo div.chapter02 div.chapter02_box{
		display: block;
	}
	div.div.photo div.chapter03 div.chapter03_box{
		display: block;
	}
	div.photo div.chapter02 div.chapter02_box div.left{
		max-width: 640px;
		width: 100%;
		margin: 0 auto;
	}
	div.photo div.chapter02 div.chapter02_box div.right{
		width: 100%;
		margin: 0 auto;
	}
	div.photo div.chapter03 div.chapter03_box{
		display: block;
	}
	div.photo div.chapter03 div.chapter03_box div.left{
		width: 100%;
		margin: 0 auto;
	}
	div.photo div.chapter03 div.chapter03_box div.right{
		max-width: 640px;
		width: 100%;
		margin: 0 auto;
	}
	div.photo div.chapter04 div.chapter04_box{
		display: block;
	}
	div.photo div.main_body.chapter04 div.chapter04_box div.cell.left{
		border: none;
	}
	div.photo div.main_body.chapter04 div.chapter04_box div.cell{
		width: 100%;
	}
	div.photo div.main_body.chapter04 div.chapter04_box div.cell p span.i_block{
		display: inline;
	}
}
.pg_gallery:before {
	width: 280px;
	display: block;
	content: '';
	order: 1;
}
.pg_gallery:after {
	width: 280px;
	display: block;
	content: '';
}