@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed&display=swap);

/* ================================================================================ */
/*                                                                                  */
/*      スタイル初期化                                                              */
/*                                                                                  */
/* ================================================================================ */

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tfoot, thead, 
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:180%;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

nav ul,
li {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote::before, blockquote::after,
q::before, q::after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

table, tbody, tr, th, td,{
	margin:0;
	padding:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}



/* ================================================================================ */
/*                                                                                  */
/*      汎用スタイル                                                                */
/*                                                                                  */
/* ================================================================================ */


html {
	overflow-y: scroll;	
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

*	{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix::after {
	content: '';
	display: block;
	clear: both;
}

body	{
	font-size: 16px;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #212121;
}

a	{
	color: #212121;
	text-decoration-skip-ink: none;
}

a:hover	{
	color: #424242;
	text-decoration: none;
	opacity: 0.7;
}

a:hover img {
	opacity:0.7;
}

.center {
	text-align:center;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

.red {
	color: #E01356;
}

input {
	outline: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px [#ffffff] inset;
}

input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
}

img {
	backface-visibility:hidden;
	-webkit-backface-visibility: hidden;	
	image-rendering: -webkit-optimize-contrast;
}

.wrapper {
	
}

.spBr {
	display: none;	
}

/* ================================================================================ */
/*                                                                                  */
/*      ヘッダー　　　                                                              */
/*                                                                                  */
/* ================================================================================ */


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

.headerMain img {
	width: 100%;	
}

.headerMain__ {
	position: relative;
}

.headerMain__img {
    filter: brightness(0.8);
}

.headerMain__copy {
	position: absolute;
	top: 0%;
	right: 15%;
	transform: translateY(-230%) translateX(-20%);
	-webkit-transform: translateY(-230%) translateX(-20%);
}

.headerMain__copy__text {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	color: #fff;
	font-size: 2rem;
	line-height: 56px;
    text-shadow: 0 0 10px rgb(0 0 0 / 50%), 0 0 10px rgb(0 0 0 / 50%), 0 0 10px rgb(0 0 0 / 50%), 0 0 10px rgb(0 0 0 / 50%);
}

.headerMain__copy__text--sp {
	display: none;	
}

.headerMain__logo {
	position: absolute;
  	top: 0%;
  	right: 3%;
  	transform: translateY(-270%) translateX(0%);
  	-webkit-transform: translateY(-270%) translateX(0%);
}

.headerMain__logo img {
	width: 200px;	
}


@media only screen and (max-width: 1800px) {
	
	.headerMain__copy {
		top: 0%;
		right: 15%;
		transform: translateY(-220%) translateX(-20%);
		-webkit-transform: translateY(-220%) translateX(-20%);
	}
	
	.headerMain__logo {
		top: 0%;
		right: 3%;
		transform: translateY(-260%) translateX(0%);
		-webkit-transform: translateY(-260%) translateX(0%);
	}
	
}

@media only screen and (max-width: 1600px) {
	
	.headerMain__copy {
		top: 0%;
		right: 17%;
		transform: translateY(-205%) translateX(-20%);
		-webkit-transform: translateY(-205%) translateX(-20%);
	}
	
	.headerMain__logo {
		top: 0%;
		right: 3%;
		transform: translateY(-240%) translateX(0%);
		-webkit-transform: translateY(-240%) translateX(0%);
	}
	
}

@media only screen and (max-width: 1500px) {
	
	.headerMain__copy {
		top: 0%;
		right: 17%;
		transform: translateY(-195%) translateX(-20%);
		-webkit-transform: translateY(-195%) translateX(-20%);
	}
	
	.headerMain__copy__text {
		font-size: 1.7rem;
		line-height: 54px;
	}
	
	.headerMain__logo {
		top: 0%;
		right: 3%;
		transform: translateY(-200%) translateX(0%);
		-webkit-transform: translateY(-200%) translateX(0%);
	}
	
}

@media only screen and (max-width: 1300px) {
	
	.headerMain__copy {
		top: 0%;
		right: 20%;
		transform: translateY(-185%) translateX(-20%);
		-webkit-transform: translateY(-185%) translateX(-20%);
	}
	
	.headerMain__copy__text {
		font-size: 1.5rem;
		line-height: 52px;
	}
	
	.headerMain__logo {
		top: 0%;
		right: 3%;
		transform: translateY(-180%) translateX(0%);
		-webkit-transform: translateY(-180%) translateX(0%);
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__copy {
		top: 10%;
		right: 35%;
		transform: translateY(-190%) translateX(-20%);
		-webkit-transform: translateY(-190%) translateX(-20%);
	}
	
}

@media only screen and (max-width: 1000px) {
	
	.headerMain__copy {
		top: 0%;
		right: 20%;
		transform: translateY(-165%) translateX(-20%);
		-webkit-transform: translateY(-165%) translateX(-20%);
	}
	
	.headerMain__copy__text {
		font-size: 1.3rem;
		line-height: 50px;
	}
	
	.headerMain__logo {
		top: 0%;
		right: 3%;
		transform: translateY(-160%) translateX(0%);
		-webkit-transform: translateY(-160%) translateX(0%);
	}
	
	.headerMain__logo img {
    	width: 160px;
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__copy {
		top: 20%;
		transform: translateY(-180%) translateX(-20%);
		-webkit-transform: translateY(-180%) translateX(-20%);
	}
	
}

@media only screen and (max-width: 768px) {
	
	.headerMain__copy {
		top: 0%;
		right: 22%;
		transform: translateY(-155%) translateX(-20%);
		-webkit-transform: translateY(-155%) translateX(-20%);
	}
	
	.headerMain__copy__text {
		font-size: 1.2rem;
		line-height: 42px;
	}
	
	.headerMain__logo {
		top: 0%;
		right: 5%;
		transform: translateY(-180%) translateX(0%);
		-webkit-transform: translateY(-180%) translateX(0%);
	}
	
	.headerMain__logo img {
    	width: 130px;
	}	
	
	_::-webkit-full-page-media, _:future, :root .headerMain__copy {
		right: 32%;
		top: 25%;
		transform: translateY(-170%) translateX(-20%);
		-webkit-transform: translateY(-170%) translateX(-20%);
	}
	
}

@media only screen and (max-width: 640px) {
	
	.headerMain__copy {
		top: 0%;
		right: 25%;
		transform: translateY(-145%) translateX(-20%);
		-webkit-transform: translateY(-145%) translateX(-20%);
	}
	
	.headerMain__copy__text {
		font-size: 1.0rem;
		line-height: 32px;
	}
	
	.headerMain__logo {
		top: 0%;
		right: 5%;
		transform: translateY(-160%) translateX(0%);
		-webkit-transform: translateY(-160%) translateX(0%);
	}
	
	.headerMain__logo img {
    	width: 120px;
	}	
	
	_::-webkit-full-page-media, _:future, :root .headerMain__copy {
		right: 35%;
		transform: translateY(-150%) translateX(-20%);
		-webkit-transform: translateY(-150%) translateX(-20%);
	}
	
}


@media only screen and (max-width: 560px) {
	
	.headerMain__copy {
		top: 0%;
		right: 23%;
		transform: translateY(-130%) translateX(-20%);
		-webkit-transform: translateY(-130%) translateX(-20%);
	}
	
	.headerMain__copy__text {
		font-size: 0.9rem;
		line-height: 34px;
	}
	
	.headerMain__logo {
		top: 0%;
		right: 5%;
		transform: translateY(-140%) translateX(0%);
		-webkit-transform: translateY(-140%) translateX(0%);
	}
	
	.headerMain__logo img {
    	width: 100px;
	}	
	
}

@media only screen and (max-width: 480px) {
	
	.headerMain__copy {
		right: 4%;
		transform: translateY(-115%) translateX(-10%);
		-webkit-transform: translateY(-115%) translateX(-10%);
	}
	
	.headerMain__copy__text {
		font-size: 0.75rem;
		line-height: 24px;
	}
	
	.headerMain__copy__text--pc {
		display: none;	
	}
	
	.headerMain__copy__text--sp {
		display: block;	
	}
	
	.headerMain__logo {
		top: 0%;
		right: 5%;
		transform: translateY(-285%) translateX(-10%);
		-webkit-transform: translateY(-285%) translateX(-10%);
	}
	
	.headerMain__logo img {
    	width: 60px;
	}
	
	.movieArea {
		
	}
	
	.movieArea video {
		/*
		height: 300px;
    	object-fit: unset;
		*/
	}
	
	.movieArea video source {
		
	}
		
	_::-webkit-full-page-media, _:future, :root .headerMain__copy {
		transform: translateY(-112%) translateX(-40%);
		-webkit-transform: translateY(-112%) translateX(-40%);
		-webkit-transform: translate3d(-40%, -112%, 0);
		right: 15%;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		::i-block-chrome, .headerMain__copy {
			transform: translateY(-112%) translateX(-40%);
			-webkit-transform: translateY(-112%) translateX(-40%);
			-webkit-transform: translate3d(-40%, -112%, 0);
		}
	}
	
}

@media only screen and (max-width: 380px) {
	
	.headerMain__copy {
		transform: translateY(-112%) translateX(-10%);
		-webkit-transform: translateY(-112%) translateX(-10%);
		top:5%;
	}
	
	.headerMain__copy__text {
		font-size: 0.7rem;
		line-height: 24px;
	}
	
	.headerMain__logo {
		top: 8%;
		right: 5%;
		transform: translateY(-260%) translateX(-100%);
		-webkit-transform: translateY(-260%) translateX(-10%);
	}
	
	.headerMain__logo img {
    	width: 60px;
	}
	
	.movieArea video {
		/*
		height: 310px;
    	object-fit: unset;
		*/
	}	
	
	_::-webkit-full-page-media, _:future, :root .headerMain__copy {
		transform: translateY(-110%) translateX(-38%);
		-webkit-transform: translateY(-110%) translateX(-38%);
		-webkit-transform: translate3d(-38%, -110%, 0);
		right: 18%;
		top:5%;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		::i-block-chrome, .headerMain__copy {
			transform: translateY(-112%) translateX(-40%);
			-webkit-transform: translateY(-112%) translateX(-40%);
			-webkit-transform: translate3d(-40%, -112%, 0);
		}
	}
	
}


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

	.headerMain__logo {
		top: 7%;
		right: 5%;
		transform: translateY(-250%) translateX(-10%);
		-webkit-transform: translateY(-250%) translateX(-10%);
	}
	
	.headerMain__logo img {
    	width: 55px;
	}
	
	.headerMain__copy {
		transform: translateY(-108%) translateX(-10%);
		-webkit-transform: translateY(-108%) translateX(-10%);
		top: 6%;
	}
	
	.headerMain__copy__text {
		font-size: 0.6rem;
		font-size: 10px;
		line-height: 22px;
	}

	_::-webkit-full-page-media, _:future, :root .headerMain__copy {
		transform: translateY(-110%) translateX(-38%);
		-webkit-transform: translateY(-110%) translateX(-38%);
		-webkit-transform: translate3d(-38%, -110%, 0);
		right: 20%;
		top:6%;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		::i-block-chrome, .headerMain__copy {
			transform: translateY(-112%) translateX(-40%);
			-webkit-transform: translateY(-112%) translateX(-40%);
			-webkit-transform: translate3d(-40%, -112%, 0);
		}
	}

}


/* メイン領域 */

.specialMainMenu {
    width: 100%;
    position: relative;
	padding: 0 0 40px;
	background: #F2F2F2;
	/*
	background-image: url(../img/background_bg.png);
	*/
    background-size: cover;
    background-repeat: no-repeat;
}

.specialMainMenu__ {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
}

.specialMainMenu__title {
    text-align: center;
    padding: 20px 0 60px;
    color: #784343;
    font-size: 2rem;
}

.specialMainMenu__inner {

}

.specialMenuList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: stretch;
}

.specialMenuList:after {
	content:"";
	display: block;
	width: calc((100% / 3) - 30px);
}

.specialMenuList__item {
    width: calc((100% / 3) - 30px);
    padding: 0 0 50px;
	overflow: hidden;
}

.specialMenuList__item__ {
    overflow: hidden;
}

.specialMenuList__item__img {
	
}

.specialMenuList__item__img source {
    width: 100%;
	transition:1s all;
}

.specialMenuList__item__img source:hover {
    transform:scale(1.2,1.2);
  	transition:1s all;
}

.specialMenuList__item__img img {
    width: 100%;
	transition:1s all;
    height: 260px;
    object-fit: cover;
}

.specialMenuList__item__img img:hover {
    transform:scale(1.2,1.2);
  	transition:1s all;
}

.specialMenuList__item__title {
    padding: 25px 0 20px;
    text-align: center;
    font-size: 1.0rem;
    font-weight: 700;
    position: relative;
}

.specialMenuList__item__title hr {
    border-top: 1px solid #333;
    margin: 0.5em auto;
    width: 80px;
}

.specialMenuList__item__price {
    text-align: center;
    font-size: 30px;
    padding: 10px 0 20px;
}

.specialMenuList__item__des {
    font-size: 1rem;
    line-height: 28px;
    height: 140px;
    padding: 10px 0 0;
}

.specialMenuList__item__des--sp {
		
}

.specialMenuList__item__btn {
    text-align: center;
    padding: 20px 0 0;
}

.specialMenuList__item__btn a {
	display: block;
    text-decoration: none;
    border: 1px solid #784343;
    padding: 15px 0;
    color: #784343;
    font-size: 20px;
    font-weight: 700;
	position: relative;
}

.specialMenuList__item__btn a:after {
	vertical-align: middle;
    content: '\f105';
    font-family: FontAwesome;
    font-size: 20px;
	font-weight: normal;
    color: #9D7508;
    position: absolute;
    right: 25px;
    top: 15px;
}


/*===モーダル表示のためのcss　*/

.hide-area{/*モーダル表示をする場所をあらかじめ隠す*/
	display: none;
}

.modaal-fullscreen .modaal-content-container{/*full画面の色設定*/
	background: #333;
	color: #fff;
	text-align: center;
}

.modaal-fullscreen .modaal-close{/*ボタンの色、位置*/
	background:none;
	right:20px;
}

/*クローズボタンの×の色変更*/
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

/*キャプション*/
.caption{
    display: block;
    padding: 10px 0;
}

/*===　サムネイル表示のためのcss　*/

.gallery{/*ベースになるギャラリーを横並びに*/
  	display: flex;
    justify-content: space-between;
}

.modaal-content-container p {
	padding: 0 30px 50px;	
}

.modaal-fullscreen .modaal-close {
    background: #afb7bc;
    right: 30px !important;
    top: 10px;
}

/*画像の横幅を100%にしてレスポンシブ化*/

.modaal-content-container img{
	max-width:100%;
	height:auto;
	vertical-align: bottom;/*画像の下にできる余白を削除*/
}


@media only screen and (max-width: 1250px) {
	
	.specialMainMenu__ {
		width: 100%;
		padding: 50px 0px;
	}
	
}

@media only screen and (max-width: 1200px) {
	
	.specialMainMenu__inner {
    	padding: 0 20px;
	}
	
	.specialMenuList__item {
		width: calc((100% / 2) - 30px);
		padding: 0 0 50px;
		overflow: hidden;
	}
	
	.specialMenuList__item__des--sp {
		display: block;	
	}	

}

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

	.specialMenuList__item__des {
		font-size: 0.9rem;
		line-height: 24px;
		height: 120px;
		padding: 10px 0 0;
	}

}


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

	.specialMainMenu__title {
		text-align: center;
		padding: 20px 0 60px;
		font-size: 1.4rem;
	}
	
	.specialMenuList__item__title {
		padding: 25px 0 20px;
		text-align: center;
		font-size: 1.0rem;
		font-weight: 700;
		position: relative;
	}
	
	.specialMenuList__item__price {
		text-align: center;
		font-size: 24px;
		padding: 10px 0 10px;
	}

	.specialMenuList__item__des {
		font-size: 0.8rem;
		line-height: 22px;
		height: 130px;
		padding: 10px 0 0;
	}

}

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

	.spBr {
		display: block;	
	}
	
	.specialMainMenu {
		padding: 0 0 0px;
	}
	
	.specialMainMenu__ {
		padding: 20px 0px;
	}

	.specialMainMenu__title {
		text-align: center;
		padding: 0px 0 20px;
		font-size: 1.4rem;
	}
	
	.specialMenuList__item {
		width: 100%;
	}
	
	.specialMenuList__item__title {
		padding: 15px 0 10px;
	}
	
	.specialMenuList__item__des {
		font-size: 0.8rem;
		line-height: 22px;
		height: 95px;
		padding: 10px 0 0;
	}
	
	.specialMenuList__item__des--480 {
		height: 60px;	
	}
	
	.specialMenuList__item__price {
		text-align: center;
		font-size: 1.4rem;
		padding: 0px 0 0px;
	}
	
	.specialMenuList__item__btn a {
		display: block;
		text-decoration: none;
		padding: 15px 0;
		font-size: 1.1rem;
		font-weight: 700;
		position: relative;
	}
	
	.modaal-content-container p {
		padding: 0 0px 30px;	
	}
	
	.modaal-fullscreen .modaal-close {
		right: 15px !important;
	}
	
}


/* こだわり */

.commitmentArea {
	position:relative;
	background: #333;
}

.commitmentArea__ {

}

.commitmentArea__inner {
	display: flex;
    justify-content: space-between;
	color: #fff;
}

.commitmentLeft {
	width: calc( 100% / 2 );
}

.commitmentLeft__img {
	width: 100%;
    object-fit: cover;
    height: 100%;	
}

.commitmentRight {
	width: calc( 100% / 2 );
    display: flex;
	justify-content: space-evenly;
    padding: 150px 0;
}

_::-webkit-full-page-media, _:future, :root .commitmentRight {
	justify-content: flex-end;
}

.commitmentRight__des {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
	line-height: 40px;
    padding: 0 0 0 100px;
    font-size: 1.13rem;
}

_::-webkit-full-page-media, _:future, :root .commitmentRight__des {
	padding: 0 30px 0 0px;
	width: calc((100% / 4) * 3);
}

.commitmentRight__copy {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	font-size: 32px;
    padding: 0 100px 0 0;
}

_::-webkit-full-page-media, _:future, :root .commitmentRight__copy {
	padding: 0 0px 0 0;
	width: calc((100% / 4));
	display: flex;
	align-items: flex-end;
}

@media only screen and (max-width: 1500px) {
	
	.commitmentLeft__img {
		width: 100%;
		object-fit: cover;
		height: 1050px;
	}
	
}

@media only screen and (max-width: 1400px) {
	
	.commitmentLeft__img {
		width: 100%;
		object-fit: cover;
		height: 1050px;
	}
	
	.commitmentRight {
		width: calc( 100% / 2 );
		display: flex;
		justify-content: space-evenly;
		padding: 60px 0;
	}
	
}

@media only screen and (max-width: 1250px) {
	
	.commitmentArea__inner {
		display: block;
	}
		
	.commitmentLeft {
		width: 100%;
	}
	
	.commitmentLeft__img {
		width: 100%;
		object-fit: cover;
		height: 100%;
	}
	
	.commitmentRight {
		display: flex;
		justify-content: center;
		-webkit-justify-content: center;
		padding: 100px 0;
		width: 100%;
	}
	
	_::-webkit-full-page-media, _:future, :root .commitmentRight {
		justify-content: center;
		-webkit-justify-content: center;
		width: 100%;
		height: 900px;
	    align-items: flex-start;
	}
		
	.commitmentRight__des {
		line-height: 36px;
		padding: 0 0 0 0px;
		font-size: 1.0rem;
	}
	
	.commitmentRight__copy {
        font-size: 28px;
    	padding: 0 0px 0 60px;
	}
	
	_::-webkit-full-page-media, _:future, :root .commitmentRight__des {
		width: auto;
	}
	
	_::-webkit-full-page-media, _:future, :root .commitmentRight__copy {
		padding: 0 0px 0 0;
		width: auto;
	}
	
}

@media only screen and (max-width: 1250px) and (max-height: 400px) {
	
	_::-webkit-full-page-media, _:future, :root .commitmentRight {
		width: calc(100% / 2);
	}
	
}

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

	.commitmentRight__des {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		text-orientation: upright;
		line-height: 34px;
		padding: 0 0 0 0px;
		font-size: 1rem;
	}
	
	.commitmentRight__copy {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-size: 24px;
		padding: 0 0px 0 40px;
	}

}

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

	.commitmentRight {
		padding: 40px 0;
	}
	
	_::-webkit-full-page-media, _:future, :root .commitmentRight {
		justify-content: center;
		-webkit-justify-content: center;
		width: 100%;
		height: 780px;
		align-items: flex-start;
		padding: 60px 0 20px;
	}

	.commitmentRight__des {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		text-orientation: upright;
		line-height: 34px;
		padding: 0 0 0 0px;
		font-size: 1rem;
	}
	
	.commitmentRight__copy {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-size: 22px;
		padding: 0 0px 0 30px;
	}
	
	_::-webkit-full-page-media, _:future, :root .commitmentRight__des {
		width: auto;
	}

	_::-webkit-full-page-media, _:future, :root .commitmentRight__copy {
		width: auto;
	}
	
}

@media only screen and (max-width: 380px) {
	
	.commitmentRight {

	}
	
	_::-webkit-full-page-media, _:future, :root .commitmentRight {
		justify-content: center;
		-webkit-justify-content: center;
		width: 100%;
		height: 760px;
		align-items: flex-start;
		padding: 60px 0 20px;
	}


	.commitmentRight__des {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		text-orientation: upright;
		line-height: 30px;
		padding: 0 0 10px 10px;
		font-size: 0.85rem;
		white-space: nowrap;
	}
	
	.commitmentRight__copy {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-size: 20px;
		padding: 0 10px 10px 20px;
	}
	
}


/* 料理について */

.cookingArea {
	position:relative;
	background: #333;
}

.cookingArea__ {

}

.cookingArea__inner {
	display: flex;
    justify-content: space-between;
	flex-direction: row-reverse;
	color: #fff;
}

.cookingLeft {
	width: calc( 100% / 2 );
}

.cookingLeft__img {
	width: 100%;
    object-fit: cover;
    height: 100%;	
}

.cookingRight {
	width: calc( 100% / 2 );
    display: flex;
	justify-content: space-evenly;
    padding: 150px 0;
}

.cookingRight__des {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
	line-height: 40px;
    padding: 0 0 0 100px;
    font-size: 1.13rem;
}

_::-webkit-full-page-media, _:future, :root .cookingRight__des {
	padding: 0 0px 0 0px;
}

.cookingRight__copy {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	font-size: 32px;
    padding: 0 100px 0 0;
}

_::-webkit-full-page-media, _:future, :root .cookingRight__copy {
	padding: 0 150px 0 0;
}


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

	.cookingLeft__img {
		width: 100%;
		object-fit: cover;
		height: 1050px;
	}

}

@media only screen and (max-width: 1250px) {
	
	.cookingArea__inner {
		display: block;
		flex-direction: row;
	}
		
	.cookingRight {
		width: 100%;
		justify-content: center;
		-webkit-justify-content: center;
	    padding: 100px 0;
	}
	
	.cookingRight__des {
		line-height: 36px;
		padding: 0 0 0 0px;
		font-size: 1rem;
	}
	
	.cookingLeft {
		width: 100%;
	}
	
	.cookingLeft__img {
		width: 100%;
		object-fit: cover;
		height: 100%;
	}
	
	.cookingRight__copy {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-size: 24px;
		padding: 0 0px 0 60px;
	}
	
	_::-webkit-full-page-media, _:future, :root .cookingRight {
		width: 100%;
		justify-content: center;
		-webkit-justify-content: center;
		align-items: flex-start;
		padding: 100px 0;
		height: 700px;
	}
	
	_::-webkit-full-page-media, _:future, :root .cookingRight__copy {
		padding: 0 0px 0 50px;
	}
	
}

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

	.cookingRight__des {
		line-height: 34px;
		padding: 0 0 0 0px;
		font-size: 1rem;
	}
	
	.cookingRight__copy {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-size: 24px;
		padding: 0 0px 0 60px;
	}

}

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

	.cookingRight {
		display: flex;
		justify-content: center;
		padding: 40px 0;
	}
	
	_::-webkit-full-page-media, _:future, :root .cookingRight {
		width: 100%;
		justify-content: center;
		-webkit-justify-content: center;
		align-items: normal;
		padding: 60px 0 20px;
		height: 650px;
	}

}

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

	.cookingRight__des {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		text-orientation: upright;
		line-height: 30px;
		padding: 0 0 0 0px;
		font-size: 0.85rem;
	}
	
	.cookingRight__copy {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-size: 20px;
		padding: 0 0px 0 30px;
	}
	
	_::-webkit-full-page-media, _:future, :root .cookingRight {
		width: 100%;
		justify-content: center;
		-webkit-justify-content: center;
		align-items: normal;
		padding: 60px 0 10px;
		height: 600px;
	}

}


/* シェフの紹介 */

.chefName {
	
}

.chefName__title {
	text-align: center;
    padding: 90px 0 80px;
    color: #784343;
    font-size: 2rem;
	background: #FFF;
}

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

.chefInfoArea__ {
	display: flex;	
	flex-direction: row-reverse;
}

.chefInfoArea--next .chefInfoArea__ {
	display: flex;	
    flex-direction: row;
}

.chefInfoArea__left {
	width: calc( 100% / 2);
	text-align: center;
	background: #333;
    display: grid;
    align-items: center;
    color: #fff;
	color: #000;
    background: url(../img/background.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 250px 0;
}

.chefInfoArea__left__name {
    font-size: 32px;
    font-weight: 700;
    padding: 80px 0 40px;
}

.chefInfoArea--next .chefInfoArea__left__name {
    padding: 100px 0 40px;
}

.chefInfoArea__left__des {
    display: inline-block;
    text-align: left;
    margin: 0 auto;
}

.chefInfoArea__left__historyTitle {
    padding: 60px 0 0;
    font-weight: 700;
	font-size: 20px;
}

.chefInfoArea--next .chefInfoArea__left__historyTitle {
    padding: 80px 0 0;
}

.chefInfoArea__left__history {
    display: inline-block;
    text-align: left;
    margin: 0 auto;
    padding: 0 0 100px;
}

.chefInfoArea--next .chefInfoArea__left__history {
    padding: 0 0 80px;
}

.chefInfoArea__right {
	width: calc( 100% / 2);
	text-align: center;
	background: #000;
}

.chefInfoArea__right img {
	width: 100%;	
	padding: 20px 20px;
	transform: scale(-1, 1);
}

@media only screen and (max-width: 1800px) {
	
	.chefInfoArea__left {
		padding: 200px 0;
	}
	
}

@media only screen and (max-width: 1700px) {
	
	.chefInfoArea__left {
		padding: 150px 0;
	}
	
}

@media only screen and (max-width: 1600px) {
	
	.chefInfoArea__left {
		padding: 100px 0;
	}
	
}

@media only screen and (max-width: 1500px) {
	
	.chefInfoArea__left {
		padding: 50px 0;
	}
	
}

@media only screen and (max-width: 1200px) {
	
	.chefInfoArea__right img {
		width: 100%;	
	}
	
	.chefInfoArea__left {
		padding: 0px 0;
	}
	
}

@media only screen and (max-width: 768px) {
	
	.chefInfoArea__ {
		display: grid;
	}
	
	.chefInfoArea--next .chefInfoArea__ {
		display: grid;
	}
	
	.chefName__title {
		padding: 60px 0 50px;
	}
	
	.chefInfoArea__left {
		text-align: center;
		display: grid;
		align-items: center;
		width: 100%;
		order: 2;
	    background-position: center;
	}
	
	.chefInfoArea__left__name {
		font-size: 32px;
		font-weight: 700;
		padding: 100px 0 40px;
	}
	
	.chefInfoArea__left__historyTitle {
		padding: 40px 0 20px;
	}
	
	.chefInfoArea--next .chefInfoArea__left__historyTitle {
    	padding: 40px 0 20px;
	}
	
	.chefInfoArea__right {
		text-align: center;
		background: #000;
		width: 100%;
		order: 1;
	}
	
}

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

	.chefName__title {
		text-align: center;
		padding: 20px 0 20px;
		font-size: 1.4rem;
	}
	
	.chefInfoArea__left__name {
		font-size: 24px;
		font-weight: 700;
		padding: 50px 0 30px;
	}
	
	.chefInfoArea__left__history {
		display: inline-block;
		text-align: left;
		margin: 0 auto;
		padding: 0 0 40px;
	}
	
	.chefInfoArea__left__historyTitle {
		padding: 30px 0 20px;
	}
		
	.chefInfoArea--next .chefInfoArea__left__name {
		padding: 50px 0 30px;
	}
	
	.chefInfoArea--next .chefInfoArea__left__historyTitle {
		padding: 30px 0 20px;
	}
	
	.chefInfoArea--next .chefInfoArea__left__history {
		padding: 0 0 40px;
	}

}



/* フッター */

.footerMain {
	position: relative;
	color: #fff;
}

.footerMain__ {
	background: #333;
	width: 100%;
	padding: 100px 0;
}

.footerMain__inner {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;
}

.footerMain__inner__logo {
    width: calc(100% / 2);
}

.footerMain__inner__logo img {
    width: 250px;
}

.footerMain__inner__info {
    width: calc(100% / 2);
}

.footerInfoTitle {
    font-size: 22px;
    font-weight: 700;
    padding: 0 0 20px;
}

.footerInfoDetail {
    text-align: center;
}

.footerInfoDetail__text {
	display: inline-block;
    text-align: left;
}

.footerInfoDetail__text__address {

}

.footerInfoDetail__text__tel {

}

.footerInfoDetail__text__tel a {
    color: #fff;
}

.footerInfoDetail__text__businessHours {

}

.footerInfoDetail__rakuten {
    padding: 30px 0 0;
}

.footerInfoDetail__rakuten a {
	color: #fff;	
}

.footerInfoDetail__furusato {
	padding: 20px 0 0;
}

.footerInfoDetail__furusato a {
	color: #fff;	
}

.footerCopyRight {
    padding: 10px 0;
    text-align: center;
    background: #000;
}


@media only screen and (max-width: 1250px) {
	
	.footerMain__inner {
		width: 100%;
	}
	
}

@media only screen and (max-width: 768px) {
	
	.footerMain__inner {
		display: block;
	}
	
	.footerMain__inner__logo {
		width: 100%;
		padding: 0 0 50px;
		text-align: center;
	}
	
	.footerMain__inner__logo img {
		width: 200px;
	}
	
	.footerMain__inner__info {
		width: 100%;
	}
	
}

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

	.footerMain__ {
        padding: 60px 0;
	}

	.footerMain__inner__logo img {
    	width: 150px;
	}

	.footerCopyRight__text {
		font-size: 0.9rem;	
	}

}



/* アニメーション関係 */

.fadeUp{
	animation-name:fadeUpAnime;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
	opacity:0;
}

@keyframes fadeUpAnime{
	from {
		opacity: 0;
		transform: translateY(100px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
  	}
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger{
    opacity: 0;
}


/* mac chrome用 */

.mac.chrome .chefInfoArea__left__name {
    font-size: 38px;
    font-weight: 700;
}

.mac.chrome .chefInfoArea__left__des {
	font-size: 20px;
}

.mac.chrome .chefInfoArea__left__historyTitle {
    font-weight: 700;
    font-size: 28px;
}

.mac.chrome .chefInfoArea__left__history {
	font-size: 20px;	
}

.mac.chrome .chefInfoArea__left__name {
    font-size: 38px;
    font-weight: 700;
}

.mac.chrome .chefInfoArea__left__des {
	font-size: 20px;
}

.mac.chrome .chefInfoArea--next .chefInfoArea__left__historyTitle {
	font-size: 28px;	
}

.mac.chrome .chefInfoArea--next .chefInfoArea__left__history {
	font-size: 20px;	
}

.mac.chrome .headerMain__copy {
    position: absolute;
    top: 0%;
    right: 15%;
    transform: translateY(-330%) translateX(-60%);
    -webkit-transform: translateY(-330%) translateX(-60%);
}

_::-webkit-full-page-media, _:future, :root .headerMain__copy {
	position: absolute;
    top: 0%;
    right: 30%;
    transform: translateY(-330%) translateX(-20%);
    -webkit-transform: translateY(-330%) translateX(-20%);
}

.mac.chrome .headerMain__logo {
    position: absolute;
    top: 0%;
    right: 3%;
    transform: translateY(-380%) translateX(0%);
    -webkit-transform: translateY(-380%) translateX(0%);
}

_::-webkit-full-page-media, _:future, :root .headerMain__logo {
	position: absolute;
    top: 0%;
    right: 3%;
    transform: translateY(-380%) translateX(0%);
    -webkit-transform: translateY(-380%) translateX(0%);
}

@media only screen and (max-width: 1800px) {
	
	.mac.chrome .headerMain__copy {
		position: absolute;
		top: 0%;
		right: 5%;
		transform: translateY(-290%) translateX(-60%);
		-webkit-transform: translateY(-290%) translateX(-60%);
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__copy {
		position: absolute;
		top: 0%;
		right: 30%;
		transform: translateY(-290%) translateX(-20%);
		-webkit-transform: translateY(-290%) translateX(-20%);
	}
	
	.mac.chrome .headerMain__logo {
		position: absolute;
		top: 0%;
		right: 3%;
		transform: translateY(-340%) translateX(0%);
		-webkit-transform: translateY(-340%) translateX(0%);
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__logo {
		position: absolute;
		top: 0%;
		right: 3%;
		transform: translateY(-340%) translateX(0%);
		-webkit-transform: translateY(-340%) translateX(0%);
	}
	
}

@media only screen and (max-width: 1600px) {
	
	.mac.chrome .headerMain__copy {
		position: absolute;
		top: 0%;
		right: 15%;
		transform: translateY(-260%) translateX(-60%);
		-webkit-transform: translateY(-260%) translateX(-60%);
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__copy {
		position: absolute;
		top: 0%;
		right: 30%;
		transform: translateY(-260%) translateX(-20%);
		-webkit-transform: translateY(-260%) translateX(-20%);
	}
	
	.mac.chrome .headerMain__logo {
		position: absolute;
		top: 0%;
		right: 3%;
		transform: translateY(-300%) translateX(0%);
		-webkit-transform: translateY(-300%) translateX(0%);
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__logo {
		position: absolute;
		top: 0%;
		right: 3%;
		transform: translateY(-300%) translateX(0%);
		-webkit-transform: translateY(-300%) translateX(0%);
	}
	
}

@media only screen and (max-width: 1500px) {
	
	.mac.chrome .headerMain__copy {
		position: absolute;
		top: 0%;
		right: 15%;
		transform: translateY(-280%) translateX(-60%);
		-webkit-transform: translateY(-280%) translateX(-60%);
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__copy {
		position: absolute;
		top: 0%;
		right: 30%;
		transform: translateY(-280%) translateX(-20%);
		-webkit-transform: translateY(-280%) translateX(-20%);
	}
	
	.mac.chrome .headerMain__logo {
		position: absolute;
		top: 0%;
		right: 3%;
		transform: translateY(-280%) translateX(0%);
		-webkit-transform: translateY(-280%) translateX(0%);
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__logo {
		position: absolute;
		top: 0%;
		right: 3%;
		transform: translateY(-280%) translateX(0%);
		-webkit-transform: translateY(-280%) translateX(0%);
	}
	
}

@media only screen and (max-width: 1300px) {
	
	.mac.chrome .headerMain__copy {
		position: absolute;
		top: 0%;
		right: 15%;
		transform: translateY(-280%) translateX(-60%);
		-webkit-transform: translateY(-280%) translateX(-60%);
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__copy {
		position: absolute;
		top: 0%;
		right: 30%;
		transform: translateY(-280%) translateX(-20%);
		-webkit-transform: translateY(-280%) translateX(-20%);
	}
	
	.mac.chrome .headerMain__logo {
		position: absolute;
		top: 0%;
		right: 3%;
		transform: translateY(-250%) translateX(0%);
		-webkit-transform: translateY(-250%) translateX(0%);
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__logo {
		position: absolute;
		top: 0%;
		right: 3%;
		transform: translateY(-250%) translateX(0%);
		-webkit-transform: translateY(-250%) translateX(0%);
	}
	
}

@media only screen and (max-width: 1200px) {
	
	.mac.chrome .headerMain__copy {
		position: absolute;
		top: 0%;
		right: 15%;
		transform: translateY(-260%) translateX(-60%);
		-webkit-transform: translateY(-260%) translateX(-60%);
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__copy {
		position: absolute;
		top: 0%;
		right: 30%;
		transform: translateY(-260%) translateX(-20%);
		-webkit-transform: translateY(-260%) translateX(-20%);
	}
	
	.mac.chrome .headerMain__logo {
		position: absolute;
		top: 0%;
		right: 3%;
		transform: translateY(-230%) translateX(0%);
		-webkit-transform: translateY(-230%) translateX(0%);
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__logo {
		position: absolute;
		top: 0%;
		right: 3%;
		transform: translateY(-230%) translateX(0%);
		-webkit-transform: translateY(-230%) translateX(0%);
	}
	
}

@media only screen and (max-width: 1100px) {
	
	.mac.chrome .headerMain__copy {
		position: absolute;
		top: 0%;
		right: 15%;
		transform: translateY(-230%) translateX(-60%);
		-webkit-transform: translateY(-230%) translateX(-60%);
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__copy {
		position: absolute;
		top: 0%;
		right: 30%;
		transform: translateY(-230%) translateX(-20%);
		-webkit-transform: translateY(-230%) translateX(-20%);
	}
	
	.mac.chrome .headerMain__logo {
		position: absolute;
		top: 0%;
		right: 3%;
		transform: translateY(-200%) translateX(0%);
		-webkit-transform: translateY(-200%) translateX(0%);
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__logo {
		position: absolute;
		top: 0%;
		right: 3%;
		transform: translateY(-200%) translateX(0%);
		-webkit-transform: translateY(-200%) translateX(0%);
	}
	
}

@media only screen and (max-width: 1000px) {
	
	.mac.chrome .headerMain__copy {
		position: absolute;
		top: 0%;
		right: 15%;
		transform: translateY(-210%) translateX(-60%);
		-webkit-transform: translateY(-210%) translateX(-60%);
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__copy {
		position: absolute;
		top: 0%;
		right: 35%;
		transform: translateY(-200%) translateX(-20%);
		-webkit-transform: translateY(-200%) translateX(-20%);
	}
	
	.mac.chrome .headerMain__logo {
		position: absolute;
		top: 0%;
		right: 3%;
		transform: translateY(-200%) translateX(0%);
		-webkit-transform: translateY(-200%) translateX(0%);
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__logo {
		position: absolute;
		top: 0%;
		right: 3%;
		transform: translateY(-200%) translateX(0%);
		-webkit-transform: translateY(-200%) translateX(0%);
	}
	
}

@media only screen and (max-width: 768px) {
	
	.mac.chrome .headerMain__copy {
		position: absolute;
		top: 0%;
		right: 15%;
		transform: translateY(-200%) translateX(-60%);
		-webkit-transform: translateY(-200%) translateX(-60%);
	}
	
}

@media only screen and (max-width: 480px) {
		
	.iphone.chrome .wrapper {
    	overflow: hidden;
	}
	
	.mac.chrome .headerMain__copy {
		right: 4%;
		transform: translateY(-115%) translateX(-10%);
		-webkit-transform: translateY(-115%) translateX(-10%);
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__copy {
		transform: translateY(-112%) translateX(-40%);
		-webkit-transform: translateY(-112%) translateX(-40%);
		-webkit-transform: translate3d(-40%, -112%, 0);
		right: 15%;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		::i-block-chrome, .headerMain__copy {
			transform: translateY(-112%) translateX(-40%);
			-webkit-transform: translateY(-112%) translateX(-40%);
			-webkit-transform: translate3d(-40%, -112%, 0);
		}
	}
	
	.mac.chrome .headerMain__logo {
		top: 0%;
		right: 5%;
		transform: translateY(-285%) translateX(-10%);
		-webkit-transform: translateY(-285%) translateX(-10%);
	}
	
	.android.chrome .headerMain__logo {
		top: 0%;
		right: 5%;
		transform: translateY(-275%) translateX(-10%);
		-webkit-transform: translateY(-275%) translateX(-10%);
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__logo {
		top: 0%;
		right: 5%;
		transform: translateY(-285%) translateX(-10%);
		-webkit-transform: translateY(-285%) translateX(-10%);
	}
	
	.mac.chrome .chefInfoArea__left__name {
		font-size: 24px;
		font-weight: 700;
	}
		
	.mac.chrome .chefInfoArea__left__des {
		font-size: 16px;
	}
	
	.mac.chrome .chefInfoArea__left__historyTitle {
		font-size: 20px;
	}

	.mac.chrome .chefInfoArea__left__history {
		font-size: 16px;	
	}

	.mac.chrome .chefInfoArea--next .chefInfoArea__left__historyTitle {
		font-size: 20px;	
	}
	
	.mac.chrome .chefInfoArea--next .chefInfoArea__left__history {
		font-size: 16px;	
	}
	
}

@media only screen and (max-width: 380px) {
	
	.mac.chrome .headerMain__copy {
		transform: translateY(-112%) translateX(-10%);
		-webkit-transform: translateY(-112%) translateX(-10%);
		top:5%;
	}
	
	.mac.chrome .headerMain__logo {
		top: 8%;
		right: 5%;
		transform: translateY(-260%) translateX(-10%);
		-webkit-transform: translateY(-260%) translateX(-10%);
	}
	
	.android.chrome .headerMain__logo {
		top: 8%;
		right: 5%;
		transform: translateY(-255%) translateX(-100%);
		-webkit-transform: translateY(-255%) translateX(-10%);
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__logo {
		top: 8%;
		right: 5%;
		transform: translateY(-265%) translateX(-100%);
		-webkit-transform: translateY(-265%) translateX(-10%);
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__copy {
		transform: translateY(-110%) translateX(-38%);
		-webkit-transform: translateY(-110%) translateX(-38%);
		-webkit-transform: translate3d(-38%, -110%, 0);
		right: 18%;
		top:5%;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		::i-block-chrome, .headerMain__copy {
			transform: translateY(-110%) translateX(-40%);
			-webkit-transform: translateY(-110%) translateX(-40%);
			-webkit-transform: translate3d(-40%, -110%, 0);
		}
	}	
	
}

@media only screen and (max-width: 370px) {
	
	.mac.chrome .headerMain__logo {
		top: 7%;
		right: 5%;
		transform: translateY(-250%) translateX(-10%);
		-webkit-transform: translateY(-250%) translateX(-10%);
	}
	
	.ipod.chrome .headerMain__logo {
		top: 7%;
		right: 5%;
		transform: translateY(-260%) translateX(-10%);
		-webkit-transform: translateY(-260%) translateX(-10%);
	}
	
	.iphone.chrome .headerMain__logo {
		top: 7%;
		right: 5%;
		transform: translateY(-260%) translateX(-10%);
		-webkit-transform: translateY(-260%) translateX(-10%);
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__logo {
		top: 7%;
		right: 5%;
		transform: translateY(-265%) translateX(-10%);
		-webkit-transform: translateY(-265%) translateX(-10%);		
	}
	
	.mac.chrome .headerMain__copy {
		transform: translateY(-108%) translateX(-10%);
		-webkit-transform: translateY(-108%) translateX(-10%);
		top: 6%;
	}
	
	_::-webkit-full-page-media, _:future, :root .headerMain__copy {
		transform: translateY(-110%) translateX(-38%);
		-webkit-transform: translateY(-110%) translateX(-38%);
		-webkit-transform: translate3d(-38%, -110%, 0);
		right: 20%;
		top:6%;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		::i-block-chrome, .headerMain__copy {
			transform: translateY(-110%) translateX(-40%);
			-webkit-transform: translateY(-110%) translateX(-40%);
			-webkit-transform: translate3d(-40%, -110%, 0);
		}
	}
	
}