html {
	height:100%;
}
*{
	box-sizing:border-box;
}
body {
	width:100%;
	height:100%;
	font-family: 'Righteous', cursive ,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 700;
	font-style: normal;
}
body,p,h1,h2,h3,ul,li{
	padding:0; margin:0;
}
li{ list-style:none;}
a{
	text-decoration:none;
	color: #28292b;
}
h2{
	color:#28292b;
	font-size: 2.076vw;
	letter-spacing: .06em;
/*	border-bottom: 3px solid #28292b;*/
	padding-bottom: 0.741vw;
}

#wrap {
	width: 100%;
	height:100%;
	/*min-width: 1000px;*/
	/*max-width: 1500px;*/
}
/*-----------サブページタイトル------------*/
h1{
 /*	display: inline-block;*/
	color:#28292b;
	font-family: 'Righteous', cursive;
	font-size:3.706vw;  /*50px*/
	line-height: 1;
	letter-spacing: .07em;
	font-weight: 500;
}
.title_sub{
/*	text-align:center;*/
/*	display:block;*/
	color:#696969;
	font-size:1.112vw;  /*15px*/
	padding-top:0.741vw;  /*10px*/
	letter-spacing:-0.1em;
	font-weight: 600;
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
/*-----------1文字ずつテキストをフェードインさせる------------*/

/*フェードインさせたいテキストにクラスmovetextを追加*/
.movetext{
	opacity:0;
}

/*こっちはjquery内で使うだけなのでHTMLでは不要*/
.movetext span{
	opacity:0;
}

/*-----------Learn more------------*/
.cr_frame {
	padding: 0;
	margin:0 auto;
	width:128px;
}

.cr {
	position: relative;
	width: 128px;
	height: 128px;
	background: #696969;
	border-radius: 50%;
	text-align: center;
	overflow: hidden;
	z-index: 1;
	cursor: pointer;
}
.cr .cr-inner_ft {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 124px;
	height:124px;
	/*height:78px;*/
	/*padding-top: 46px;*/
	/*background: #fff;*/
	border-radius: 50%;
	z-index: 4;
	font-family: 'Righteous', cursive;
	font-size:12px;
	letter-spacing:.02em;
	display:flex;
	justify-content: center;
	align-items:center;
}

.cr:hover::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -60px;
	width: 128px;
	height: 128px;
	background: #28292b;
	transform-origin: right 60px;
	z-index: 2;
	animation: rotate-cr-left 0.5s linear forwards;
}

.cr:hover::after {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 60px;
	width: 128px;
	height: 128px;
	background: #28292b;
	transform-origin: left 60px;
	z-index: 3;
	animation: rotate-cr-right 0.5s linear forwards;
}

/*.circle .circle-inner {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 124px;
	height: 78px;
	padding-top: 46px;
	background: #fff;
	border-radius: 50%;
	z-index: 4;
	font-family: 'Righteous', cursive;
	font-size:12px;
	letter-spacing:.02em;
}*/
/*.cr_text {
	margin-top:10px;
}*/

@keyframes rotate-cr-right {
    0%   {
        transform: rotate(0deg);
        background: #28292b;
    }
    50%  {
        transform: rotate(180deg);
        background: #28292b;
    }
    50.01% {
        transform: rotate(360deg);
        background: #696969;
    }
    100% {
        transform: rotate(360deg);
        background: #696969;
    }
}

@keyframes rotate-cr-left {
    0%   { transform: rotate(0deg); }
    50%  { transform: rotate(0deg); }
    100% { transform: rotate(180deg); }
}

/*   レスポンシブ サークル   */
@media screen and (max-width: 959px){
.cr_frame {
	width:118px;
}

.cr {

	width: 118px;
	height: 118px;
}
.cr .cr-inner_ft {
	width: 114px;
	height:114px;
	font-size:10px;
}

.cr:hover::before {
	width: 118px;
	height: 118px;
}

.cr:hover::after {
	width: 118px;
	height: 118px;
}
}/* //@media */
.a_bg{
	background:#fff000;
}
.m_bg{
	background:#f6f4ef;
}
.f_bg{
	background:#fff;
}


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

#wrap {
	width: 100%;
	height:100%;
	/*min-width: 1000px;*/
	/*max-width: 1500px;*/
}
header {
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 55;
}
#header_logo {
	z-index: 10;
	position:fixed;
	margin-top:2.965vw;
}
#header_logo img {
	width:8.747vw;
	height:3.781vw;
	/*width:118px;
	height:51px;*/
}
#header_wrap {
	width:92%;
	margin:0 auto;
	padding-top:40px;
	display:flex;
	align-items: center;
}
.fadedown {
	animation-name: fadedown;
	animation-duration: 2s;
	animation-iteration-count:1;
}
@keyframes fadedown {

from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}

}
nav#main_nav {
	display: block;
	position: absolute;
	right: 190px;
	margin-top:10px;
	overflow: hidden;
	z-index: 1;
}
nav#main_nav ul {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:no-wrap;/*改行不許可 */
}
nav#main_nav ul li {
	height:24px; /*1.779vw;*/
	overflow:hidden;
}
nav#main_nav ul li a {
	/*color:#fff;*/
	font-size:16px; /*1.186vw*/
	letter-spacing:0.07em;
	display: block;
	padding:0 16px;
}
.nav_color_w a {
	color:#fff;
}
.nav_color_g a {
	color:#28292b;
}
div.mouse_on {
	height: 25px; /*1.853vw;*/
	transition:all 0.5s;
}
div.mouse_on:hover {
	margin-top:-20px;
}
#header_insta,#toggle {
	width: 58px; /*4.299vw*/
	height: 58px;
	background-color:#f2d12f; /*#28292b;*/
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position:fixed;
	z-index: 6;
}
div#header_insta {
	right: 110px; /*29.333vw*/
	top:33px; /*8.8vw*/
}
div#header_insta img {
	vertical-align:top;
}
div#header_insta img:hover,.menu-trigger:hover {
	opacity:0.7;
}
div#toggle {
	right: 40px;
	top:33px;
}
.humburger_wrap {
	position:relative;
	width:40px;
	height:40px;
	z-index : 6;
}
/*　ハンバーガーボタン　*/
.hamburger {
	display : block;
	position: absolute;
	width:30px;
	height:30px;
	z-index : 100;
	cursor: pointer;
	text-align: center;
}
.hamburger span {
	display : block;
	position: absolute;
	width   : 25px;
	height  : 1px ;
	left    : 8px;
	background : #fff;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition   : 0.3s ease-in-out;
	transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
	top: 15px;
}
.hamburger span:nth-child(2) {
	top: 25px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
	top : 20px;
	left: 8px;
	background :#fff;
	-webkit-transform: rotate(-25deg);
	-moz-transform   : rotate(-25deg);
	transform        : rotate(-25deg);
}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
	top: 20px;
	background :#fff;
	-webkit-transform: rotate(25deg);
	-moz-transform   : rotate(25deg);
	transform        : rotate(25deg);
}

/* 開いたナビの中身 */
nav.globalMenuSp {
	position: fixed;
	z-index : 1;
	top  : 0;
	left : 0;
	color: #28292b;
	background: #fff000;/*#e6b200;*//*#f0e22c;*/
	width: 100%;
	height:100%;
	opacity: 0;
	visibility:hidden;
	transition: opacity .6s ease, visibility .6s ease;
	display:flex;
	/*align-items:center;*/
	padding-top:110px;
	justify-content: center;
}

.globalMenuSp_nav {
	margin:20px 0 0 0;
	height:29.652vw;
	/*padding-left:124px;
	width:342px;*/
}

nav.globalMenuSp ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	/*width:200px;*/
	padding-bottom:23px;
	transition: .4s all;
	display:flex;
	justify-content:space-between;
}
div.globalMenulist_l {
	flex-direction:column;
}
div.globalMenulist_r {
	display:none;
}
p.globalMenuLarge {
	font-weight:700;
	font-size:1.85rem;
	letter-spacing:.03rem;
}
p.globalMenuSmall {
	padding-left:6px;
	color: #464646;
	font-weight:800;
	font-size:.8rem;
	letter-spacing:.01rem;
	line-height;2em;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.globalMenulist_l a {
/*nav.globalMenuSp ul li a {*/
  display: inline-block;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  vertical-align: bottom;
  overflow: hidden;
}
.globalMenulist_l a span {
/*nav.globalMenuSp ul li a span {*/
  display: inline-block;
  position: relative;
  padding: 0 .3em;
  transition: .4s;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.globalMenulist_l a span:after {
/*nav.globalMenuSp ul li a span:after {*/
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  content: attr(data-text);
  padding: 0 .3em;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: translate3d(0, 105%, 0) rotateX(-90deg);
  transform: translate3d(0, 105%, 0) rotateX(-90deg);
}

#globalMenuImg{
	width:400px; /*29.652vw; /*400px;*/
	height:400px; /*29.652vw;*/
	margin:0 7.413vw; /*100px;*/
	background-image:url("../images/hamburger_img01.jpg");
	background-size: cover;
	background-position:top;
	background-repeat:no-repeat;
	overflow:hidden;
	background-color:#ccc;
}
.changeImg {
	display:none;
	width:400px;
	width:400px;
}

div.globalMenuRight {
	padding-top:20px;
	height:29.652vw;
}
.globalMenuTel {
	font-size:1.2rem;
	letter-spacing:.03rem;
	display:flex;
	align-items:center;
	margin-bottom:20px;
}
.globalMenuContact {
	font-size:1.2rem;
	letter-spacing:.03rem;
	display:flex;
	align-items:center;
	margin-bottom:35px;
}
.globalMenuAddress {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size:.8rem;
	font-weight:500;
	letter-spacing:.01rem;
	padding-bottom:1.2em;
	padding-left:0.3em;
	line-height:1.3em !important;
}
.globalMenuInsta {
	font-size:1rem;
	margin:10px 0 20px 0;
	padding-left:0.3em;
	letter-spacing:.02rem;
	display:flex;
	align-items:center;
}
.globalMenuInsta a {
	padding-left:18px;
}
.globalMenuContact:hover , .globalMenuTel:hover ,.globalMenuInsta a:hover{
	opacity:0.7;
}
.globalMenuCopy {
	font-size:1rem;
	letter-spacing:.03rem;
	padding-left:0.3em;
}
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
	opacity: 100;
	visibility:visible;
}
.globalMenu_fadeup {
	animation-name: globalMenu_fadeup;
	animation-duration: 2.5s;
	animation-iteration-count:2;
}
@keyframes globalMenu_fadeup {
	from {
		opacity: 0;
		transform: translateY(50px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/*--------------------- headerメディアクエリ -------------------*/

@media screen and (max-width: 959px){
	#header_logo {
		margin-top:5px;
	}
	#header_logo img {
		/*width:8.747vw;
		height:3.781vw;*/
		width:95px;
		height:39px;
	}
	#header_insta,#toggle {
		width: 45px; /*4.299vw*/
		height:45px;
	}
	div#header_insta {
		right: 70px; /*29.333vw*/
		top:20px; /*8.8vw*/
	}
	div#header_insta img {
		vertical-align:top;
		width:23px;
		height:23px;
	}
	div#header_insta img:hover,.menu-trigger:hover {
		opacity:0.7;
	}
	div#toggle {
		right: 20px;
		top:20px;
	}
	.humburger_wrap {
		position:relative;
		width:40px;
		height:40px;
		z-index : 6;
	}
	/*　ハンバーガーボタン　*/
	.hamburger {
		display : block;
		position: absolute;
		width:30px;
		height:30px;
		z-index : 100;
		cursor: pointer;
		text-align: center;
	}
	.hamburger span {
		display : block;
		position: absolute;
		width   : 23px;
		height  : 1px ;
		left    : 8px;
		background : #fff;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
	}
	.hamburger span:nth-child(1) {
		top: 15px;
	}
	.hamburger span:nth-child(2) {
		top: 25px;
	}

	/* ナビ開いてる時のボタン */
	.hamburger.active span:nth-child(1) {
		top : 20px;
		left: 8px;
		background :#fff;
		-webkit-transform: rotate(-25deg);
		-moz-transform   : rotate(-25deg);
		transform        : rotate(-25deg);
	}
	.hamburger.active span:nth-child(2),
	.hamburger.active span:nth-child(3) {
		top: 20px;
		background :#fff;
		-webkit-transform: rotate(25deg);
		-moz-transform   : rotate(25deg);
		transform        : rotate(25deg);
	}

	/*ハンバーガーメニュー内*/
	nav.globalMenuSp {
		height:100%;
		overflow:auto;
		padding-bottom:50px;
		padding-top:10px;
		flex-direction:column;
		align-items:start;
		justify-content: flex-start;
	}
	.globalMenuSp_nav {
		margin:110px auto 0;
		width:67.779vw; /*650px;*/
		height:auto;
	}
	nav.globalMenuSp ul li {
		list-style-type: none;
		padding: 0;
		margin: 0;
		padding-bottom:23px;
		transition: .4s all;
		align-items:center;
	}
	div.globalMenulist_r {
		width:50px;
		height:50px;
		background:#28292b;
		display:flex;
		justify-content:center;
		align-items:center;
		border-radius:50%;
	}
	div.globalMenulist_r img {
		width:9px;
	}
	p.globalMenuLarge {
		font-weight:700;
		font-size:28px;
		letter-spacing:.1rem;
	}
	p.globalMenuSmall {
		padding-left:3px;
		color: #696969;
		font-weight:800;
		font-size:15px;
		letter-spacing:.01rem;
		line-height;1.8em;
		font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	}
	#globalMenuImg{
		display:none;
	}
	div.globalMenuRight {
		padding-top:20px;
		width:62.565vw; /*600px;*/
		height:auto;
		margin:0 auto;
	}
	.globalMenuTel {
		font-size:17px;
		letter-spacing:.03rem;
		display:flex;
	}
	.globalMenuContact {
		font-size:18px;
		letter-spacing:.03rem;
		margin-bottom:25px;
	}
	.globalMenuInsta {
		font-size:13px;
		margin:10px 0 20px 0;
		padding-left:0.3em;
	}
}

@media screen and (min-width: 960px){  //PCの時だけホバーの動き
	nav.globalMenuSp ul li a:hover span {
  		-webkit-transform: translate3d(0, 0, -30px) rotateX(90deg);
  		transform: translate3d(0, 0, -30px) rotateX(90deg);
	}
}

@media screen and (max-width: 569px){  //スマホサイズの時のハンバーガーメニュー
	nav.globalMenuSp {
		height:100%;
		overflow:auto;
		padding-bottom:50px;
		flex-direction:column;
		align-items:start;
		justify-content: flex-start;
	}
	.globalMenuSp_nav {
		margin:110px auto 0;
		width:88%;
		height:auto;
	}
	nav.globalMenuSp ul li {
		list-style-type: none;
		padding: 0;
		margin: 0;
		padding-bottom:20px;
		transition: .4s all;
		align-items:center;
	}
	div.globalMenulist_r {
		width:32px;
		height:32px;
		background:#28292b;
		display:flex;
		justify-content:center;
		align-items:center;
		border-radius:50%;
	}
	div.globalMenulist_r img {
		width:9px;
	}
	p.globalMenuLarge {
		font-weight:700;
		font-size:22px;
		letter-spacing:.05rem;
	}
	p.globalMenuSmall {
		padding-left:3px;
		color: #696969;
		font-weight:800;
		font-size:11px;
		letter-spacing:-.01rem;
		line-height;1.5em;
		font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	}
	#globalMenuImg{
		display:none;
	}
	div.globalMenuRight {
		padding-top:20px;
		width:88%;
		height:auto;
		margin:0 auto;
	}
	.globalMenuTel {
		font-size:17px;
		letter-spacing:.03rem;
		display:flex;
		padding-left:5px;
	}
	.globalMenuContact {
		font-size:17px;
		letter-spacing:.03rem;
		padding-left:5px;
		margin-bottom:20px;
	}
	.globalMenuInsta {
		font-size:12px;
		margin:10px 0 20px 0;
		padding-left:0.3em;
	}
	.globalMenuTel img ,.globalMenuContact img {
		width:20px;
		height:20px;
	}
	.globalMenuCopy {
		font-size:12px;
	}
}
/*-------------------------- top_main --------------------------*/
#top_main {
	width: 100%;
	/*height:100%;*/
	background-color:#fff;
}
#imageSlide {
   	width: 100%;
	height:100vh;
	display: flex;
	flex-direction:column;
	align-items: center;
	justify-content: center;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	color: #fff;
	z-index: 0;
}
#imageSlide img {
	width: 100%;
	height:100vh;
	display: block;
	position: absolute;
	object-fit: cover;
}
.fadein {
 	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0} /* 始め */
    100% {opacity: 1} /* 終わり */
}
@-webkit-keyframes fadeIn { /*古いブラウザ用 */
    0% {opacity: 0}
    100% {opacity: 1}
}
#main {
	display: flex;
	flex-direction:column;
	/*align-items: center;*/
	justify-content: center;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	text-align:center;
	color:#fff;
	z-index: 1;
	margin-top:-97vh;
}
#top_title {
	height: 100vh;
	display: -webkit-flex;
	display: flex;
	flex-direction:column;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;*/
	margin-bottom:80px;
}
#grade {
	display: flex;
	flex-direction:column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100vh;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight:400;
	/*font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;*/
	background: -moz-linear-gradient(top, rgba(255, 251, 128, 0) 0%, #fff000/*#e6b200*/ 85%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255, 251, 128, 0) 0%, #fff000/*#e6b200*/ 85%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255, 251, 128, 0) 0%, #fff000/*#e6b200*/ 85%);/*f0eb0d*/
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff000', endColorstr='#fff000',GradientType=0 );
}
#grade .mainTxt01 {
	font-size: 1.853vw; /*25px*/
	letter-spacing:0.1em;
	/*text-shadow: 0px 0px 1px #e6b200,0px 0px 2px #e6b200,0px 0px 3px #f1ce10;*/
}
#grade .mainTxt02 {
	margin-top: 3.781vw; /*51px*/
	font-size: 1.186vw; /*16px*/
	line-height:1.7;
	letter-spacing:0.1em;
	/*text-shadow: 0px 0px 1px #e6b200,0px 0px 2px #e6b200,0px 0px 3px #f1ce10;*/
}
.mainTxt_none {
	display:none;
}
#news {
	width: 100%;
	background-color:#fff;
}

/*--------------------- top_mainメディアクエリ -------------------*/

@media screen and (max-width: 959px){
	#imageSlide img {
		width:100%;
		/*height:100vh;*/
		display: block;
		position: absolute;
		/*object-fit: cover;*/
	}
	#top_title img {
		width:90%;
	}
	#grade {
		height:70vh;
	}
	#grade .mainTxt01 {
		font-size: 20px;
	}
	#grade .mainTxt02 {
		margin-top: 40px;
		font-size: 14px;
		line-height:1.7;
	}
	.mainTxt_none {
		display:inline;
	}
}

/*-------------------------- フェイドイン --------------------------*/
.moveimg{
	trasform:scale(1.2);
	opacity:0;
}

/*-------------------------- top_news --------------------------*/
#top_news {
	width: 100%;
	margin: 0 auto;
	position: relative;
	background: linear-gradient(to bottom, /*#e6b200*/#fff000 0%, /*#e6b200*/#fff000 50%, #fff 50%, #fff 100%);
	/*background-color: #f0e22c;*/
	padding: 0 0 0 6%;
	color: #28292b;
	line-height: 1;
	position:relative;
}
div.top_news_body {
	width: 100%;
	position: relative;
	margin: 0 auto;
	background-color: #f8f8f5;
	padding: 100px 0 140px 9%;
}
h2.top_news_title {
	font-size:1.483vw; /*20px*/
	border:none;
}
div.top_news_list {
	width:100%;
	display:flex;
	margin-top:10px;
}
div.top_news_list_box {
	width:21vw;
	height:27.7vw;
	position:relative;
}
div.top_news_list_img {
	width:16.753vw;
	height:25vw;
	overflow:hidden;
	transition:all 0.5s;
	display:flex;
	justify-content:center;
}
div.top_news_list_img img {
	/*position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);*/
	height:100%;
	transition:all 0.5s;
}
div.top_news_list_box h3 {
	font-weight: 700;
	font-style: normal;
	font-size: 0.8rem;
	line-height: 2.5;
	letter-spacing: .07em;
}
div.top_news_list_circle {
	width: 5.2vw;
	height: 5.2vw;
	background-color:#28292b;
	border-radius: 50%;
	position:absolute;
	right:1.7vw;
	bottom:0.2vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	transition:all 0.5s;
}

/*--------------------- top_newsメディアクエリ -------------------*/

@media screen and (max-width: 959px){
	div.top_news_body {
		padding: 50px 0 60px 9%;
	}
	h2.top_news_title {
		font-size:20px;
		border:none;
	}
	div.top_news_list {
		/*フリック実装*/
		overflow-x: scroll;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		scrollbar-width: none;
	}
	div.top_news_list::-webkit-scrollbar {
		display:none;
	}
	div.top_news_list_box {
		width:250px; /*21vw*/
		height:350px;
		scroll-snap-align: start;
	}
	div.top_news_list_img {
		width: 210px;
		height: 320px;
	}
	div.top_news_list_circle {
		width: 50px; /*5.2vw;*/
		height: 50px; /*5.2vw;*/
		right:15px;
		bottom:5px;
	}
	div.top_news_list_circle img {
		width:10px;
		height:8px;
	}

}
@media screen and (min-width:960px) {
	/*PCの場合だけホバーの動きをつける*/
	.top_news_list_box:hover .top_news_list_img{
		transform:scale(0.93);
		transform-origin: center;
	}
	.top_news_list_box:hover .top_news_list_img img{
		transform:scale(1.2);
		transform-origin: center;
	}
	.top_news_list_box:hover .top_news_list_circle{
		transform:scale(1.1);
	}
}
/*-----------------------about-----------------------------*/

#top-about{
	width: 100%;
	position: relative;
	height: auto;
}

#top-aboutPwrap{
	display: flex;
}

#top-about_yellow{
	margin-top: 7.25vw;		/* 6.746vw */
	width: 100%;
	height: 58.05vw;			/* 58.6vw  */
	background-color: #fff000;  /*#e6b200;*/
}

#top-bigimo{
	width: 55.05vw;
	height: 65.299vw;
	vertical-align:top;
}


/*			文			*/

#top-about_title{
	font-family: 'Righteous', cursive;
	color: #28292b;
	margin-top: 10.564vw;	/*  10.564vw  */
	margin-left: 7.116vw;
	padding-bottom:0.519vw;
	position: relative;
	display: inline-block;
	border-style:none;
}

#top-about_title:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom:2px solid #28292b;
	animation: border_anim 1s linear forwards;
}

@keyframes border_anim {
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}

.top-about_p1{
	font-size: 1.334vw;
	font-weight: bold;
	line-height: 1;
	letter-spacing: .08em;
	/*margin-top: 4.077vw;*/
	margin-top: 4.55vw;
	color: #28292b;
	margin-left: 7.116vw;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

.top-about_p1 span {
	display: block;
	margin: 0 0 1.631vw 0;
}

.top-about_p2 {
	margin-left:7.166vw;
	font-size: 1.038vw;
	line-height:2;
	letter-spacing: .05em;
/*	margin-top: 0.519vw;	*/	
	margin-top: 3vw;	
	width: 30.764vw;
	height: 13.343vw;
	color: #464646;
	font-weight: 500;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

#top-anime_p1,#top-anime_p2{
	opacity:0;
}
.about_rs{
	display:none;
}

/*		文ここまで		*/

/*		文アニメーション		*/

.fadeInDown {
	 -webkit-animation-fill-mode:both;
	 -ms-animation-fill-mode:both;
	 animation-fill-mode:both;
	 -webkit-animation-duration:1s;
	 -ms-animation-duration:1s;
	 animation-duration:1s;
	 -webkit-animation-name: fadeInDown;
	 animation-name: fadeInDown;
	 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
	 0% { opacity: 0; -webkit-transform: translateY(20px); }
	 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
	 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
 	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}



/*		文アニメーションここまで		*/


/*		グレー黄色のflex		*/
#top-about_flex{
	width: 100%;
	display:flex;
	background-color: #fff000;	/*#e6b200;*/
	height: 10.5vw;
}

#top-gray{
	width: 46.5vw;		
/*	width: 55.249vw;	*/
	height:10.5vw;
	background-color: #e7e7e2;
/*	z-index: 1;	*/
	position:absolute;
	right:0;
}



/*			読み込みボタン			*/

#top-about-learnmore{
	/*	margin-left: 18vw;	*/
		margin-top:4.3vw;
}

.cr .cr-inner-top-about {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 124px;
	height:124px;
	/*height: 78px;
	padding-top: 46px;*/
	background-color: #fff000; /*#e6b200*/ /*　←各自のバックグラウンドに合わせてください　*/
	border-radius: 50%;
	z-index: 4;
	font-family: 'Righteous', cursive;
	font-size:12px;
	letter-spacing:.02em;
	display:flex;
	justify-content: center;
	align-items:center;
}


/*			スライド部分のグレーとスワイパー		*/


#top-about-slide{
	width:100%;
	height:44.749vw;
	position:relative;
}

#top-gray2{
	width: 46.5vw;
	height:44.749vw;
	background-color: #e7e7e2;
	position:absolute;
	right: 0vw;

}


/* 全体のスタイル */
.swiper-container{
	position: absolute;
}
.top-about-swiper{
	top: 7.5vw;
}


.swiper-wrapper {
	width: 100%;
	height: auto;	
/*	z-inde: 2;	*/
}

/* 全スライド共通スタイル */
.swiper-slide {
	color: #ffffff;
	width: 100%;
	height: auto;	
	text-align: center;
/*	position:relative;	*/
}

.Box{
	height: 100%;
}

.swiper-button-next{		/*	ボタン設定 進む	*/
		position:absolute;
		top:50%;
		right: 20%;
		width: 23px;
		height: 40px; 
		margin-top:-22px;
		z-index:10;
		cursor:pointer;
		background-size:23px 40px;
		background-position:center;
		background-repeat:no-repeat;
}

.swiper-button-prev{		/* ボタン設定　戻る */
		position:absolute;
		top:50%;
		width: 23px;
		height: 40px; 
		margin-top:-22px;
		z-index:10;
		cursor:pointer;
		background-size: 23px 40px;
		background-position:center;
		background-repeat:no-repeat;
}

#modoru{			/*　戻る背景	*/
	width:50px;
	height:50px;
	background-color: #e7e7e2;
	opacity: 0.7;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 1%;
	z-index:30;
	
}

#susumu{			/*　進む背景	*/
	width: 50px;
	height:50px;
	background-color: #e7e7e2;
	opacity: 0.7;
	border-radius: 50%;
	position:absolute;
	top: 50%;
	right: 1%;
	z-index: 30;
}

.Tabout-slide-wrap{
	display: none;
}
/*			スライダーここまで			*/


/*--------------------------------aboutここまで-----------------------------------*/

/*-------------------------------aboutレスポンシブ--------------------------------*/
@media screen and (max-width: 959px){


#top-aboutPwrap{
	display: flex;
	flex-flow: column;
	background-color: #fff000;
}

#top-about_yellow{
	margin-top: 7.25vw;		/* 6.746vw */
	width: 100%;
	height: auto;			/* 58.6vw  */
	background-color: #fff000;  /*#e6b200;*/
}

#top-bigimo{
	width: 70.299vw;/*400px;*/
	height: 70.299vw;/*400px;*/
	margin: 30px auto;
	vertical-align:top;
}


/*			文			*/

#top-about_title{
	font-size: 19px;
	margin-top: 30px;
	margin-left: 15%;
}
#top-anime_p1{
	width: 86%;
	margin:0 auto;
}
.top-about_p1{
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: .12em;
}

.top-about_p2{
	display: none;
}

.about_rs{
	display: inline;
}

.top-about_prs{
	font-size: 12px;
	line-height:1.9;
	letter-spacing: .12em;	
	padding-top: 0;	
	width: 70.299vw;;
	height: auto;
	color: #464646;
	font-weight: 500;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	margin: 0 auto;
}

/*		文ここまで		*/


/*		グレー黄色のflex		*/
#top-about_flex{
	background-color: #fff;
}


/*			読み込みボタン			*/

#top-about-learnmore{
		display: none;
}
#top-about-learnmore-rs{
	margin-top: 40px;
	margin-bottom: 40px;
}

.swiper-container{
	display: none;
}

.top-gray2{
	z-index:1;
	height: 60vw;
}

.Aslide_img{
	width:  312px;
	height: 247px;
}

.Tabout-slide-wrap{
	display: inline;
   display:-webkit-box;
   display:-ms-flexbox;
   display: flex;
	 overflow-x: scroll;
	overflow-y: hidden;
   -webkit-overflow-scrolling: touch;
   overflow-scrolling: touch;
   scroll-snap-type: x mandatory;
   padding:0 0 1em;
   margin:0 0 2em 0;
   scroll-behavior: smooth;
	position: relative;
}

.Tabout-slide-wrap,
.Tabout-slide-content{
    flex: 0 0 0%;
    margin-right: 25px;
    scroll-snap-align:center;
}

#top-about-slide{
	height:310px;
}

#top-gray2{
	height: 310px;

}



}  /*--aboutレスポンシブここまで--*/


/*--------------------------------aboutここまで-----------------------*/

/*--------------------------------menuここから------------------------*/


#nemu {
	width: 100%;
    margin: 0 auto;
    position: relative;
    color: #28292b;
   	line-height: 1;
	display: block;
	background-color: #f6f4ef;
}

/* 	セクションメニューの中のフレーム	*/

.menu_base {
	width: 100%;
	position: relative;
	padding: 100px 0 100px 6%;
	background-color: #f6f4ef;
	/*background-color: yellow;*/
}	

/*	MENU	*/

.f-en {
    font-family: 'Righteous', cursive;
    font-weight: 700;
    font-style: normal;
	font-size: 0.9rem;
}
.f-amg h3 {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

/*h2.menu_title {
    font-size: 28px;
    letter-spacing: .12em;
    line-height: 1;
    text-align: center;
	background-color: brown;
	width: 90px;
	margin-left: 46.5%;
	margin-top: -3px;
	color: #28292b;
}*/

.yakiimo_title:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom:2px solid #28292b;
	animation: border_anim 1s linear forwards;
}
/*----MENUタイトル----*/
.title_menu_kakoi {
	margin: 0 auto;
	text-align: center;
	
}
h2.menu_title {
	color: #28292b;
	border:none;
	font-family: 'Righteous', cursive;
	font-size:2.15vw;
	letter-spacing: .06rem;
	padding-bottom:0.519vw;	
	display: inline;
	position: relative;
}

/*p.menu_read {	
	/*letter-spacing: center;
	text-align: center;
	margin-top: 40px;
	/*background-color: pink;
	line-height: 2.3;
	color: #28292b;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: .11em;
}*/

p.menu_read {	
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	/*letter-spacing: center;*/
	text-align: center;
	margin-top: 2.965vw;
	/*background-color: pink;*/
	line-height: 2.3;
	color: #28292b;
    font-size: 1.11vw;
    font-weight: bold;
    letter-spacing: .11em;
}

	 br.kaigyo2 {
		display: none;/*brを消している*/
	} 

.menu-lst_unit {
	width: 100%;
	margin: 40px auto 0;
	/*background-color: black;*/
}
/*-----白いしかく-----------------------------------------------*/
.menu-lst {
    position: relative;
    z-index: 1;
    padding-bottom: 7%;
    background-color: #FFF;
    margin-bottom: 75px;
}

div {
	display: block;
}

.menu-lst_visual {
    position: relative;
    width: 50%;
    height: 100%;
    z-index: 1;
}

.menu-lst_visual:after {
    background-color: #f6f4ef;
    width: 62%;
    height: 20%;
    position: absolute;
    content: '';
    z-index: 0;
    bottom: -20%;
    left: 0;
}

.menu-lst_inner {
    width: 100%;
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;*/
    display: flex;
    background-color: #FFF;
}
/*	メイン画像	*/


.menu-lst_visual-inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.menu-lst_visual-inner img{
	z-index: 1;
    display: block;
	position: relative;
/*	background: #b2b;*/
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    /*padding: 50% 0;
   	background-size: cover;
   	background-repeat: no-repeat;
   	background-position: center center;*/
}

/*.menu-lst_visual-inner span {
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    padding: 50% 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}*/
/*	回転ロゴ	*/
.menu_logo {
	position: absolute;
	left: 25px;
				/*	margin-left:28px;	*/
}	
.menu_logo img {
  animation:20s linear infinite rotation;
	/*background-color: red;*/
}

@keyframes rotation{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}

.logo_moi {
    opacity: 1;
    transition: all 700ms;
}

.menu-lst_batch {
    opacity: 1;
    transition: all 700ms;
    width: 11.712vw;
    height: auto;
    position: absolute;
    left: -3.706vw;
    top: -5.189vw;
    z-index: -1;
	/*background-color: yellow;*/
	border-radius: 50px;

}

/*.menu-lst_batch {
    opacity: 1;
    transition: all 700ms;
    width: 158px;
    height: auto;
    position: absolute;
    left: -50px;
    top: -70px;
    z-index: -1;
}*/
.menu-lst_batch img {
	animation:20s linear infinite rotation;
}

.menu-lst_text {
	width: 50%;
	height: auto;
	position: relative;
	display: flex;
	align-items: flex-end;
	/*background-color: red;*/
}

.menu-lst_text-inner {
    width: 100%;
    padding: 0 20% 0 60px;
/*	background-color: blue;*/
}

/*	商品名、価格	*/

.menu-lst_guide {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	width: 100%;
	display: flex;

/*	justify-content: space-between;*/
}
.menu_title_price {
	justify-content: space-between;
	/*background-color: skyblue;*/
	width: 90%;
	display: flex;

}

.f-amg {

    font-weight: 600;
    font-style: normal;
}

/*.menu-lst_guide h3 {
    font-size: 20px;
    line-height: 1;
    letter-spacing: .04em;
	color: #28292b;
}*/

.menu-lst_guide h3 {
	font-size: 1.631vw;
	font-weight: 900;
    line-height: 1;
    letter-spacing: .04em;
	color: #28292b;

}
.menu-lst_guide {
    display: block;
    /*font-size: 1.2rem;*/
    margin-top: 10px;
    letter-spacing: .08em;
	/*background-color: green;*/
	width: 120%;

}

p.menu-lst_price {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 0.741vw;
    color: #696969;
    letter-spacing: .05em;
    padding-top: 0.371vw;
   /* margin-left: 50%;*/
}



.eiji {
	color: #696969;
    font-family: 'Righteous', cursive;
    font-weight: 700;
    font-style: normal;
	font-size: 0.89vw;

}
.menu-lst_copy {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    position: relative;
    margin-top: 28px;
	/*width: 495px;
	height: 176px;*/
}

/*.menu-lst_copy h3 {
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: .12em;
    color: #28292b;
}*/

.menu-lst_copy h3 {
    font-size: 1.186vw;
    line-height: 1.7;
    letter-spacing: .12em;
    color: #28292b;
}
/*.menu-lst_copy p {
	width: 108%;
    font-size: 13px;
    color: #696969;
    line-height: 1.9;
    margin-top: 20px;
    letter-spacing: .12em;
	/*background-color: red;
}*/
/*------商品説明-------*/
.menu-lst_copy p {
	width: 108%;
    font-size: 0.964vw;
    color: #696969;
    line-height: 1.9;
    margin-top: 1.483vw;
    letter-spacing: .12em;
	/*background-color: red;*/
	font-size: 0.964vw;
	font-weight: 500;
}
.menu_setumei p {
	color: #696969;
 	font-weight: 500;

}
.menu-lst_thumb {
	width: 108%;
	margin-top: 75px;	
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	/*background-color: white;*/
}

.menu-lst_thumb-lst {
    width: 46%;
    overflow: hidden;
}

.gazo_mini {
    max-width: 100%;
    width: 100%;
    height: auto;
    vertical-align: top;
}

/*		↓フェードインここから		*/

.fade-in {
  opacity: 0;
  transition-duration: 1000ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 25px);
}
.fade-in-down {
  transform: translate(0, -25px);
}

.fade-in-left {
  transform: translate(-25px, 0);

}

.fade-in-right {
  transform: translate(25px, 0);
}
.fade-in-scale {
  transform: scale(1.1,1.1);
}
.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}
.glow{
  opacity: 0;
  font-family: 'Arvo', serif;
  font-weight: 300;
  color: orange;
  margin-left: -222.5px;
  font-size: 105px;
  position: absolute;
  top: 200px;
  left: 50%;
}
	
/*		↑フェードインここまで		*/

	/*	画像を固定しながら移動	*/
.menu-zoomout {
	overflow: hidden;

}

.{
	width: 220px;
	height: 168px;
	animation: left 20s,fade-in 10s,scale 10s;
	animation-duration: 1s;
	position: relative;
	
}
@keyframes left{

	0% {
		left: -20px;	/*	画像を右へ移動	*/
	}
	100% {
		left: 0px;
	}
}
@keyframes fade-in {
		0% {
		
		opacity: 0.5;	/*	フェードさせる	*/
	}
	100% {
		
		opacity: 1;
	}
}
@keyframes scale {
	0% {
		width: 230px;
		height: 170px;	/*	サイズを拡大させる	*/
}
	100% {
		width: 220px;
		height: 168px;
	}
}

/*	画像を固定しながら移動 ここまで	*/

/*	hoverサークルここから	*/

.cr .cr-inner_menu {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 124px;
	height:124px;
	/*height: 78px;
	padding-top: 46px;*/
	background: #f6f4ef; /*　←各自のバックグラウンドに合わせてください　*/
	border-radius: 50%;
	z-index: 4;
	font-family: 'Righteous', cursive;
	font-size:12px;
	letter-spacing:.02em;
	display:flex;
	justify-content: center;
	align-items:center;
}

.batch-batch {
    width: 130px;
    text-align: center;
    z-index: 0;
    margin: 50px auto 0;
}

.batch-batch a {
    display: inline-block;
	color: #28292b;

}


/*------------レスポンシブ・タブレット用-------------*/
@media screen and (max-width: 959px) {

	#menu {
		overflow: hidden;
		background-color: #f6f4ef;
	}
/*	.menu_base {
   	 	padding: 100px 6%;
	}*/
	.menu_base {
    	width: 100%;
    	position: relative;
    	padding: 100px 7% 0 7%;
    	/*background-color: yellow; */
	}
	h2.menu_title {
		letter-spacing: .06em;
		/*font-size: 28px;*/

	}
	h2.yakiimo_title {
		display: inline;
	}

	p.menu_read {
	/*	font-size: 16px;*/
		margin-top: 25px;
	}

	.menu-lst_unit {
    	margin: 60px auto 0;

	}

	.menu-lst {
   		padding: 0;
   		margin-bottom: 95px;
		background-color: transparent;

	}

	.menu-lst_inner {
		display: block;
		background-color: transparent;

	}

	.menu-lst_visual {
    	width: 100%;
    	margin: 0 auto;
	/*	background-color: #FFF;*/
		
	}

	.menu-lst_name {
    	left: 7%;
    	letter-spacing: .03em;
	}

	.menu-lst_visual-inner {
    	width: 92%;
    	margin: 0 auto;
    	z-index: 1;
	}
	.menu-lst_guide {

	}

	.menu-lst_batch {
    	width: 138px;
    	left: -30px;
    	top: -50px;
	}

	.menu-lst_text {
    	width: 100%;
	}

	.menu-lst_text-inner {
    	padding: 110px 60px 70px;
		width: 100%;
		height: 620px;
		background-color: #FFF;

		z-index: -10;
		position: relative;
		top: -70px;
	}

	.menu-lst_copy {
    	margin-top: 18px;
	}

	.menu-lst_guide h3 span {
    	letter-spacing: .03em;
		
	}

	.menu-lst_copy h3 {
    	line-height: 1.7;
   	 /*	font-size: 19px;*/
    	letter-spacing: .05em;
	}

	.menu-lst_copy p {
 /*   font-size: 13px;*/
    line-height: 1.5;
    margin-top: 14px;
	}

	.menu-lst_thumb {
    	margin-top: 25px;
		width: 100%;
	}
	.menu-lst_visual:after {
		display: none;
	}


	.menu-lst_copy p {
		width: 100%;
	}
	h3.menu_title_price {
	/*	font-size: 22px;*/
	}
	span.eiji {
		font-size: 12px;
	}

	p.menu-lst_price {
		padding-right: 50px;
	}
/*------バックの白い部分----*/
	span.f-en {
		font-size: 13px;
	}
	h3.f-amg {
		font-size: 15px;
	}
	p.menu_setumei {
		font-size: 12px;
	}
	h2.menu_title {
		font-size: 19px;
	}
	p.menu_read {
		font-size: 13px;
	}

	h3.menu_title_price {
		font-size: 17px;
	}
	span.eiji {
		font-size: 13px;
	}
	p.menu-lst_price {
    	font-size: 10px;
	}
/*-----learn more-----*/
	.batch-batch {
		margin: 0 auto;
	/*	background-color: pink;*/
		margin-bottom: 50px;
	}

	.menu-lst {
    padding: 0;
    margin-bottom: 0px;
    background-color: transparent;
	}
}


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

	 br.kaigyo2 {
		display: block;/*brを消している*/
	}


	h2.menu_title {
		font-size: 19px;
	}
	p.menu_read {
		font-size: 13px;
	}

	h3.menu_title_price {
		font-size: 17px;
	}
	span.eiji {
		font-size: 13px;
	}
	p.menu-lst_price {
		padding-right: 20px;

	}
	span.f-en {
		font-size: 13px;
	}
	h3.f-amg {
		font-size: 15px;
	}
	p.menu_setumei {
		font-size: 12px;
	}
	.menu-lst_text-inner {
    	padding: 70px 25px 40px;
	}

		.menu-lst_text-inner {

		width: 100%;
		height: 480px;
		background-color: #FFF;
		padding-top: -100px;
		z-index: -10;
		position: relative;
		top: -40px;
	}
h2.yakiimo_title {
	display: inline;
}
}


/*---------------------------------menuここまで-------------------------*/


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

section.toper_yakiimo{
		width:100%;
}
div.top_yakiimo{
	padding:100px 7% 130px 7%;
}
h2.yakiimo_title{
	color: #28292b;
	border:none;
	font-family: 'Righteous', cursive;
	font-size:2.15vw;
	letter-spacing: .06rem;
	padding-bottom:0.519vw;
	
	display: inline-block;
	position: relative;
}
/* ボーダーアニメーション */
.yakiimo_title:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom:2px solid #28292b;
	animation: border_anim 1s linear forwards;
}

@keyframes border_anim {
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}

p.yakiimo_hosoku{
	padding:40px 0 40px 0;
	font-size:1.186vw; /*16px*/
	line-height:2.3em;
	color:#696969;
	letter-spacing: 0.1em;
	font-weight:600;
	/*margin-bottom:2.669vw;*/
	opacity:0;
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;

}

/* 横並び */
.yakiimo_miryoku_hosoku_yoko{
	max-width:100%;
	min-width:100%;
	display:flex;
	flex-wrap: wrap;

	margin-bottom:6.746vw;

}
/*--スライドショー--*/

.yakiimo_slider{
	width:37.806vw;	/*510px*/
}
#yakiimo_sl_show{
	width:37.806vw;
	height:37.806vw;
}
#yakiimo_sl_show img{
	width:100%;
}
.top_yakiimo_ul{
	padding-top:20px;
	width:37.806vw;
	display:flex;
	overflow:hidden;
}
.top_yakiimo_sl img{
	border:none; 
	width:100%;
}
.top_yakiimo_sl:hover{
	opacity:0.5;
}


.yakiimo_miryoku{
	width:40%;
	margin:72px 61px 0 62px;
	opacity:0;
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.yakiimo_miryoku_title{
	font-size:1.408vw;
	letter-spacing: .1em;
	font-weight:bold;
}
.yakiimo_miryoku_hosoku{
	margin-top:18px;
	font-size:1.334vw;
	font-weight:600;
	letter-spacing: .1em;
	line-height:1.65;
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;

}
.yakiimo_miryoku_hosoku2{
	color:#696969;
	margin-top:17px;
	line-height:1.65;
	font-size:0.964vw;
	letter-spacing:.05em;
}
.yakiimo_miryoku_tyui{
	color:#696969;
	margin-top:18px;
	font-size: 0.815vw;
}
.yakiimo_beauty_title{
	font-family: 'Righteous', cursive;
	font-size: 1.038vw;
	letter-spacing:.1em;
	margin-top:30px;
	padding-bottom: 11px;
	border-bottom: solid 1px #cecccd;
	margin-bottom: 30px;
}
.yakiimo_beauty_hosoku{
	font-size:0.964vw;
	line-height:1.65;
	letter-spacing:.1em;
	color:#696969;
}
.cr a{
	color:#28292b;
}

/*--------------------yakiimoメディアクエリ-------------------------*/
@media screen and (max-width: 959px){
.yakiimo_miryoku_hosoku_yoko{
	display:flex;
	flex-direction:column;

}
div.top_yakiimo{
	padding-bottom:60px;
}
.yakiimo_slider{
	width:100%;
}
#yakiimo_sl_show{
	width:100%;
}
#yakiimo_sl_show{
	width:100%;
	height:100%;
}
.yakiimo_miryoku{
	width:100%;
	margin:0;
}
.top_yakiimo_ul{
	width:100%;
}
h2.yakiimo_title{
	font-size:19px;
}
p.yakiimo_hosoku{
	font-size:13px;
	margin:0;
	letter-spacing:.11em;
	font-weight:bold;

}
.yf_pc_br{
	display:none;
}
.yakiimo_miryoku_title{
	font-size:17px;
	padding: 24px 0px 0px;
	font-weight:900;
	line-height:1;
	letter-spacing:.04em;
}
.yakiimo_miryoku_hosoku{
	font-size:15px;
	padding-top:10px;
	margin:0;
	line-height:1.7;
	letter-spacing:.05em;
}
.yakiimo_miryoku_hosoku2{
	font-size:12px;
	font-weight:400;
	letter-spacing:.12em;
	line-height:1.9;
}
.yakiimo_miryoku_tyui{
	font-size:11px;
	font-weight:400;
	letter-spacing:.12em;
}
.yakiimo_beauty_title{
	font-size:15px;
	padding:10px 0 10px 0;
}
.yakiimo_beauty_hosoku{
	font-size:12px;
	font-weight:400;
	letter-spacing:.12em;
	line-height:1.9;
}
.yaiimo_beauty{
}

}/*--------------------//yakiimoメディアクエリ-------------------------*/
/* footer */
.top_footer{
	color:#28292b;
	display: flex;
	width:100%;
	height:43.069vw;
	/*margin-top:9.637vw;*/
/*	background:#e6b200;*/
	background: #fff000; /*#ffd900;*/
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.footer_box{
	padding-left:13.936vw;
}
.footer_logo{
	display:inline-block;
	margin-top:10.304vw;
}
.footer_logo img{
	width:8.747vw;
	height:3.781vw;
}
.footer_infolist_li img{
	width:2.15vw;	/*29px*/
	height:2.15vw;	/*29px*/
}
.footer_access{
	width:100%;
	border:1px red;
	margin-right:18.045vw;
}
.footer_access p{
	width:100%;
	font-weight:500;
	margin-top:1.353vw;
	color: #696969;
	font-size: 0.964vw;
	line-height: 1.5;
	letter-spacing: .05em;
}

.footer_nav{
	font-family: 'Righteous', cursive;
	margin-top:16.753vw;
	margin-right:7.116vw;
}

.footer_list_li{
	width:7.413vw;
	height:1.779vw;
	position:relative;
	overflow:hidden;
	margin-bottom:1.483vw;
	position:relative;
}
/* ナビボタンくるっと回転 */
.ft {
  position: relative;
  display: inline-block;
  width: 100%; /* 横幅 */
  height: 1.8vw; /* 縦幅 */
  line-height: 1.8vw;
  /*height: 24px; 
  line-height: 24px;  */
  overflow: hidden; /* はみ出し部分を隠す */
}

/* ボタンのテキスト */
.ft__text {
  position: absolute;
  left: 0;
  display: block;
  height: 100%; /* 縦幅をボタンと同じにする */
  width: 100%; /* 横幅をボタンと同じにする */
  color: #28292b; /* 文字色 */
  font-size:1.186vw;; /* 文字サイズ */
  transition: all 0.4s;  /* アニメーション実行時間 */
}

/* ボタンのテキスト(デフォルトのテキスト) */
.ft__text:nth-child(1) {
  top: 0;
}

/* ボタンのテキスト(隠れているテキスト) */
.ft__text:nth-child(2) {
  top: 200%;
}
.res_footer_menu_box{
	display:none;
}
.footer_info{
	width:80%;
	font-family: 'Righteous', cursive;
	margin-top:16.308vw;
	/*padding-right:1.97vw;*/

}
.footer_infolist_li a{
	display:inline-block;
	font-size: 1.408vw;
	color:#28292b;
	margin-bottom:1.053vw;

}
.f_list{
	padding-right:0.222vw;
	vertical-align: middle;
}
.footer_infolist_li a:hover{
	opacity:0.5;
}

.official_sns{
	width:100%;
	/*padding-right:1.7vw;*/
	font-family: 'Righteous', cursive;
	margin-top:16.234vw;
	/*margin-right:10.97vw;*/
	font-size:1.186vw;
}
.in{
	margin-left:1.7vw;
}
.footer_info{
	width:80%;
	font-family: 'Righteous', cursive;
	margin-top:16.308vw;
	/*padding-right:1.97vw;*/

}
.footer_infolist_li a{
	display:inline-block;
	font-size: 1.408vw;
	color:#28292b;
	margin-bottom:1.053vw;

}
.f_list{
	padding-right:0.222vw;
	vertical-align: middle;
}
.footer_infolist_li a:hover{
	opacity:0.5;
}

.official_sns{
	width:100%;
	/*padding-right:1.7vw;*/
	font-family: 'Righteous', cursive;
	margin-top:16.234vw;
	/*margin-right:10.97vw;*/
	font-size:1.186vw;
}
.in{

	margin-left:1.7vw;
}
.in img{
	width:1.631vw;
	height:1.705vw;
	vertical-align: middle;
}
.in:hover{
	opacity:0.5;
}
.copyright{
	font-size:0.964vw;
	margin-top:1.680vw;
}

.in:hover{
	opacity:0.5;
}
.copyright{
	font-size:0.964vw;
	margin-top:1.680vw;
}


/*--------------------footerホバー-------------------------*/
@media screen and (min-width: 960px){

/* ボタンホバーアクション */
.ft:hover .ft__text:nth-child(1) {
  top: -100%;
}

.ft:hover .ft__text:nth-child(2) {
  top: 0;
}

}


/*--------------------footerメディアクエリ-------------------------*/
@media screen and (max-width: 959px){
.top_footer{
	display:flex;
	flex-direction:column;
	padding:70px 7% 100px;
	width:100%;
	height:auto;
}
.footer_box{
	margin:0 auto;
	padding:0;
}
.footer_access p{
	text-align:center;
	font-size:13px;
	padding-bottom:15px;
	margin:0;
}
.footer_access p:nth-child(1){
	padding-top:25px;
}
.footer_logo{
	width:100%;
	text-align:center;
	margin:0;
}
.footer_logo img{
	width:95px;
	height:39px;
}
.footer_nav{
	display:none;
}
.res_footer_menu_box{
	padding-top:30px;
	display:inline;
	font-size:17px;
	font-family: 'Righteous', cursive;
}
.res_footer_menu{
	display:flex;
	flex-wrap:wrap;
	width:200px;
	margin:0 auto;
	justify-content:space-around;
}
.f__m{
	padding:5px;
}
.f__m a{
	font-size:13px;
}
.f__m_c{
	display:none;
}
.footer_info img{
	width:34px;
	height:34px;
}
.f_list::after{
	content:"\A";
	white-space:pre;
}
.footer_info a{
	font-size:18px;
}
.footer_info{
	margin:0 auto;
	padding-top:30px;
}
.footer_infolist_li{
	text-align:center;
	padding-top:13px;
}
.official_sns{
	margin:0;
	padding-top:35px;
	text-align:center;
	font-size:16px;
	opacity:0.8;
}
.official_sns img{
	margin-top:10px;
	width:23px;
	height:23px;
	opacity:0.8;
}
.official_sns a:hover{
	opacity:1;
}
.in::before{
	content:"\A";
	white-space:pre;

}
.copyright{
	padding-top:30px;
	font-size:13px;
	opacity:0.8;
}


}/*--------------------//footerメディアクエリ-------------------------*/

/*--ぬるっと浮き上がるテキスト--*/


.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInDown2 {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:2s;
 -ms-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-name: fadeInDown2;
 animation-name: fadeInDown2;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown2 {
 0% { opacity: 0; -webkit-transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown2 {
 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/*---------------------yakiimo-footerここまで-------------------------------*/

/*---------------------共通contentここから-------------------------------*/
#content{
	width:100%;
}
.content_flex{
	display:flex;
	padding: 10.007vw 5.93vw 8.525vw;	/* 135px 80px 115px*/
}
.content_box_flex{
	width:100%;
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
}
.content_box{
	display:block;
}
.content_box a .content_img{
	color:#28292b;
	width:21.053vw;	/*284px*/
	overflow:hidden;
	transition:all 0.5s;
}
.content_img img{
	width:21.053vw;	/*編集*/
	height:16.753vw;
	transition:all 0.5s;
}
.content_title_box{
	margin-right:113px;	/*8.377vw*/
	padding-bottom:10px;
}
h2.content_tile{
	color:#28292b;
	border:none;
	font-family: 'Righteous', cursive;
	font-size:1.853vw;
	letter-spacing: .06rem;
	padding-bottom:0.519vw;
	margin-bottom:13px;	/*0.964vw*/
	display: inline-block;
	position: relative;
}
.content_sub_tile{
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size:1.038vw; /*14px;*/
}
/* ボーダーアニメーション */
.content_tile:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom:2px solid #28292b;
	animation: border_anim 1s linear forwards;
}
@keyframes border_anim {
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}

span.content_menu{
	display: block;
}
.content_menu{
	font-weight: 500;
	font-size:1.334vw; /*18px*/
	margin-top:9px;/*0.667vw;*/
	letter-spacing: .02em;
}
.content_sub{
	font-size: 0.964vw; /*13px*/
	opacity: .7;
	line-height: 1;
	display: block;
	margin-top:3px;	/* 0.222vw;*/
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media screen and (min-width: 570px){

.content_box a:hover .content_img{
  -webkit-transform: scale(0.93);
    transform: scale(0.93);
}
.content_box a:hover .content_img img{
  -webkit-transform: scale(1.15);
    transform: scale(1.15);
}
}


/*---------------------共通contentここまで-------------------------------*/
/*---------------------contentメディアクエリ-------------------------------*/
@media screen and (max-width: 959px){	/*-----画面サイズ960未満のとき適用----*/
.content_flex{
	display:flex;
	flex-direction:column;
	padding:100px 7% 100px 7%;
}
.content_box a .content_img{
	color:#28292b;
	width:26.486vw;	
	height:20.959vw;
}
.content_img{
	width:26.486vw;		/*254px*/	/*編集*/
	height:20.959vw;	/*201px;*/
}
.content_img img{
	width:100%;
	height:100%;
}
h2.content_tile{
	font-size:2.607vw; /*25px*/
}
.content_sub_tile{
	font-size:1.46vw;	/*14px*/
}
.content_menu{
	font-size:19px;	/*1.981vw;*/
}
.content_text{
	font-size:12px;	/*1.251vw*/
	margin:20px 0 0 15px;
}

}/*    //@media   */

@media screen and (max-width: 569px){
.content_flex{
	display:flex;
	flex-direction:column;
	padding:50px 7% 50px 7%;
}

.content_box_flex{
	display:flex;
	flex-direction:column;
}
.content_title_box{
	margin-bottom:24px;
}
.content_box{

	display:flex;
	margin-bottom:18px;
	width:100%;
	overflow:visible;
	height:35.325vw
}
.res_flex{
	display:flex;
}
.content_box a .content_img{
	color:#28292b;
	width:44.64vw;	/*254px;*/
	height:35.325vw	/*201px*/;
}
.content_img{
	width:44.64vw;	/*254px;*/
	height:35.325vw	/*201px;*/
}
.content_img img{
	width:100%;	/*編集*/
	height:100%;

}
h2.content_tile{
	font-size:20px;
}
.content_sub_tile{
	font-size:13px;
}
.content_menu{
	font-size:16px;
}
.content_sub{
	font-size:12px;
}
.content_text{
	font-size:13px;
	margin:20px 0 0 15px;
}
}
/*--------------------contentメディアクエリ-------------------------*/

/*--------------------タブレット用メディアクエリ-------------------------*/

@media screen and (max-width: 959px){	/*-----画面サイズ960未満のとき適用----*/
	.mouse_on {
		display: none;
	}
 
	h1 {
		font-size: 45px;

	}
	p.title_sub {
		font-size: 15px;
	}

}

/*--------------------スマホ用メディアクエリ------------------------------*/

@media screen and (max-width: 569px){	/*-----画面サイズ570未満のとき適用----*/
	.mouse_on {
		display: none;
	}
	h1 {
		font-size: 30px;
	}
	p.title_sub {
		font-size: 13px;
	}


}