


.page_detail{
	position:absolute;
	left: 60px;
	bottom:52px;
}

.page_detail p{
	color:#fff;
}


.page_detail .sub_jp p{
	font-size:13pt;
	font-family: yu-mincho-pr6n, sans-serif;
}

.page_detail .main_jp p{
	font-size:17pt;
	font-family: yu-mincho-pr6n, sans-serif;
}


.page_detail .main_en p{
	font-size:8pt;
	font-family: yu-mincho-pr6n, sans-serif;
}


.page_detail .note{
	margin-top:20px;
}

.page_detail .note p{
	font-size:8pt;
}


.zakka .section01{
	margin-top:60px;
}


.main_title p{
	color:#754928;
	text-align:center;
}


.main_title p span{
	display:block;
}


.main_title p span.jp{
	font-size: 2.6rem;
}

.main_title p span.en{
	font-size: 1.4rem;
	margin-top: 10px;
}


.main_note{
	margin-top:40px;
}

.main_note p{
	font-size: 1.4rem;
	line-height: 2em;
	letter-spacing: 0.1em;
	text-align:center;
}



.sub_note{
	background:#754928;
	max-width:950px;
	margin:80px auto 0;
	padding:30px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


.sub_note p{
	color:#fff;
	text-align:center;
}



.sub_note ul li.title p{
	font-weight:bold;
	font-size:13pt;
	letter-spacing:2px;
}

.sub_note ul li.note{
	margin-top:10px;
}

.sub_note ul li.note p{
	font-size: 1.4rem;
	line-height: 2em;
	letter-spacing: 0.1em;
}



.zakka01_detail{
	max-width:950px;
	margin:90px auto 0;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


.zakka01_detail_left{
	display:inline-block;
	width:54%;
}

.zakka01_detail_left ul:first-child{
	border-bottom:1px solid #754928;
	padding-bottom:40px;
	margin-bottom:40px;
}

.zakka01_detail_left ul li.title{
	margin-bottom:15px;
}

.zakka01_detail_left ul li.title p{
	color:#754928;
	font-size:13pt;
	font-weight:bold;
}

.zakka01_detail_left ul li.note p{
	font-size: 1.4rem;
	line-height: 2em;
	letter-spacing: 0.1em;
}


.zakka01_p{
	display:inline-block;
	width:46%;
}

.zakka01_p img{
	transform: translate(10px,-30px);
	-webkit-transform: translate(10px,-30px);
	-moz-transform: translate(10px,-30px);
	-o-transform: translate(10px,-30px);
	-ms-transform: translate(10px,-30px);
}

.zakka .section02{
	margin-top:80px;
	padding: 100px 0 0;
	background:#f2f8eb;
}

.zakka02_index01{
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 90px;
}

.zakka02_index01_left{
	display:inline-block;
	vertical-align: top;
	width:50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.zakka02_index01_left img{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}


.zakka02_index01_right{
	display:inline-block;
	vertical-align: top;
	width:40%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:120px;
}

.zakka02_index01 .title p{
	font-size:22pt;
	font-weight:bold;
	line-height:130%;
	color:#754928;
}

.zakka02_index01 .title_en{
margin-top:20px;
}

.zakka02_index01 .title_en p{
	font-size: 1.4rem;
	color:#64b72f;
	font-family: yu-mincho-pr6n, sans-serif;
}

.zakka02_index01 .note{
	margin-top:30px;
}

.zakka02_index01 .note p{
	font-size: 1.4rem;
	line-height: 2em;
	letter-spacing: 0.1em;
}

.zakka02_index01_right .button{
margin-top:40px;
}

.zakka02_index02{
	margin-top:100px;
}

.zakka02_index02 p{
	text-align:center;
	font-size:16pt;
	letter-spacing:2px;
	color:#754928;
	font-weight: bold;
}

.zakka02_index03 {
	text-align:center;
	margin-top:60px;
}

.zakka02_index03 span{
	display:inline-block;
	width:160px;
	padding:0 20px;
}

.zakka02_index04{
	max-width:950px;
	margin:80px auto 0;
	padding: 0 92px;
}

.point_box{
	padding: 0 20px;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom:1px solid #754928;
	padding-bottom:40px;
	margin-bottom:50px;
}

.point_box:last-child{
	border-bottom:none;
	padding-bottom:0px;
	margin-bottom:0px;
}

.point_title{
	display:inline-block;
	width:50%;
	position: relative;
}

.point_title p{
	display:inline-block;
	position: absolute;
	top: 50%;
	color:#754928;
	font-weight:bold;
	font-size:13pt;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
}

.point_title p span{
	font-size:;
	color:#64b72f;
}

.point_note{
	display:inline-block;
	width:50%;
}

.point_note p{
	font-size: 1.4rem;
	line-height: 2em;
	letter-spacing: 0.1em;
}

.zakka02_index05{
	background:#bfdda1;
	margin-top: 300px;
	margin-right:200px;
	padding: 80px 0 25px;
	position:relative;
}

.zakka02_text_img{
			display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	    flex-flow: row-reverse;
}


.zakka02_index05:after{
	content:"";
	position:absolute;
	top: 0;
	left: 0;
	width: 285px;
	height: 100%;
	background-image:url(https://nakahara-seika.com/common/css/img/page/zakka02_index05_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top right ;
}


.zakka02_index05_p{
	display:inline-block;
    width: 80%;
	padding:0 0px 0 0px;
	}
	
	
.zakka02_index05_p span{
	    display: block;
	transform: transform(120px,-40%);
	-webkit-transform: translate(110px,-40%);
	-moz-transform: translate(120px,-40%);
	-o-transform: translate(120px,-40%);
	-ms-transform: translate(120px,-40%);
	}

.zakka02_index05_p img{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.zakka02_index05_detail{
	padding-left:300px;
    width: 45%;
	
	display:inline-block;
}

.zakka02_index05_detail ul{
	margin-bottom:50px;
}

.zakka02_index05_detail ul:last-child{
	margin-bottom:0px;
}

.zakka02_index05_detail ul li.title p{
	color: #754928;
	font-size: 13pt;
	font-weight: bold;
}

.zakka02_index05_detail ul li.note{
	margin-top:20px;
}

.zakka02_index05_detail ul li.note p{
	font-size: 1.4rem;
	line-height: 2em;
	letter-spacing: 0.1em;
}

.zakka02_index05_button{
	text-align:center;
	margin-top:120px;
	margin-left: 200px;
}

.zakka02_index05_button .btn-base {
	display: inline-block;
	text-align: left;
}


.zakka02_index05 #pagetop{
	padding: 25px 0px 25px 200px;
}

.zakka .slider-parent{
	padding:0 20px;
}


.zakka .page-header{
overflow: hidden;
}

.page_detail_photo_index{

	position:absolute;
	width:100%;
	height: 542px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.page_detail_photo_index > div{
	display:inline-block;
	width:33.333333%;
	height:100%;
}

.zakka .slider-parent{
		display:none;
}

.sp_ver{
	display:none;
}






@media screen and (max-width: 1280px){

	
	.page_detail_photo_index .detail_photo03{
	display:none;
}

.page_detail_photo_index > div{
	width:50%;
}

}






@media screen and (max-width: 1100px){
	
	
	.sp_ver{
	display:block;
}
	
	
	.pc_ver{
	display:none!important;
}
	
	
	

.main_note {
	width: 94%;
	margin-left:auto;
	margin-right:auto;
}

	
.zakka01_detail {
	margin: 60px auto 0;
	display: block;
}


.zakka01_detail_left {
	display: block;
	width: 100%;
}


.zakka01_detail_left ul:first-child {
	border-bottom: 1px solid #754928;
	padding-bottom: 30px;
	margin-bottom: 30px;
}


.zakka01_p {
	display:block;
	width: 100%;
	margin-top:30px;
}

.zakka01_p img{
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
}



.zakka01_detail_left ul li.note p {
	line-height: 1.7em;
	font-size: 1.3rem;
	text-align: left;
}


.zakka01_detail_left ul{
	padding:0 20px;
}

.zakka .section02 {
	margin-top: 50px;
	padding: 50px 0 0;
	background: #f2f8eb;
}



.zakka02_index01 {
	padding: 0 90px;
	display:block;
}


.zakka02_index01 .note{
	padding: 0 20px;
}


.zakka02_index01_left {
	display: block;
	width: 100%;
}



.zakka02_index01_left {
	display: block;
	width: 100%;
}

.zakka02_index01_right {
	display: block;
	width: 100%;
	padding-left: 0px;
}


.zakka02_index01_right .button {
	text-align: center;
}


.zakka02_index01_right .button .btn-base{
	display:inline-block;
	text-align: left;
}

.zakka02_index02 p {
	font-size: 12pt;
}
	
	

	
	
	
	
.zakka02_index01 .title p {
	font-size: 14pt;
	text-align:center;
}

.zakka02_index01 .title_en{
	margin-bottom:30px;
}

.zakka02_index01 .title_en p{
	text-align:center;
	font-size: 1.3rem;
}



.zakka02_index05 {
	margin-top: 80px;
	margin-right: 0px;
	padding: 0px 0 0px;
	position: relative;
}





.zakka02_index05_p {
	position: static;
	width: 100%;
}



.zakka02_index05_p img {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}



.zakka02_index05_detail {
	padding: 0 120px;
	margin-top:30px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	
}



.zakka02_index05_button {
	text-align: center;
	margin-top: 60px;
	margin-left: 0px;
}


.zakka02_index05:after {
	content: "";
	margin-top: 30px;
	position: static;
	display: block;
	width: 100%;
	height: 256px;
	background-image: url(https://nakahara-seika.com/common/css/img/page/zakka02_index05_bg_sp.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top;
}


.zakka02_index05_detail ul li.title p{
	text-align: center;
}


.zakka02_index05 #pagetop {
	padding:0px 25px;
}



.zakka #kv-slider {
	padding: 120% 0 0;
}
	
	
	
	.zakka02_text_img {
    display: block;
    flex-flow: initial;
}
	
	
	.zakka02_index05_p span {
    display: block;
    transform:none;
    -webkit-transform:none;
    -moz-transform:none;
    -o-transform:none;
    -ms-transform:none;
	}
	
	
}









@media screen and (max-width: 768px){
	
	
	
	.zakka .slider-parent{
		display:block;
}
	
	.page .zakka  .bg-right {
		display:none;
}
	

#wrapper .zakka .page-header{
	background: url(https://nakahara-seika.com/common/css/img/page/bg_zakka_img_sp.jpg) no-repeat 50% 50% / cover!important;
	padding: 100% 0 0;
}

.page_detail {
	left: 20px;
	top: 20%;
	z-index:9999!important;
}




.page_detail .sub_jp, .page_detail .main_jp, .page_detail .main_en, .page_detail .note{
	height:auto!important;
}


.page_detail .sub_jp p {
	font-size: 9pt;
}

.c_b.page_detail .sub_jp p {
	color:#727171;
}

.page_detail .main_jp{
margin-top:10px;
}

.page_detail .main_jp p {
	font-size: 13pt;
}

.c_b.page_detail .main_jp p {
	color:#727171;
}

.page_detail .main_en{
	margin-top:10px;
}

.page_detail .main_en p {
	font-size: 9pt;
	transform: scale(0.7);
	transform-origin: left top;
}

.c_b.page_detail .main_en p {
	color:#727171;
}


.page_detail .note {
	margin-top: 10px;
}

.page_detail .note p {
	font-size: 11pt;
	transform: scale(0.7);
	transform-origin: left top;
}

.c_b.page_detail .note p {
	color:#727171;
}




.zakka .section01 {
	margin-top:50px;
}


.main_title p span.jp {
	font-size: 2.0rem;
}


.main_title p span.en {
	font-size: 1.3rem;
}




.main_note {
	margin-top: 30px;
}

.main_note p {
	line-height: 1.7em;
	font-size: 1.3rem;
	text-align: left;
}


.zakka .main_note p{
text-align: justify;
}

.zakka .main_note p br{
	display:none;
	
}





.sub_note ul li.note p {
	line-height: 1.7em;
	font-size: 1.3rem;
	text-align: left;
}

.sub_note ul li.note p br{
	display:none;
}

	
	
	
	
	
	

.point_box {
	display: block;
	border-bottom: 1px solid #754928;
	margin-bottom: 50px;
	padding: 0 15px 40px;
}

.point_title {
	display: block;
	width: 100%;
	text-align:center;
}

.point_title p{
	position: static;
}

.point_note {
	display: block;
	width: 100%;
}



.zakka01_detail_left ul li.title {
	text-align: center;
}

.zakka01_detail_left ul li.note {
	padding: 0 15px;
}

	
.zakka01_detail_left ul {
	padding: 0 0px;
}



.zakka02_index01 .note {
	padding: 0 15px;
}


.zakka02_index03 span {
	display: inline-block;
		width: 42%;
	padding: 0 7px;
}



	.zakka02_index03 span:first-child {
		margin:0 auto;
	display: block;
	}


.zakka02_index05:after {
		height: 156px;
	}
	
	

.zakka02_index01 {
	padding: 0 20px;
}


.zakka02_index04 {
	padding: 0 20px;
}



.zakka02_index05_detail {
	padding: 0 20px;
}

.zakka02_index05_detail ul {
	padding:0 15px;
}


}






@media screen and (max-width: 416px){
	
.page_detail {
	top: 40px;
}


}






@media screen and (max-width: 320px){
	
	
	
	.sub_note ul li.title p {
	font-size: 11pt;
	letter-spacing: 2px;
}
	
.zakka01_detail_left ul li.title p {
	font-size: 11pt;
}
	
	
	
}

.youtube_block{
	width: 90%;
	margin: 3em auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
  
  /* Adjust the iframe so it's rendered in the outer-width and outer-height of it's parent */
 
@media screen and (max-width: 640px){
	.youtube_block{
		width: 95%;
		margin: 3em auto;
		display: block;
		
	}	
	.aspect-ratio {
		margin-top: 3em;
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%; /* The height of the item will now be 56.25% of the width. */
	  }
	  .aspect-ratio iframe {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	  }
}