@charset "UTF-8";

  /* ======================= パンくずCSSここから ===========================*/

  .history_img_2021 img{
    width: auto;
  }

  li{
    list-style: none;
  }

  .crumbsList .row{
    max-width: 1330px;
    padding: 0;
  }

  .row{
    width: 100%;
    margin: 0 auto;
  }

  .row::before, .row::after {
    content: " ";
    display: table;
  }

  .crumbsList {
    padding: 10px 0;
    margin-bottom: 40px;
  }

  .column, .columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
  }

  @media only screen and (min-width: 64.063em){
  .column, .columns {
      position: relative;
      float: left;
  }
  }

  .crumbsList li {
    display: inline-block;
    padding-right: 25px;
    margin-right: 20px;
    background: url(../../../../../Contents/ImagesPkg/Barbour/bre_arrow.png) no-repeat right center;
    font-size: 13px;
    font-size: 1.3rem;
  }

  .crumbsList li.last {
    background: none;
    padding: 0;
  }

  .clearfix::after, .wrapper::after, #ContentsWrapper::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1px;
    height: 0.1em;
    line-height: 0;
    visibility: hidden;
  }

    /* ======================= パンくずCSSここまで ===========================*/

.newstwitter {
	width: 20px;
	position: absolute;
	margin-top: 50px;
	left: 52%;
	transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	/*一応BOX内の文字も中央寄せ*/
}

.mainWrapper p{
  font-size: 16px;
  line-height: 1.5;
}

.mainWrapper .slick-slide a {
  font-size: 16px;
}

.colttl {
	font-size: 26px;
	line-height: 1.5;
	text-align: left;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-bottom: 30px;
}

.col {
	font-size: 21.5px;
	line-height: 1.5;
	text-align: left;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-bottom: 30px;
}

/* ------------------------------------------------
  .pager
------------------------------------------------ */
.pager {
	position: relative;
	width: 90%;
	margin: 0 auto;
}

.pager .pager-arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	top: 0;
	margin: auto;
}

.pager .pager-arrow a {
	display: block;
	width: 11px;
	height: 21px;
	position: relative;
}

.pager .pager-arrow a::before,
.pager .pager-arrow a::after {
	content: "";
	display: block;
	width: 15px;
	height: 1px;
	position: absolute;
	right: -2px;
	background: #808080;
}

.pager .pager-arrow a::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 5px;
}

.pager .pager-arrow a::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	bottom: 5px;
}

.pager .pager-arrow.prev {
	left: 0;
}

.pager .pager-arrow.prev a {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.pager .pager-arrow.next {
	right: 0;
}

.pager .list-pager {
	width: 100%;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
}

.pager .list-pager li {
	display: inline-block;
	font-size: 12px;
	margin: 0 16px;
}

.pager .list-pager li a {
	display: inline-block;
	padding: 0 5px;
}

.box-result .block-pager {
	display: none;
}

.area-list .result {
	display: none;
}

/* エラーページ */
.errorWrap {
	width: 100%;
	max-width: 98rem;
	margin: 220px auto 120px;
}

.errorWrap #dvErrorInfoBox.errorTextArea h2 {
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	padding: 0 !important;
}

.errorWrap #dvErrorInfoBox.errorTextArea h2.errorTtl {
	position: relative;
	padding-bottom: 15px;
	margin: 20px 0;
	border-bottom: #CCCCCC solid 1px;
}

.errorWrap #dvErrorInfoBox.errorTextArea p {
	font-size: 14px;
	line-height: 1.2;
}

.errorWrap div.btmbtn span {
	display: block;
	line-height: 1.5;
}

.errorWrap div.btmbtn div {
	width: 100%;
}

.errorWrap ul.btmWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-top: 40px;
}

.errorWrap ul.btmWrap li a.btn-ddd {
	display: block;
	background: #ddd;
	padding: 10px 0;
	width: 180px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.errorWrap ul.btmWrap li a.btn-next {
	display: block;
	background: #000000;
	padding: 10px 0;
	color: #ffffff;
	width: 180px;
	text-align: center;
	font-size: 14px;
	margin-left: 14px;
	font-weight: bold;
}

.errorWrap ul.btmWrap li a.btn-next:hover {
	opacity: 0.6;
}

/*割引率アイコン*/
.discountRateS {
	display: inline-block;
	margin-left: 3px;
	padding: 0 4px;
	background-color: #fe0002;
	color: #fff;
	line-height: 1.5;
	font-size: 11px;
	text-align: center;
}

.main-area.detail .discountRateS {
	width: 70px;
	height: 18px;
	background-color: #fe0002;
	font-size: 14px;
	color: #fff;
	text-align: center;
	display: inline-block;
	line-height: 18px;
	margin-left: 8px;
	vertical-align: middle;
}

#Contents .main-area.detail .ChangesByVariation .RateS p:first-child {
	margin-bottom: 10px !important;
}

/*ブランド表記*/
.brand {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
	font-size: 10px !important;
}

/*---------------------------------------
 カートリスト CartList.aspx
 ---------------------------------------*/
.CL_guestbtn {
	text-align: right;
	margin-top: 15px;
	margin-right: 5px;
}

.CL_guestbtn a::after {
	content: '>';
	display: inline-block;
	margin: 0 0 0 5px;
	font-size: 18px;
}

.guest_attention {
	font-size: 11px;
	text-align: right;
	margin-top: 20px;
}

.guest_attention span {
	color: #E31515;
}


  /*==============================================================================================
	2023.01.26 add クーポン系改修
==============================================================================================*/


#CartList div.productList .couponArea .couponBox {
  padding:20px 0 20px;
}

#CartList div.productList .couponArea .couponBox .box {
  width: 260px;
}

#CartList .couponArea select.selectArea {
  width: 100%;
  margin: 0;
  text-indent: 0;
  padding: 5px 40px 5px 4px;
  height: auto;
	font-size: 11px;
}

#CartList .couponArea .couponContents input {
  display: none;
}

#CartList .couponArea .boxbtm {
  margin: 25px 0 0;
	font-size: 14px;
}

#CartList .couponArea .boxbtm span {
  display: block;
	vertical-align: middle;
	margin-bottom: 8px;
}

#CartList div.productList .couponArea .couponBox input[type="text"] {
  width: 100% !important;
}

.CL_guestbtn {
	margin-top: 30px;
}

p{
  font-size: 100%;
  font-weight: normal;
  line-height: 1.5;
}
.topContents {
	width: 1330px;
	margin: 0 auto;
}
.mainWrapper {
	width: 100%;
	padding: 0;
}
.crumbsList {
	padding: 10px 20px;
}
.topContents #history {
	margin: 0 auto;
}
.guide-area {
	margin: 0 auto;
}
.our-history-description-warp {
	margin: 0 3% 10% 3%;
}
p.our-history-description {
	margin-bottom: 1.5%;
}
h1 {
	text-align: center;
	margin: 7% 0 10% 0;
	font-size: 38px;
}
.history_container {
	justify-content: center;
	min-height: 550px;
}
.history_container.img-right{
	display: flex;
	align-items: center;
}
.history_background_theme{
	background-color: #f7f0ea;
}
.history_container.flex_contents {
	display: flex;
	margin-bottom: 10%;
}
h2.timeTitle {
	font-size: 34px;
	margin-bottom: 15px;
	font-family: 'Futura PT W05 Book';
}
.history_description {
	width: 33%;
	margin-right: 0 10%;
	margin: 0 10%;
}
.history_description.bothSides {
	margin: 0;
}
.history_description.text-bottom_left {
	width: 90%;
	text-align: center;
	margin: 0 1% 0 8%;
}
.history_description.text-bottom_right {
	width: 90%;
	text-align: center;
	margin: 0;
}
.history_img {
	width: 50%;
	margin-right: 8%;
	margin-left: auto;
}
.history_img.topimage {
	width: 100%;
}
.description-wrap {
	margin-bottom: 5%;
}
/*img-left*/
.history_container.img-left {
	display: flex;
	align-items: center;
	margin-bottom: 8%;
}
/*img-colour*/
.history_container.img-colour {
	background: cadetblue;
	display: flex;
	align-items: center;
	margin-top: 10%;
}
/*bothSides*/
.history_container.bothSides {
	display: flex;
	align-items: center;
	margin-bottom: 5%;
	height: 700px;

}
.history_img.leftSides {
	width: 60%;
}
/*img2-colour*/
h2.center-button.timeTitle {
	text-align: center;
}
.history_img.firstImg {
	width: 88%;
	margin: 5% 1% 10% 10%;
}

.history_img.secondImg {
	width: 88%;
	margin: 5% 5% 10% 1%;
}

/*bothSides*/
.history_description.center_text {
	margin: auto;
}
.history_img_1894 {
	width: 46%;
	margin-left: 9%;
}
.history_img_1908 {
	width: 37%;
	margin-left: 5%;
}
.description-wrap_1912 {
	margin-bottom: 5%;
}
.history_img_1912 {
	width: 37%;
    margin-right: 5%;
}
.history_img.rightSides1936 {
	padding: 2% 0 2% 2%;
	width: 33%;
	margin-right: 0;
}
.history_img.leftSides1936 {
	padding: 1%;
	width: 58%;
	margin-right: 3%
}
.history_img.leftSides1939 {
	width: 46%;
	margin-left: 3%;
	margin-right: 3%;
}
.history_img.rightSides1939 {
	width: 48%;
	margin: 0 3% 0 2%;
}
.history_description_1939.center_text {
	width: 44%;
}
.history_container.img-right_1974 {
	margin-top: 10%;
	display: flex;
	margin-bottom: 5%;
}
.history_img_1974 {
	width: 60%;
}
.description-wrap_1974 {
	margin-right: 10%;
}
.history_img_1981 {
	margin-right: 4%;
	width: 50%;
}
.history_container.img-right_1982 {
	margin-top: 5%;
	display: flex;
}
.history_img_1982 {
	width: 57%;
	margin-left: 5%;
}
.history_description_1982 {
	margin: 10% 2% auto 7%;
}
.description-wrap_1982 {
	width: 90%;
}
.description-wrap_1987 {
	margin: 0;
}
.history_img.rightSides1988 {
	margin: 0;
	width: 56%;
}
.history_img.leftSides1988 {
	width: 50%;
	margin-right: 0;
}
.description-wrap_1988 {
	margin-bottom: 18%;
}
/*leftText3*/
.history_container.leftText3 {
	display: flex;
	background-color: #f7f0ea;
	height: 700px;
	margin-bottom: 5%;
}
.history_img_1957 {
	align-items: center;
	display: flex;
	height: 46em;
	margin-right: 0;
	margin-top: 14%;
}
.history_description_1957 {
	margin: auto 10% auto 3%;
	width: 70%;
}
.history_container.img-right_2005 {
	margin-top: 5%;
	display: flex;
	align-items: center;
}
.history_img_2005 {
	width: 37%;
	margin-left: 4%;
}
.history_description_2007 {
	margin: 23% 3% auto 7%;
	width: 30%;
}
.history_img_2007 {
	width: 37%;
	margin: 0 4% 0 auto;
}
.history_container.bothSides_2008 {
	height: 680px;
	display: flex;
	align-items: center;
	margin-bottom: 8%;
}
.history_img.rightSides2008 {
	width: 65%;
	margin-right: 0;
}
.history_img.leftSides2008 {
	width: 35%;
	margin-right: 5%;
}
.history_description.center_text_2008 {
	margin-right: 8%;
	margin-top: 14%;
}
.history_img.topimage_2013 {
	width: 70%;
	margin: auto;
}
.history_description.bottom_text_2013 {
	text-align: center;
	margin-top: 3%;
	width: 33%;
}
.history_img_2014 {
	width: 50%;
	margin-right: 5%;
	margin-left: 7%;
}
.history_description_2014 {
	width: 30%;
	margin: auto;
}
.description-wrap_2015 {
	margin-left: 15%;
	width: 80%;
}
.history_img_2015 {
	margin-right: 6%;
	width: 50%;
}
.history_img_2016 {
	width: 40%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 3%;
}
.history_container.img-right_2016 {
	height: 650px;
	display: flex;
	margin-bottom: 5%;
}
.history_vertical {
	width: 100%;
}
.description-wrap_2019 {
	margin-bottom: 15%;
}
.history_container.leftText3_2019 {
	height: 870px;
	display: flex;
	background-color: #f7f0ea;
	margin-bottom: 5%;
}
.history_img_2019 {
	margin: auto;
	width: 55%;
}
.history_img_2020 {
	width: 40%;
	margin-right: 7%;
}
.description-wrap_2020 {
	width: 70;
	width: 80%;
	margin-left: 7%;
}
.history_container.img-right_2020 {
	min-height: 300px;
	display: flex;
	margin: 5% 0;
}
.history_img-left_2020 {
	width: 40%;
	margin-left: 7%;
}
.history_container.img-left_2020 {
	min-height: 290px;
	display: flex;
}
.description-wrap_right-wrap_2020 {
	width: 80%;
	margin-left: 4%;
}
h2.timeTitle_2020 {
	text-align: center;
	font-size: 34px;
	margin-bottom: 15px;
	font-family: 'Futura PT W05 Book';
}
.history_background_theme_2021 {
	margin: 0 4% 4% 4%;
	background-color: #f7f0ea;
}
h2.timeTitle_2021 {
	font-size: 26px;
	text-align: center;
	margin-bottom: 10%;
	font-family: 'Futura PT W05 Book';
}
.history_container.img-right_2021 {
	min-height: 450px;
	display: flex;
}
.history_img_2021 {
	width: 50%;
	margin-right: 0%;
	margin-left: 10%;
}
.history_description_2021 {
	margin: auto;
	width: 40%;
	padding-right: 10%;
}
.description-wrap_2021 {
	margin-bottom: 5%;
}
.history_img_2021_02 {
	width: 40%;
	margin-right: 5%;
}
.history_description_2021_02 {
	width: 35%;
	margin-right: 13%;
	margin-left: auto;
}
.history_container.img-left_2021_02 {
	min-height: 400px;
	display: flex;
	align-items: center;
}
h2.timeTitle_2021_02 {
	font-size: 26px;
	margin-bottom: 15px;
	font-family: 'Futura PT W05 Book';
}
.history_img_2021_03 {
	width: 25%;
	margin-right: 0%;
	margin-left: 10%;
}
.description-wrap_2021_03 {
	margin-left: 25%;
	width: 90%;
	margin-bottom: 5%;
}
.history_container.img-left_2021_04 {
	min-height: 360px;
	display: flex;
	align-items: center;
}

h2.timeTitle_2021_03 {
	font-size: 34px;
	margin-bottom: 10%;
	font-family: 'Futura PT W05 Book';
	text-align: center;
}
.history_description_2021_04 {
	width: 35%;
	margin-right: 13%;
	margin-left: auto;
}
.history_img_2022 {
	width: 15%;
	margin-left: 25%;
	margin-right: 10%;
}
.description-wrap_2022 {
	margin-left: 20%;
	width: 94%;
	margin-bottom: 5%;
}
.history_description {
	margin: auto;
}
.age_slider {
	border-bottom: 1px solid #113e1d;
	width: 85%;
	margin: auto;
}
.slick-prev.slick-arrow {
	box-shadow: 0px 0px 14px -6px rgb(0 0 0 / 60%);
	border-radius: 50%;
	width: 40px;
	height: 40px;
	left: -45px;
}
.slick-prev.slick-arrow:before{
	color: #202124;
	content: 'prev';
	font-family: swiper-icons;
	font-size: 25px;
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial;
	line-height: 1;
  display: block;
}
.slick-next.slick-arrow {
	box-shadow: 0px 0px 14px -6px rgb(0 0 0 / 60%);
	border-radius: 50%;
	width: 40px;
	height: 40px;
	right: -45px;
}
.slick-next.slick-arrow:before{
	color: #202124;
	content: 'next';
	font-family: swiper-icons;
	font-size: 25px;
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial;
	line-height: 1;
  display: block;
}
.slick-track:before, .slick-track:after {
  display: table;
  content: '';
}
.pc_only {
	display: block;
}
.sp_only {
	display: none;
}
p.left-text {
	text-align: left;
}
@media only screen and (max-width: 1023px){
  .history_img_2021 img{
    width: 100%;
  }

  .mainWrapper p {
    font-size: 17px;
    line-height: 1.5;
}

	.topContents {
		width: 100%;
		margin-bottom: 10%;
	}
	.pc_only {
		display: none;
	}
	.sp_only {
		display: block;
		margin: 0 auto;
		width: 52%;
	}
	h2.timeTitle {
		font-size: 34px;
		margin-left: 3%;
		margin-top: 5%;
	}
	p {
		font-size: 17px;
		margin-left: 3%;
		width: 90%;
	}
	.history_container.img-right {
		display: block;
	}
	.history_description {
		margin: 0;
		width: 100%;
	}
	.description-wrap {
		margin-bottom: 3%;
	}
	.history_img_1894 {
		width: 100%;
		margin-left: 0;
		margin-bottom: 10%;
	}
	.history_img_1908 {
		width: 100%;
		margin-left: 0;
	}
	.history_container.img-left {
		flex-direction: column-reverse;
		margin-bottom: 0;
	}
	.history_img_1912 {
		width: 100%;
		margin-right: 0;
	}
	.history_container.img-left.img-1912 {
		display: flex;
	}
	.history_container.flex_contents {
		flex-direction: column;
		margin-bottom: 5%;
	}
	.history_img.firstImg {
		width: 68%;
		margin: auto;
		margin-top: 3%;
	}
	h2.timeTitle {
		text-align: initial;
	}
	p {
		text-align: left;
	}
	.history_img.firstImg {
		margin-top: 3%;
	}
	.history_description.text-bottom_left {
		margin-left: 0;
	}
	.history_img.secondImg {
		width: 68%;
		margin: auto;
	}
	.history_img.secondImg {
		margin-top: 3%;
	}
	.history_container.bothSides {
		flex-direction: column;
		align-items: baseline;
		height: auto;
	}
	.history_img.leftSides1936 {
		margin-left: 0;
	}
	.history_img.leftSides1936.sp_only {
		width: 100%;
	}
	.history_img.leftSides1939.sp_only {
		width: 100%;
	}
	.history_description_1939.center_text {
		width: 100%;
	}
	.history_img_1957.sp_only {
		height: auto;
		margin: 20%;
	}
	.history_container.leftText3 {
		display: inline-block;
		width: 100%;
	}
	.history_description_1957 {
		width: 100%;
	}
	.history_img_1957.sp_only {
		margin: 0 auto;
		text-align: center;
		margin: 20% auto;
	}
	.history_description_1957 {
		margin: 0;
	}
	.history_img.firstImg.sp_only {
		width: 100%;
		text-align: center;
	}
	.history_vertical {
		margin: 3%;
	}
	.history_img.secondImg.sp_only {
		width: 100%;
		text-align: center;
	}
	.history_container.img-right_1974 {
		flex-direction: column;
		margin-bottom: 0;
	}
	.history_img_1974 {
		margin-left: 0;
		margin-bottom: 10%;
	}
	.history_img_1974.sp_only {
		width: 100%;
	}
	.history_img.leftSides1980.sp_only.img_1980 {
		margin-top: 0;
		padding-top: 13%;
		margin-left: 0;
	}
	.history_img.leftSides1980.sp_only {
		width: 30%;
		margin-top: 15%;
		margin-bottom: 30%;
	}
	.description-wrap.sp_1980 {
		margin-bottom: 25%;
	}
	.history_img_1981.sp_only {
		width: 100%;
	}
	.history_container.img-left.container_1981 {
		display: flex;
	}
	.history_container.img-right_1982 {
		flex-direction: column;
		margin-top: 0;
	}
	.history_img_1982.sp_only {
		width: 100%;
		margin-left: 0;
	}
	.history_description_1982 {
		margin: 0;
	}
	.history_img.leftSides1988.sp_only {
		width: 100%;
	}
	.history_container.bothSides {
		display: block;
	}
	.description-wrap_1988 {
		margin-bottom: 0;
	}
	.history_container.img-right_2005 {
		display: block;
	}
	.history_img_2005.sp_only {
		width: 100%;
		margin-left: 0;
	}
	.history_container.img-left {
		display: block;
	}
	.history_description_2007 {
		width: 100%;
		margin-left: 0;
	}
	.history_img_2007.sp_only {
		width: 100%;
	}
	.history_container.bothSides_2008 {
		display: block;
		height: auto;
		padding-bottom: 2%;
	}
	.history_img.leftSides2008.sp_only {
		width: 100%;
	}
	.history_img.topimage_2013.sp_only {
		width: 100%;
		width: 100%;
	}
	.history_description.bottom_text_2013 {
		width: 100%;
		margin-bottom: 7%;
	}
	.history_img_2014.sp_only {
		width: 100%;
		margin-left: 0;
	}
	.history_description_2014 {
		width: 100%;
	}
	.history_img_2015.sp_only {
		width: 100%;
	}
	.description-wrap_2015 {
		width: 100%;
		width: 100%;
		margin-left: 0;
		margin-bottom: 2%;
	}
	.history_img_2015.sp_only {
		width: 100%;
	}
	.description-wrap_2015 {
		width: 100%;
		margin-left: 0;
		margin-bottom: 2%;
	}
	.history_container.img-right_2016 {
		display: block;
	}
	.history_img_2016.sp_only {
		width: 100%;
		margin: 0;
	}
	.history_container.img-right_2016 {
		height: auto;
	}
	.description-wrap {
		padding-bottom: 2%;
	}
	.history_vertical {
		margin: 0;
	}
	.history_container.leftText3_2019 {
		display: block;
		height: auto;
	}
	.history_img_2019.sp_only {
		width: 70%;
		padding: 15% 0;
	}

	h2.timeTitle {
		margin: 1%;
	}
	.description-wrap_2020.description_title_2020 {
		margin-top: 15%;
	}
	.description-wrap_2020.description_title_2020_02 {
		margin-top: 10%;
	}
	.description-wrap_2019 {
		margin-bottom: 5%;
	}
	.description-wrap_2019 {
		padding-bottom: 1%;
	}
	.history_container.img-right_2020 {
		display: block;
	}
	.description-wrap_2020 {
		margin: 0;
		width: 100%;
	}
	.history_img_2020.sp_only {
		margin: 0 auto;
		margin-top: 5%;
	}
	.history_container.img-left_2020 {
		display: block;
	}
	.history_img_2020.sp_only {
		width: 52%;
	}
	.description_right-wrap_2020 {
		margin-top: 7%;
	}
	.description_right-wrap_2020 p {
		margin: 0;
	}
	.description-wrap_2020 {
		margin-top: 5%;
	}
	.description-wrap_2020 p {
		margin-left: 0;
	}
	.description-wrap_right-wrap_2020.description_2020 {
		width: 100%;
		margin-top: 5%;
		margin-left: 0;
	}
	.description-wrap_right-wrap_2020.description_2020 p {
		margin-left: 0;
	}
	.history_background_theme_2021 {
		margin-top: 2%;
	}
	.history_container.img-right_2021 {
		display: block;
	}
	.description-wrap_2021 {
		margin-top: 3%;
	}
	.history_description_2021 {
		width: 100%;
		padding-right: 0;
	}
	h2.timeTitle_2021 {
		margin-bottom: 4%;
	}
	.history_background_theme_2021 {
		margin: 0;
		padding-bottom: 2%;
		margin-top: 2%;
	}
	.history_img_2021_03.sp_only {
		width: 30%;
		margin-top: 3%;
	}
	.description-wrap_2021_03 {
		margin: 10% 0;
		width: 100%;
	}
	.description-wrap_2021_03 p {
		margin-left: 0;
	}
	.history_container.img-left_2021_04 {
		display: block;
	}
	.history_description_2021_04 {
		margin: 8% 0;
		width: 100%;
	}
	.history_description_2021_04 p {
		margin-left: 0;
	}
	.history_container.img-left_2021_02 {
		display: block;
	}
	.history_description_2021_02 {
		width: 100%;
		margin-top: 5%;
		margin-top: 20%;
	}
	.description-wrap_2021 p {
    font-family: 'Arimo', 'Noto Sans JP',Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
		margin-left: 0;
		text-align: center;
		width: 100%;
	}
	.history_description_2021_02 p {
		margin-left: 0;
		text-align: center;
		width: 100%;
	}
	.history_container.img-right.img_44 {
		margin-top: 15%;
	}
	.history_img_2022.sp_only {
		width: 17%;
	}
	.description-wrap_2022 {
		margin: 20% 0;
		width: 100%;
	}
	.history_description p {
		margin-left: 1%;
	}

}

  /* ====== TABLET ===== */
  @media screen and (max-width: 1280px) and (min-width:769px){
    html{
      font-size: calc(10*(100vw/1280));
    }

  }

@media only screen and (max-width: 767px){
	.topContents {
		margin-bottom: 43%;
	}
	.mainWrapper {
		padding: 0;
		overflow: hidden;
	}
	div#history {
		width: 100%;
	}
	.age_slider {
		width: 68%;
	}
	.guide-area {
		width: 100%;
	}
	.history_container.img-right {
		display: block;
	}
	.history_img {
		width: 100%;
		padding: 0;
	}
	.history_description {
		margin: 0 0 8% 0;
		width: 100%;
	}
	.history_img_1957.sp_only {
		margin-bottom: 5%;
	}
	.history_img.leftSides1980.sp_only {
		margin-bottom: 10%;
		margin-top: 0;
	}
	.history_container.img-left {
		min-height: auto;
	}
	.history_description {
		margin-bottom: 0;
	}
	.description-wrap {
		margin-bottom: 0;
	}
	.history_img.leftSides1980.sp_only.img_1980 {
		width: 91%;
		padding-top: 0;
	}
	.history_container.bothSides_2008 {
		padding-bottom: 7%;
		padding-top: 15%;
	}
	.history_container.image_top {
		margin-top: 25%;
	}
	.history_container.image_top {
		min-height: 450px;
	}
	.history_container.img-right {
		min-height: 450px;
	}
	.description-wrap_2015 {
		margin-bottom: 10%;
	}
	.history_container.img-right_2016 {
		padding: 6% 0;
	}
	.history_img_2016.sp_only {
		margin: 0;
	}
	.history_vertical {
		margin: 2%;
	}
	.history_img_2019.sp_only {
		width: 100%;
	}
	.description-wrap_2020 {
		margin-top: 25%;
		width: 100%;
		margin-left: 0;
		margin-bottom: 9%;
	}
	.history_img_2020.sp_only {
		width: 100%;
	}
	.history_container.img-left_2020 {
		display: block;
	}
	.history_img-left_2020.sp_only {
		width: 100%;
		margin-left: 0;
	}
	.description_right-wrap_2020 {
		margin-top: 20%;
	}
	.history_img_2020.sp_only.img38 {
		padding: 3% 4%;
		margin-top: 32%;
	}
	.description-wrap_2020.description_title_2020_02 {
		margin-top: 35%;
	}
	.description-wrap_right-wrap_2020.description_2020 {
		margin-top: 20%;
		margin-left: 0;
	}
	.history_container.img-right_2021 {
		position: relative;
	}
	.history_img_2021.sp_only {
		width: 100;
		width: 135%;
		position: absolute;
		right: -17%;
	}
	.history_background_theme_2021 {
		margin-top: 7%;
	}
	.history_description_2021 {
		position: absolute;
		top: 116%;
	}
	.history_container.img-left_2021_02 {
		margin-top: 72%;
	}
	.history_container.img-left_2021_02 {
		margin-top: 72%;
	}
	.description-wrap_2021 p {
		text-align: center;
		width: 100%;
	}
	.history_description_2021_02 {
		margin: 10% 0;
	}
	.history_img_2021_02.sp_only {
		width: 90%;
	}
	.history_img_2021_03.sp_only {
		width: 82%;
	}
	.description-wrap_2021_03 {
		margin-top: 40%;
	}
	.history_img_2021_03.sp_only {
		margin-top: 0;
	}
	.history_container.img-left_2021_02 {
		min-height: 377px;
	}
	.history_img_2022.sp_only {
		width: 56%;
	}
	.history_container.img-right.img_44 {
		margin-top: 7%;
	}
	.history_description_2021_04 {
		margin-top: 48%;
	}
	p.our-history-description {
		width: 98%;
		margin-left: 2%;
	}
	p {
		width: 100%;
		margin-left: 2%;
	}
	.history_img_1908.sp_only {
		width: 96%;
		margin: 0 auto;
	}
	.guide-column {
		width: 90%;
		margin: 0 auto;
	}
	.history_img.firstImg.sp_only {
		width: 90%;
	}
	.history_description.text-bottom_left {
		width: 100%;
	}
	.history_description.text-bottom_right {
		width: 100%;
	}
	.history_img.firstImg.sp_only {
		margin: 0;
		width: 100%;
	}
	.history_vertical {
		margin: 3% 0;
	}
	p.left-text {
		width: 100%;
	}
	.description-wrap_1974 {
		margin-right: 0;
	}
	.description-wrap_1982 {
		width: 100%;
	}
	h2.timeTitle_2020 {
		text-align: left;
	}
	h2.timeTitle_2021 {
		text-align: left;
	}
	.history_img_2020.sp_only.img38 {
		padding: 0;
	}
	.history_img_2021.sp_only {
		width: 95%;
		left: -21%;
	}
	.history_container.img-right_2021 {
		min-height: 273px;
	}
	h2.timeTitle_2021_03 {
		text-align: left;
	}
	.description-wrap_2021 p {
		text-align: left;
	}
	.history_description_2021_02 p{
		text-align: left;
	}
}

@media only screen and (min-width: 767px){
	#breadcrumbs{
	  width: 140rem;
	}

  }