@charset "utf-8";
/* CSS Document */

@font-face{
	font-family: 'Roboto', 'Oswald', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-style:normal;
	font-weight: 600;
	src:
	local("Noto Sans CJK JP"),	url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
	
}



/*btn コピーしてきた、*/

html{
	font-size:62.5%;/*16px×62.5％＝10px*/
	  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
body{
	color: #ffffff;
	font-family: 'Roboto', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 1.5rem;
	font-weight: 300;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}



a{
	font-size: 2rem;
	color: #FFFFFF;
	}


img{
	max-width: 100%;
	height: auto;
}




/*ブレイクポイント　--------------------------------------------
 (PC960以上 タブレット960未満　スマホ560未満)----

スマホ 320〜559px
タブレット 560〜959px
PC 960px以上

@media screen and (min-width: 560px) and (max-width: 959px) { }
@media screen and (max-width: 559px) {}
-----------------------------------------------------------------*/




/*---------------------------
 * utility
 --------------------------*/

/*menuようにコピーしてきた*/

.nav_menu a{
  position: relative;
  display: inline-block;
  transition: .3s;
}
.nav_menu a::after{
  position: absolute;
  bottom: -5px;
  left: 0;
  content: '';
  width: 0;
  height: 2px;
  background-color: #ff9900;
  transition: .3s;
}
.nav_menu a:hover{
font-size: 2.2rem;
color: #ff9900; 
	
}
.nav_menu a:hover::after {
  width: 100%;
}


/*snsmenuようにコピーしてきた*/


.nav_sns_icon a{
  position: relative;
  display: inline-block;
  transition: .3s;
}
.nav_sns_icon a::after{
  position: absolute;
  bottom: -5px;
  left: 0;
  content: '';
  width: 0;
  height: 2px;
  background-color: #ff9900;
  transition: .3s;
}
.nav_sns_icon a:hover{
font-size: 2.2rem;
color: #ff9900; 
	
}
.nav_sns_icon a:hover::after {
  width: 100%;
}


/*btn コピーしてきた、/*/

.button-4{
z-index: 999999;
  width:480px;
  height:50px;
  border:3px solid #009999;
  background:#009999;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  margin:0px auto;
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
		.button-4{
		z-index: 999999;
		width:70%;
		max-width: 480px;
		  height:50px;
		  border:3px solid #009999;
		  background:#009999;
		  text-align:center;
		  cursor:pointer;
		  position:relative;
		  box-sizing:border-box;
		  overflow:hidden;
		  margin:0px auto;
		}
		}		

	@media screen and (max-width: 559px) {
		.button-4{
		z-index: 999999;
		width:300px;
		max-width: 480px;
		  height:50px;
		  border:3px solid #009999;
		  background:#009999;
		  text-align:center;
		  cursor:pointer;
		  position:relative;
		  box-sizing:border-box;
		  overflow:hidden;
		  margin:0px auto;
		}
		}	


.button-4 a{
  font-family:Roboto;
  font-size:16px;
  color:#fffff;
  text-decoration:none;
  line-height:50px;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}


.eff-4{
  width:480px;
  height:50px;
  left:-480px;
  background:#ff9900;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}

.button-4:hover .eff-4{
  left:0;
}
.button-4:hover a{
  color:#fff;
}




/*btn コピーしてきた、/////*/



.inner{
	width: 80%;
	margin:0px 	auto;
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.inner{
		width: 70%;
		margin:0px 	auto;
	}
	}
	
	@media screen and (max-width: 559px) {
	.inner{
		width: 100%;
		margin:0px 	auto;
	}
	}


.inner_max{
	width: 80%;
	max-width: 1600px;
	margin:0px 	auto;
}


.font_jp {
    width: 100%;
	font-weight: 400;
	margin-bottom: 18px;
	letter-spacing: 0.1em;
}

.font_jp_b{
	font-weight: 600;
	margin-bottom: 18px;
	letter-spacing: 0.1em;
}



.font_en{
    width: 100%;
	font-family: 'Roboto' sans-serif;;
	font-weight: 400;
	letter-spacing: 0.1em;
}
.font_en p{
	text-align: left;
}


.caption{
	transform: scale(1, 1);
	transform-origin: top left;
    width: 100%;
	font-size: 1.4rem;
	line-height: 1.75;;
	font-weight: 400;
	letter-spacing: 0.1em;
}

/* clearfix */
.clearfix:after {
    content:"";
    display:table;
    clear:both;
}
 

.btn{
	display: block;
	width: 50%;
	padding: 16px 0;
	background-color: #009999;
	color: #fff;
	text-transform: uppercase;
	margin: 0px auto;
}




.catch_title:before{
	font-family: "Font Awesome 5 Free";
  	content: "\f10d";
	color: #E7E4C0;
	
	font-size: 3vw;
	vertical-align: top;
	padding-right: 2%;
	margin-left: -2%;
}

.catch_title_sp_brown:before{
	font-family: "Font Awesome 5 Free";
  content: "\f10d";
  color: skyblue;/*色を変える*/
	font-size: 4vw;
	vertical-align: top;
}


.btn::after{
	position: relative;
	left: 16px;
	content:"\f105";
	font-family: FontAwesome;
}



.nav_btn{
	text-align: center;
	margin: 0px auto;
}


.text_center{
	text-align: center;
}



.nav_open_top{
	display: flex;
	width: 100%;
	text-align: left;
	justify-content: space-between;
	margin: 0px auto;
	align-items: center;
}


.nav_menu{
	color: #FFFFFF;
	width: 100%;
	height: auto;
}
	

.nav_logo{
	width: 60%;
	margin-right: 10px;
	opacity: 0.6;
}



/*コピーして中に入れ込んだ！！！！！！！！！！！！！！！！！！！！！！*/
.nav_open{
	display: block;
	position: fixed;
	z-index: 99999999;
	top:0px;
	right: 0px;
	max-width: 500px;
	width: 15%;
	height: 100%;
	background: rgba(0,0,0,0.90);
	padding: 5%;
	opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility .5s;
	cursor: pointer;

}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.nav_open{
		box-sizing: border-box;
		width: 40%;
		max-width: initial;
		height: 100%;
		background: rgba(0,0,0,0.90);
		padding: 30px;
		opacity: 0;
				overflow: hidden;

		visibility: hidden;
		transition: opacity .5s, visibility .5s;
	}
	}

	@media screen and (max-width: 559px) {
		.nav_open{
		box-sizing: border-box;
		width: 80%;
		max-width: initial;
		padding: 30px;
		height: 95%;
		background: rgba(0,0,0,0.90);
		opacity: 0;
		overflow: hidden;
		visibility: hidden;
		transition: opacity .5s, visibility .5s;
	}
	}
		

.nav_open.show {
    opacity: 1;
    visibility: visible;
}


.nav_open.erase {
    opacity: 1;
    visibility: hidden;
}

.nav_close{
	z-index: 99999999999;
	display: block;
	position: fixed;
	right: 0px;
	top:10%;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1;
	padding: 24px;
	background-color: #000000;

}


@media screen and (max-width: 559px) {
.nav_close{
	z-index: 99999999999;
	display: block;
	position: fixed;
	right: 0px;
	top: 10px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1;
	padding: 16px;
	background-color: #000000;
}	
}




.nav_close.erase{
	background-color:rgba(0,0,0,0);
	opacity: 0;
}


.nav_close.erase p{
	opacity: 0;
}

.close_menu{
	font-size: 1.4rem;
	text-align: center;	


}

.nav_toggle {
		z-index: 99999999999;

    display: block;
    position: relative;
    width: 4rem;
    height: 2.2rem;
	margin-top: 1rem;
}
.nav_toggle i{
    display: block;
    width: 100%;
    height: 3px;
    background-color: #ffffff;
    position: absolute;
    transition: transform .5s, opacity .5s;
	

}
.nav_toggle i:nth-child(1) {
    top: 0;
}
.nav_toggle i:nth-child(2) {
    top: 0;
    bottom: 0;
    margin: auto;
}
.nav_toggle i:nth-child(3) {
    bottom: 0;
}


.nav_toggle.show i:nth-child(1) {
    transform: translateY(10px) rotate(-45deg);
	background-color: #333333;
	opacity: 0;

	
}
.nav_toggle.show i:nth-child(2) {
    opacity: 0;
}
.nav_toggle.show i:nth-child(3) {
    transform: translateY(-10px) rotate(45deg);
	background-color: #333333;
	opacity: 0;
}


/*コピーして中に入れ込んだ！！！！！！！！！！！！！！！！！！！！/////////////*/



.nav_list{
	font-size: 1.8rem;
	padding-top: 15%;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 60%;
	justify-content: space-between;
	align-items: center;
	cursor:pointer;
	box-sizing: border-box;

}
@media screen and (max-width: 559px) {
.nav_list{
	font-size: 1.7rem;
	padding-top: 15%;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 70%;
	justify-content: space-between;
	align-items: center;
	cursor:pointer;
	overflow: hidden;
	box-sizing: border-box;
}
}



.navlist-animation:nth-child(1) {
   -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  /* ００秒待ってからアニメーションする */
  animation-delay:0.1s;
}

.navlist-animation:nth-child(2) {
    -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  /* ００秒待ってからアニメーションする */
  animation-delay:0.2s;
}
.navlist-animation:nth-child(3) {
   -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  /* ００秒待ってからアニメーションする */
  animation-delay:0.3s;
}
.navlist-animation:nth-child(4) {
    -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  /* ００秒待ってからアニメーションする */
  animation-delay:0.4s;
}
  .navlist-animation:nth-child(5) {
   -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  /* ００秒待ってからアニメーションする */
  animation-delay:0.5s;
}
  
  .navlist-animation:nth-child(6) {
    -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  /* ００秒待ってからアニメーションする */
  animation-delay:0.6s;
}
  
  .navlist-animation:nth-child(7) {
   -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  /* ００秒待ってからアニメーションする */
  animation-delay:0.7s;
}

.sns{
	font-size: 2rem;
	}
.sns_btn{
	font-size: 2rem;
	margin-left: 16px;
	vertical-align: center;
	}


.nav_sns{
	display: flex;	
	margin-top: 10%;
	padding-bottom: 20%;	
}



.nav_sns_icon{
	flex-wrap: nowrap;
	padding-right: 10%;	
}


/*Pagetop ボタン*/
.page_top_btn{
	opacity: 0;
	z-index: 99999999;
}

#page_top{
	z-index: 99999999;
  width: 40px;
  height: 40px;
  position: fixed;
margin-right: 16px;
margin-bottom: 24px;
  right: 0;
  bottom: 0;
  background: #000000;
  opacity: 1;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  content: '\f102';
  font-size: 20px;
  color: #fff;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
	text-align: center;
}


/*svgタイトル内の見出しのサイズ。h1にしたい*/

.section_title_2 {
		display: block;
		font-size:  2.7rem; 
		font-weight: 600;
		 fill: #330000;
}


@media screen and (max-width: 559px) {
	.section_title_2 {
		display: block;
		font-size:  5rem; 
		font-weight: 600;
		 fill: #330000;
		}
	}

.section_title {
		display: block;
		font-size:  4rem; 
		font-weight: 600;
		 fill: #330000;
}

@media screen and (max-width: 559px) {
	.section_title {
		display: block;
		font-size:  5rem; 
		font-weight: 600;
		 fill: #330000;
		}
		}


/*///////////////////////////////////////////*/


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


.hero_image{
	padding-bottom: 110vh;
	background-image: url("../images/header/hero_image.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	width: 100vw;
  	height: auto;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.hero_image{
		padding-bottom: 110vh;
		background-image: url("../images/header/hero_image.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
		width: 100vw;
		height: auto;
	}
	}
	@media screen and (max-width: 559px) {
		.hero_image{
		padding-bottom: 20px;
		background-image: url("../images/header/hero_image.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
		width: 100vw;
		height: auto;
	}
	}


.header_wrapper{
	position: relative;
	display: -webkit-flex;
 	display: flex;
 	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
 	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	 justify-content: center; /* 横方向中央揃え */
	width: auto;
	height: 105vh;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.header_wrapper{
		position: relative;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
		align-items: center; /* 縦方向中央揃え */
		-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
		 justify-content: center; /* 横方向中央揃え */
		width: auto;
		height: 800px;
	}
	}
	@media screen and (max-width: 559px) {
	.header_wrapper{
		position: relative;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
		align-items: center; /* 縦方向中央揃え */
		-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
		 justify-content: center; /* 横方向中央揃え */
		width: auto;
		height: 720px;
	}
	}



.header_icon_oftheyear{
	display: block;
	position: absolute;
	z-index: 444;
	top: 0px;
	left: 0px;
	background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
	width: 10%;
	height: 100vh;
	padding:2%;
	font-size: 1.2rem;
	line-height: 1.3;
	letter-spacing: 0.1em;
	margin-bottom: 0%;
	text-align: center;
	color: ffffff;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.header_icon_oftheyear{
	display: flex;
	position: absolute;
	flex-wrap: wrap;
	flex-direction: row;
	z-index: 444;
	top: 610px;
	left: 0%;
	width: 90%;
			background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.2) 100%);
	height: 160px;
	padding:16px 24px 16px 24px;
	margin-bottom: 0%;
	box-sizing: border-box;
	align-items:center;
}
}

	@media screen and (max-width: 559px) {
	.header_icon_oftheyear{
	display: block;
	position: absolute;
	flex-wrap: wrap;
	flex-direction: column;
	z-index: 444;
	top: 480px;
	left: 0%;
	width: 90%;
	background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 100%);
	height: auto;
	padding:16px 24px 16px 24px;
	margin-bottom: 0%;
	box-sizing: border-box;
	align-items:center;
}
}


.header_iconoftheyear_mark{
	display: block;
	margin: 0 auto;
	width: 80%;	
	
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.header_iconoftheyear_mark{
	display: flex;
	flex-wrap: nowrap;
	align-items: baseline;
	width: 50%;	
}
}

	@media screen and (max-width: 559px) {
	.header_iconoftheyear_mark{
	display: flex;
	flex-wrap: nowrap;
	align-items: baseline;
	width: 100%;	
}
}





	
.header_icon_oftheyear_text{
	margin-top: 20px;
	text-align: left;
	transition: all  1s ease;
	color: transparent;
	background: repeating-linear-gradient(-45deg, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06); 
	-webkit-background-clip: text;
	
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.header_icon_oftheyear_text{
	display: inline-block;
	margin-top: 0;
	text-align: left;
	width: 50%;
	padding-left:0px;
	box-sizing: border-box;
	align-items: center;
	font-size: 1.2rem;
}
}

	@media screen and (max-width: 559px) {
	.header_icon_oftheyear_text{
	display: inline-block;
	margin-top: 8px;
	text-align: left;
	width: 100%;
	padding-left:0px;
	box-sizing: border-box;
	align-items: center;
	font-size: 1.2rem;
}
}

.icontext-animation{

}





.oftheyear-animation{


}






.icon_ofwhisky_text{
	padding-bottom: 8px;
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.icon_ofwhisky_text{
	padding-bottom: 4px;
	}
	}

	@media screen and (max-width: 559px) {
	.icon_ofwhisky_text{
	padding-bottom: 4px;
	}
	}



.icon_mark{
	width: 100%;
	margin-top: 10px;
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.icon_mark{
	width: 25%;
	hight:auto;
	margin-top: 0px;
	z-index: 555;
	margin-left: 16px;
	}
	}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.icon_mark:first-of-type{
	margin-left: 0px;
	}
	}


	@media screen and (max-width: 559px) {
	.icon_mark{
	width: 25%;
	hight:auto;
	margin-top: 0px;
	z-index: 555;
	margin-left: 16px;
	}
	}

	@media screen and (max-width: 559px) {
	.icon_mark:first-of-type{
	margin-left: 0px;
	}
	}



.icon_text{
	display: block;
	width: 	100%;
	height: auto;
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.icon_text{
	display: block;
	height: auto;
	width: 25%;
	z-index: 444;
	margin-left: -5%;
	}
	}
	@media screen and (max-width: 559px) {
	.icon_text{
	display: block;
	height: auto;
	width: 25%;
	z-index: 444;
	margin-left: -5%;
	}
	}



.article_link{
	display: inline-block;
	font-size: 1.2rem;
	color: #CECECE;
	margin-top: 24px;
	margin-right: 8px;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.article_link{
		display: inline-block;
		font-size: 1.2rem;
		color: #CECECE;
		margin-top: 8px;
		margin-right: 4px;
	}
	}

	@media screen and (max-width: 559px) {
	.article_link{
		display: inline-block;
		font-size: 1.2rem;
		color: #CECECE;
		margin-top: 8px;
		margin-right: 4px;
	}
	}



.article_link:hover{
	font-size: 1.5rem;
	color: transparent;
	background: repeating-linear-gradient(-45deg, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06); 
	-webkit-background-clip: text;
}

.article_link span{
	margin-left: 8px;
	
}

.article_link span:hover{
	margin-left: 8px;
	color: transparent;
	background: repeating-linear-gradient(0deg, #B67B03 0.1em, #DAAF08 0.2em, #FEE9A0 0.3em, #DAAF08 0.4em, #B67B03 0.5em); 
	-webkit-background-clip: text;
	
}


.top_logo{
	z-index: 999;
	align-items: center;
	margin: 0 auto ;
	width: 20vw;
	text-align: center;
	opacity: 1;
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.top_logo{
	position: absolute;
	top:25%;
	left:50%;
	transform: translateX(-50%);
	z-index: 999;
	align-items: center;
	margin: 0 auto ;
	width: 30vw;
	text-align: center;
	opacity: 1;
	}
	}

	@media screen and (max-width: 559px) {
	.top_logo{
	position: absolute;
	top:25%;
	left:50%;
	transform: translateX(-50%);
	z-index: 999;
	align-items: center;
	margin: 0 auto ;
	width: 40vw;
	text-align: center;
	opacity: 1;
	}
	}



.logo{
	padding-bottom: 8%;
}


.hero_image{

}

.header-triangle_effect{
		display: none;
	position: absolute;
	mix-blend-mode: multiply;
	margin-left: 0%;
	margin-top: 0%;
	width: 100vw;
	height: 105vh;
	z-index: 111;
	top: 0%;
	left: 0%;

}





/*________________________

triangle title

_____________________________*/

.triangle_orange_price{
	position: absolute;
	z-index: 666;
	width: 60%;
}



.triangle_orange_nomal{
	position: absolute;
	z-index: 666;
	width: 100%;
}

.triangle_orange_price_sp{
	position: absolute;
	z-index: 666;
	width: 65%;
}


.triangle_big_price{
	position: absolute;
	z-index: 555;
	width: 100%;
}


.triangle_big_awner{
	position: absolute;
	z-index: 222;
	width: 100%;
	top:0%;
}


.triangle_big_price_sp{
	position: absolute;
	z-index: 555;
	width: 100%;

}

/*________________________

section_concept

_____________________________*/



.section_concept{
	display: flex;
	position: relative;
	width: 100%;
	hight:auto;
	text-align: left;
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.section_concept{
		display: flex;
		position: relative;
		width: 100%;
		hight:auto;
		text-align: left;
	}
	}

	@media screen and (max-width: 559px) {
	.section_concept{
		display: flex;
		position: relative;
		width: 100%;
		hight:auto;
		text-align: left;
	}
	}



.effect_wrapper{
	position: absolute;
	top:0%;
	width: 60%;		
}

	@media screen and (max-width: 559px) {
	.effect_wrapper{
		position: absolute;
		top:0%;
		width: 90%;		
		z-index: 888;
	}
	}



.triangle_orange_concept{
	position: absolute;
	bottom:0%;
	z-index: 666;
	width: 60%;
}

.triangle_orange_try{
	position: absolute;
	z-index: 111;
	left:0%;

}




.mask-2{
	width:100vw;
}

.triangle_orange{
	position: absolute;
	z-index: 999;
	left: 0%;
/*	mix-blend-mode: multiply;
*/}



.fadeInRight{
  transition: all 0.5s ease-in;
  transform: translateX(40px);
  opacity: 1;
}


.triangle_orange-2{
	display: block;
	position: absolute;
	z-index: 666;
	left: 0%;
}






.daikei_bk{
	display: block;
	bottom: 0%;
	right: 0%;
	margin-top: -58%;
	z-index: 1;
	opacity: 1;
}


	@media screen and (min-width: 560px) and (max-width: 959px) {
	.daikei_bk{
		display: none;
		position: absolute;
		bottom: 0%;
		right: 0%;
	}
	}

	@media screen and (max-width: 559px) {
	.daikei_bk{
		display: none;
		position: absolute;
		bottom: 0%;
		right: 0%;
	}
	}


.section_concept_read{
	position: absolute;
	margin-top: 5%;
	left: 50%;
	width: 40%;
	max-width: 800px;
	z-index: 9999;
	font-size: 1.4vw;
	line-height: 1.75;
	font-weight: 600;
	color: ffffff;
	  background: -webkit-linear-gradient(-45deg, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.section_concept_read{
	position: absolute;
	text-align: left;
	margin: 0 auto;
	margin-top: 20%;
	left: 15%;
	width: 70%;
	max-width: auto;
	z-index: 9999;
	font-size: 1.6rem;
	line-height: 1.75;
	font-weight: 600;
	color: ffffff;
  background: -webkit-linear-gradient(-45deg, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	}
	}	
		
	@media screen and (max-width: 559px) {
	.section_concept_read{
	position: static;
	text-align: left;
	margin: 40% auto 30%;
	left: 50%;
	transform: rotateX(-50%);
	width: 300px;
	max-width:auto;
	z-index: 9999;
	font-size: 1.4rem;
	line-height: 1.75;
	font-weight: 600;
	color: ffffff;
  background: -webkit-linear-gradient(-45deg, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	}
	}			




.section_read{
	position: absolute;
	margin-top: 0%;
	left: 50%;
	width: 40%;
	max-width: 800px;
	z-index: 9999;
	font-weight: 400;
	font-size: 1.7rem;
	line-height: 1.75;
	color: #330000;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.section_read{
		position: static;
		margin-top: 15%;
		margin-left: 15%;
		width: 70%;
		max-width: 800px;
		z-index: 9999;
		font-weight: 400;
		font-size: 1.7rem;
		line-height: 1.75;
		color: #330000;
	}
	}

	@media screen and (max-width: 559px) {
	.section_read{
		position: static;
		margin: 35% auto 15%;
		width: 300px;
		max-width: 800px;
		z-index: 9999;
		font-weight: 400;
		font-size: 1.4rem;
		line-height: 1.5;
		color: #330000;
	}
	}





.read_white{
	 color: #ffffff;
	font-weight: 400;

}



/*________________________

section_concept_whisky

_____________________________*/

.concept_all_wrapper{
	background: rgb(255,192,0);
	background: linear-gradient(90deg, rgba(255,192,0,1) 0%, rgba(255,188,0,1) 13%, rgba(255,153,0,1) 41%);

}

	@media screen and (min-width: 740px) and (max-width: 959px) {
	.concept_all_wrapper{
	background: rgb(255,192,0);
	background: linear-gradient(90deg, rgba(255,192,0,1) 0%, rgba(255,188,0,1) 13%, rgba(255,153,0,1) 41%);
	margin: 0 auto;
	justify-content: center;
	padding-top: -100vh;
	}
	}




	@media screen and (max-width: 559px) {
	.concept_all_wrapper{
	background: rgb(255,192,0);
	background: linear-gradient(90deg, rgba(255,192,0,1) 0%, rgba(255,188,0,1) 13%, rgba(255,153,0,1) 41%);
	margin: 0 auto;
	justify-content: center;
	padding-top: 150px;

	}
	}





.concept_whiskies_wrapper{
	position: relative;
	padding-bottom:10vh;
	z-index: 222;
	width: 100%;
	}

/*ブレイクポイント例外*/
	@media screen and (min-width: 740px) and (max-width: 959px) {
	.concept_whiskies_wrapper{
		position: relative;
		z-index: 222;
		width: 100%;
		margin-bottom: 0%;
	}
	}
	@media screen and (min-width: 560px) and (max-width: 739px) {
	.concept_whiskies_wrapper{
		position: relative;
		z-index: 222;
		width: 100%;
		margin-bottom: 0%;
	}
	}

	@media screen and (max-width: 559px) {
	.concept_whiskies_wrapper{
		position: relative;
		z-index: 222;
		width: 100%;
		margin: 20% auto 0%;
		justify-content: center;	
	}
	}



.concept_whiskies_photo{
	z-index: 55;
	margin-top: -70vh;
	width: 100%;
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.concept_whiskies_photo{
		margin-top: -45vh;
		width: 100%;
	}
	}

	@media screen and (max-width: 559px) {
	.concept_whiskies_photo{
		margin-top: -75vh;
		width: 100%;
	}
	}
.catch_whiskies{
	position: absolute;
	bottom:10%;
	left: 50%;
	width: 40%;
	max-width: 800px;
	z-index: 9999;
	color: 330000;
	mx-width: 60vw;	
}

/*ブレイクポイント例外*/
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.catch_whiskies{
	margin: 0px auto;
	position: absolute;
	bottom: -3%;
	left: 15%;
	width: 70%;
	hight:auto;
	max-width: 640px;
	z-index: 9999;
	color: 330000;
	mx-width: 60vw;	
	}
	}


	
	@media screen and (max-width: 559px) {
	.catch_whiskies{
	position: static;
	top:5%;
	left: auto;
	
	margin: 0 auto;
	width: 300px;
	hight:auto;
	z-index: 9999;
	color: 330000;
	mx-width: 60vw;	
	}
	}







.catch_title{
	font-family: 'Oswald';
	text-indent: -3vw;
	font-size: 4.5vw;
	font-weight: 600;
	margin-bottom: 24px;
	color: #E7E4C0;
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.catch_title{
		font-family: 'Oswald';
		text-indent: -3vw;
		font-size: 5rem;
		font-weight: 600;
		margin-bottom: 24px;
		color: #E7E4C0;
	}
	}
	@media screen and (max-width: 559px) {
	.catch_title{
		font-family: 'Oswald';
		text-indent: -3vw;
		font-size: 4rem;
		font-weight: 600;
		margin-bottom: 24px;
		color: #E7E4C0;
	}
	}





.catch_text{
	color: #FFFFFF;
	font-weight: 600;
	font-size: 1.7rem;
	line-height: 1.75;
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.catch_text{
		color: #FFFFFF;
		font-weight: 600;
		font-size: 1.5rem;
		line-height: 1.5;
	}
	}
	@media screen and (max-width: 559px) {
	.catch_text{
		color: #FFFFFF;
		font-weight: 600;
		font-size: 1.4rem;
		line-height: 1.5;
	}
	}


.st0{
	width: 50%;
}


.triangle_blue{
	display: none;
	position: absolute;
	bottom: 0%;
	right: 0%;
	mix-blend-mode: multiply;
	opacity: 0.5;

}



.triangle_blue_2{
	display: none;
	width: 100%;
	transform: scale(-1, -1);
	position: absolute;
	left: 0%;
	opacity: 1;
}

/*---------------------------
 * concept_b
 --------------------------*/

.concept_bc_wrapper_box{
	background: rgb(255,192,0);
	background: linear-gradient(90deg, rgba(255,192,0,1) 0%, rgba(255,188,0,1) 13%, rgba(255,153,0,1) 41%);
	
	
}


.concept_b{
	width: 100%;
}



.concept-b-photo{
	margin-top:0%;
	width: 100%;
	height: auto;
	display: block;	
}



.concept_b_wrapper{
	position: relative;
	height: auto;
	margin-top: -30%;

}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.concept_b_wrapper{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		position: static;
		margin-top: -30%;
		height: 100%;
	}
	}
	@media screen and (max-width: 559px) {
	.concept_b_wrapper{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		position: static;
		margin-top: -30%;
		height: 100%;
	}
	}
	
.triangle_c_3{
	transform: scale(-1, -1);
	position: absolute;
	right: 0%;	
}



.concept_b_circle{
	position: absolute;
	z-index: 88888;
	width: 40%;
	right: 55%;
	top:10%
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.concept_b_circle{
		position: static;
		z-index: 999;
		width: 60%;
		left:0%;
		right: auto;
		margin: 0 auto;
	}
	}

	@media screen and (max-width: 559px) {
	.concept_b_circle{
		position: static;
		z-index: 999;
		width: 60%;
		left:0%;
		right: auto;
		margin: 0 auto;
	}
	}



.ask_haikei{
	position: absolute;
	z-index: 11;
	display: inline-block;
	margin-top: -8%;
	left: -4%;
	width: 57%;
	opacity: 0.3;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.ask_haikei{
		display: none;
	position: absolute;
	z-index: 11;
	text-align: center;
	margin: -8% auto 0%;
	left: 50%;
	transform: translateX(-50%);
	width: 58%;
	opacity: 0.3;
	}
	}

	@media screen and (max-width: 559px) {
	.ask_haikei{
	display: none;

	position: absolute;
	z-index: 11;
	text-align: center;
	margin: -8% auto 0%;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	opacity: 0.3;
	}
	}




.catch_ask{
	position: absolute;
	left: 50%;
	padding-top: 5%;	
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.catch_ask{
	position: static;
	left: 0%;
	padding-top: 0%;
	width: 100%;
	}
	}
	
	@media screen and (max-width: 559px) {
	.catch_ask{
	position: static;
	margin: 0 auto;
	width: 300px;
	left: 0%;
	padding-top: 0%;	
	}
	}
	
	


/*---------------------------
 * concept_c
 --------------------------*/


.concept_c{
	
}


.concept-c-photo{
	margin-top: 50%;
	width: 100%;
	display: block;		
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.concept-c-photo{
		margin-top: 0%;
		width: 100%;
		display: block;	
	}
	}

	@media screen and (max-width: 559px) {
	.concept-c-photo{
		margin-top: -10%;
		width: 100%;
		display: block;	
	}
	}


.triangle_c_3{
	display: none;
	mix-blend-mode: multiply;
	opacity: 0.7;
}



.triangle_c_4{
	display: none;
	position: absolute;
	bottom: 0%;
	right: 0%;
	mix-blend-mode: multiply;
	opacity: 0.8;

}



.concept_c_wrapper{
	position: relative;
	margin: 0px auto;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.concept_c_wrapper{
	position: static;
	width: 70%;
	height: auto;
	margin: 0px auto;
		display: flex;
		flex-direction: column-reverse;
		flex-wrap: wrap;
}
}

	@media screen and (max-width: 559px) {
	.concept_c_wrapper{
	position: static;
	width: 100%;
	margin: 0px auto;
	display: flex;
		flex-direction: column-reverse;
	flex-wrap: wrap;
}
}



.catch_chill{
	position: absolute;
	margin-top: -10%;
	z-index: 9999;
	width: 50%;
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.catch_chill{
		position: static;
		margin-top: 0%;
		z-index: 9999;
		width: auto;
	}
	}

	@media screen and (max-width: 559px) {
	.catch_chill{
		position: static;
		margin: 0 auto;
		width: 300px;
		z-index: 9999;
	}
	}



.concept_c_circle{
	position: absolute;
	margin-top: -10%;
	z-index: 888;
	width: 40%;
	left: 55%;
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.concept_c_circle{
		position: static;
		margin: 0 auto;
		z-index: 888;
		width: 60%;
		left: 55%;
		margin-top: 10%;
	}		
	}

	@media screen and (max-width: 559px) {
	.concept_c_circle{
		position: static;
		margin: 0 auto;
		z-index: 888;
		width: 60%;
		left: 55%;
		margin-top: 10%;
	}		
	}

		
		
		
		
.chill_haikei{
	position: absolute;
	z-index: 333;
	margin-top: -26%;
	right : -3%;
	width: 74%;
	opacity: 0.3;
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.chill_haikei{
	display: none;
	position: absolute;
	z-index: 333;
	margin: -17% auto 0%;
	right: 21%;
	width: 78%;
	opacity: 0.3;

	}	
	}

	@media screen and (max-width: 559px) {
	.chill_haikei{
	display: none;
	position: absolute;
	z-index: 333;
	margin: -50% auto 0%;
	right : auto;
	left: -15%;
	width: 100%;
	opacity: 0.3;
	}	
	}



/*---------------------------
 * price
 --------------------------*/

.section_price{
	background-image: url("../images/price/price_haikei_box.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	width: 100%;
	padding-bottom: 10%;
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.section_price{
	background-image: url("../images/price/price_haikei_box.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	width: 100%;
	margin: 0px auto;
	padding-bottom: 3%;
	}
	}
	@media screen and (max-width: 559px) {
	.section_price{
	background-image: url("../images/price/price_haikei_box.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	width: 100%;
	margin: 0px auto;
	padding-bottom: 3%;
	}
	}

.daikei_bk_c{
	display: none;
	z-index: 999999;
	bottom: 0%;
	right: 0%;
	mix-blend-mode: multiply;
	opacity: 0.8;
	
}



.price_title{
	position: relative;
	width: 60%;
	padding-bottom: 5%;
}

	@media screen and (max-width: 559px) {
.price_title{
	position: relative;
	width: 90%;
	padding-bottom: 5%;
}
}




.price_wrapper{
	
	margin: 25% 0% 10% ;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	text-align: center;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.price_wrapper{
		margin: 15% auto 10% ;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	}
	}	
	@media screen and (max-width: 559px) {
		.price_wrapper{
		margin: 15% auto 10%;
		width: 80%;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		text-align: center;
	}
	}	

.slick-next{
	display: none;
}
.slick-arrow{
	display: none;
}

.slider_icon{
	position: static;	
	content:'\f104';
	font-family:'Font Awesome 5 Free';
	color: #330000;
	font-size:70px;
	width: 10%;
	box-sizing: border-box;
	margin: 0px auto;
	text-align: center;
}



.slider_icon:hover{
color: #ff9900; 	
}


.price_whisky{
	width: 80%;
	margin: 0px auto;
	max-width: 1600px;
	display: none;
	text-align: center;
	box-sizing: border-box;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.price_whisky{
		width: 70%;
		margin: 0px auto;
		max-width: 1600px;
		display: none;
		text-align: center;
		box-sizing: border-box;
	}
	}

	@media screen and (max-width: 559px) {
	.price_whisky{
		width: 70%;
		margin: 0px auto;
		max-width: 1600px;
		display: none;
		text-align: center;
		box-sizing: border-box;
	}
	}

/*slickスライダーの中についてるクラスがslick-initialized*/
.price_whisky.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}

.fa-angle-left {
  position: absolute;
  top: 50%;
  height: 36px;
  margin-top: -18px;  /* 高さの半分だけネガティブマージン */
  color: #330000;
  line-height: 36px;
  font-size: 56px;
  cursor: pointer;
  z-index: 10;  /* 重要 */
	margin-left:-28px;
}


.fa-angle-left:hover{
color: #ff9900; 	
}




.slider-prev {
  left: 0;
}

.news-slider_icon_price{
	width: 10%;
	padding-left: 5%;
	padding-top: 20%;
}


.whisky{
	display: block;
	text-align: center;
	width: 33.333%;
	box-sizing: border-box;
	padding-right: 24px;
		padding-left: 24px;

}

	@media screen and (max-width: 559px) {
	.whisky{
		display: block;
		text-align: center;
		width: 33.333%;
		box-sizing: border-box;
		padding-right: 24px;
		padding-left: 24px;
	}
	}


.whisky_detail_text{
	padding-top:10%;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: 500;
	color: #330000;
	max-width: 350px;
	margin: 0 auto;
	box-sizing: border-box;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.whisky_detail_text{
		font-size: 1.4rem;
		line-height: 1.5;
	}
	}
	@media screen and (max-width: 559px) {
	.whisky_detail_text{
		font-size: 1.3rem;
		line-height: 1.5;
	}
	}

/*whisky_list スライダー分１〜６まである、それぞれアイコンいれるものがある。js連動*/

.whisky_list_1{
	display: block;
	position: relative;
	padding-top: 40px;
	box-sizing: border-box;
	margin: 0px auto;
	height: 290px;
	baseline-shift: baseline;
	z-index: 999;
}

.whisky_list_1:hover{
	 animation-name: swing;
    animation-duration: 1s;
    animation-iteration-count: 3;
}

	@media screen and (max-width: 559px) {
	.whisky_list_1{
		box-sizing: border-box;
		display:block;
		margin: 0px auto;
		height: 240px;
	}
	}


.whisky_list_2{
	display: block;
	position: relative;
	padding-top: 40px;
	box-sizing: border-box;
	margin: 0px auto;
	height: 290px;
	baseline-shift: baseline;
	z-index: 999;
}

.whisky_list_2:hover{
	 animation-name: bounce;
    animation-duration: 1s;
    animation-iteration-count: 3;
}



	@media screen and (max-width: 559px) {
	.whisky_list_2{
		box-sizing: border-box;
		display:block;
		margin: 0px auto;
		height: 240px;
	}
	}



.whisky_list_3{
	display: block;
	position: relative;
	padding-top: 40px;
	box-sizing: border-box;
	margin: 0px auto;
	height: 290px;
	baseline-shift: baseline;
	z-index: 999;
}

.whisky_list_3:hover{
	 animation-name: headShake;
    animation-duration: 1s;
    animation-iteration-count: 3;
}

	@media screen and (max-width: 559px) {
	.whisky_list_3{
		box-sizing: border-box;
		display:block;
		margin: 0px auto;
		height: 240px;
	}
	}


.whisky_list_4{
	display: block;
	position: relative;
	padding-top: 40px;
	box-sizing: border-box;
	margin: 0px auto;
	height: 290px;
	baseline-shift: baseline;
	z-index: 999;
}

.whisky_list_4:hover{
	 animation-name: bounce;
    animation-duration: 1s;
    animation-iteration-count: 3;
}

	@media screen and (max-width: 559px) {
	.whisky_list_4{
		box-sizing: border-box;
		display:block;
		margin: 0px auto;
		height: 240px;
	}
	}



.whisky_list_5{
	display: block;
	position: relative;
	padding-top: 40px;
	box-sizing: border-box;
	margin: 0px auto;
	height: 290px;
	baseline-shift: baseline;
	z-index: 999;
}

.whisky_list_5:hover{
	 animation-name: swing;
    animation-duration: 1s;
    animation-iteration-count: 3;
}

	@media screen and (max-width: 559px) {
	.whisky_list_5{
		box-sizing: border-box;
		display:block;
		margin: 0px auto;
		height: 240px;
	}
	}



.whisky_list_6{
	display: block;
	position: relative;
	padding-top: 40px;
	box-sizing: border-box;
	margin: 0px auto;
	height: 290px;
	baseline-shift: baseline;
	z-index: 999;
}

.whisky_list_6:hover{
	 animation-name: swing;
    animation-duration: 1s;
    animation-iteration-count: 3;
}

	@media screen and (max-width: 559px) {
	.whisky_list_6{
		box-sizing: border-box;
		display:block;
		margin: 0px auto;
		height: 240px;
	}
	}

.whiskies_country{
	display: inline-block;
	margin-bottom: 8px;
	color: #009999;
	padding-bottom: 1px;
	border-bottom: dotted medium #ff9900;
}

.whiskies_price{
	display: inline-block;
	color:#009999;
	padding-top: 2px;
	margin-top: 4px;
	border-bottom: dotted medium #ff9900;

}



/*whisky_list スライダー分１〜６まである、それぞれアイコンいれるものがある。js連動させる/////////////////*/


/*whisky_list のマークおすすめなど。スライダー分１〜６までそれぞれの上の番号と連動。js連動/*/


.comment_icon_choice{
	position: absolute;
	margin-top: 0%;
	width: 3%;
	z-index: 777;
	visibility: hidden;
  	transition: 0s all ease 0s;
}

.comment_icon_recommend{
	position: absolute;
	top: 15%;
	width: 2.5%;
	z-index: 777;
	visibility: hidden;
  	transition: 0s all ease 0s;
}

.comment_icon_beginners{
	position: absolute;
	top: 0%;
	width: 2.5%;
	z-index: 777;
	visibility: hidden;
  	transition: 0s all ease 0s;
}

.comment_icon_lucky{
	position: absolute;
	top: 0%;
	width: 2.5%;
	z-index: 777;
	visibility: hidden;
  	transition: 0s all ease 0s;
}

.comment_icon_classic{
	position: absolute;
	top: 10%;
	width: 2%;
	z-index: 777;
	visibility: hidden;
  	transition: 0s all ease 0s;
}
.comment_icon_xxx{
	position: absolute;
	top: 15%;
	width: 5%;
	z-index: 777;
	visibility: hidden;
  	transition: 0s all ease 0s;
}


/*whisky_list のマークおすすめなど。スライダー分１〜６までそれぞれの上の番号と連動させる。js連動/////////////////*/


.concept__price{
		margin-top: 0;
}


.otsumami{
	background-color: rgba(255,255,255,0.60);
	display: flex;
	flex-direction: row;
	margin: 10% auto 0%;
	width: 60%;
	max-width: 800px;
	padding: 2.5%;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.otsumami{
	background-color: rgba(255,255,255,0.60);
	display: flex;
	margin: 15% auto;
	width: 70%;
	max-width: 480px;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
	flex-direction: column-reverse;
	padding: 40px;
	box-sizing: border-box;
	}
	}

	@media screen and (max-width: 559px) {
	.otsumami{
	background-color: rgba(255,255,255,0.60);
	display: flex;
	margin: 20% auto 10%;
	width: 300px;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
	flex-direction: column-reverse;
	padding: 0px;
	box-sizing: border-box;
	}
	}




.otsumami_text_wrapper{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.otsumami_text_wrapper{
	display: block;
	flex-direction: column;
	justify-content: flex-end;
	}
	}
	@media screen and (max-width: 559px) {
	.otsumami_text_wrapper{
	display: block;
	flex-direction: column;
	justify-content: flex-end;
	padding: 24px;
	box-sizing: border-box;
	}
	}




.otsumami_fukidashi_wrapper{
	width: 100%;
	margin-top: 0%;
	position: relative;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.otsumami_fukidashi_wrapper{
	width: 100%;
	max-width: 380px;
	margin: -62px auto 0px;
	position: static;
	text-align: center;
	
	}
	}

	@media screen and (max-width: 559px) {
	.otsumami_fukidashi_wrapper{
	width: 240px;
	margin: -62px auto 0px;
	position: static;
	text-align: center;
	}
	}


.otsumami_fukidashi{
	margin-top: -40%;
	position: absolute;
	width: 70%;
	left:0%;
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.otsumami_fukidashi{
		margin-top: 0%;
		position: static;
		width: 70%;
		max-width: 350px;
		left:0%;
	}
	}
	
	@media screen and (max-width: 559px) {
	.otsumami_fukidashi{
		margin-top: 0%;
		position: static;
		width: 90%;
		max-width: 350px;
		left:0%;
	}
	}



.otsumami_text{
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1.5;
	color: #330000;
	letter-spacing: 0.1em;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.otsumami_text{
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1.5;
	color: #330000;
	letter-spacing: 0.1em;
	padding: auto;
	text-align: left;
	}
	}
	@media screen and (max-width: 559px) {
	.otsumami_text{
	font-size: 1.3rem;
	font-weight: 300;
	line-height: 1.5;
	color: #330000;
	letter-spacing: 0.1em;
	padding: auto;
	text-align: left;
	}
	}




.font_jp__otsumami{
	margin-bottom: 2.5%;
}


.otsumami_photo{
	height: 100%;
	width: 50%;
	margin-right: 5%;
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.otsumami_photo{
	height: auto;
	margin: 24px auto 0px;
	padding: auto;
	width: 100%;
	max-width: 400px;
	}
	}
	@media screen and (max-width: 559px) {
	.otsumami_photo{
	height: auto;
	margin: 0px auto 24px;
	width: 85%;
	max-width: auto;
	}
	}
/*---------------------------
 * awner
 --------------------------*/

.section_awner{
	background-color: #009999;
	width: 100%;
	padding-bottom: 10%;
	align-items: center;
}

.triangle_big_about{
	mix-blend-mode: normal;
}


.awner_profile_wrapper{
	margin: 20% auto 0%;
	width: 80%;
    max-width: 1600px;
	text-align: center;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.awner_profile_wrapper{
		margin: 0% auto 0%;
		width: 70%;
		max-width: auto;
		text-align: center;
	}
	}
	@media screen and (max-width: 559px) {
	.awner_profile_wrapper{
		margin: 0% auto 0%;
		width: 300px;
		max-width: auto;
		text-align: center;
	}
	}





.awner_profile{
	display: flex;
	margin: 0% auto 0%;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.awner_profile{
	display: flex;
	flex-direction: column;
	margin: 0% auto;
	}
	}
	@media screen and (max-width: 559px) {
	.awner_profile{
	display: flex;
	flex-direction: column;
	margin: 0% auto;
	}
	}




.awner_text{
	display: inline-block;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	font-weight: 400;
	width: 50%;
	text-align: justify;
	margin-right:0%;
	padding-top: 5%;

}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.awner_text{
	display: inline-block;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	font-weight: 400;
	width: auto;
	margin: 0% auto;
	text-align: justify;
	padding-right: 0%;
	}
	}

	@media screen and (max-width: 559px) {
	.awner_text{
	display: inline-block;
	color: #FFFFFF;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	font-weight: 300;
	width: auto;
	margin: 0% auto;
	text-align: left;
	padding-right: 0%;
	}
	}


.david_name{
	width: 100%;
	text-align: center;
	font-family: 'Caveat', cursive;
	font-size: 8vw;
	line-height: 1;
	margin-left: 0%;
	margin-bottom: 2%;
	transform: rotate( -5deg );
	opacity: 0.7;
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.david_name{
	width: 100%;
	font-family: 'Caveat', cursive;
	font-size: 10vw;
	line-height: 1;
	margin-top: 10%;
	margin-bottom: 5%;
	margin-right: 0%;
	margin-left:0%;
	transform: rotate( -5deg );
	opacity: 0.7;
	}
	}
	@media screen and (max-width: 559px) {
	.david_name{
	width: 100%;
	font-family: 'Caveat', cursive;
	font-size: 12vw;
	line-height: 1;
	margin-top: 10%;
	margin-bottom: 5%;
	margin-right: 0%;
	margin-left:0%;
	transform: rotate( -5deg );
	opacity: 0.7;
	}
	}
	@media screen and (max-width: 559px) {
	.david_name{
	width: 100%;
	font-family: 'Caveat', cursive;
	font-size: 10vw;
	line-height: 1;
	margin-top: 16%;
	margin-bottom: 5%;
	margin-right: 0%;
	margin-left:0%;
	transform: rotate( 0deg );
	opacity: 0.7;
	}
	}


.awner-photo{
	position: relative;
	display:  block;
	width: 45%;
	height: 100%;
	padding-right: 5%;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.awner-photo{
	height: auto;
	width: 80%;
	max-width: 440px;
	display:  block;
	position: relative;
	margin: 0 auto;
	}
	}

	@media screen and (max-width: 559px) {
	.awner-photo{
	height: auto;
	width: 80%;
	max-width: 440px;
	display:  block;
	position: relative;
	margin: 0 auto;
	}
	}



.david{
	
}


.aloha_fukidashi{
	position: absolute;
	top: 5%;
	right: 5%;
	width: 30%;
	
}

.youtube_map{
	width: 800px;
	height: auto;

	
}

.video{
	max-width: 1140px;
	width: 80%;              /*横幅いっぱいにwidthを指定*/
	padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
	height:0px;              /*高さはpaddingで指定するためheightは0に*/
	position: relative;
	margin: 10% auto 0%;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.video{
		max-width: auto;
		width: 100%;              /*横幅いっぱいにwidthを指定*/
		padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
		height:0px;              /*高さはpaddingで指定するためheightは0に*/
		position: relative;
		margin: 10% auto 0%;
	}
	}

	@media screen and (max-width: 559px) {
	.video{
		max-width: auto;
		width: 300px;              /*横幅いっぱいにwidthを指定*/
		padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
		height:0px;              /*高さはpaddingで指定するためheightは0に*/
		position: relative;
		margin: 10% auto 0%;
	}
	}



.video_sp{
	width: 80%;              /*横幅いっぱいにwidthを指定*/
	padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
	height:0px;              /*高さはpaddingで指定するためheightは0に*/
	position: relative;
	margin: 0px auto;
}


.youtube_map{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.youtube_map_sp{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	







/*---------------------------
 * access
 --------------------------*/

.section_access{
	background-image: url("../images/access/access_haikei_box-3.png");
	background-size: cover;
      background-attachment: fixed;

	width: 100%;
	height: auto;
    margin: 0px auto;
    padding-bottom: 10%;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.section_access{
	background-image: url("../images/access/access_haikei_box-3.png");
   background-position: top center;
	background-attachment: inherit;

	}
	}



	@media screen and (max-width: 559px) {
	.section_access{
			background-image: url("../images/access/access_haikei_box-3.png");
		padding-bottom: 15%;
   background-position: top center;
		      background-attachment: inherit;

	}
	}



.section_access_wrapper{
	width: 100%;
    margin: 0px auto;
	position: absolute;
  	margin-top: 25%;
	z-index: 99999;
}


.access_title{
	width: 100%;
	position: relative;	
	align-items: center;
}

	@media screen and (max-width: 559px) {
	.access_title{
		width: 100vw;
		position: relative;	
		align-items: center;
	}
	}

.access_top_deco{
	position: absolute;
	z-index: 888;
	top: 0%;
	width: 100%;
}



.access_triangle{
	position: absolute;
	margin: 0 auto;
	text-align: center;
	top: 0%;
	left: 50%;
    transform: translateX(-50%);
	width: 100%;
	
}

.access_triangle_orange{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top:0%;
	left: 50%;
    transform: translateX(-50%);
	z-index: 777;
}





.access_triangle_2{
	width: 100%;
	position: absolute;
	z-index: 666;
	top: 10%;
	left:0%;
	
}


.access_world_deco{

}



.access_ill_border{
	mix-blend-mode: multiply;
	position: absolute;
	z-index: 11;
	top: 20%;
	width: 100%;
}


.access_fukidashi{
	position: absolute;
	z-index: 999;
	width: 13%;
	margin-top: 7%;
	left: 15%;

}

@media screen and (min-width: 560px) and (max-width: 959px) {
.access_fukidashi{
	position: absolute;
	z-index: 999;
	width: 13%;
	margin-top: 0%;
	left: 13%;
}
}


@media screen and (max-width: 559px) {
.access_fukidashi{
	position: absolute;
	z-index: 999;
	width: 30%;
	margin-top: 7%;
	left: 33%;
}
}



.read__access{
	width: 80%;
	padding-top: 45%;
	margin: 0px auto;
	text-align: center;
}


	@media screen and (min-width: 560px) and (max-width: 959px) {
	.read__access{
		width: 70%;
		padding-top: 45%;
		margin: 0px auto;
		text-align: center;
	}
	}
	@media screen and (max-width: 559px) {
	.read__access{
		width: 70%;
		padding-top: 65%;
		margin: 0px auto;
		text-align: center;
	}
	}

.read__access p{
	font-weight: 600;
	margin-bottom: 10px;
}



.access_catch{
	font-size: 5vw;
	font-family: 'Oswald';
	font-weight: 600;
	transform: scale(0.95, 1);
	transform-origin: top left;
	line-height: 1;
	color: #330000;
}
	@media screen and (max-width: 559px) {
		.access_catch{
		font-size: 6vw;
}
}

.access_sub_catch{
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.1em;
	padding-top: 5%;
	color: #330000;
	margin-bottom: 0px;	
}

	@media screen and (max-width: 559px) {
	.access_sub_catch{
		font-size: 1.4rem;
		font-weight: 600;
		line-height: 1.5;
		letter-spacing: 0.1em;
		padding-top: 40px;
		color: #330000;
		margin-bottom: 0px;	
	}
	}

.caption_access{
	padding-bottom: 2%;
	color: #330000;
	font-weight: 600;
}
	@media screen and (max-width: 559px) {
	.caption_access{
		padding-bottom: 32px;
		color: #330000;
		font-weight: 600;
	}
	}

.access_address p{
	z-index: 9999999;
	color: #330000;
	font-weight: 400;
	letter-spacing: normal;
}
.access_address{
	margin-top: 5%;
	margin-bottom: 8%;
	letter-spacing: normal;
}
@media screen and (max-width: 559px) {
	.access_address p{
		font-size: 1.3rem;
		line-height: 1.5;
		}
		}


.address{
	text-transform:capitalize;
	display: inline-block;
	font-size: 1.4rem;
	letter-spacing: normal;
	color: #ff9900;
	font-weight: 500;
	margin-top: 0%;
	margin-bottom: 8px;
	text-align: center;	
}



.address:nth-of-type(2n){
	margin-top: 2%;
}


.address_lung{
	display: inline-block;
	background-color :#ff9900;
	font-size: 1.2rem;
	padding: 5px;
	color: #ffffff;
	border:  medium  #ff9900;
	border-radius: 12px;
	vertical-align: text-bottom;
	
}

.access_video_wrapper{
	margin: 0 auto;
	width: 80%;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.access_video_wrapper{
		margin: 0 auto;
		width: 70%;
	}
	}



.fa-map-marker-alt{

}


.nav_btn__map{
	margin-top: 5%;
	margin-bottom: 5%;
	
}


.youtube iframe{
	background-color: #fff;
	margin-bottom: 0%;
	margin-top: 0%;
	z-index: 999;
}	


/*---------------------------
 * contact
 --------------------------*/
.section_contact{
	padding-bottom: 10%;
	background-image: url("../images/contact/contact_haikei_002.png");
	margin: 0px auto;
	text-align: center;
	width: 100%;
}



.contact_title{
	width: 100%;
	position: relative;	
}


.contact_triangle{
	position: absolute;
	margin: 0 auto;
	text-align: center;
	top: 0%;
	left: 50%;
    transform: translateX(-50%);
	width: 100%;

}
.contact_triangle_orange{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top:0%;
	left: 50%;
    transform: translateX(-50%);
	z-index: 777;
	mix-blend-mode: multiply;
}

.contact_triangle_2{
	width: 100%;
	position: absolute;
	z-index: 666;
	top: 0%;
	left:0%;
	
}




.contact-title_wrapper{
	margin: 0px auto;
	text-align: center;
	align-items: center;
	position: absolute;
	left: 50%;
    transform: translate(-50%);
}


	@media screen and (min-width: 560px) and (max-width: 959px) {
	.contact-title_wrapper{
	margin: 0px auto;
	text-align: center;
	align-items: center;
	position: absolute;
	left: 50%;
    transform: translate(-50%);
	}
	}


	@media screen and (max-width: 559px) {
	.contact-title_wrapper{
		margin: 0px auto;
		text-align: center;
		align-items: center;
		position: absolute;
		z-index: 888;
		padding-top:25%;
		width: 300px;
		justify-content: center;
		
	}
	}

.contact_title_sub{
	width: 100%;
	margin: 0px auto;
	text-align: center;
	font-size:1.6rem;
	line-height: 1.5;
	font-weight: 600;
	padding-top: 20%;
	color: #ffffff;
	padding-bottom: 5%;
	box-sizing: border-box;
	border-bottom: dashed  1px #ffffff;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.contact_title_sub{
		width: 100%;
		margin: 0px auto;
		text-align: center;
		font-size:1.5vw;
		line-height: 1.5;
		font-weight: 600;
		padding-top: 10%;
		color: #ffffff;
		padding-bottom: 3%;
		box-sizing: border-box;
		border-bottom: dashed  1px #ffffff;
	}
	}
	@media screen and (max-width: 559px) {
	.contact_title_sub{
		width: 100%;
		margin: 0px auto;
		text-align: center;
		font-size:1.4rem;
		line-height: 1.5;
		font-weight: 600;
		padding-top: 12%;
		color: #330000;
		padding-bottom: 3%;
		box-sizing: border-box;
		border-bottom: dashed  1px #330000;
	}
	}




.contact_title_sub p{
	margin-bottom: 10px;
}



.contct_triangle{
	position: absolute;
	margin: 0px auto;
	
	
}
.contact_title{
	text-align: center;
	margin: 0px auto;
	position: relative;

}

.aloha_logo__contact{
	position: absolute;
	top: 320%;
	mix-blend-mode: multiply;
	
}
.contact-detail_wrapper{
	position: relative;
	z-index: 99999;
	padding-top: 30%;
	padding-bottom: 0%;
	margin: 0 auto;
	width: 80%;
}
	@media screen and (max-width: 559px) {
	.contact-detail_wrapper{
		position: static;
		z-index: 99999;
		padding-top: 95%;
		padding-bottom: 0%;
		margin: 0% auto 0%;
		width: 80%;
	}
	}


.david_ill{
	position: absolute;
	z-index: 999;
	left: 15%;
	width: 25%;
	margin-top: 15%;
	opacity: 0.7;
	mix-blend-mode: multiply;	
}

	@media screen and (max-width: 559px) {
	.david_ill{
		position: static;
		z-index: 999;
		width: 35%;
		margin-top: 55%;
		opacity: 0.5;
		mix-blend-mode: multiply;	
	}
	}



.animated bounce{	
	
}
.david-animation{
	  /* ００秒かけてアニメーションする */
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  /* ００秒待ってからアニメーションする */
  -webkit-animation-duration: 0.2s;
  animation-delay:0.2s;
  /* ００回繰り返す */
  -webkit-animation-iteration-count: 5;
  animation-iteration-count: 5;

}


.contact-detail{
	display: inline-block;
	text-align: center;
	padding: 0% 15%;
	margin-bottom: 5%;
	margin-top: 5%;
	
}

	@media screen and (max-width: 559px) {
	.contact-detail{
		display: inline-block;
		text-align: center;
		padding: 0%;
		margin-bottom: 5%;
		margin-top: 5%;
	}
	}

.contact_text{
	color: #330000;
	font-size: 1.6rem;
	line-height: 1.75;
	font-weight: 600;
	width: 100%;
	margin-bottom: 2.5%;
}

	@media screen and (max-width: 559px) {
	.contact_text{
		color: #330000;
		font-size: 1.4rem;
		line-height: 1.75;
		font-weight: 600;
		width: 100%;
		margin-bottom: 2.5%;
	}
	}

.tel_container{
	width: 	50%;
	padding: 32px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	margin: 10% auto 0%;
	border: dashed 1px #ff9900;
	background-color: rgba(247,247,247,0.5);
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
		.tel_container{
			width: 	70%;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
			margin: 15% auto 0%;
			border: dashed 1px #ff9900;
			background-color: rgba(247,247,247,0.5);
		}
		}


	@media screen and (max-width: 559px) {
		.tel_container{
			width: 	280px;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
			margin: 25% auto 0%;
			border: dashed 1px #ff9900;
			background-color: rgba(247,247,247,0.5);
		}
		}



.tel_item{
	position: absolute;
	box-sizing: border-box;
	width: 15%;
	margin-top: -3%;
	padding: 0px 0px 24px 24px;
	display: block;
	text-align: center;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
		.tel_item{
		position: absolute;
		box-sizing: border-box;
		width: 15%;
		left: 15%;
		margin-top: -5%;
		padding: 0px 0px 12px 18px;
		display: block;
		text-align: center;
		}
		}

	@media screen and (max-width: 559px) {
		.tel_item{
		position: absolute;
		box-sizing: border-box;
		width: 30%;
		left: 10%;
		margin-top: -18%;
		padding: 0px 0px 0px 0px;
		display: block;
		text-align: center;
		}
		}




.phone{
	width: 100%;
	display: block;
	text-align: center;
	font-family: 'Oswald';
	font-weight: 500;
	font-size: 2rem;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
		.phone{
			width: 100%;
			display: block;
			text-align: center;
			font-family: 'Oswald';
			font-weight: 500;
			font-size: 2rem;
		}
		}
	@media screen and (max-width: 559px) {
		.phone{
			width: 100%;
			display: block;
			text-align: center;
			font-family: 'Oswald';
			font-weight: 500;
			font-size: 1.4rem;
		}
		}






.phone a{
	color: #ff9900; 
	 transition: .3s;
}

	@media screen and (max-width: 559px) {
		.phone a{
		color: #ff9900; 
		 transition: .3s;
		font-size: 1.4rem;
		}
		}



.phone a:hover{
font-size: 2.4rem;
color: #330000;
	
}
	@media screen and (max-width: 559px) {
		.phone a:hover{
		font-size: 1.6rem;
		color: #330000;

		}
		}



.fa-phone{
	margin-right: 10px;
	
}




/*---------------------------
 * news
 --------------------------*/


.section_news{
	padding-bottom: 10%;
	background-color: #ffffff;
}




.section_news_title{
	margin-top: -10%;
}






/*---------------------------
 * news-slider
 --------------------------*/


.news-slider_container{
	width: 80%;
	margin: 0% auto 0%;
	padding-top:30%;
	box-sizing: border-box;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.news-slider_container{
		width: 70%;
		margin: 0% auto 0%;
		padding-top:15%;
		box-sizing: border-box;
	}
	}

	@media screen and (max-width: 559px) {
	.news-slider_container{
		width: 80%;
		margin: 0% auto 0%;
		padding-top:10%;
		box-sizing: border-box;
	}
	}

.news-photo_wrapper{
	display: none;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 5%;
}


.news-photo_wrapper.slick-initialized{	
	display: block;
}

.news{
	position: relative;
	display: block;
	width: 80%;
	height: 350px;
	margin: 0 auto;	
	box-sizing: border-box;
	text-align: center;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.news{
		position: relative;
		display: block;
		width: 100%;
		height: 200px;
		margin: 0 auto;	
		box-sizing: border-box;
		text-align: center;
	}
	}
	@media screen and (max-width: 559px) {
	.news{
		position: relative;
		display: block;
		width: 100%;
		height: 350px;
		margin: 0 auto;	
		box-sizing: border-box;
		text-align: center;
	}
	}



.news-photo{
	width: 50%;
	display: block;
	position: absolute;
	z-index: 777;
	top:5%;
	left:80%;
	transform: translateX(-80%);

}
@media screen and (max-width: 559px) {
.news-photo{
	width: 70%;
    display: block;
    position: absolute;
    z-index: 777;
    top: 50%;
    left: 80%;
    transform: translateX(-80%);
}
}



.news-waku{
	display: block;
	width: 50%;
	position: absolute;
	z-index: 555;
	left: 35%;
	top:5%;
}

@media screen and (max-width: 559px) {
.news-waku{
	 display: block;
    width: 70%;
    position: absolute;
    z-index: 555;
    left: 15%;
    top: 50%;
}
}

.news-fukidashi{
	display: block;
	box-sizing: border-box;
	position: absolute;
	width: 40%;
	z-index: 999;
	margin-top: 0%;
	left:10%;	
}

@media screen and (max-width: 559px) {
.news-fukidashi{
	display: block;
    box-sizing: border-box;
    position: absolute;
    width: 80%;
    z-index: 999;
    margin-top: 0%;
    left: 10%;
}
}

.news-slider_icon{
	padding-left: 10%;
	width: 5%;

}

.news_text_wrapper{
	text-align: center;
	color: #330000;
	margin-bottom: 5%;
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.news_text_wrapper{
		width: 70%;
		text-align: center;
		color: #330000;
		margin: 0% auto 10%;
		font-size: 1.3rem;
		line-height: 1.5;
	}
	}
	@media screen and (max-width: 559px) {
	.news_text_wrapper{
		width: 300px;
		color: #330000;
		margin: 0% auto 10%;
		text-align: left;
		font-size: 1.3rem;
		line-height: 1.5;	
	}
	}


.news_text_wrapper p{
	line-height: 1.5;
	
}
.media_text_wrapper{
	margin: 10% auto 0%;
	width: 60%;

}

@media screen and (min-width: 560px) and (max-width: 959px) {
.media_text_wrapper{
	width: 70%;

}
}

@media screen and (max-width: 559px) {
.media_text_wrapper{
	width: 80%;

}
}


.news_media{
	text-align-last: left;
	margin: 3% auto 3%;
	
}

.media_text{	
	font-size: 1.3rem;
	line-height: 2;
}


.news_media_title{
	font-weight: 500;
	color: #ff9900;
	margin-bottom: 3%;
	
}

.media_date{
	font-size:1.3rem;
	color:#009999;
	margin-top: 20px;
	margin-bottom: 10px;
}


.news_text{
	font-size: 1.5rem;
	width: 350px;
	margin-bottom: 2%;
	
}

.media_text{
	color: #330000;
	font-size: 1.3rem;
}

.news_media a{
		margin-bottom: 0px;
}
.news_media:hover a{
  color: #ff9900;
    padding-bottom: 1px;
    border-bottom: dashed 1px #ff9900;

}


.news_inner_text{
	font-size: 1.8rem;
	line-height: 1.7;
	text-align: center;
	fill: #ffffff;
}





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


.footer{
	background-image: url("../images/header/hero_image.png");
	background-size: cover;
	background-attachment: fixed;
	
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.footer{
	position: relative;
	background-image: url("../images/header/hero_image.png");
	background-size: cover;
		      background-attachment: inherit;
	margin: 0px auto;
	padding-top: 0%;
	}
	}	




	@media screen and (max-width: 559px) {
	.footer{
	position: relative;
	background-image: url("../images/header/hero_image.png");
	background-size: cover;
		      background-attachment: inherit;
	margin: 0px auto;
	padding-top: 0%;
	}
	}	

.footer_title{
	width: 100%;
	position: relative;
	padding-top: 20%;

}

.footer_triangle{
	position: absolute;
	z-index: 777;
	top: 0%;
	width: 100%;
}

	@media screen and (min-width: 560px) and (max-width: 959px) {
	.footer_triangle{
		position: absolute;
		z-index: 777;
		top: 0%;
		width: 100%;
	}
	}


.footer_triangle_2{
	position: absolute;
	z-index: 666;
	top: 0%;
    transform: scale(-1, 1);
	width: 100%;
}


.footer_list_container{
	width: 80%;
	box-sizing: border-box;
	padding: 20% 0% 5%;
	margin: 0px auto;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

	@media screen and (max-width: 559px) {
	.footer_list_container{
		width: 80%;
		box-sizing: border-box;
		padding: 20% 0% 5%;
		margin: 0px auto;
		display: flex;
		flex-direction: column-reverse;
		align-items: flex-end;
		justify-content: space-between;
	}
	}


.nav_footer{
		z-index: 9999999;
	width: 66.666%;
	display: block;	
	font-size:1.2rem;
}

@media screen and (max-width: 559px) {
	.nav_footer{
		z-index: 9999999;
		width: 100%;
		text-align: center;
		display: block;	
		font-size:1.2rem;
	}
	}


.nav_list_footer{
	font-size: 1.1rem;
	letter-spacing: 0.1em;
	line-height: 3;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
	
	@media screen and (max-width: 559px) {
	.nav_list_footer{
		font-size: 1.1rem;
		letter-spacing: 0.1em;
		line-height: 3;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}
	}


.nav_menu_footer{
	margin-right: 8%;
}
	@media screen and (max-width: 559px) {
	.nav_menu_footer{
		margin-right: 0%;
	}
	}




.footer-rogo{
	display: block;
	box-sizing: border-box;
	width: 33.333%;
	opacity: 1;
	padding: 0% 15% 0% 0%;
}
	@media screen and (max-width: 559px) {
	.footer-rogo{
		display: block;
		box-sizing: content-box;
		width: 100px;
		height: 100%;
		opacity: 1;
		margin: 0 auto;
		padding: 40px 0px 0px 0px;
		text-align: center;
		

		
	}
	}	
		
		

.nav_sns_footer{
	display: flex;
}

	@media screen and (max-width: 559px) {
		.nav_sns_footer{
			display: flex;
			flex-direction: column;
			text-align: center;
		}
		}

.sns_footer {
	flex-wrap: nowrap;
    padding-right: 5%;
    margin-top: 3%;	
}
	@media screen and (max-width: 559px) {
		.sns_footer {
		flex-wrap: nowrap;
		padding-right: 0%;
		margin-top: 20px;
		}
		}

.nav_menu_footer a{
font-size: 1.2rem;
  position: relative;
  display: inline-block;
  transition: .3s;
}
.nav_menu_footer a::after{
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 0;
  height: 2px;
  background-color: #ff9900;
  transition: .3s;
}
.nav_menu_footer a:hover{
font-size: 1.2rem;
color: #ff9900; 
	
}
.nav_menu_footer a:hover::after {
  width: 100%;
}


/*snsmenuようにコピーしてきた*/


.sns_footer a{
  position: relative;
  display: inline-block;
  transition: .3s;
}
.sns_footer a::after{
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 0;
  height: 2px;
  background-color: #ff9900;
  transition: .3s;
}
.sns_footer a:hover{
font-size: 1.2rem;
color: #ff9900; 
	
}
.sns_footer a:hover::after {
  width: 100%;
}




.credit{
	background-color: rgba(0,0,0,0.60);
	 padding: 5% 5%;
	font-size: 1.0rem;
	font-weight: 300;
	font-family: 'Robot';
	display: block;
	margin: 0px auto;
	text-align: center;
}
	@media screen and (min-width: 560px) and (max-width: 959px) {
	.credit{
	background-color: rgba(0,0,0,0.60);
 	padding: 5% 5%;
	font-size: 1.0rem;
	display: block;
	margin: 50px auto 0px;
	text-align: center;
	}
	}

	@media screen and (max-width: 559px) {
	.credit{
	background-color: rgba(0,0,0,0.60);
 	padding: 10% 10%;
	font-size: 1.0rem;
		line-height: 1.5;
	display: block;
	margin: 32px auto 0px;
	text-align: center;
	}
	}


/*mask2！！！*/
.mask {
  -webkit-clip-path: url(#svgPath);
  clip-path: url(#svgPath);
}