@charset "utf-8";
/* CSS Document */
html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}
body {
    font-family: "Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    font-weight: 400;
    font-size: 2rem;
	line-height: 1.7;
    color: #000;
	position: relative;
}
a {
    text-decoration: none;
	display: block;
	color: #FFFFFF;
	transition: 0.1s ease-in-out;
}
#wrapper{
	overflow-x: hidden;
	position: relative;
}
header{
	position: relative;
}
article#henreihin {
	padding-top: 15rem;
}
section {
	max-width:120rem;
	margin: 15rem auto 0;
}
#header_nav {
	position: absolute;
	top: -10rem;
	background-image: url("../images/background.jpg");
	background-repeat: repeat;
	height: 8rem;
	width: 100%;
	z-index: 99;
}
#header_nav.fixed {
  position: fixed;
  top: 0;
  left: 0;
}
.header_nav_inner {
	max-width: 120rem;
	height: 8rem;
	margin: 0 auto;
	font-family: a-otf-ryumin-pr6n, serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header_logo {
	font-size: 3.3rem;
	line-height: 8rem;
}
.site_nav ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.site_nav li {
	margin-right: 2rem;
}
.site_nav li a {
	border:1px solid #FFF;
	font-size: 1.8rem;
	padding: 0.5rem 4rem;
}
.site_nav li a:hover {
	background:rgba(255,255,255,0.1);
}
.header_obi {
	background-image: url("../images/background.jpg");
	background-repeat: repeat;
	width: 100%;
    height: 3.8rem;
}
.fv {
	position: relative;
	width: 100%;
	height: 72vh;
	background-image: url("../images/2022-01-20_20h22_16.png");
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}
/*.fv:before { 
	content: "";
	background-image: url("../images/background.jpg");
	background-repeat: repeat;
	background-position: top;
	position: absolute;
    height: 3.8rem;
    width: 100%;
	z-index: 1;
}*/
.fv:after { 
	content: "";
	background:rgba(35,24,21,0.5);
	position: absolute;
    height: 100%;
    width: 100%;
	z-index: 0;
	top: 0;
}
.fv_inner {
	position: relative;
	max-width: 120rem;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	z-index: 2;
}
/*.fv_inner:before { 
	content: "";
	display: block;
	padding-top: 48.73%;
}*/
.fv_nav {
	position: absolute;
	right: 0;
	top: 10%;
}
.fv_nav ul {
	display: flex;
}
.fv_nav li {
	line-height:2.5;
	writing-mode: vertical-rl;
}
.fv_nav li a {
	font-size: 2.5rem;
	position: relative;
	padding-top: 2.5rem;
	font-family: a-otf-ryumin-pr6n, serif;
	font-weight: 300;
	font-style: normal;
}
.fv_nav li a:hover {
	color: #800000;
}
.fv_nav li a:before {
	content: "";
	width: 1.6rem;
	height: 1.6rem;
	background: #800000;
	transform: rotate(45deg) translateX(-50%);
	position: absolute;
	top: 0;
	left: 50%;
}
.fv_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 35.5rem;
}
.fv_img {
	position: absolute;
    width: 100%;
    left: 50%;
    max-width: 120rem;
    transform: translateX(-50%);
    bottom: 20%;
	z-index: 3;
}
.fv_img img:nth-child(1) {
	position: absolute;
	left: -16.5rem;
	bottom: -22rem;
    width: 38.1rem;
	/*width:25.5%;*/
}
.fv_img img:nth-child(2) {
	position: absolute;
	right: -24rem;
	bottom: -28rem;
    width: 46.5rem;
	/*width:30.47%;*/
}
.fv iframe{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 177.77777778vh;
    width: 100%;
    height: 56.25vw;
    min-height: 100%;
    min-width: 100%;
}
.video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 177.77777778vh;
    height: 56.25vw;
    min-height: 100%;
    min-width: 100%;
}
.arrow_btn li a {
	padding:2rem 0;
	/*padding:2rem 1rem;*/
	/*margin-right:5%;*/
	text-align: center;
	color:#fff;
	box-shadow: 0.4rem 0.4rem #77000c;
	position: relative;
	background:rgba(155,0,3,1);
	font-family: a-otf-ryumin-pr6n, serif;
	font-weight: 300;
	font-style: normal;
	font-size:2rem;
	/*font-size:2.5rem;*/
}
.arrow_btn li a ion-icon{
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size:3rem;
}
header .arrow_btn {
	width: 62.4rem;
	margin: 5rem auto 0;
	z-index: 4;
    position: relative;
}
/*header .arrow_btn li a:after{
	content: '\f125';
	font-family: ionicons;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%);
	font-size:3rem;
	/*content:url("../images/arrow_bottom.svg");
	width: 1.4rem;
	position: absolute;
	left: 50%;
	top: 40%;
}*/
.arrow_btn li a:hover{
	transform: translate(0.4rem,0.4rem);
	box-shadow: none;
}
/*.arrow_btn li a:after{
	content: '\f125';
	font-family: ionicons;
	position: absolute;
	font-size: 3rem;
    right: 2rem;
	top: 50%;
    transform: translateY(-50%);
}*/
/*.arrow_btn li a:after{
	content:url("../images/arrow_right.svg");
	position: absolute;
	width: 0.9rem;
	top: 1.8rem;
	right: 2rem;
}*/
header .arrow_btn li a {
	padding:2rem 0 4rem;
	font-size:3.3rem;
	line-height: 1.2;
}
header .arrow_btn li a ion-icon {
	position: absolute;
	right: auto;
	top: 60%;
	left: 50%;
	transform: translate(-50%);
	font-size:3rem;
}
.arrow_btn li a ion-icon{
	position: absolute;
	right: 10px;
	/*right: 20px;*/
	top: 50%;
	transform: translateY(-50%);
	font-size:2.2rem;
	/*font-size:3rem;*/
}
#history .sub_ttl {
	margin-bottom:4rem;
	text-align: center;
	font-family: adobe-garamond-pro,serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2.8rem;
	line-height: 1;
}
#history h2 {
	margin: 0 auto 4rem;
}
#history .contents:nth-child(1) h2 {
	max-width: 63.6rem;
}
#history .contents:nth-child(2) h2 {
	max-width: 57.5rem;
}
#history .contents:nth-child(3) h2 {
	max-width: 99.9rem;
}
#history .contents:nth-child(3) h2 img:nth-child(1) {
	display: block;
}	
#history .contents:nth-child(3) h2 img:nth-child(2) {
	display: none;
}
#history .contents:nth-child(4) h2 {
	max-width: 70.5rem;
}
#history h3 {
    margin: 0 auto;
	font-size: 1.8rem;
	max-width: 120rem;
    width: 100%;
	text-align: justify;
}
#history .contents:nth-child(3) h3 {
	 width: 90%;
}
#history .contents:first-child h3 {
	font-family: a-otf-ryumin-pr6n, serif;
	font-weight: 300;
	font-style: normal;
	text-align: center;
	font-size: 3.8rem;
	line-height: 1;
}
#history .sub_ttl2 {
	font-size: 3.1rem;
    margin-bottom: 1rem;
	text-align: center;
	font-family: adobe-garamond-pro,serif;
	font-weight: 400;
	font-style: normal;
}
#history img{
	margin-top: 6rem;
}

#history figure {
	margin-top: 10rem;
	position: relative;
}
#history figure:before {
	content: "";
	display: block;
	padding-top: 43%;
}
#history figure img {
	width: 63%;
	position: absolute;
	right: 0;
	top: 0;
}
#history figcaption {
	width: 43%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #dbd4c0;
    padding: 4rem;
	text-align: justify;
}
#history figure.new_stage:before {
	padding-top: 50%;
}
#history figure.new_stage img:nth-child(1) {
	left: 0;
}
#history figure.new_stage img:nth-child(2) {
	left: auto;
	z-index: 1;
	right: -4rem;
	top: -1.5rem;
	width: 50%;
}
#history figure.new_stage figcaption {
	right: 0;
	left: auto;
}
#history table {
	margin-top: 6rem;
	border: solid 1px #b5b5b5;
	width: 100%;
}
#history th {
	background-color: #ebebeb;
  border: solid 1px #b5b5b5;
	padding-left: 3rem;
	width: 30%;
}
#history td {
	background-color: #fbfbfb;
  border: solid 1px #b5b5b5;
	padding: 1rem;
	width: 30%;
}
#history td:nth-child(1) {
	width: 40%;
}
#history td:nth-child(2) {
	width: 40%;
	text-align: right;
}
.youtube {
  width: 80%;
  aspect-ratio: 16 / 9;
	margin: 6rem auto 5rem;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
#henreihin .voice{ 
	margin: 7rem auto 3rem;
	position: relative;
}
#henreihin .h_ttl {
	width: 100%;
	height: 12.6rem;
    line-height: 12.6rem;
	background-image: url("../images/background.jpg");
	background-repeat: repeat;
	position: relative;
}
#henreihin .h_ttl h2 {
	max-width: 120rem;
	width: 100%;
	margin: 0 auto;
	position: relative;
	font-family: a-otf-ryumin-pr6n, serif;
	font-weight: 300;
	font-style: normal;
	font-size: 4.2rem;
	text-align: center;
	color: #FFF;
}
#henreihin .h_ttl h2:before { 
	content: "";
	background-image: url("../images/henreihin.png");
	background-repeat: no-repeat;
	position: absolute;
	left: -10%;
    top: 50%;
	transform: translateY(-50%);
    width: 307px;
	height: 284px;
	background-size: 100%;
	background-position: 0;
}
#henreihin .ttl {
	font-family: copperplate,serif;
	font-weight: 700;
	font-style: normal;
	font-size: 8.5rem;
	color: #dbd4c0;
	line-height: 0.6;
	white-space: nowrap;
}
#henreihin .voice .ttl {
	position: absolute;
	top: 3rem;
}
#henreihin ul { 
	display: flex;
	/*flex-wrap: wrap;*/
	justify-content: space-between;
	margin: 10rem 0 5rem;
}
#henreihin li {
	width: calc((100% - 3rem) / 2);
	position: relative;
}

#henreihin .basashi dl {
	min-height:250px
}
/*#henreihin .voice li:nth-child(1) img {
	position: absolute;
    z-index: 1;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}*/
#henreihin .voice li:nth-child(3) img {
	position: absolute;
    z-index: 1;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#henreihin li:nth-child(2) img { 
	width: 26.5rem;
}
#henreihin li:nth-child(1) img { 
	width: 95%;
}
#henreihin .voice dl {
	margin-left: 2rem;
}
/*#henreihin .voice .arrow_btn  {
	width: 90% !important;
	position: absolute;
	right: 0;
	bottom: 0;
}*/
#henreihin ul.arrow_btn {
	max-width: 110rem!important;
	margin: 0 auto;
	justify-content: center!important;
	gap:2rem;
}
#henreihin ul.arrow_btn li  {
	width: calc((100% - 2rem) / 3);
	/*width: calc((90% - 3rem) / 2);*/
	padding-bottom: 3rem;
}
#henreihin li:nth-child(even) .arrow_btn  {
	left: 0;
	right:auto;
}
#henreihin h3 {
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
	text-align: left;
}
#henreihin .voice dl{
	margin: 3rem 0 0;
}
#henreihin .voice li:nth-child(1) dl{
	margin: 15rem 0 0;
}
#henreihin .patarn1 dl{
	margin: 7rem 0 5rem 2rem;
}
#henreihin .desc{
	margin-bottom: 2rem;
	text-align: justify;
	font-size: 1.8rem;
}
#henreihin .price{ 
	font-size: 4.6rem;
	color: #9a0000;
	font-weight: bold;
	text-align: right;
	line-height: 1;
}
#henreihin .price span{ 
	font-size: 2.4rem;
}
#henreihin img { 
	z-index: 2;
}
#henreihin .patarn1{ 
	margin: 0 calc(50% - 50vw);
    width: 100vw;
    background-color: #dbd4c0;
	padding-bottom: 4rem;
}
#henreihin .patarn1 ul{ 
	max-width: 120rem;
    margin: 0 auto;
}
#henreihin .patarn1 h3{ 
	margin-top: 0;
}
#henreihin .patarn1 li img { 
	width: 100%;
    position: absolute;
}
#henreihin .basashi li img { 
    right: -1.5rem;
	top: -10%;
}
#henreihin .melon_water_melon li img {
    bottom: 10%;
	right: 0;
}
#henreihin .patarn2{ 
	position: relative;
}
#henreihin .patarn2 .ttl{ 
	position: absolute;
	right: 0;
	z-index: 0;
}
#henreihin .karashi_renkon .patarn2 .ttl{ 
	right: 0;
	margin: 0;
}
#henreihin .patarn2 dl{ 
	margin:10rem 2rem 0 0;
}
#henreihin .patarn2 li img{ 
	width: 100% !important;
    position: absolute;
    top: -10%;
    left: -5%;
}
#henreihin .karashi_renkon .patarn2 li img{ 
    width: 105% !important;
    top: -2%;
    left: -10%;
}
#henreihin .melon_water_melon{ 
	margin: 25rem auto 0;
}
#henreihin .karashi_renkon{ 
	margin-bottom: 15rem;
}


#cf .h_ttl h2:before{
	content:"";
	background-image: none;
}

#cf .gcf{
	margin:50px auto 0;
	width:40%;
}

@media screen and (max-width:980px) {
#henreihin .karashi_renkon {
    margin-bottom: 7rem;
}
}
#attempt {
	margin:20rem 0  13rem;
}
#attempt h2 {
	max-width: 72.1rem;
	margin: 10rem auto 8rem;
}
#attempt li {
	margin-bottom:3rem;
	padding: 2rem 9rem;
	position: relative;
}
#attempt li:nth-child(odd) {
	border:1px solid #826b1d;
}
#attempt li:nth-child(even) {
	background-color: #826b1d;
	color: #FFF;
}
#attempt ol {
	counter-reset:num;
	width: 60%;
    margin: 0 auto;
}
#attempt ol li:before {
	counter-increment: num;
	content: counter(num);
	position:absolute;
	left: 5rem;
	top: 50%;
	transform: translateY(-50%);
	font-family: a-otf-ryumin-pr6n, serif;
	font-weight: 300;
	font-style: normal;
	font-size:3.9rem;
	line-height: 0;
}
#attempt li:nth-child(n + 10):before {
	left:3.9rem;
}

/*footer*/
footer {
	color:#fff;
	text-align: center;
}
.footer_wrap {
	background: url("../images/background.jpg");
	margin-top:1rem;
}
footer h2 {
	font-family: a-otf-ryumin-pr6n, serif;
	font-weight: 300;
	font-style: normal;
	font-size: 3.4rem;
	letter-spacing: 0.2rem;
	padding:5.5rem 0 2rem;
	line-height: 1.5;
}
footer h3 {
	font-size: 2.6rem;
	margin-bottom: 1rem;
}
footer address {
	font-size: 1.8rem;
}
footer a {
color: #fff;
	display: inline-block;
	margin-bottom:4rem;
}

footer .copy{
	font-size: 1.4rem;
	padding-bottom:1.5rem;
}
#page_top{
	position: fixed;
    bottom: 33rem;
    right: 20px;
	z-index: 99;
	display: none;
	line-height: 1;
}
#page_top ion-icon{
	color: #9b0003;
    font-size: 6rem;
}

@media screen and (max-width:1600px) {
.fv_img {
    width: 70%;
    max-width:none;
    bottom: 30%;
}
.fv_img img:nth-child(1) {
	min-width: 1.31rem;
	width:30.5%;
}
.fv_img img:nth-child(2) {
	min-width: 2.15rem;
	width:35.47%;
}
}
@media screen and (min-width:1280px) {
}  
@media screen and (max-width:1279px) {
.header_nav_inner {
	width: 90%;
}
.fv_nav {
	right: 5%;
}
.fv_logo {
	width: 20%;
	min-width: 2.5rem;
}
.fv_img {
    width: 60%;
}	
.fv_nav li a {
	font-size: 2.2rem;
}

.fv_img img:nth-child(1) {
	min-width: 13.1rem;
	width:40.5%;
}
.fv_img img:nth-child(2) {
	min-width: 2.15rem;
	width:45.47%;
}	
.arrow_btn li a ion-icon {
    right: 10px;
}
section.contents {
	width:70%;
}	
section {
	width:90%;
}
header .arrow_btn {
	width: 50%;
}
header .arrow_btn li a {
	padding: 1.5rem 0 3rem;
	font-size: 3rem;
}
#history .contents:nth-child(1) h2 {
	width: 48.6rem;
}
#history .contents:nth-child(2) h2 {
	width: 42.5rem;
}
#history .contents:nth-child(3) h2 {
	width: 48.7rem;
}
#history .contents:nth-child(3) h2 img:nth-child(1) {
	display: none;
}	
#history .contents:nth-child(3) h2 img:nth-child(2) {
	display: block;
}
#history .contents:nth-child(4) h2 {
	width: 55.5rem;
}
#history .contents:first-child h3 {
	font-size: 3.3rem;
}
#history .sub_ttl2 {
	font-size: 2.2rem;
}
#history figure:before {
	padding-top: 0;
}
#history figure img {
	width: 100%;
	position: relative;
}
#history figure.new_stage img:nth-child(2) {
	    right: -5%;
    top: -1%;
position: absolute;
	}
#history figure {
	margin-top: 5rem;
}
#history figure.new_stage:before {
	padding-top: 0;
}
#history figcaption {
	bottom: auto;
	width: calc(100% - 8rem);
}	
#history figcaption {
	position: relative;
}
article#henreihin {
	padding-top: 10rem;
}
#henreihin .patarn1 ul{ 
	width: 90%;
}
	
#henreihin h3 {
    white-space:normal;
}
.arrow_btn li a {
	padding: 1.5rem;
    font-size: 2rem;
}
#attempt h2 {
	width: 57.1rem;
}
}

@media screen and (min-width:980px) {
.hamburger {
  display : none;
}
	
nav.globalMenuSp {
  display : none;
}
}
@media screen and (max-width:980px) {
body {
    font-size: 1.5rem !important;
}
#header_nav {
}
.header_nav_inner {
	width: 100%;
}
.header_logo {
    position: absolute;
    left: 2rem;
}
/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: absolute;
  z-index : 3;
  right : 1.3rem;
  top   : 50%;
	transform: translateY(-50%);
  width : 4.2rem;
  height: 4.2rem;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 3rem;
  height  : 0.2rem ;
  left    : 0.6rem;
  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: 1rem;
}
.hamburger span:nth-child(2) {
  top: 2rem;
}
.hamburger span:nth-child(3) {
  top: 3rem;
}
.hamburger:hover {
	opacity:0.8;
	transition: 0.1s ease-in-out;
}
/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 1.6rem;
  left: 0.6rem;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 1.6rem;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #000;
  background:rgba(0,0,0,0.8);
  text-align: center;
  opacity: 0;
  width: 100%;
  height: 100vh;
  transition: opacity .6s ease, visibility .6s ease;
	visibility:hidden
  }

nav.globalMenuSp ul {
	width: calc(100% - 6rem);
	position: absolute;
	top: 40%;
	left: 50%;
    transform: translate(-50%, -50%);
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
	border:1px solid #FFF;
	margin-bottom: 3rem;
	
}
nav.globalMenuSp ul li:last-child {
	margin-bottom: 0;
}
nav.globalMenuSp ul li:hover{
	background:rgba(255,255,255,0.1);
}
nav.globalMenuSp ul li a {
  display: block;
  color: #FFF;
  padding: 1.5rem 0;
  text-decoration :none;
  font-size: 1.8rem;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  opacity: 100;
	visibility:inherit;
}
	
.site_nav ul	 {
	display: none;
    }
section {
    margin: 7rem auto 0;
    width: 90%;
}	
section.contents {
    margin: 10rem auto 0;
}
.fv_logo {
	width: 30%;
	min-width: 15rem;
}
article#henreihin {
    padding-top: 8rem;
    margin-top: 2rem;
}
#history .contents:nth-child(1) h2 {
	width: 100%;
}
#history .contents:nth-child(2) h2 {
	width: 100%;
}
#history .contents:nth-child(3) h2 {
	width: 100%;
}
#history .contents:nth-child(4) h2 {
	width: 100%;
}
#history .contents:first-child h3 {
	font-size: 3.3rem;
}
#history th span {
	display: block;
}
#history .contents:nth-child(3) h3 {
    width: 100%;
}
.youtube {
    margin: 5rem auto;
}	
#henreihin .ttl {
	font-size: 6rem;
}
#henreihin .patarn1 .ttl {
	margin-bottom: 5rem;
}
#henreihin .h_ttl h2 {
    font-size: 3.2rem;
}	
#henreihin .h_ttl h2:before {
	width: 257px;
    height: 234px;
	left: -15%;
}
.arrow_btn li a {
    font-size: 1.5rem;
}
#henreihin .basashi {
    margin: 10rem auto 0 !important;
}
#henreihin .basashi li img {
    top: 12%;
}
#henreihin .hinokimi_pork li img {
    top: 18%;
}
#henreihin .melon_water_melon li img {
    top: -10% !important;
}
#henreihin .karashi_renkon li img {
    top: 20% !important;
}
#henreihin .melon_water_melon {
    margin: 10rem auto 0 !important;
}	
#henreihin .price {
	font-size: 3.6rem;
}
#attempt {
    margin: 13rem 0 10rem;
}
#attempt h2 {
	margin: 0 auto 8rem;
}
footer h2 {
    font-size: 2.5rem;
}
footer h3 {
    font-size: 2rem;
}
#page_top{
	bottom: 30rem;
    right: 2rem;
	font-size: 4.5rem;
}
}
@media screen and (max-width:768px) {
#header_nav {
	height: 6rem;
	top: 0 !important;
	position: fixed;
}
.header_nav_inner {
	height: 6rem;
}
nav.globalMenuSp ul li a {
  font-size: 1.7rem;
}
.header_logo {
	    font-size: 2.5rem;
}
header .arrow_btn {
    margin: 3rem auto 5rem;
}
.fv {
    height: 65vh;
}
.fv_nav{
	display: none;
}
.fv_img {
    width: 50%;
	bottom: 32%;
}
.fv_img img:nth-child(1) {
	min-width: 18.1rem;
	width:45.5%;
}
.fv_img img:nth-child(2) {
	min-width: 26.5rem;
	width:50.47%;
}
header .arrow_btn {
	width: 80%;
}
header .arrow_btn li a {
	font-size: 2rem;
}
header .arrow_btn li a ion-icon {
	font-size: 2rem;
}
section {
    width: 80%;
}	
section.contents {
    width: 85%;
}
#history section.contents {
    margin: 7rem auto 0;
}
#history figure {
    margin-top: 4rem;
}
#henreihin .voice {
    margin: 0 auto;
	position: static;
}
article#henreihin {
    padding-top: 6.1rem;
}
#history .contents:first-child h3 {
    font-size: 2.7rem;
    white-space: nowrap;
    text-indent: -1rem;
}
.youtube  {
    width: 100%;
}
#history h3 {
    font-size: 1.5rem;
}
#history .contents:first-child h3 {
    font-size: 2.5rem;
	margin-bottom: 3rem;
}
#history .sub_ttl {
    margin-bottom: 1rem;
}
#history .sub_ttl2 {
    font-size:1.8rem;
	margin-bottom: 1.5rem;
}	
#history .sub_ttl2 span {
    display: block;
}	
#history img{
	margin-top: 2rem;
}
#history th {
	padding-left: 3rem;
	width: auto;
display: block;
}	
#history th {
  border: 0;
  border-bottom: solid 1px #b5b5b5;
	text-align: center;
     padding: 1rem;
}
#history td {
  border: 0;
  border-bottom: dotted 1px #b5b5b5;
}
#history td:nth-child(even) {
  border-bottom: solid 1px #b5b5b5;
}
#history td:nth-child(1) {
	width: auto;
display: block;
	text-align: center;
	}
#history td:nth-child(2) {
	width: auto;
	text-align: center;
display: block;
}
#history table {
    border: solid 1px #b5b5b5;
    border-bottom: 0;
}
#henreihin .h_ttl h2 {
	font-size: 3.2rem;
	width: 80%;
}
#henreihin .h_ttl h2:before { 
    width: 207px;
	height: 184px;
}
#henreihin li:nth-child(1), #henreihin li:nth-child(2) {
    margin-top: 0;
}
#henreihin .karashi_renkon .patarn2 .ttl {
	left: -105%;
}
#henreihin ul {
	position: relative;
	margin: 0;
	    flex-flow: column;
}	
#henreihin .voice ul:nth-child(2) {
	flex-direction: column-reverse;
}	
#henreihin .voice dl {
    margin: 3rem 0 0 !important;
}	
#henreihin .patarn1 ul {
	flex-direction: column-reverse;
}
#henreihin .patarn1 ul.arrow_btn {
	flex-direction: column;
}	
/*#henreihin .voice dl:before {
    content: "";
    display: block;
    padding-top: 65%;
}*/
#henreihin .patarn1 ul {
    font-size: 1.5rem;
}	
#henreihin .voice li {
    margin-top: 0;
	position: static;
}
#henreihin ul.arrow_btn li {
    width: 100%;
}
#henreihin .voice ul.arrow_btn {
	margin: 3rem auto 5rem;
}
#henreihin ul.arrow_btn {
	margin: 3rem auto 0;
}
#henreihin li {
	width: 100%;
	padding-bottom: 0 !important;
	text-align: center;
	position: static;
}
#henreihin .patarn2 li img {
    position: relative;
	margin-bottom: 0;
	top: auto;
	transform: none;
}
#henreihin .patarn2 li:nth-child(2) dl{
    padding-top: 0;
}
#henreihin .ttl {
	position: relative!important;
	text-align: center;
	line-height: 1;
	margin: 0 auto 3rem;
    width: 100vw;
	top: 0!important;
    left: 50%;
    transform: translateX(-50%);
	font-size: 5rem;
}
#henreihin .basashi .ttl {
	margin: 0 auto -1rem;
}
#henreihin .melon_water_melon .ttl {
	margin: 0 auto -1rem;
}
#henreihin .patarn2 .ttl {
    position: absolute;
    top: 0;
	left: 50% !important;
    right: auto !important;
    transform: translateX(-50%);
}
#henreihin h3 {
	white-space: normal;
}
#henreihin .price {
	margin-bottom: 0 !important;
}
#henreihin li img {
	position: static !important;
	width: 100% !important;
}
#henreihin .melon_water_melon li img {
    width: 90%;
    margin-top: -2rem;
}
#henreihin li:nth-child(3) img {
    width: 60%;
	min-width: 30rem;
}
/*#henreihin .voice li img {
    margin: 0;
	top: auto !important;
	position: relative !important;
    left: auto !important;
    transform: none !important;
}*/
#henreihin .patarn1 dl {
    margin: 0;
}
#henreihin .arrow_btn  {
    position: relative !important;
	flex-direction:column;
}
#henreihin .patarn1 {
    padding: 5rem 0;
	margin-top: -0.5rem;
	position: relative;
}
/*#henreihin .patarn1:before { 
	content: "";
	display: block;
	padding-top: 65%;
}
#henreihin .patarn2:before { 
	content: "";
	display: block;
	padding-top: 30%;
}*/
#henreihin .patarn2 {
	position: relative;
}
#henreihin .patarn1 ul {
    width: 80%;
}
#henreihin .patarn2 dl {
    margin-top: 3rem;
}
#henreihin .h_ttl {
    height: 8rem;
    line-height: 8rem;
	margin-bottom: 5rem;
}
#henreihin .h_ttl img {
    left: -1rem;
}
#henreihin .h_ttl h2 span {
    display: block;
	line-height: 1.2;
}
#henreihin .h_ttl h2 {
    font-size: 2.2rem;
	position: relative;
    top: 50%;
	transform: translateY(-50%);
}
#henreihin .desc {
    font-size: 1.6rem;
}
#henreihin .h_ttl h2:before {
	display: none;
}
#henreihin h3 {
    font-size: 2rem;
	text-align: center;
}
#henreihin h3 span,#henreihin .ttl span{ 
	display: block;
    text-align: center;
}
#henreihin .ttl span:last-child{ 
	line-height:inherit;
}
.arrow_btn li a {
    font-size: 1.4rem;
	margin-right: 0;
}	
.arrow_btn li a ion-icon {
	font-size: 2rem;
}
#henreihin .basashi {
    margin: 0 auto !important;
}	
#history figcaption {
    padding: 2rem;
	width: auto;
}
#henreihin .melon_water_melon {
    margin: 7rem auto 0 !important;
}
#attempt {
    margin: 5rem 0;
}
#attempt h2 {
	margin: 0 auto 5rem;
	width: 100%;
}
#attempt ol {
    width: 100%;
}
#attempt li {
    padding: 2rem 2rem 2rem 3em;
}
#attempt ol li:before {
    left: 2rem;
	font-size: 3rem;
}
#attempt li:nth-child(n + 10):before {
    left: 1rem;
}
footer span{
    display: block;
    line-height: 1.5;
}
footer span br{
    display: none;
}
footer h2 {
    font-size: 1.8rem;
}
footer h3 {
    font-size: 1.6rem;
}
footer address {
    margin-bottom: 2rem;
	font-size: 1.5rem;
}
#page_top{
	display:none !important;
}
}