@charset "utf-8";

dummy {

color:    #335F00;/*緑*/
color:    #CA0F16;/*赤*/

color:    #390;/*文字部分は1薄い緑*/
}


/* レスポンシブ　ベース
----------------------------------------------------*/

@media screen and (min-width: 1271px) {
	.only-smp {
		display:none !important;
	}
	body {
		font-size:1rem;
		line-height:150%;		
	}
	article {
		padding-right:8vw;
	}
	section {
		width:100%;
		margin: 0 auto;
	}	
	section .in {
		padding: 20px 10vw;
	}
}
@media screen and (min-width:801px) and ( max-width:1270px) {
	.only-smp {
		display:none !important;
	}
	body {
		font-size:1rem;
		line-height:150%;		
	}	
	article {
		padding-right:8vw;
	}	
	section {
		width:100%;
	}
	section .in {
		padding: 20px 2vw;
	}
}
@media screen and (max-width: 800px) {
	.only-pc {
		display:none !important;
	}
	body {
		width:100%;
		overflow:hidden;
		overflow-y:scroll;

		font-size:0.8rem;
		line-height:150%;		
	}				
	section {
		width:100%;
		overflow:hidden;
	}	
	section .in {
		padding: 20px 2vw;
	}	
	.smp-w100p {
		width:100% !important;
	}
	.image img,
	.img img,
	.smp-w100p {
		width:100% !important;
	}	
	#container {
		/*padding-top:35% !important;*/
	}
}




/* レイアウト
----------------------------------------------------*/





/* header
------------------------------------- */

header {
	position:fixed;
	top:0;
	right:0;
	width:8vw;
	height:100vh;
	background:#fff;
	z-index:9999;
}
#menu-btn{
	display: inline-block;
	position:absolute;
	width: 8vw;
	height: 8vw;
	cursor:pointer;
	background:#fff;
	border-bottom:solid 1px #ddd;
	z-index:101;
}
#menu-btn .bg{
	position:absolute;
	width: 0;
	height: 8vw;
	background: #eee;
	transition-duration: .4s;
}
#menu-btn:hover .bg{
	width: 8vw;
}
#menu-btn:active .bg{
	width: 0;
	transition-delay: .4s;
}
#menu-btn-icon{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 4vw;
	height: 2px;
	margin: 0 0 0 -2vw;
	background: #41342f;
	transition-duration: .2s;
}
#menu-btn-icon:before,
#menu-btn-icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 4vw;
	height: 2px;
	background: #41342f;
	transition-duration: 0.2s;
}
#menu-btn-icon:before{
	margin-top: -1.4vw;
}
#menu-btn-icon:after{
	margin-top: 1.3vw;
}
#menu-btn .close{
	background: transparent;
}
#menu-btn .close:before,
#menu-btn .close:after {
	margin-top: 0;
}
#menu-btn .close:before{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
#menu-btn .close:after{
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

header #logo {
	display: block;
	position:absolute;
	width: 8vw;
	height: 8vw;
	top:10vw;
	left:0;
}
header #logo-whc {
	display: block;
	position:absolute;
	width: 8vw;
	height: 8vw;
	bottom:0;
	left:0;
}

@media screen and (max-width: 800px) {
	header {
		width:12vw !important;
		background: none !important;
	}
	#menu-btn{
		width: 12vw !important;
		height: 12vw !important;
	}	
	#menu-btn .bg{
		height: 12vw !important;
	}
	#menu-btn:hover .bg{
		width: 12vw !important;
	}
	#menu-btn-icon{
		width: 6vw !important;
		height: 2px !important;
		margin: 0 0 0 -3vw !important;
	}
	#menu-btn-icon:before,
	#menu-btn-icon:after {
		width: 6vw !important;
		height: 2px !important;
	}
	#menu-btn-icon:before{
		margin-top: -2vw !important;
	}
	#menu-btn-icon:after{
		margin-top: 1.8vw !important;
	}
	#menu-btn .close:before,
	#menu-btn .close:after {
		width: 8vw !important;
		margin:  0 0 0 -1vw !important;
	}
	header #logo {
		width: 12vw !important;
		height: 12vw !important;
		top:14vw !important;
	}
	header #logo-whc {
		width: 12vw !important;
		height: 12vw !important;
	}
	
	
}







/* nav
------------------------------------- */

nav{
	position: fixed;
	display: none;
	z-index:9998;
	background: rgba(255,255,255,0.7);
	width: 100%;
}
nav ul {
	margin:0 8vw 0 0;
	padding:0;
	background: #fff;
}
nav li{
	list-style:none;
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
}
nav li a {
	overflow: hidden;
	display: block;
	width:100%;
	height:22.5vh;
	padding: 5vh 8vw;
	background: #fff;
	text-decoration:none;
}
nav li#nav-home {
}
nav li#nav-home a {
	width:auto !important;
	height:auto !important;
	margin:0 !important;
	padding: 0 !important;
}
nav li#nav-home a span {
	display:inline-block;
	margin:2vw 0 2vw 7vw;
	padding: 0.6vw 2vw;
	background: #4E3A39;
	color:#fff;
	font-size:2vw;
}
nav li h2 {
	display:inline-block;
	margin: -1vw 0 0 -1vw;
	padding:0.8vw 2vw;
	color:#fff;
	font-size:1.8vw;
}
nav li.day1 h2 {
	background:#CA0F16;
}
nav li.day2 h2 {
	background:#3C6B3A;
}
nav li h3 {
	padding:1.6vw 0 0 3vw;
	font-size:2.3vw;
	line-height:3vw;
	font-weight:normal;
}
nav li.day1 h3 span {
	color:#CA0F16;
}
nav li.day2 h3 span {
	color:#339900;
}

@media screen and (min-width:801px) and ( max-width:1050px) {

	nav li h3 {
		padding:2.8vw 0 0 3vw !important;
		line-height:4vw !important;
	}	
}
@media screen and (max-width: 800px) {
	nav ul {
		margin:0 12vw 0 0 !important;
	}
	nav li a {
		height:22vh !important;
	}
	nav li#nav-home a span {
		font-size:4vw !important;
		padding:2vw 3vw !important;
	}		
	nav li h2 {
		padding:2vw 3vw !important;
		font-size:4vw !important;
	}
	nav li h3 {
		font-size:3vw !important;
		line-height:5vw !important;
	}
	header #logo,
	header #logo-whc {
		display:none !important;
	}

}







/* main-image
------------------------------------- */

section img {
	width:100%;
}

.bg-c1 { background-color: #FBF1D7}
.bg-c2 { background-color: #E5B485}
.bg-c3 { background-color: #F5F1E6}
.bg-c4 { background-color: #E6D9C5}
.bg-c5 { background-color: #C2CFB6}



/* [TOP]  main-image
------------------------------------- */

body#toppage section.mainimage {
	width:100% !Important;
	height:63.3vw;
	margin: 0 auto;
	padding:0 !Important;
	position:relative;
	overflow:visible;
}
body#toppage section.mainimage {  background:url(../img/top_main.jpg) no-repeat; background-size: contain;}

body#toppage section.mainimage .name-label {
	position:absolute;
	padding:0.3vw 1vw;
	z-index:10;
	background:#4B3D3C;
	color:#fff;
	font-size:1.7vw;
}
body#toppage section.mainimage .name-label:nth-child(2) {
	top:10vw;
	left:8vw;
}
body#toppage section.mainimage .name-label:nth-child(3) {
	top:34vw;
	left:62vw;
}
body#toppage section.mainimage .obi-wrapper {
	padding: 23vw 0 0 9vw;
}
body#toppage section.mainimage h1 {
	width:46vw;
	height:16vw;
	background:url(../img/bg_obi0-1.png) no-repeat;
	background-size: contain;	
}
body#toppage section.mainimage h1 strong {
	display:block;
	transform: rotate(-4deg);
	padding:2vw;
	font-size:4.5vw;
	color:#fff;
}
body#toppage section.mainimage h1 span {
	display:block;
	padding:2vw 2vw 0.3vw 2vw;
	font-size:3.1vw;
	color:#fff;
}
body#toppage section.mainimage h1 span:nth-child(3) { padding:2vw 0 0 4vw !important;}

body#toppage section.mainimage h2 {
	display:inline-block;
	transform: rotate(-5deg);
	margin:0vw 0 1vw 1vw;
	padding:1.3vw;
	font-size:2vw;
	font-weight:normal;
	background:#91595C;
	color:#F7D769;	
}
body#toppage section.mainimage p {
	width:49vw;
	height:16vw;
	background:url(../img/bg_obi0-2.png) no-repeat;
	background-size: contain;	
	padding:1.6vw 5vw 0 3vw;
	font-size:1.4vw;
	letter-spacing:0.1vw;
	line-height:120%;
	color:#e8ffc9;
}
body#toppage section.mainimage .date {
	padding: 0;
	font-size:1.3vw;
	color:#fff;
}
body#toppage section.mainimage .date strong {
	font-weight:normal;
	font-size:1.6vw;
	color:#fff;
}
body#toppage section.mainimage .date span:nth-child(2) {
	color:#C50B2C;
}
body#toppage section.mainimage .date span:nth-child(4) {
	color:#006666;
}


@media screen and (min-width:801px) and ( max-width:1050px) {
	body#toppage section.mainimage h1 strong {
		padding:1vw 2vw !important;
	}
	body#toppage section.mainimage .date {
		padding: 0 !important;
		margin-top:-2vw !important;
	}
}
@media screen and (max-width: 800px) {
	body#toppage section.mainimage {
		background:url(../img/top_main.jpg) no-repeat !important;
		background-size: 120% auto !important;
	}
	body#toppage section.mainimage .name-label {
		padding:0.5vw 1.3vw !important;
		font-size:3vw !important;
	}	
	body#toppage section.mainimage .name-label:nth-child(3) {
		top:28vw !important;
		left:47vw !important;
	}	
	body#toppage section.mainimage .obi-wrapper {
		padding: 35vw 0 0 3vw !important;
	}
	body#toppage section.mainimage h1 {
		width:93vw;
		height:31vw;
	}	
	body#toppage section.mainimage h1 strong {
		margin-bottom:-2vw;
		padding:4vw !important;
		font-size:8.5vw !important;
	}
	body#toppage section.mainimage h1 span {
		padding:4vw 4vw 0 4vw !important;
		font-size:5.9vw !important;
	}
	body#toppage section.mainimage h1 span:nth-child(3) { padding:4vw 0 0 8vw !important;}
	
	body#toppage section.mainimage h2 {
		margin:0 0 2vw 2vw !important;
		padding:2.6vw !important;
		font-size:4vw !important;
	}
	body#toppage section.mainimage p {
		width:92vw;
		height:25vw;	
		margin-top:-3vw !important;
		padding:3vw 10vw 0 6vw !important;
		font-size:2.5vw !important;
		line-height:140% !important;
	}
	body#toppage section.mainimage .date {
		padding: 0 !important;
		font-size:2.6vw !important;
		color:#555 !important;
	}
	body#toppage section.mainimage .date strong {
		font-size:3.2vw !important;
		color:#555 !important;
	}
	
	
	
}



/* [ subpage ]  main-image
------------------------------------- */

body.subpage section.mainimage {
	width:100% !Important;
	height:42vw;
	margin: 0 auto;
	padding:0 !Important;
	position:relative;
	overflow:visible;
}
body#day1-1  section.mainimage  { background:url(../img/day1-1_main.jpg) no-repeat; background-size: contain;}
body#day1-2  section.mainimage  { background:url(../img/day1-2_main.jpg) no-repeat; background-size: contain;}
body#day2-1  section.mainimage  { background:url(../img/day2-1_main.jpg) no-repeat; background-size: contain;}
body#day2-2  section.mainimage  { background:url(../img/day2-2_main.jpg) no-repeat; background-size: contain;}

body.subpage section.mainimage .name-label {
	position:absolute;
	padding:0.3vw 1vw;
	z-index:10;
	background:#4B3D3C;
	color:#fff;
	font-size:1.4vw;
}
body#day1-1 section.mainimage .name-label:nth-child(2) { top:11vw; left:10vw; }
body#day1-1 section.mainimage .name-label:nth-child(3) { top:34vw; left:67vw; }

body#day1-2 section.mainimage .name-label:nth-child(2) { top:9vw; left:45vw; }
body#day1-2 section.mainimage .name-label:nth-child(3) { top:17vw; left:7vw; }

body#day2-1 section.mainimage .name-label:nth-child(2) { top:35vw; left:62vw; }
body#day2-1 section.mainimage .name-label:nth-child(3) { top:30vw; left:7vw; }

body#day2-2 section.mainimage .name-label:nth-child(2) { top:32vw; left:22vw; }
body#day2-2 section.mainimage .name-label:nth-child(3) { top:33vw; left:5vw; }


body.subpage section.mainimage .obi-wrapper {
	padding: 15vw 0 0 34.5vw;
}
body.subpage section.mainimage .obi {
	width:30vw;
	height:16vw;
}
body.subpage#day1-1 section.mainimage .obi,
body.subpage#day1-2 section.mainimage .obi { background:url(../img/bg_obi1-2.png) no-repeat; background-size: contain; }
body.subpage#day2-1 section.mainimage .obi,
body.subpage#day2-2 section.mainimage .obi { background:url(../img/bg_obi2-2.png) no-repeat; background-size: contain; }

body.subpage section.mainimage h1 {	
}
body.subpage section.mainimage h1 span {
	display:block;
	padding: 1.3vw 0 0 4vw;
	font-size:1.6vw;
	color:#fff;	
}

body.subpage section.mainimage h2 {
	padding:2.3vw 0 0 3vw;
	font-size:1.8vw;
	font-weight:normal;
	line-height:2vw;
	letter-spacing:0.7px;
}
body.subpage#day2-1 section.mainimage h2{
	padding:2.7vw 0 0 4.5vw;
	line-height:2.5vw;
}
body.subpage#day2-2 section.mainimage h2 {
	padding:2.7vw 0 0 5vw;
	line-height:2vw;
}
body.subpage#day1-1 section.mainimage h2 span,
body.subpage#day1-2 section.mainimage h2 span {
	color:#CA0F16;/*赤*/
}
body.subpage#day2-1 section.mainimage h2 span,
body.subpage#day2-2 section.mainimage h2 span {
	color:#390;/*文字部分は薄い緑*/
}


@media screen and (max-width: 800px) {
	body#day1-1 section.mainimage {
		background:url(../img/day1-1_main.jpg) no-repeat !important;
		background-size: 120% auto !important;
	}
	body#day1-2 section.mainimage {
		background:url(../img/day1-2_main.jpg) no-repeat !important;
		background-size: 120% auto !important;
	}
	body#day2-1 section.mainimage {
		background:url(../img/day2-1_main.jpg) no-repeat !important;
		background-size: 120% auto !important;
	}
	body#day2-2 section.mainimage {
		background:url(../img/day2-2_main.jpg) no-repeat !important;
		background-size: 120% auto !important;
	}
		
	body.subpage section.mainimage .name-label {
		display:none !important;
	}
	body.subpage section.mainimage .obi-wrapper {
		padding: 24vw 0 0 14vw !important;
	}
	body.subpage section.mainimage .obi {
		width:71vw !important;
		height:50vw !important;
	}
	body.subpage section.mainimage h1 span {
		padding: 4vw 0 0 11vw !important;
		font-size:4vw !important;
	}
	
	body.subpage section.mainimage h2 {
		padding:6vw 4vw 0 10vw !important;
		font-size:4vw !important;
		line-height:6vw !important;
	}
	body.subpage#day2-1 section.mainimage h2 {
		padding:6vw 4vw 0 12vw !important;
		font-size:4.8vw !important;
		line-height:6.5vw !important;
	}	
}






/* introduction 1 
--------------------------------------------- */

.introduction1 {
}
.introduction1 .in {
	display: flex;
	flex-direction: row;
	align-items: center;
	/*flex-wrap: wrap;*/
}
.introduction1 .in div:nth-child(1){ /* face */
	flex: 0 1 15vw;
	max-width:139px;
	margin-right:12px;
	text-align:right;
}
.introduction1 .in div:nth-child(1) img {
	max-width:139px;
	display:inline-block;
}
.introduction1 .in div:nth-child(2){
	flex: 0 1 15vw;
}
.introduction1 .in div span {
	padding:0.2vw 1vw;
}
.introduction1 .in div span.post-label {
	display:block;
	color:#CA0F16;
	font-size:1.5vw;
}
.introduction1 .in div span.name-label {
	display:inline-block;
	background:#4B3D3C;
	color:#fff;
	font-size:1.3vw;
}
.introduction1 .in p {
	flex: 1 1 60%;
}


@media screen and (min-width:801px) and ( max-width:1270px) {
	.introduction1 .in div {
		flex: 0 1 18vw !important;
	}
}
@media screen and (max-width: 800px) {
	.introduction1.hanna {
		padding-top:38vw;
	}
	.introduction1.dustin {
		padding-top:5vw;
	}	
	.introduction1 .in {
		flex-wrap: wrap !important;
	}	
	.introduction1 .in div:nth-child(1){ /* face */
		flex: 0 1 40vw !important;
		max-width:none !important;
	}
	.introduction1 .in div:nth-child(2){
		flex: 0 1 50vw !important;
	}
	.introduction1 .in div:nth-child(2) span {
		padding:2vw 2vw !important;
		font-size:4vw !important;
	}
	.introduction1 .in p {
		flex: 0 1 100vw !important;
		padding:3vw !important;
		font-size:3vw !important; 
		line-height: 4vw !important;
	}	
}






/* [day-1-2] introduction 2 
--------------------------------------------- */

.introduction2 {
	padding:4vw 10vw;
}
.introduction2 .in {
	margin: 0 auto;
	padding:0 2vw;
	background:#fff;
}
.introduction2 .in .row {
	position:relative;
}
.introduction2 .in div.face {
	display:inline-block;
	width:139px;
}
.introduction2 .in div.face.hanna {
	position:absolute;
	width:18%;
	top:-2vw;
	left:-3vw;
}
.introduction2 .in div.face.dustin {
	position:absolute;
	width:18%;
	top:-2vw;
	right:-3vw;
}
.introduction2 .in div.face img {
	display:block;
}
.introduction2 .in div.face.hanna span {
	display:block;
	width:130%;
	margin: 0 0 0 -1vw;
	padding:0.2vw 2vw 0.2vw 0.8vw;
	color:#fff;
}
body#day1-1 .introduction2 .in div.face.hanna span,
body#day1-2 .introduction2 .in div.face.hanna span { background:#335F00;/*緑*/ }

body#day2-1 .introduction2 .in div.face.hanna span,
body#day2-2 .introduction2 .in div.face.hanna span { background:#CA0F16;/*赤*/ }


.introduction2 .in div.face.hanna span:nth-child(3) {
	margin: 0 0 0 -0.5vw;
	padding:0.2vw 0 0.2vw 0.8vw;
}
.introduction2 .in div.face.dustin span.name-label {
	display:block;
	margin: 0 auto;
	padding: 0.2vw 1vw;
	background:#4B3D3C;
	text-align:center;
	color:#fff;
	font-size:1.1vw;
}
.introduction2 .in p.text {
	display:inline-block;
	float:left;
	width:74%;
	margin:3% 0 3% 22%;
	font-size:1.5vw;
	line-height:140%;
}
.introduction2 .in .comment {
	display:block;
	float:left;
	width:43vw;
	min-height:13vw;
	margin: 0 0 0 15vw;
}
body#day1-1 .introduction2 .in .comment,
body#day1-2 .introduction2 .in .comment {
	background:url(../img/bg_hukidashi1.png) no-repeat;
	background-size:cover;
}
body#day2-1 .introduction2 .in .comment,
body#day2-2 .introduction2 .in .comment {
	background:url(../img/bg_hukidashi3.png) no-repeat;
	background-size:cover;
}

.introduction2 .in .comment p {
	margin:0;
	padding:1vw;
}

@media screen and (min-width:801px) and ( max-width:1270px) {

	
	.introduction2 .in {
		padding:0 0 2vw 0 !important; 		
	}
	.introduction2 .in div.face.hanna span {
		font-size:1.4vw !important; 	
	}
	.introduction2 .in div.face.dustin span.name-label {
		font-size:1.4vw !important; 	
	}
}


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

	.introduction2 {
		padding:30vw 0 0 0 !important; 
	}
	.introduction2 .in {
		padding:0vw !important; 
	}
	.introduction2 .in div.face {
		display:block !important; 
		width:40% !important; 
		margin: 0 auto;
	}
	.introduction2 .in div.face.hanna {
		position:relative !important; 
		top:-3vw !important; 
		left:0 !important; 
	}
	.introduction2 .in div.face.dustin {
		width:30% !important;
		top:-3vw !important; 
		right:3vw !important; 
	}
	.introduction2 .in div.face.hanna span {
		display:block;
		width:110%!important; 
		margin: 0 0 0 -1vw !important; 
		padding:2vw 2vw 2vw 4vw !important; 
		font-size:4vw !important; 
	}
	.introduction2 .in div.face.hanna span:nth-child(3) {
		margin: 0 0 0 1vw !important; 
		padding: 0 0 2vw 2vw !important;  
	}
	.introduction2 .in div.face.dustin span.name-label {
		padding: 1vw 1vw !important; 
		font-size:3vw !important; 
	}
	.introduction2 .in p.text {
		display:block !important;
		float:none !important;
		width:90% !important;
		margin:3% auto !important;
		font-size:2.5vw !important; 
	}
	.introduction2 .in .comment {
		width:100% !important;
		min-height:40vw !important;
		margin: 0 !important;
		padding:2vw !Important;
		background:#FBF1D7;
	}
	.introduction2 .in .comment p {
		margin:0 !Important;
		padding:1vw !Important;
	}




}



/*  photo1
--------------------------------------------- */

.photo1 {
	position:relative;
	padding:5vw 0 3vw 0;
}
.photo1 a {
	display:block;
}
.photo1 a:hover,
.photo1 a:hover * {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.photo1 .fusen {
	position:absolute;
	top:12vw;
	width:25vw;
	height:15vw;
	background:#fff;
	z-index:100;
	border:solid 3px #fff;
}
.photo1 a:hover .fusen.day1  {
	border:solid 3px #CA0F16;
}
.photo1 a:hover .fusen.day2  {
	border:solid 3px  #335F00;
}
.photo1 .fusen.left {
	left:10vw;
}
.photo1 .fusen.right {
	right:10vw;
}
.photo1 .fusen div {
	display:inline-block;
	margin: -1vw 0 0 -1vw;
	padding:0.4vw 0.8vw;
	color:#fff;
	font-size:1.3vw;
}
.photo1 .fusen.day1 div {
	background:#CA0F16;
}
.photo1 .fusen.day2 div {
	background:#3C6B3A;
}
.photo1 .fusen p {
	padding:2vw 0 0 3vw;
	font-size:1.6vw;
	line-height:2vw;
}
.photo1 .fusen.day2 p {
	padding-top: 3vw !Important;
}
.photo1 .fusen.day1 p span {
	color:#CA0F16;
}
.photo1 .fusen.day2 p span {
	color:#339900;
}


.photo1 .col-1-2 {
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	flex-wrap: wrap;
}
.photo1 .col-1-2.right {
	padding-left:15%;
}
.photo1 .col-1-2.left {
	padding-right:15%;
}
.photo1 .col-1-2 figure {
	position:relative;
}
.photo1 .col-1-2 figure:nth-child(1),
.photo1 .col-1-2 figure:nth-child(4) {
	flex: 0 1 100%;
	margin-bottom:2vw;
}
.photo1 .col-1-2 figure:nth-child(2),
.photo1 .col-1-2 figure:nth-child(3) {
	flex: 0 1 48%;
	margin-bottom:2vw;
}
.photo1 .col-1-2 figure figcaption {
	position:absolute;
	bottom:3%;
	right:3%;
	color:#fff;
	font-size:1.3vw;
}
.photo1 .col-1-2 figure figcaption.left {
	left:3% !important;
}

@media screen and (max-width: 800px) {
	.photo1 .fusen {
		position:inherit !important;
		width:90%;
		margin: 0 auto;
		border:none !important;
	}
	.photo1 .fusen.left {
		left:0 !important;
	}
	.photo1 .fusen.right {
		right:0 !important;
	}
	.photo1 .fusen div {
		margin: -3vw 0 0 -3vw !important;
		padding:1vw 1.2vw !important;
		font-size:3vw !important;
	}
	.photo1 .fusen p {
		padding:5vw !important;
		font-size:3vw !important;
		line-height:3.5vw !important;
		background:#fff;
	}
	.photo1 .fusen p br { display:none; }
	
	.photo1 .col-1-2 {
		padding: 10vw 0 0 0 !important; 
	}
	.photo1 .col-1-2 figure figcaption {
		font-size:2.5vw;
	}

}






/*  [day 1-2]photo2
--------------------------------------------- */

.photo2 {
	position:relative;
	padding:5vw 0 3vw 0;
}
.photo2.narrow {
	padding:3vw 10vw 3vw 10vw;
}
.photo2 .fusen {
	margin:-4vw 0 0 0;
	padding: 0 10vw;
	transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
}
.photo2.narrow .fusen {
	margin:0;
}
.photo2 .fusen div {
	display:inline-block;
	padding: 1.8vw;
	color:#fff;
	font-size:2vw;
}
.photo2 .fusen.day1 div { background-color:#CA0F16;/*赤*/ }
.photo2 .fusen.day2 div { background-color:#335F00;/*緑*/ }

.photo2 .fusen-sub {
	display:inline-block;
	transform: rotate(-5deg);
	margin:-2vw 0 -3vw 25vw;
	padding:1vw;
	font-size:2vw;
	font-weight:normal;
	background:#91595C;
	color:#F7D769;	
}

.photo2 h3 {
	margin-top:1vw;
	padding: 2vw 0 0 11vw;
	font-weight:normal;
	font-size:2vw;
	line-height:2.5vw;
}
.photo2.narrow h3 {
	margin-top:-1vw;
	padding:3vw 3vw 0 11vw !important;
}
.photo2 .in {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.photo2 .in.text {
	display:block;
	padding-left:2vw;
}
.photo2 .in .unit {
	flex:0 1 50%;
	padding:1vw;
	line-height:130%;
	font-size:1.4vw;
}
.photo2 .in .unit.image-l,
.photo2 .in .unit.text-l {
	flex:0 1 100%;
}
.photo2 .in .unit.image-l iframe {
	display:block;
	width:100%;
	height:440px;
	margin: 0 auto;
}
@media screen and (min-width:801px) and ( max-width:1270px) {
	.photo2 .in .unit.image-l iframe {	
	}
}
@media screen and (max-width: 800px) {
	.photo2 .in .unit.image-l iframe {
		max-height:300px;
	}
}





.photo2 .in .unit-col3 {
	flex:0 1 32%;
	padding:1vw;
}
.photo2 .in .face {
	flex: 0 1 20vw;
	max-width:139px;
	margin: -2vw 5vw 0 0;
}
.photo2 .in .face img {
	max-width:139px;
	display:inline-block;
}
.photo2 .in .face .name-label {
	display:block;
	padding:0.3vw 1.4vw;
	background:#4B3D3C;
	text-align:center;
	color:#fff;
	font-size:1.2vw;
}
.photo2 .in .comment {
	flex: 1 1 60%;
	margin-left:5vw;
	background:url(../img/bg_hukidashi2.png) no-repeat;
	background-size:cover;
}
.photo2 .in .comment p {
	margin:0;
	padding:1.5vw 5vw 1.5vw 2vw;
	line-height:140%;
	font-size:1.4vw;	
}

@media screen and (min-width:801px) and ( max-width:1270px) {
	
	.photo2 .fusen {
		padding: 0 2vw !important;
	}
	.photo2 h3 {
		padding: 2vw 2vw 0 3vw !important;
	}
	.photo2.narrow h3 {
		padding: 2vw 0 0 3vw !important;
	}		
	.photo2 .in .unit {
		font-size:1.5vw !important;
	}	
	.photo2 .in .comment p {
		font-size:1.5vw !important;	
	}
}


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

	.photo2 {
		padding: 5vw 0 0 0 !important;
	}
	.photo2 .fusen {
		margin:0 0 0 -6vw !important;
	}
	.photo2 .fusen div {
		padding: 1.8vw 3vw !important;
		font-size:4.5vw !important;
	}
	.photo2 .fusen-sub {
		margin:-2vw 0 1vw 50vw !important;
		padding:2vw!important;
		font-size:4vw !important;
	}
	.photo2 h3 {
		margin-top:0vw !important;
		padding: 2vw 0 2vw 4vw !important;
		font-size:5vw !important;
		line-height:7vw !important;
	}
	.photo2.narrow h3 {
		padding: 0 5vw !important;
		margin-bottom:3vw !important;
	}	
	.photo2 .in {
		position:relative;
		padding:0 !important;
	}
	.photo2 .in.smp-pb-10 {
		padding-bottom:10vw !important;
	}
	.photo2 .in.text {
		padding-left:0 !important;
	}
	.photo2 .in .unit {
		flex:0 1 100% !important;
		padding: 0vw 4vw 6vw 4vw !important;
		line-height:140% !important;
		font-size:2.7vw !important;
		justify-content: space-between !important;
	}
	.photo2 .in .unit.image {
		flex:0 1 49% !important;
		padding: 3vw 0 !important;
	}	
	.photo2 .in .unit-col3 {
		padding: 3vw 0 !important;
	}
	.photo2 .in .unit-col3.order-3 {
		flex:0 1 48% !important;
		order: 3;
	}
	.photo2 .in .unit-col3.order-2 {
		flex:0 1 48% !important;
		order: 2;
	}
	.photo2 .in .unit-col3.order-1 {
		flex:0 1 90% !important;
		order: 1;
	}		

	.photo2 .in .comment {
		width:70vw !important;
		margin: 4vw 0 10vw 0 !important;
		background:#fff !important;
	}
	.photo2 .in .comment p {
		padding:2vw 33vw 2vw 5vw !important;
		font-size:2.5vw !important;
	}
	.photo2 .in .face {
		flex:none !important;
		max-width:none !important;
		margin: 0 !important;
		
		position:absolute !important;
		top:0vw !important;
		right:4vw !important;
	}
	.photo2 .in .face img {
		max-width:none !important;
	}
	.photo2 .in .face .name-label {
		padding:0.6vw 1.4vw;
		font-size:3vw;
	}

}









/* other
--------------------------------------------- */

section.movie {
	padding-top:0 !Important;
	padding-bottom:0 !Important;
	background:#333;
}
section.movie iframe {
	display:block;
	width:1270px;
	height:714px; /*calc(1270 * 315 / 560);*/
	margin: 0 auto;
}

@media screen and (min-width:801px) and ( max-width:1400px) {
	section.movie iframe {	
		width:92vw;/* 右 nav 分*/
		height:51.75vw;
	}
}
@media screen and (max-width: 800px) {
	section.movie iframe {	
		width:100vw;
		height:56.25vw;
	}
}






/* footer
--------------------------------------------- */

a#pagetop {
	display:none;
	position:fixed;
	bottom:2vw;
	right:13vw;
	width:4vw;
	height:4vw;
	background:url(../img/btn_pagetop.jpg) no-repeat;
	background-size: contain;
	z-index:999;
}
@media screen and (max-width: 800px) {
	a#pagetop {
		right:5vw !Important;
		width:6vw !Important;
		height:6vw !Important;
	}
}

footer {
	padding:3vw;
	background:#2A3048;
	text-align:center;
}
footer copy {
	color:#fff;
	font-size:1.2vw;
	letter-spacing:0.1vw;
}
@media screen and (max-width: 800px) {
	footer copy {
		font-size:2.4vw;
	}
    .face{
        
        width:100px;
    }
}


@media screen and (max-width: 330px) {
	footer copy {
		font-size:2.4vw;
	}
    .face{
        
        width:80px;
    }
}