@charset "UTF-8";


.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.oswald-<uniquifier> {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

body {
color: #1A1A1A;
font: 300 18px/32px "Noto Sans JP", sans-serif;
}
a:link{
text-decoration: none;
color: #A01D2A;
}
a:visited {
text-decoration: none;
color: #A01D2A;
}
a:hover {
text-decoration:none;
color: #840B1C;
}

/* SideNavi------------------------------------------------------ */
.NaviWRP {
width: 120px;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
z-index: 200;
text-align: center;
font: 400 13px/13px "Noto Sans JP", sans-serif;
color: #FFFFFF;
background-color: #A01D2A;
text-decoration: none;
}
#NaviLogo {
width: 80px;
min-height: 0px;
height: 60px;
padding: 30px 20px;
}
#Navi {
width: 110px;
height: auto;
margin-right: 10px;
}
#Navi li{
position: relative;
float: left;
padding: 0;
margin-bottom: 10px;
}
#Navi li a{
width: 110px;
height: 13px;
display: block;
margin: 0;
padding: 14px 0px;
color: #FFFFFF;
text-decoration: none;
background-color: #840B1C;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
#Navi .ing {
letter-spacing: 0px;
}
#Navi li a:hover {
background-color: #AA2D3F;
}
#NaviSNS {
width: 30px;
height: 80px;
margin-left: 45px;
margin-right: 45px;
margin-bottom: 40px;
position: absolute;
bottom: 0;
}
#NaviSNS img {
margin-bottom: 20px;
}

/* fullSlideShow------------------------------------------------------ */
.fullSlideShow {
width: 100%;
text-align: left;
position: relative;
overflow: hidden;
}
.fullSlideShow ul {
top: 50%;
left: 50%;
width: 100%;
position: absolute; /* absolute or fixed */
overflow: hidden;
}
.fullSlideShow ul li {
top: 0;
left: 0;
width: 100%;
display: none;
position: absolute;
}
.fullSlideShow ul li img {
width: 100%;
z-index: 100;
}
/* SlideShowNavi------------------------- */
.fullSlideShow .btnPrev,
.fullSlideShow .btnNext {
margin-top: -25px;
top: 50%;
width: 50px;
height: 50px;
position: fixed; /* absolute or fixed */
z-index: 200;
}
.fullSlideShow .btnPrev {
left: 10px;
background: transparent url(../images/btnPrev.png) no-repeat center center;
}
.fullSlideShow .btnNext {
right: 10px;
background: transparent url(../images/btnNext.png) no-repeat center center;
}

/* SildeShowLogo------------------------------------------------------ */
.SSLogo {
width: 300px;
height: 206px;
margin: -103px 0 0 -150px;  /*縦横の半分をネガティブマージンでずらす*/
position: absolute;  /*body要素に対して絶対配置*/
top: 50%;  /*上端を中央に*/
left: 24%;  /*左端を中央に*/
z-index: 200;
filter: drop-shadow(0.5px 0.5px 2px rgba(0, 0, 0, 0.9));
}


/* SildeShowTEL------------------------------------------------------ */
.SSTEL {
width: 300px;
height: 40px;
font: 500 40px/40px "Oswald", sans-serif;
color: #FFFFFF;
margin: -20px 0 0 -150px;  /*縦横の半分をネガティブマージンでずらす*/
position: absolute;  /*body要素に対して絶対配置*/
top: 54%;  /*上端を中央に*/
left: 85%;  /*左端を中央に*/
z-index: 200;
filter: drop-shadow(0.5px 0.5px 2px rgba(0, 0, 0, 0.9));
}


/* Concept------------------------------------------------------ */
.CommentWRP {
width: 84%;
height: 460px;
margin-left: 8%;
margin-right: 8%;
}
.Comment {
width: 100%;
height: 460px;
display: table-cell;
vertical-align: middle;
}
.Comment2 {
width: 100%;
height: 500px;
display: table-cell;
vertical-align: middle;
font: 300 16px/26px "Noto Sans JP", sans-serif;
}
.CommentTTL {
font: 500 24px/36px "Noto Sans JP", sans-serif;
margin-bottom: 30px;
}
.CommentTTL2 {
font: 500 24px/36px "Noto Sans JP", sans-serif;
margin-bottom: 15px;
}


/* Lunch&Dinner------------------------------------------------------ */
.MenuWRP {
width: 90%;
height: 380px;
margin-left: 5%;
margin-right: 5%;
}
.Menu {
width: 100%; /* ！！！なぜか70%にしていた！！！ */
height: 380px;
display: table-cell;
vertical-align: middle;
}
.cover-image1 {
width: 100%; /* または親要素の幅に合わせる */
height: 460px; /* または親要素の高さに合わせる */
object-fit: cover; /* 画像を縦横比を保ちつつコンテナ全体に表示 */
}
.cover-image2 {
width: 100%; /* または親要素の幅に合わせる */
height: 380px; /* または親要素の高さに合わせる */
object-fit: cover; /* 画像を縦横比を保ちつつコンテナ全体に表示 */
}
.cover-image3 {
width: 100%; /* または親要素の幅に合わせる */
height: 500px; /* または親要素の高さに合わせる */
object-fit: cover; /* 画像を縦横比を保ちつつコンテナ全体に表示 */
}
.ImagePhoto {
width: 112px;
height: 16px;
font: 300 16px/16px "Noto Sans JP", sans-serif;
position: absolute;
right: 10px;
bottom: 10px;
}
.CourseEng {
font: 200 40px/40px "Oswald", sans-serif;
color: #A01D2A;
margin-bottom: 10px;
}
.CourseJpn {
font: 400 20px/20px "Noto Sans JP", sans-serif;
margin-bottom: 20px;
}
.CourseExp {
font-weight: 300;
}
.CourseName {
width: 100%;
height: auto;
margin-bottom: 10px;
display: flex;
float: left;
}
.ABCcourse {
font: 300 30px/30px "Oswald", sans-serif;
color: #A01D2A;
margin-right: 20px;
}
.ABCcap {
font-size: 36px;
}
.ABCSpace {
width: 100%;
height: 20px;
float: left;
}
.Price {
font: 300 30px/40px "Oswald", sans-serif;
}
.CourseMenu {
width: 100%;
height: auto;
font: 300 16px/26px "Noto Sans JP", sans-serif;
float: left;
}
.MenuSpace {
width: 100%;
height: 50px;
}
.ShareFRM {
width: 97%;
height: 380px;
padding: 1.5%;
border: 1px solid #A01D2A;
background-image: url(../images/ShareCourseBG.gif);
background-repeat: repeat-x;
background-position: 0% 0%;
}
.ShareTTL {
width: 100%;
height: 380px;
}
.ShareEng {
font: 200 40px/40px "Oswald", sans-serif;
color: #FFFFFF;
margin-bottom: 5px;
}
.ShareJpn {
font: 400 20px/40px "Noto Sans JP", sans-serif;
color: #FFFFFF;
margin-bottom: 5px;
}
.ShareExp {
font: 400 16px/16px "Noto Sans JP", sans-serif;
color: #FFFFFF;
}
.ForOne {
font: 400 16px/16px "Noto Sans JP", sans-serif;
}
.ALaCarte {
width: 100%;
height: 26px;
padding-top: 16px;
padding-bottom: 16px;
font: 500 26px/26px "Noto Sans JP", sans-serif;
text-align: center;
color: #A01D2A;
border: 1px solid #A01D2A;
}


/* Access------------------------------------------------------ */
.GoogleMap {
width: 100%;
height: 460px;
margin-bottom: 50px;
}
.AccessLogo {
width: 320px;
height: 111px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
#TEL {
width: 100%;
height: 36px;
font: 500 36px/36px "Oswald", sans-serif;
color: #A01D2A;
margin-bottom: 15px;
}
#TEL .Inq {
font: 500 18px/36px "Noto Sans JP", sans-serif;
margin-right: 18px;
}
.AccessBox {
width: 100%;
height: auto;
font: 400 18px/28px "Noto Sans JP", sans-serif;
}
.Tranpo {
font: 300 18px/28px "Noto Sans JP", sans-serif;
}


/* Inquiry------------------------------------------------------ */
.InqContent {
width: 900px;
height: auto;
margin-left: auto;
margin-right: auto;
padding-top: 50px;
padding-bottom: 50px;
}
.wrapper {
width: 900px;
}
.InqItem {
width: 280px;
height: 28px;
float: left;
font-size: 18px;
line-height: 18px;
text-align: right;
padding-top: 12px;
}
.InqItem2 {
width: 280px;
height: 68px;
float: left;
font-size: 18px;
line-height: 18px;
padding-top: 52px;
margin-right: 20px;
text-align: right;
}
.InqField {
width: 600px;
height: 40px;
float: right;
font-size: 18px;
line-height: 28px;
text-align: left;
}
.InqField2 {
width: 600px;
float: right;
font-size: 18px;
line-height: 28px;
text-align: left;
}
.InqField3 {
width: 600px;
height: 40px;
float: right;
font-size: 18px;
line-height: 28px;
text-align: left;
}
.input {
width: 298px; height:20px;
font-size: 18px;
line-height: 28px;
border: 1px solid #A01D2A;
border-radius: 5px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.input2 {
width: 498px; height:20px;
font-size: 18px;
line-height: 28px;
border: 1px solid #A01D2A;
border-radius: 5px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.textarea {
width: 498px;
height: 98px;
font-size: 18px;
line-height: 28px;
border: 1px solid #A01D2A;
border-radius: 5px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.submit {
width: 140px;
height: 40px;
font-size: 18px;
line-height: 18px;
background-color: #A01D2A;
border: 1px solid #A01D2A;
border-radius: 5px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
color: #FFFFFF;
cursor: pointer;
}
.submit:hover {
background-color: #840B1C;
}
.submit:active {
background-color: #A01D2A;
}
.InqSpace {
width: 100%;
height: 30px;
clear: both;
}


/* Footer------------------------------------------------------ */
#Footer {
width: 100%;
height: auto;
padding-top: 50px;
}
.FooterLogo {
width: 190px;
height: 130px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.FooterSNS {
width: 80px;
height: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 150px;
}
.Copyright {
width: 100%;
height: 12px;
padding-bottom: 30px;
font: 300 12px/12px "Noto Sans JP", sans-serif;
text-align: center;
}


/* PageTop------------------------------------------------------ */
.pagetop {
	position: fixed;
	bottom: -80px;
	right: 50px;
}
.pagetop a {
	display: block;
	width: 70px;
	height: 70px;
	background-color: #A01D2A;
	text-align: center;
	color: #fff;
	font-size: 36px;
	text-decoration: none;
	line-height: 68px;
	z-index: 200;
	border-radius: 10px;
}
.pagetop a:hover {
	background-color: #840B1C;
}


/* Common------------------------------------------------------ */
#Content {
flex: 1;
height: auto;
padding-left: 120px;
}
.GoldChapter {
width: 100%;
height: auto;
border-bottom: 1px solid #D4B345;
display: flex;
}
.RedChapter {
width: 100%;
height: auto;
border-bottom: 1px solid #A01D2A;
display: flex;
}
.GoldSpace {
width: 100%;
height: 100px;
border-bottom: 1px solid #D4B345;
}
.RedSpace {
width: 100%;
height: 100px;
border-bottom: 1px solid #A01D2A;
}
.GoldTTL {
width: 48px;
height: auto;
padding-left: 27px;
padding-right: 24px;
border-right: 1px solid #D4B345;
color: #D4B345;
}
.RedTTL {
width: 48px;
height: auto;
padding-left: 26px;
padding-right: 25px;
border-right: 1px solid #A01D2A;
color: #A01D2A;
}
.TTLEng {
font: 200 48px/50px "Oswald", sans-serif;
letter-spacing: 1px;
padding-top: 50px;
margin-bottom: 30px;
writing-mode: vertical-rl;
}
.TTLJpn {
font: 300 28px/28px "Noto Sans JP", sans-serif;
writing-mode: vertical-rl;
padding-left: 9px;
padding-right: 11px;
}
.Container {
width: 92%;
height: auto;
padding-top: 50px;
padding-bottom: 50px;
padding-left: 4%;
padding-right: 4%;
}
.Column {
max-width: 100%;
display: flex;
}
.LeftCont {
width: 50%;
height: auto;
order: 1;
position: relative;
}
.RightCont {
width: 50%;
height: auto;
order: 2;
position: relative;
}
.LinkBTNWRP {
width: 380px;
height: 60px;
margin-left: auto;
margin-right: auto;
}
#LinkBTN li{
position: relative;
float: left;
padding: 0;
}
#LinkBTN li a{
width: 320px;
height: 18px;
display: block;
margin: 0;
font: 500 18px/18px "Noto Sans JP", sans-serif;
color: #FFFFFF;
text-align: left;
text-decoration: none;
background-color: #A01D2A;
padding-left: 60px;
padding-top: 21px;
padding-bottom: 21px;
border-radius: 30px;
background-image: url("../images/InstagramW.svg");
background-repeat: no-repeat;
background-size: 30px 30px;
background-position: 15px 15px;
}
#LinkBTN li a:hover {
background-color: #840B1C;
}

.SNSsp {
display: none;
}
.br-pc { display:block; }
.br-sp { display:none; }

.pc { display:inline; }
.sp { display:none; }

.hamburger {
display: none;
}

#SmartPhoneSNS {
display: none;
}



/* ==================================================////////////////////タブレット////////////////////================================================== */
@media screen and (min-width: 960px) {
	/* 959px以下に適用されるCSS（タブレット用） */

.hamburger {
display: none;
}
nav.globalMenuSp {
display: none;
}
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
color: #000000
}

}





/* ==================================================////////////////////スマートフォン////////////////////================================================== */
@media screen and (max-width: 959px){
body {
color: #1A1A1A;
font: 300 14px/24px "Noto Sans JP", sans-serif;
}

.pc { display:none; }
.sp { display:inline; }

.br-pc { display:none; }
.br-sp { display:block; }

.NaviWRP {
display: none;
}


/* SmartPhoneNavigation---------------------------------------- */
/* Menu------------------------- */
/*　ハンバーガーメニューボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 120;
  right : 20px;
  top   : 20px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #333333;
  -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: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

/* メニュー背景　*/
nav.globalMenuSp {
  position: fixed;
  z-index : 110;
  top  : 0;
  left : 0;
  color: #fff;
  background: #A01D2A;
  text-align: center;
  width: 100%;
  transform: translateX(100%);
  transition: all 0.6s;
}
nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #AA2D3F;
  transition: .4s all;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
  background :#AA2D3F;
}
nav.globalMenuSp ul li a {
  display: block;
  font: 300 20px/20px "Noto Sans JP", sans-serif;
  color: #fff;
  padding: 1.5em 0;
  text-decoration :none;
}
/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  opacity: 100;
  display: block;
   transform: translateX(0%);
}


/* SildeShowLogo------------------------------------------------------ */
.SSLogo {
width: 180px;
height: 124px;
margin: -62px 0 0 -90px;  /*縦横の半分をネガティブマージンでずらす*/
position: absolute;  /*body要素に対して絶対配置*/
top: 20%;  /*上端を中央に*/
left: 50%;  /*左端を中央に*/
z-index: 100;
filter: drop-shadow(0.5px 0.5px 1px rgba(0, 0, 0, 1.0));
}


/* SildeShowTEL------------------------------------------------------ */
.SSTEL {
width: 220px;
height: 30px;
font: 500 30px/30px "Oswald", sans-serif;
color: #FFFFFF;
text-align: center;
margin: -15px 0 0 -110px;  /*縦横の半分をネガティブマージンでずらす*/
position: absolute;  /*body要素に対して絶対配置*/
top: 90%;  /*上端を中央に*/
left: 50%;  /*左端を中央に*/
z-index: 100;
filter: drop-shadow(0.5px 0.5px 2px rgba(0, 0, 0, 0.9));
}


/* SPSNS------------------------------------------------------ */
#SmartPhoneSNS {
width: 100%;
height: 30px;
margin-top: 50px;
display : block;
}
.spSNS {
width: 80px;
height: 30px;
margin-left: auto;
margin-right: auto;
}


/* Concept------------------------------------------------------ */
.CommentWRP {
width: 100%;
height: auto;
margin-left: 0;
margin-right: 0;
margin-top: 15px;
}
.Comment {
width: 100%;
height: auto;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.Comment2 {
width: 100%;
height: auto;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.CommentTTL {
font: 500 18px/25px "Noto Sans JP", sans-serif;
margin-bottom: 15px;
}
.CommentTTL2 {
font: 500 18px/25px "Noto Sans JP", sans-serif;
margin-bottom: 15px;
}


/* Lunch&Dinner------------------------------------------------------ */
.MenuWRP {
width: 96%;
height: auto;
margin-left: 2%;
margin-right: 2%;
padding-top: 10px;
}
.Menu {
width: 100%;
height: auto;
display: table-cell;
vertical-align: middle;
}
.cover-image1 {
width: 100%; /* または親要素の幅に合わせる */
height: 250px; /* または親要素の高さに合わせる */
object-fit: cover; /* 画像を縦横比を保ちつつコンテナ全体に表示 */
}
.cover-image2 {
width: 100%; /* または親要素の幅に合わせる */
height: 200px; /* または親要素の高さに合わせる */
object-fit: cover; /* 画像を縦横比を保ちつつコンテナ全体に表示 */
}
.cover-image3 {
width: 100%; /* または親要素の幅に合わせる */
height: 300px; /* または親要素の高さに合わせる */
object-fit: cover; /* 画像を縦横比を保ちつつコンテナ全体に表示 */
}
.ImagePhoto {
width: 84px;
height: 12px;
font: 300 12px/12px "Noto Sans JP", sans-serif;
position: absolute;
right: 10px;
bottom: 10px;
}
.CourseEng {
font: 200 30px/30px "Oswald", sans-serif;
color: #A01D2A;
margin-bottom: 5px;
}
.CourseJpn {
font: 400 14px/18px "Noto Sans JP", sans-serif;
margin-bottom: 10px;
}
.CourseName {
width: 100%;
height: auto;
display: flex;
float: left;
margin-bottom: 5px;
}
.ABCcourse {
font: 300 24px/26px "Oswald", sans-serif;
color: #A01D2A;
margin-right: 20px;
}
.ABCcap {
font-size: 26px;
}
.ABCSpace {
width: 100%;
height: 10px;
}
.Price {
font: 300 26px/32px "Oswald", sans-serif;
}
.CourseMenu {
width: 100%;
height: auto;
font: 300 12px/16px "Noto Sans JP", sans-serif;
float: left;
}
.MenuSpace {
width: 100%;
height: 30px;
}
.ShareFRM {
width: 96%;
height: auto;
padding: 2%;
border: 1px solid #A01D2A;
background-image: url(../images/ShareCourseBGsp.gif);
background-repeat: repeat-x;
background-position: 0% 0%;
}
.ShareTTL {
width: 100%;
height: auto;
}
.ShareEng {
font: 200 30px/30px "Oswald", sans-serif;
color: #FFFFFF;
margin-bottom: 5px;
}
.ShareJpn {
font: 400 14px/18px "Noto Sans JP", sans-serif;
color: #FFFFFF;
margin-bottom: 5px;
}
.ShareExp {
font: 400 12px/18px "Noto Sans JP", sans-serif;
color: #FFFFFF;
margin-bottom: 20px;
}
.ForOne {
font: 400 12px/12px "Noto Sans JP", sans-serif;
}
.ALaCarte {
width: 100%;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
font: 500 16px/22px "Noto Sans JP", sans-serif;
text-align: center;
color: #A01D2A;
border: 1px solid #A01D2A;
}


/* Access------------------------------------------------------ */
.GoogleMap {
width: 100%;
height: 460px;
margin-bottom: 10px;
}
.AccessLogo {
width: 240px;
height: 84px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10PX;
}
#TEL {
width: 100%;
height: 30px;
font: 500 30px/36px "Oswald", sans-serif;
color: #A01D2A;
margin-bottom: 15px;
text-align: center;
}
#TEL .Inq {
font: 500 14px/14px "Noto Sans JP", sans-serif;
}
.AccessBox {
width: 100%;
height: auto;
font: 400 13px/20px "Noto Sans JP", sans-serif;
text-align: left;
padding: 15px 0;
}
.Tranpo {
font: 300 13px/20px "Noto Sans JP", sans-serif;
}


/* Inquiry------------------------------------------------------ */
.InqContent {
width: 90%;
height: auto;
margin-left: 5%;
margin-right: 5%;
padding-top: 20px;
padding-bottom: 50px;
}
.wrapper {
width: 100%;
}
.InqItem {
width: 100%;
height: 14px;
float: left;
font-size: 14px;
line-height: 14px;
text-align: center;
padding-top: 0px;
margin-bottom: 10px;
}
.InqItem2 {
width: 100%;
height: 14px;
float: left;
font-size: 14px;
line-height: 14px;
padding-top: 0px;
margin-right: 0px;
text-align: center;
margin-bottom: 10px;
}
.InqField {
width: 100%;
height: 30px;
float: right;
font-size: 16px;
line-height: 16px;
text-align: left;
}
.InqField2 {
width: 100%;
float: right;
font-size: 16px;
line-height: 20px;
text-align: left;
}
.InqField3 {
width: 100px;
height: 40px;
float: none;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.input {
width: 94%;
height: 20px;
font-size: 16px;
line-height: 20px;
border: 1px solid #A01D2A;
border-radius: 5px;
padding: 10px;
}
.input2 {
width: 94%;
height: 20px;
font-size: 16px;
line-height: 20px;
border: 1px solid #A01D2A;
border-radius: 5px;
padding: 10px;
}
.textarea {
width: 94%;
height: 80px;
font-size: 16px;
line-height: 20px;
border: 1px solid #A01D2A;
border-radius: 5px;
padding: 10px;
}
.submit {
width: 100px;
height: 40px;
font-size: 14px;
line-height: 14px;
background-color: #A01D2A;
border: 1px solid #A01D2A;
border-radius: 5px;
padding: 10px;
color: #FFFFFF;
cursor: pointer;
}
.InqSpace {
width: 100%;
height: 20px;
clear: both;
}


/* Footer------------------------------------------------------ */
#Footer {
width: 100%;
height: auto;
padding-top: 30px;
}
.FooterLogo {
width: 140px;
height: 96px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
.FooterSNS {
width: 80px;
height: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 100px;
}
.Copyright {
width: 100%;
height: 11px;
padding-bottom: 30px;
font: 300 11px/11px "Noto Sans JP", sans-serif;
text-align: center;
}


/* PageTop------------------------------------------------------ */
.pagetop {
	position: fixed;
	bottom: -80px;
	right: 20px;
}
.pagetop a {
	display: block;
	width: 48px;
	height: 48px;
	background-color: #A01D2A;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 48px;
	z-index: 200;
	border-radius: 10px;
}


/* Common------------------------------------------------------ */
#Content {
width: 100%;
height: auto;
padding-left: 0px;
}
.GoldChapter {
width: 98.5%;
height: auto;
border-left: 3px solid #D4B345;
border-right: 3px solid #D4B345;
border-bottom: 1px solid #D4B345;
display: inline-block;
}
.RedChapter {
width: 98.5%;
height: auto;
border-left: 3px solid #A01D2A;
border-right: 3px solid #A01D2A;
border-bottom: 1px solid #A01D2A;
display: inline-block;
}
.GoldSpace {
width: 100%;
height: 50px;
border-bottom: 1px solid #D4B345;
}
.RedSpace {
width: 100%;
height: 50px;
border-bottom: 1px solid #A01D2A;
}
.GoldTTL {
width: 100%;
height: auto;
padding: 10px 0px;
border-right: 0;
border-bottom: 1px solid #D4B345;
color: #D4B345;
text-align: center;
}
.RedTTL {
width: 100%;
height: auto;
padding: 10px 0px;
border-right: 0;
border-bottom: 1px solid #A01D2A;
color: #A01D2A;
text-align: center;
}
.TTLEng {
font: 200 30px/30px "Oswald", sans-serif;
letter-spacing: 1px;
padding-top: 0px;
margin-bottom: 0px;
writing-mode: initial;
}
.TTLJpn {
font: 300 16px/20px "Noto Sans JP", sans-serif;
writing-mode: initial;
padding-left: 0px;
padding-right: 0px;
}
.Container {
width: 90%;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 5%;
padding-right: 5%;
}
.Column {
width: 100%;
max-width: 100%;
display: inline-block;
}
.LeftCont {
width: 100%;
height: auto;
position: relative;
}
.RightCont {
width: 100%;
height: auto;
position: relative;
}
.LinkBTNWRP {
width: 266px;
height: 42px;
margin-left: auto;
margin-right: auto;
}
#LinkBTN li a{
width: 224px;
height: 12px;
display: block;
margin: 0;
font: 500 12px/12px "Noto Sans JP", sans-serif;
color: #FFFFFF;
text-align: left;
text-decoration: none;
background-color: #A01D2A;
padding-left: 42px;
padding-top: 15px;
padding-bottom: 15px;
border-radius: 21px;
background-image: url("../images/InstagramW.svg");
background-repeat: no-repeat;
background-size: 22px 22px;
background-position: 10px 10px;
}


}