@charset "utf-8";
/* CSS Document */
/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
	background:url("../images/bg.jpg") top center repeat;
}



/* PC */
.WRAPPER{ position:relative; width:100%; min-width:1200px; margin:0 auto; overflow:hidden;}
 	@media screen and ( max-width: 640px ){
		.WRAPPER{ min-width:100%;}
		
	}
.container { overflow: hidden; }
.topbox { position: relative; width: 1200px; margin: auto;}
.kv_pc {width: 100%;  position: relative; text-align:center; display: flex;justify-content: center;max-width: 1920px; margin: auto;flex-wrap: wrap-reverse;}
.kv_pc img { display: block; text-align: center; }
.kv_m { display: none; }
.kv_m img { display: block; }
.kv_m a {font-size: 0; display: block; }
.for_pc{ display: block; }
.for_m { display: none; }

.title01{ position: absolute;top:45px; left: 1052px;z-index: 99;}
.title02{ position: absolute;top:45px; left: 970px;z-index: 99;}
.title03{ position: absolute;top:74px; left: 861px;z-index: 99;}
.title04{ position: absolute;top:528px; left: 59px;z-index: 99;}
.title05{ position: absolute;top:674px; left: 55px;z-index: 99;}
.titleC{ margin: 0px; padding: 40px 0 10px;}
.block{ margin: 0 auto; max-width: 1920px;}
/* m */
@media screen and ( max-width: 640px ){
	.kv_m { display: block; width: 100%; }
	.kv_m img {  width: 100%; }
	.kv_pc { display: none; }
	.container {width: 100%; min-width: auto; }
	.for_pc{ display: none; }
	.for_m { display: block; }
	.for_m img{ width: 100%; padding:0 4vw;margin: 0 auto;}
	html{ padding-bottom: 30px;}
}

.bg_1{width:100%;max-width:1920px;min-width: 1200px; margin: 0 auto;background: #ffeb7f; padding: 140px 0 10px; background: url("../images/layout2_02.jpg")top center no-repeat;}
.bg_2{width:100%;max-width:1920px;min-width: 1200px; margin: 0 auto;background: #bedff5; padding: 140px 0 10px;background: url("../images/layout2_03.jpg")top center no-repeat;}
.bg_3{width:100%;max-width:1920px;min-width: 1200px; margin: 0 auto;background: #ffeb7f; padding: 140px 0 10px;background: url("../images/layout2_04.jpg")top center no-repeat;}
.bg_4{width:100%;max-width:1920px;min-width: 1200px; margin: 0 auto;background: #bedff5; padding: 140px 0 10px;background: url("../images/layout2_05.jpg")top center no-repeat;}
.bg_5{width:100%;max-width:1920px;min-width: 1200px; margin: 0 auto;background: #ffeb7f; padding: 140px 0 10px;background: url("../images/layout4_02.jpg")top center no-repeat;}
.bg_6{width:100%;max-width:1920px;min-width: 1200px; margin: 0 auto;background: #bedff5; padding: 140px 0 10px;background: url("../images/layout4_03.jpg")top center no-repeat;}
.bg_7{width:100%;max-width:1920px;min-width: 1200px; margin: 0 auto;background: #ffeb7f; padding: 140px 0 10px;background: url("../images/layout4_04.jpg")top center no-repeat;}
.bg_8{width:100%;max-width:1920px;min-width: 1200px; margin: 0 auto;background: #bedff5; padding: 140px 0 10px;background: url("../images/layout4_05.jpg")top center no-repeat;}

@media screen and ( max-width: 640px ){
.bg_1,.bg_3{width:100%;max-width:100%;min-width: 100%; margin: 0 auto;padding: 3vw 0 2vw; background: url("../images/bg.jpg")top center repeat;}
.bg_2,.bg_4{width:100%;max-width:100%;min-width: 100%; margin: 0 auto;padding: 3vw 0 2vw; background: url("../images/bg-lb.jpg")top center repeat;}
.bg_5,.bg_6{width:100%;max-width:100%;min-width: 100%; margin: 0 auto;padding: 3vw 0 2vw; background: url("../images/bg.jpg")top center repeat;}
.bg_7,.bg_8{width:100%;max-width:100%;min-width: 100%; margin: 0 auto;padding: 3vw 0 2vw; background: url("../images/bg-db.jpg")top center repeat;}
}
	
/* 2-3 recommend_2p */
.recommend_2p{width: 1100px; margin:20px auto 40px;}
.recommend_2p ul{ display: flex; justify-content: center; flex-wrap: wrap;padding-right: 50px;}
.recommend_2p h3{ width: 1100px;margin: 4px 10px;}
.recommend_2p li{ width: 400px; background: #fff; margin: 4px 0px 4px 0px; padding: 10px 30px 20px 10px;position: relative;border: 1px solid #0b588b; box-shadow: 5px 5px 0px 1px #0b588b ;}
.recommend_2p a { display: flex; }
.recommend_2p .font { margin: 0 auto;padding: 20px 40px 10px 0px;}
.recommend_2p .font h4 { border-bottom: #000000 solid 1px; padding: 0 0 10px;margin: 0 0 10px;font-size: 1.5rem;line-height: 1.8rem;}
.recommend_2p .font p {font-size: 1rem;line-height: 1.5rem; color:#032c48 ; }
.recommend_2p .font .price { margin: 10px 0 0; text-align: right; }
.recommend_2p img {max-height: 280px;max-width: 200px; object-fit: contain; margin: auto; position: absolute; right: -70px; bottom: -30px; transform:rotate(3deg);}
.bg_2 .recommend_2p ul,.bg_4 .recommend_2p ul{padding-left: 0px; padding-right: 50px;}
.bg_5 .recommend_2p ul,.bg_6 .recommend_2p ul{padding-left: 0px; padding-right: 0px;}

.poem{width: 225px;overflow: hidden;}
.poet p{position: absolute; bottom: 0px;width: 225px;overflow: hidden; }
.poet{position: relative;overflow: hidden;}
	@media screen and ( max-width: 640px ){
		.recommend_2p ul{padding-right: 0px;}
		.recommend_2p{width: 100%; margin: auto;}
		.recommend_2p h3{ width: 100%;margin: 1vw;}
		.recommend_2p li{ width:90vw; margin: 1vw 1vw 1vw 1vw; padding: 2vw 2vw 2vw 2vw;min-height: 55vw;}
		.recommend_2p a { flex-wrap: wrap; }
		.recommend_2p .font { width: 53%; padding: 0;margin: 0 2vw 2vw;}
		.recommend_2p .font h4 { padding: 0 0 3vw;margin: 2vw 0 3vw;font-size: 1.2rem;line-height: 1.4rem;}
		.recommend_2p .font p { }
		.recommend_2p .font .price { margin: 2vw 0; }
		.recommend_2p img { max-height: 46vw; max-width: 40vw;margin: 2vw auto;transform:rotate(0deg);right: 0px; bottom: 2vw; padding-right: 4vw;}
		.poem{width: 100%;}
.poet p{position: relative; bottom: 0px;width:100%; height: auto; margin-top:30px;}
		.poet { height: auto;}
		.bg_1 .recommend_2p ul,.bg_2 .recommend_2p ul,.bg_3 .recommend_2p ul,.bg_4 .recommend_2p ul{padding-left: 0px; padding-right: 0px;}
	}


.bg_1 .recommend_2p li{margin: 4px 0px 4px 120px;}
.bg_1 .recommend_2p li:nth-child(1),.bg_1 .recommend_2p li:nth-child(2){margin-bottom: 60px; }
.bg_1 .recommend_2p ul li:nth-child(1) .poem,.bg_1 .recommend_2p ul li:nth-child(2) .poem{height:160px;}
.bg_1 .recommend_2p ul li:nth-child(1) .poet,.bg_1 .recommend_2p ul li:nth-child(2) .poet{height: 50px;}
.bg_1 .recommend_2p li:nth-child(3),.bg_1 .recommend_2p li:nth-child(4){margin-bottom: 60px;}
.bg_1 .recommend_2p ul li:nth-child(3) .poem,.bg_1 .recommend_2p ul li:nth-child(4) .poem{height:230px;}
.bg_1 .recommend_2p ul li:nth-child(3) .poet,.bg_1 .recommend_2p ul li:nth-child(4) .poet{height: 115px;}
.bg_1 .recommend_2p li:nth-child(5),.bg_1 .recommend_2p li:nth-child(6){margin-bottom: 30px;}
.bg_1 .recommend_2p ul li:nth-child(5) .poem,.bg_1 .recommend_2p ul li:nth-child(6) .poem{height:250px;}
.bg_1 .recommend_2p ul li:nth-child(5) .poet,.bg_1 .recommend_2p ul li:nth-child(6) .poet{height: 70px;}
@media screen and ( max-width: 640px ){
	.bg_1 .recommend_2p li{margin: 1vw 1vw 1vw 1vw;}
	.bg_1 .recommend_2p li:nth-child(1),.bg_1 .recommend_2p li:nth-child(2){margin-bottom: 30px; }
	.bg_1 .recommend_2p ul li:nth-child(1) .poem,.bg_1 .recommend_2p ul li:nth-child(2) .poem{height:auto;}
.bg_1 .recommend_2p ul li:nth-child(1) .poet,.bg_1 .recommend_2p ul li:nth-child(2) .poet{height: auto;}
	.bg_1 .recommend_2p li:nth-child(3),.bg_1 .recommend_2p li:nth-child(4){margin-bottom: 30px;}
.bg_1 .recommend_2p ul li:nth-child(3) .poem,.bg_1 .recommend_2p ul li:nth-child(4) .poem{height:auto;}
.bg_1 .recommend_2p ul li:nth-child(3) .poet,.bg_1 .recommend_2p ul li:nth-child(4) .poet{height: auto;}
.bg_1 .recommend_2p li:nth-child(5),.bg_1 .recommend_2p li:nth-child(6){margin-bottom: 30px;}
.bg_1 .recommend_2p ul li:nth-child(5) .poem,.bg_1 .recommend_2p ul li:nth-child(6) .poem{height:auto;}
.bg_1 .recommend_2p ul li:nth-child(5) .poet,.bg_1 .recommend_2p ul li:nth-child(6) .poet{height:auto;}	
	
}

.bg_2 .recommend_2p li{margin: 4px 120px 4px 0px;}
.bg_2 .recommend_2p li:nth-child(1),.bg_2 .recommend_2p li:nth-child(2){margin-bottom: 80px; }
.bg_2 .recommend_2p ul li:nth-child(1) .poem,.bg_2 .recommend_2p ul li:nth-child(2) .poem{height:260px;}
.bg_2 .recommend_2p ul li:nth-child(1) .poet,.bg_2 .recommend_2p ul li:nth-child(2) .poet{height: 50px;}
.bg_2 .recommend_2p li:nth-child(3),.bg_2 .recommend_2p li:nth-child(4){margin-bottom: 80px;}
.bg_2 .recommend_2p ul li:nth-child(3) .poem,.bg_2 .recommend_2p ul li:nth-child(4) .poem{height:170px;}
.bg_2 .recommend_2p ul li:nth-child(3) .poet,.bg_2 .recommend_2p ul li:nth-child(4) .poet{height: 80px;}
.bg_2 .recommend_2p li:nth-child(5),.bg_2 .recommend_2p li:nth-child(6){margin-bottom: 30px;}
.bg_2 .recommend_2p ul li:nth-child(5) .poem,.bg_2 .recommend_2p ul li:nth-child(6) .poem{height:130px;}
.bg_2 .recommend_2p ul li:nth-child(5) .poet,.bg_2 .recommend_2p ul li:nth-child(6) .poet{height: 80px;}

@media screen and ( max-width: 640px ){
	.bg_2 .recommend_2p li{margin: 1vw 1vw 1vw 1vw;}
	.bg_2 .recommend_2p li:nth-child(1),.bg_2 .recommend_2p li:nth-child(2){margin-bottom: 30px; }
	.bg_2 .recommend_2p ul li:nth-child(1) .poem,.bg_2 .recommend_2p ul li:nth-child(2) .poem{height:auto;}
.bg_2 .recommend_2p ul li:nth-child(1) .poet,.bg_2 .recommend_2p ul li:nth-child(2) .poet{height: auto;}
	.bg_2 .recommend_2p li:nth-child(3),.bg_2 .recommend_2p li:nth-child(4){margin-bottom: 30px;}
.bg_2 .recommend_2p ul li:nth-child(3) .poem,.bg_2 .recommend_2p ul li:nth-child(4) .poem{height:auto;}
.bg_2 .recommend_2p ul li:nth-child(3) .poet,.bg_2 .recommend_2p ul li:nth-child(4) .poet{height: auto;}
.bg_2 .recommend_2p li:nth-child(5),.bg_2 .recommend_2p li:nth-child(6){margin-bottom: 30px;}
.bg_2 .recommend_2p ul li:nth-child(5) .poem,.bg_2 .recommend_2p ul li:nth-child(6) .poem{height:auto;}
.bg_2 .recommend_2p ul li:nth-child(5) .poet,.bg_2 .recommend_2p ul li:nth-child(6) .poet{height:auto;}	

}

.bg_3 .recommend_2p li{margin: 4px 0px 4px 120px;}
.bg_3 .recommend_2p li:nth-child(1),.bg_3 .recommend_2p li:nth-child(2){margin-bottom: 65px; }
.bg_3 .recommend_2p ul li:nth-child(1) .poem,.bg_3 .recommend_2p ul li:nth-child(2) .poem{height:290px;}
.bg_3 .recommend_2p ul li:nth-child(1) .poet,.bg_3 .recommend_2p ul li:nth-child(2) .poet{height: 70px;}
.bg_3 .recommend_2p li:nth-child(3),.bg_3 .recommend_2p li:nth-child(4){margin-bottom: 65px;}
.bg_3 .recommend_2p ul li:nth-child(3) .poem,.bg_3 .recommend_2p ul li:nth-child(4) .poem{height:170px;}
.bg_3 .recommend_2p ul li:nth-child(3) .poet,.bg_3 .recommend_2p ul li:nth-child(4) .poet{height: 80px;}
.bg_3 .recommend_2p li:nth-child(5),.bg_3 .recommend_2p li:nth-child(6){margin-bottom: 30px;}
.bg_3 .recommend_2p ul li:nth-child(5) .poem,.bg_3 .recommend_2p ul li:nth-child(6) .poem{height:140px;}
.bg_3 .recommend_2p ul li:nth-child(5) .poet,.bg_3 .recommend_2p ul li:nth-child(6) .poet{height: 80px;}
.bg_3 .recommend_2p ul li:nth-child(1) .poem{ width: 255px;}
@media screen and ( max-width: 640px ){
	.bg_3 .recommend_2p li{margin: 1vw 1vw 1vw 1vw;}
	.bg_3 .recommend_2p li:nth-child(1),.bg_3 .recommend_2p li:nth-child(2){margin-bottom: 30px; }
	.bg_3 .recommend_2p ul li:nth-child(1) .poem,.bg_3 .recommend_2p ul li:nth-child(2) .poem{height:auto;}
.bg_3 .recommend_2p ul li:nth-child(1) .poet,.bg_3 .recommend_2p ul li:nth-child(2) .poet{height: auto;}
	.bg_3 .recommend_2p li:nth-child(3),.bg_3 .recommend_2p li:nth-child(4){margin-bottom: 30px;}
.bg_3 .recommend_2p ul li:nth-child(3) .poem,.bg_3 .recommend_2p ul li:nth-child(4) .poem{height:auto;}
.bg_3 .recommend_2p ul li:nth-child(3) .poet,.bg_3 .recommend_2p ul li:nth-child(4) .poet{height: auto;}
.bg_3 .recommend_2p li:nth-child(5),.bg_3 .recommend_2p li:nth-child(6){margin-bottom: 30px;}
.bg_3 .recommend_2p ul li:nth-child(5) .poem,.bg_3 .recommend_2p ul li:nth-child(6) .poem{height:auto;}
.bg_3 .recommend_2p ul li:nth-child(5) .poet,.bg_3 .recommend_2p ul li:nth-child(6) .poet{height:auto;}	
.bg_3 .recommend_2p ul li:nth-child(1) .poem{ width: 100%;}
}

.bg_4 .recommend_2p li{margin: 4px 120px 4px 0px;}
.bg_4 .recommend_2p li:nth-child(1),.bg_4 .recommend_2p li:nth-child(2){margin-bottom: 80px; }
.bg_4 .recommend_2p ul li:nth-child(1) .poem,.bg_4 .recommend_2p ul li:nth-child(2) .poem{height:170px;}
.bg_4 .recommend_2p ul li:nth-child(1) .poet,.bg_4 .recommend_2p ul li:nth-child(2) .poet{height: 50px;}
.bg_4 .recommend_2p li:nth-child(3),.bg_4 .recommend_2p li:nth-child(4){margin-bottom: 80px;}
.bg_4 .recommend_2p ul li:nth-child(3) .poem,.bg_4 .recommend_2p ul li:nth-child(4) .poem{height:190px;}
.bg_4 .recommend_2p ul li:nth-child(3) .poet,.bg_4 .recommend_2p ul li:nth-child(4) .poet{height: 80px;}
.bg_4 .recommend_2p li:nth-child(5),.bg_4 .recommend_2p li:nth-child(6){margin-bottom: 30px;}
.bg_4 .recommend_2p ul li:nth-child(5) .poem,.bg_4 .recommend_2p ul li:nth-child(6) .poem{height:240px;}
.bg_4 .recommend_2p ul li:nth-child(5) .poet,.bg_4 .recommend_2p ul li:nth-child(6) .poet{height: 80px;}
@media screen and ( max-width: 640px ){
	.bg_4 .recommend_2p li{margin: 1vw 1vw 1vw 1vw;}
	.bg_4 .recommend_2p li:nth-child(1),.bg_4 .recommend_2p li:nth-child(2){margin-bottom: 30px; }
	.bg_4 .recommend_2p ul li:nth-child(1) .poem,.bg_4 .recommend_2p ul li:nth-child(2) .poem{height:auto;}
.bg_4 .recommend_2p ul li:nth-child(1) .poet,.bg_4 .recommend_2p ul li:nth-child(2) .poet{height: auto;}
	.bg_4 .recommend_2p li:nth-child(3),.bg_4 .recommend_2p li:nth-child(4){margin-bottom: 30px;}
.bg_4 .recommend_2p ul li:nth-child(3) .poem,.bg_4 .recommend_2p ul li:nth-child(4) .poem{height:auto;}
.bg_4 .recommend_2p ul li:nth-child(3) .poet,.bg_4 .recommend_2p ul li:nth-child(4) .poet{height: auto;}
.bg_4 .recommend_2p li:nth-child(5),.bg_4 .recommend_2p li:nth-child(6){margin-bottom: 30px;}
.bg_4 .recommend_2p ul li:nth-child(5) .poem,.bg_4 .recommend_2p ul li:nth-child(6) .poem{height:auto;}
.bg_4 .recommend_2p ul li:nth-child(5) .poet,.bg_4 .recommend_2p ul li:nth-child(6) .poet{height:auto;}	

}

.bg_5 .recommend_2p li{margin: 4px 80px 4px 40px;}
.bg_5 .recommend_2p li:nth-child(1),.bg_5 .recommend_2p li:nth-child(2){margin-bottom: 80px; }
.bg_5 .recommend_2p ul li:nth-child(1) .poem,.bg_5 .recommend_2p ul li:nth-child(2) .poem{height:160px; padding-top: 40px;}
.bg_5 .recommend_2p ul li:nth-child(1) .poet,.bg_5 .recommend_2p ul li:nth-child(2) .poet{height: 50px;}
.bg_5 .recommend_2p li:nth-child(3),.bg_5 .recommend_2p li:nth-child(4){margin-bottom: 80px;}
.bg_5 .recommend_2p ul li:nth-child(3) .poem,.bg_5 .recommend_2p ul li:nth-child(4) .poem{height:180px; padding-top: 40px;}
.bg_5 .recommend_2p ul li:nth-child(3) .poet,.bg_5 .recommend_2p ul li:nth-child(4) .poet{height: 80px;}
@media screen and ( max-width: 640px ){
	.bg_5 .recommend_2p li{margin: 3vw 1vw 1vw 1vw;}
	.bg_5 .recommend_2p li:nth-child(1),.bg_5 .recommend_2p li:nth-child(2){margin-bottom:15px; margin-top: 20px;}
	.bg_5 .recommend_2p ul li:nth-child(1) .poem,.bg_5 .recommend_2p ul li:nth-child(2) .poem{height:auto;padding-top: 60px;}
.bg_5 .recommend_2p ul li:nth-child(1) .poet,.bg_5 .recommend_2p ul li:nth-child(2) .poet{height: auto;}
	.bg_5 .recommend_2p li:nth-child(3),.bg_5 .recommend_2p li:nth-child(4){margin-bottom: 30px; margin-top: 20px;}
.bg_5 .recommend_2p ul li:nth-child(3) .poem,.bg_5 .recommend_2p ul li:nth-child(4) .poem{height:auto;padding-top: 60px;}
.bg_5 .recommend_2p ul li:nth-child(3) .poet,.bg_5 .recommend_2p ul li:nth-child(4) .poet{height: auto;}
}



.bg_6 .recommend_2p li{margin: 4px 80px 4px 40px;}
.bg_6 .recommend_2p li:nth-child(1),.bg_6 .recommend_2p li:nth-child(2){margin-bottom: 80px; }
.bg_6 .recommend_2p ul li:nth-child(1) .poem,.bg_6 .recommend_2p ul li:nth-child(2) .poem{height:140px; padding-top: 40px;}
.bg_6 .recommend_2p ul li:nth-child(1) .poet,.bg_6 .recommend_2p ul li:nth-child(2) .poet{height: 70px;}
.bg_6 .recommend_2p li:nth-child(3),.bg_6 .recommend_2p li:nth-child(4){margin-bottom: 80px;}
.bg_6 .recommend_2p ul li:nth-child(3) .poem,.bg_6 .recommend_2p ul li:nth-child(4) .poem{height:230px; padding-top: 40px;}
.bg_6 .recommend_2p ul li:nth-child(3) .poet,.bg_6 .recommend_2p ul li:nth-child(4) .poet{height: 80px;}
@media screen and ( max-width: 640px ){
	.bg_6 .recommend_2p li{margin: 3vw 1vw 1vw 1vw;}
	.bg_6 .recommend_2p li:nth-child(1),.bg_6 .recommend_2p li:nth-child(2){margin-bottom: 30px; margin-top: 20px;}
	.bg_6 .recommend_2p ul li:nth-child(1) .poem,.bg_6 .recommend_2p ul li:nth-child(2) .poem{height:auto;padding-top: 60px;}
.bg_6 .recommend_2p ul li:nth-child(1) .poet,.bg_6 .recommend_2p ul li:nth-child(2) .poet{height: auto;}
	.bg_6 .recommend_2p li:nth-child(3),.bg_6 .recommend_2p li:nth-child(4){margin-bottom: 30px; margin-top: 20px;}
.bg_6 .recommend_2p ul li:nth-child(3) .poem,.bg_6 .recommend_2p ul li:nth-child(4) .poem{height:auto;padding-top: 60px;}
.bg_6 .recommend_2p ul li:nth-child(3) .poet,.bg_6 .recommend_2p ul li:nth-child(4) .poet{height: auto;}
}




.round{display: table;position: absolute;top: -40px;left: -20px;width: 100px;height: 100px;border-radius: 50px;background: #c54a63;}
.round h6 {display: table-cell;vertical-align: middle;color: #fff;padding: 0px;overflow: hidden;white-space: nowrap; text-align: center; font-size: 1.5rem;line-height: 1.7rem; font-weight: 300;}
@media screen and ( max-width: 640px ){
	.round{top: -20px;left: -10px;width:80px;height: 80px;}
	.round h6 {font-size: 1.2rem;line-height: 1.5rem;}

}




/* 3-4 round_3p */
.round_3p{width: 1160px; margin:20px auto 0px; }
.round_3p ul{ display: flex; justify-content: center; flex-wrap: wrap;}
.round_3p h3{ width: 1160px;margin: 4px 10px;}
.round_3p li{ width: 300px;  margin: 6px 30px 60px 30px; padding: 10px; position: relative;}
.round_3p a { display: flex; flex-wrap: wrap;}
.round_3p .font {  margin: 0 auto;padding: 10px 0px 10px;text-align: center;}
.round_3p .font h4 { position: absolute;top: 0;left: 0px;width: 100px;height: 100px;border-radius: 50px;background: #b2405b;
color: #fff;padding: 28px 10px;overflow: hidden;white-space: nowrap;}
.round_3p .font p {   }
.round_3p .font .price { margin: 10px 0 0;}
.round_3p img {width: 300px; height: 360px; object-fit: contain; margin: auto; border: 0px solid #ebbb20;border-radius: 0px;}
.round_3p li:nth-child(4),.round_3p li:nth-child(5){margin-bottom: 20px;}

.rectangle_3p{margin: 20px auto 0px;}
.rectangle_3p li{ padding-bottom:20px;width: 300px; margin: 12px 12px 50px;}
.rectangle_3p img{padding: 10px;}
.rectangle_3p h4{background:#c54a63;color: #ffffff; border-radius: 20px; padding: 8px 20px; margin-top: -40px;}
.rectangle_3p .font{text-align: left; width: 100%; padding: 0 25px;}
.rectangle_3p .font .moto{border-left: 5px solid #562021;  width: 100%; padding: 0 25px 0 10px;}
.booktitle{ font-size: 20px;padding: 10px 0px; font-weight: 600;}
	@media screen and ( max-width: 640px ){
		.round_3p{width: 96vw; margin: 5vw auto;}
		.round_3p h3{ width: 100%;margin: 1vw;}
		.round_3p li{ width: 90vw; margin: -2vw 0; padding: 0;}
		.round_3p a { flex-wrap: nowrap; }
		.round_3p .font { width: 0%; padding: 0;margin:auto; text-align: center;}
		.round_3p .font h4 { width: 18vw; height: 18vw;  left: 0; padding: 4vw 1vw;font-size: 1.1rem;line-height: 1.3rem;}
		.round_3p .font p { }
		.round_3p .font .price { margin: 2vw 0; }
		.round_3p img { height: 42vw; width: 50vw;margin:0 3vw;}
		.round_3p li:nth-child(1){width:90vw; margin: 2vw auto;}
		.round_3p li:nth-child(1) img{height: 80vw; width: 80vw; margin: 0 auto;}
.round_3p li:nth-child(2),.round_3p li:nth-child(3),.round_3p li:nth-child(4),.round_3p li:nth-child(5){width:42vw; margin: 5vw 2vw;}
		
		
	.rectangle_3p{margin: 2vw auto 0px;}	
.rectangle_3p ul li,.rectangle_3p ul li:first-child{ width: 43vw;  padding: 0; margin: 2vw 2vw 2vw ;}
.rectangle_3p ul li img,.rectangle_3p ul li:first-child img{padding: 0px;width: 35vw; height: 40vw; margin: 0px auto;}
.rectangle_3p ul li .font,.rectangle_3p ul li:first-child .font{ margin:0px 0 0 0px; padding: 0;}
.rectangle_3p img,.rectangle_3p li:first-child img{padding: 0px;width: 30vw; height: 35vw; margin-left: 0px;}
.rectangle_3p h4{writing-mode:horizontal-tb;position:relative;top: 0px;left: 0px; padding: 2% 1%; border-radius:0  0 0px 0px ; color: #ffffff; height: auto; text-align:center; letter-spacing: 0px; width: 100%;  font-size: 16px; margin: 0px auto 2px; line-height: 20px;}
.rectangle_3p h5{position: absolute;top: -40px;left: 0px;width: 80px;height: 80px; border-radius: 50px;padding: 18px 10px; overflow: hidden;white-space: nowrap;font-size: 1.2rem; text-align: center;font-weight: 500;line-height: 1.6rem; border:0px solid;}
.rectangle_3p .font{ margin:10px 0 0 0px; text-align: center;}
		.rectangle_3p .font p{ font-size: 16px;}
.rectangle_3p ul li:first-child a{flex-wrap: wrap;}
		.rectangle_3p .font .moto{border-left:0px solid #562021; padding: 0 10px 10px 10px; font-size: 14px;}
}




/*--goto top--*/
#gotop {display: inline-block;background-color: #000;opacity:0.3;width: 40px;height: 40px;text-align: center;border-radius: 100%;position: fixed;bottom: 0px;right: 0px;transition: background-color .3s, opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;margin: 30px;}
#gotop::after {font-family: FontAwesome;content:'　';font-weight: normal;font-style: normal;font-size: 2em;line-height: 50px;color: #fff;  opacity:0.5;background: url(../images/top.png) center no-repeat; background-size:50%;background-position:50% 20%;}
#gotop:hover {cursor: pointer;background-color: #666;}
#gotop:active {background-color: #666;}
#gotop.show {opacity: 0.4;visibility: visible;}
	@media screen and ( max-width: 640px ){
	#gotop {bottom: 25px;right: 0;margin: 2vw;	}
	}
/*for mobile*/
menu{display:none;}
	@media screen and ( max-width: 768px ){
		menu{ display:block;}
	}
menu ul{
	position:fixed;bottom:0;left:0;margin:0;width:100%;display:flex;list-style: none;background-color: #b2405b;z-index:1000;padding:2px 0;border-top:none;}
menu ul li{border-right:1px solid #ffffff;padding:4px;width:25%;box-sizing:border-box;text-align:center;font-size:13px;letter-spacing: -1px;}
menu ul li a{font-size:13px;}
menu ul li:nth-last-child(1){border-right:none;}
menu a{color:#ffffff !important;text-decoration:none;}