#bodi {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
#bodi::before {
	content:' ';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
    top: 0;
	left: 0;
	background-size: 100%;
	z-index: -10;
	background: #F5EEE9;
}

#bodi h1 {
	position: relative;
	width: 100%;
	height:  calc(518 / 1536 * 100vw);
}

#bodi h1 img {
	position: absolute;
	top: 0;
	left: 0;
}

#bodi .main-content {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}

#bodi .bg-first {
	position: relative;
}

#bodi .bg-first::before {
	content:' ';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
    top: 0;
	left: 0;
	background-size: 100%;
	z-index: -9;
	background: #F9F9F8;
}

#bodi .parallax {
	content:' ';
	display: block;
	width: 100%;
	height: 100vh;
	position: absolute;
    top: 0;
	left: 0;
	background: url('../img/bg-line1_pc.svg') center top no-repeat transparent;
	background-size: 100%;
	z-index: -8;
}

@media (min-width: 751px) and (max-width: 1145px) {
	#bodi .parallax {
    	background: url('../img/bg-line1_md.svg') center top no-repeat transparent;
		background-size: 100%;
	}
}

@media (max-width: 750px) {
	#bodi .parallax {
    	background: url('../img/bg-line1_sp.svg') center top no-repeat transparent;
		background-size: 100%;
	}
}

#bodi .bg-middle {
	position: relative;
}

#bodi .bg-middle::before
/*#bodi .bg-middle::after*/ {
	content:' ';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
    top: 0;
	left: 0;
	background: url('../img/bg-middle_pc.svg') center top no-repeat transparent;
	background-size: 100%;
	z-index: -7;
}
/*
#bodi .bg-middle::after {
	background: url('../img/bg-middle-line_pc.svg') center top no-repeat transparent;
	background-size: 100%;
	z-index: -6;
}
*/
@media (max-width: 1145px) {
	#bodi .bg-middle::before {
		background: url('../img/bg-middle_md.svg') center top no-repeat transparent;
		background-size: 100%;
	}
/*
	#bodi .bg-middle::after {
		background: url('../img/bg-middle-line_md.svg') center top no-repeat transparent;
		background-size: 100%;
	}
*/
}
@media (max-width: 750px) {
	#bodi .bg-middle::before {
		background: url('../img/bg-middle_sp.svg') center top no-repeat transparent;
		background-size: 100%;
	}
/*
	#bodi .bg-middle::after {
		background: url('../img/bg-middle-line_sp.svg') center top no-repeat transparent;
		background-size: 100%;
	}
	*/
}

#bodi .tartan_item {
	margin-top: 1.8%;
}

#bodi .tartan_item1 {
	margin-top: 0;
}

#bodi .column .tartan_item {
	flex: 0 0 49.1%;
}

#bodi .first {
	margin-top: 115px;
}

#bodi .first_note {
	margin-top: 60px;
}

#bodi .index-menu {
	margin-top: 150px;
}

#bodi .index-menu {
	position: relative;
}

#bodi .index-menu h5,
#bodi .index-menu_item {
	line-height: 1;
	vertical-align: bottom;
}

#bodi .index-menu_item {
	margin-bottom: 0.5em;
}

#bodi .index-menu_item:first-child {
	border-bottom: 1px solid #000;
}

#bodi .index-menu_item:last-child {
	margin-bottom: 0;
}

#bodi .index-menu h5,
#bodi .index-menu_item a {
	display: inline-block;
	width: 534px;
	padding: 0.5em 0 0.5em;
	text-align: left;
}

#bodi .index-menu h5 {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	border-bottom: none;
}

#bodi .index-menu_item a {
	border-bottom: 1px solid #000 !important;
	text-decoration: none;
	padding-right: 1%;
}

#bodi .index-menu_item:first-child a {
	border-bottom: none !important;
}

#bodi .index-menu_item a:hover {
	color: #949495;
	text-decoration: none;
}

#bodi .index-menu .arrow-link {
  position: relative;
}

#bodi .index-menu .arrow-link_icon {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 2%;
  bottom: 0;
  width: 34px;
  height: 31px;
  margin: auto 0;
  line-height: 1;
}
#bodi .index-menu .arrow-link_icon:before,
#bodi .index-menu .arrow-link_icon:after {
	display: inline-block;
	width: 34px;
	height: 31px;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	animation-fill-mode: both;
	animation-duration: 0.6s;
	background: url('../img/icon-arrow-bottom.svg') center center no-repeat transparent;
	background-size: 100%;
}
#bodi .index-menu .arrow-link_icon:after {
  transform: translateX(-100%);
}
#bodi .index-menu .arrow-link.is-hover .arrow-link_icon:before {
  animation-name: transformTopBottom;
  animation-delay: 0.2s;
}
#bodi .index-menu .arrow-link.is-hover .arrow-link_icon:after {
  animation-name: transformBottomTop;
}
#bodi .index-menu .arrow-link.is-hover:hover .arrow-link_icon:before {
  animation-name: transformBottomTop;
  animation-delay: 0s;
}
#bodi .index-menu .arrow-link.is-hover:hover .arrow-link_icon:after {
  animation-name: transformTopBottom;
  animation-delay: 0.2s;
}

@keyframes transformTopBottom {
  0% {
    transform: translateY(-100%);
	opacity: 0;
  }
  100% {
    transform: translateY(0);
	opacity: 1;
  }
}
@keyframes transformBottomTop {
  0% {
    transform: translateY(0);
	opacity: 1;
  }
  100% {
    transform: translateY(100%);
	opacity: 0;
  }
}

#bodi .bg-middle {
	padding-top: 190px;
}

#bodi .detail {
	position: relative;
	
}

#bodi .detail .tit-contents {
	position: absolute;
	top: 0;
	left: 0
}

#bodi .column .fabric_item {
	width: 100%;
	margin-top: 230px;
	flex: 0 0 45.5%;
	display: flex;
	justify-content: space-between;
}

#bodi .column .fabric_item:last-child {
	margin-top: 50px;
}

#bodi .column .fabric_item_eng {
	flex: 0 0 11.5%;
}

#bodi .column .fabric_item_eng img {
	width: 100%;
}

#bodi .column .fabric_item_main {
	flex: 0 0 81%;
}

#bodi .fabric_name {
	margin-top: 1.5em;
}

#bodi .fabric_txt {
	margin-top: 1.5em;
}

#bodi .fabric_note {
	margin-top: 1.5em;
}

#bodi .thread,
#bodi .registe,
#bodi .award {
	padding-top: 270px;
}

#bodi .thread_txt,
#bodi .registe_txt,
#bodi .award_txt {
	margin-top: 3em;
}


#bodi .thread_fig {
	position: relative;
}

#bodi .thread_num {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(0, -100%);
}

#bodi .thread .column {
	align-items: flex-end !important;
}

#bodi .thread .tit-circle img {
	transform: translate(0, -83.2%);
}

#bodi .thread_item:last-child {
	margin-top: 175px;
}

#bodi .column .thread_fig {
	flex: 0 0 80%;
}

#bodi .column .thread_color {
	flex: 0 0 15.2%;
}

#bodi .award {
	padding-bottom: 60px;
}

#bodi .award_txt.column p:first-child {
	flex: 0 0 60%;
}
#bodi .award_txt.column p:last-child {
	flex: 0 0 35%;
}

#bodi .bag {
	margin-top: 90px;
	margin-bottom: 135px;
}

#bodi .bag_inner {
	max-width: 100%;
	padding-left: 130px;
	padding-bottom: 180px;
	position: relative;
	background: #fff;
}

#bodi .bag_inner::before {
	content:' ';
	display: block;
	width: 9999px;
	height: 100%;
	position: absolute;
    top: 0;
	left: 20%;
	background: #fff;
	z-index: -1;
}

#bodi .bag_img {
	width: 100%;
	margin-top: 80px;
}

#bodi .bag_read {
	width: 100%;
	margin-top: 85px;
}

#bodi .column .bag_txt,
#bodi .column .bag_photo {
	flex: 0 0 47.5%;
}
#bodi .bag_photo_caption {
	position: relative;
	width: 100%;
	margin-top: 2em;
}

#bodi .bag_caption_txt {
	padding-right: 26.4%;
}

#bodi .bag_caption_fig {
	position: absolute;
	right: -9%;
	top: -45%;
	display: inline-block;
	width: 30.6%;
}

#bodi .bag_caption_fig_inner {
	position: relative;
}

#bodi .bag_caption_fig span {
	position: absolute;
	top: 15%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#bodi .bag_caption_fig img {
	width: 100%;
	border: 1px solid #E61673;
	border-radius: 999px;
}

#bodi .bag_fig_bottom {
	margin-top: 85px;
}

#bodi .bg-grid {
	width: 100%;
	position: relative;
	background: url('../img/bg-grid.svg') center top repeat #fff;
	background-size: 150px;
}

#bodi .design {
	padding-top: 170px;
	padding-bottom: 230px;
}

#bodi .gda {
	padding-top: 115px;
}

#bodi .gda_item {
	margin-bottom: 140px;
}

#bodi .gda_year {
	margin-bottom: 1em;
}

#bodi .museum_fig1 {
	margin-bottom: 50px;
}

#bodi .museum_txt {
	margin-top: 40px;
}

#bodi .museum_data p + p,
#bodi .museum_detail p + p{
	margin-top: 2em;
}

#bodi .museum_movie {
	margin-top: 125px;
}

#bodi .museum_fig_bottom {
	margin-top: 25px;
	margin-bottom: 55px;
}

#bodi .column .gda_fig,
#bodi .column .wilton_fig {
	flex: 0 0 50%;
}

#bodi .column .gda_txt,
#bodi .column .wilton_txt {
	flex: 0 0 42%;
}

#bodi .museum_txt-middle {
	margin-bottom: 125px;
}

#bodi .column .museum_data {
	flex: 0 0 48%;
}

#bodi .column .museum_detail {
	flex: 0 0 51%;
}

#bodi .column .museum_fig2 {
	flex: 0 0 32.4%;
}

#bodi .column .museum_fig3 {
	flex: 0 0 64.8%;
}

#bodi .wilton_name {
	margin-bottom: 2em;
	line-height: 1;
}

#bodi .wilton_name_en {
	display: block;
	margin-top: 0.8em;
}

#bodi .wilton_post {
	text-align: left;
}

#bodi .wilton_prof {
	margin-top: 50px;
}

#bodi .bg-green {
	width: 100%;
	padding-top: 136px;
	padding-bottom: 120px;
	position: relative;
}
#bodi .bg-green::before {
	content:' ';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
    top: 0;
	left: 0;
	background: #BCCAC5;
	z-index: -2;
}

#bodi .archive-box {
	position: relative;
	padding-left: 130px;
	padding-right: 130px;
}

#bodi .archive-box1 {
	margin-bottom: 150px;
	padding-top: 180px;
	padding-bottom: 95px;
}

#bodi .archive-box2 {
	margin-bottom: 120px;
	padding-top: 170px;
	padding-bottom: 80px;
}

#bodi .archive-box::before {
	content:' ';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
    top: 0;
	left: 0;
	border: 1px solid #E61673;
	z-index: -1;
}
#bodi .archive-box1::before {
	background: #E6E6DF;
}
#bodi .archive-box2::before {
	background: #F7EAD2;
}

#bodi .archive_tit {
	width: 100%;	
}

#bodi .archive_item1 { padding-top: 150px; }
#bodi .archive_item2 { padding-top: 355px; }
#bodi .archive_item3 { padding-top: 240px; }
#bodi .archive_item4 { padding-top: 330px; }

#bodi .archive_txt {
	position: relative;
	width: 100%;
	line-height: 1.8;
}
#bodi .archive_txt span {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(0, -150%);
}

#bodi .archive-box .column > div {
	margin-top: 20px;
	flex: 0 0 49%;
}


#bodi p.archive_caption {
	margin-top: 1.5em;
	line-height: 1;
	letter-spacing: 0;
	text-align: left;
}

footer {
	width: 100%;
	color: #fff;
	line-height: 1;
}

@media (max-width: 1536px) {
	#bodi .bg-green {
		padding-top: calc(136 / 1536 * 100vw);
	}

	#bodi .archive-box {
		padding-left: calc(130 / 1536 * 100vw);
		padding-right: calc(130 / 1536 * 100vw);
	}
	
	#bodi .archive-box1 {
		margin-bottom: calc(150 / 1536 * 100vw);
		padding-top: calc(180 / 1536 * 100vw);
		padding-bottom: calc(95 / 1536 * 100vw);
	}
	
	#bodi .archive-box2 {
		margin-bottom: calc(120 / 1536 * 100vw);
		padding-top: calc(170 / 1536 * 100vw);
		padding-bottom: calc(80 / 1536 * 100vw);
	}

	#bodi .archive-box .column > div {
		margin-top: calc(20 / 1536 * 100vw);
		flex: 0 0 49%;
	}
}

/*---------------------------------------------------------------------------------------------------------------------------------------
= PCサイズ
---------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1146px) and (max-width: 1536px) {
	#bodi .first {
		margin-top: calc(115 / 1536 * 100vw);
	}

	#bodi .first_note {
		margin-top: calc(60 / 1536 * 100vw);
	}

	#bodi .index-menu {
		margin-top: calc(150 / 1536 * 100vw);
	}
	
	#bodi .bg-middle {
		padding-top: calc(190 / 1536 * 100vw);
	}

	#bodi .column .fabric_item {
		margin-top: calc(230 / 1536 * 100vw);
	}

	#bodi .column .fabric_item:last-child {
		margin-top: calc(50 / 1536 * 100vw);
	}

	#bodi .thread, #bodi .registe, #bodi .award {
		padding-top: calc(270 / 1536 * 100vw);
	}

	#bodi .award {
		padding-bottom: calc(60 / 1536 * 100vw);
	}

	.thread_item:last-child {
		margin-top: calc(175 / 1536 * 100vw);
	}
	
	#bodi .gda_item {
		margin-bottom: calc(140 / 1536 * 100vw);
	}
	
	#bodi .museum_fig1 {
		margin-bottom: calc(50 / 1536 * 100vw);
	}

	#bodi .museum_txt {
		margin-top: calc(35 / 1536 * 100vw);
	}

	#bodi .museum_txt-middle {
		margin-bottom: calc(125 / 1536 * 100vw);
	}
	#bodi .museum_movie {
		margin-top: calc(125 / 1536 * 100vw);
	}
	#bodi .bag {
		margin-top: calc(90 / 1536 * 100vw);
		margin-bottom: calc(135 / 1536 * 100vw);
	}
	#bodi .bag_inner {
		padding-left: calc(130 / 1536 * 100vw);
		padding-bottom: calc(180 / 1536 * 100vw);
		}
	#bodi .bag_read {
		margin-top: calc(85 / 1536 * 100vw);
	}
	#bodi .bag_fig_bottom {
		margin-top: calc(85 / 1536 * 100vw);
	}
	#bodi .design {
		padding-top: calc(170 / 1536 * 100vw);
		padding-bottom: calc(230 / 1536 * 100vw);
	}

	#bodi .gda {
		padding-top: calc(115 / 1536 * 100vw);
	}

	#bodi .museum_fig_bottom {
		margin-top: calc(25 / 1536 * 100vw);
		margin-bottom: calc(55 / 1536 * 100vw);
	}

	#bodi .wilton_name {
		margin-bottom: 2em;
	}
	
	#bodi .wilton_prof {
		margin-top: calc(50 / 1536 * 100vw);
	}
	
	#bodi .archive_item1 {
		padding-top: calc(150 / 1536 * 100vw);
	}
	#bodi .archive_item2 {
		padding-top: calc(330 / 1536 * 100vw);
	}
	#bodi .archive_item3 {
		padding-top: calc(240 / 1536 * 100vw);
	}
	#bodi .archive_item4 {
		padding-top: calc(330 / 1536 * 100vw);
	}
	#bodi .bg-green {
		padding-top: calc(136 / 1536 * 100vw);
		padding-bottom:calc(120 / 1536 * 100vw);
	}
}


@media (min-width: 1145px) {
	#bodi .bag_fig_bottom > div {
		flex: 0 0 49%;
	}
	
	#bodi .tartans {
		width: calc(1400 / 1536 * 100vw);
	}

	#bodi .gda_year {
		margin-top: -0.4em;
	}
}

/*---------------------------------------------------------------------------------------------------------------------------------------
= 1145px以下
---------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1145px) {
	#bodi h1 {
		height:  calc(538 / 1146 * 100vw);
	}

	#bodi .index-menu_item a {
		width: calc(496 / 1146 * 100vw);
		margin-left: 10%;
	}
	
	#bodi .index-menu .arrow-link_icon,
	#bodi .index-menu .arrow-link_icon:before,
	#bodi .index-menu .arrow-link_icon:after {
		width: calc(32 / 1146 * 100vw);
		height: calc(29 / 1146 * 100vw);
	}

	#bodi .detail .tit-contents {
		position: relative;
	}

	#bodi .tartan_item {
		margin-top: calc(20 / 1146 * 100vw);
	}
	#bodi .tartan_item1 {
		margin-top: 0;
	}

	#bodi .first {
		margin-top: calc(95 / 1146 * 100vw);
	}

	#bodi .first_note {
		margin-top: calc(40 / 1146 * 100vw);
	}

	#bodi .index-menu {
		margin-top: calc(110 / 1146 * 100vw);
	}

	#bodi .bg-middle {
		padding-top: calc(160 / 1146 * 100vw);
	}

	#bodi .column .fabric_item,
	#bodi .column .fabric_item:last-child {
		margin-top: calc(90 / 1146 * 100vw);
	}

	#bodi .column .fabric_item_main {
		flex: 0 0 88.2%;
	}

	#bodi .column .fabric_item_eng {
		flex: 0 0 6.5%;
	}

	#bodi .thread {
		padding-top: calc(460 / 1146 * 100vw);
	}

	#bodi .thread_item:last-child {
		margin-top: calc(215 / 1146 * 100vw);
	}

	#bodi .thread .tit-circle img {
		transform: translate(0, -125%);
	}

	#bodi .column .thread_color {
		margin-top: calc(53 / 1146 * 100vw);
	}

	#bodi .thread_txt,
	#bodi .registe_txt,
	#bodi .award_txt {
		margin-top: calc(55 / 1146 * 100vw);
	}

	#bodi .registe {
		padding-top: calc(320 / 1146 * 100vw);
	}

	#bodi .award {
		padding-top: calc(230 / 1146 * 100vw);
		padding-bottom: calc(146 / 1146 * 100vw);
	}
	

	#bodi .award_note {
		margin-top: 2em;
	}

	#bodi .bag-deco .deco {
		width: 100vw;
		max-width: 100vw;
	}
	#bodi .bag {
		width: 100%;
		margin-top: calc(34 / 1146 * 100vw);
		margin-bottom: calc(100 / 1146 * 100vw);
		padding-left: calc(100 / 1146 * 100vw);
	}

	#bodi .bag_inner {
		max-width: 100%;
		padding-top: calc(290 / 1146 * 100vw);
		padding-left: calc(148 / 1146 * 100vw);
		padding-right: calc(148 / 1146 * 100vw);
		padding-bottom: calc(105 / 1146 * 100vw);
	}

	#bodi .bag_img,
	#bodi .bag_fig_bottom {
		max-width: 100%;
	}

	#bodi .bag_img {
		margin-top: 0;
	}

	#bodi .bag_read {
		margin-top: calc(55 / 1146 * 100vw);
	}

	#bodi .column .bag_photo {
		margin-top: calc(55 / 1146 * 100vw);
	}
	#bodi .bag_photo_caption {
		margin-top: calc(35 / 1146 * 100vw);
	}

	#bodi .bag_caption_txt {
		padding-right: calc(295 / 1146 * 100vw);
	}

	#bodi .bag_caption_fig {
		right: 2%;
		width: calc(232 / 1146 * 100vw);
	}

	#bodi .bag_fig_bottom {
		margin-top: calc(50 / 1146 * 100vw);
	}

	#bodi .bag_fig_bottom div:last-child {
		margin-top: calc(20 / 1146 * 100vw);
	}

	#bodi .bg-grid {
		background: url('../img/bg-grid.svg') center top repeat #fff;
		background-size: calc(110 / 1146 * 100vw);
	}

	#bodi .bg-grid .deco img {
		width: 100vw !important;
		max-width: 100vw;
	}

	#bodi .design {
		padding-top: calc(250 / 1146 * 100vw);
		padding-bottom: calc(130 / 1146 * 100vw);
	}

	#bodi .gda {
		padding-top: calc(65 / 1146 * 100vw);
	}

	#bodi .gda_year {
		margin-top: calc(55 / 1146 * 100vw);
		margin-bottom: calc(15 / 1146 * 100vw);
	}

	#bodi .gda_item {
		margin-bottom: calc(85 / 1146 * 100vw);
	}
	#bodi .museum_fig1 {
		margin-bottom: calc(50 / 1146 * 100vw);
	}

	#bodi .museum_txt {
		margin-top: calc(40 / 1146 * 100vw);
	}

	#bodi .museum_detail {
		margin-top: calc(40 / 1146 * 100vw);
	}

	#bodi .museum_fig_bottom {
		margin-top: calc(23 / 1146 * 100vw);
		margin-bottom: calc(50 / 1146 * 100vw);
	}

	#bodi .museum_txt-middle {
		margin-bottom: calc(95 / 1146 * 100vw);
	}

	#bodi .column .wilton_fig {
		flex: 0 0 34%;
	}

	#bodi .column .wilton_txt {
		flex: 0 0 60.4%;
	}

	#bodi .column .wilton_post {
		text-align: left;
		margin-top: calc(40 / 1146 * 100vw);
	}
	#bodi .wilton_prof {
		margin-top: calc(50 / 1146 * 100vw);
	}

	#bodi .bg-green {
		padding-top: calc(101 / 1146 * 100vw);
		padding-bottom: calc(65 / 1146 * 100vw);
	}

	#bodi .archive-box {
		padding-top: calc(142 / 1146 * 100vw);
		padding-left: calc(75 / 1146 * 100vw);
		padding-right: calc(75 / 1146 * 100vw);
		padding-bottom: calc(90 / 1146 * 100vw);
	}
	
	#bodi .bg-green .deco img {
		width: 100%;
	}

	
	#bodi .archive-box .column > div {
		flex: 0 0 49.4%;
	}

	#bodi .archive-box .column > div {
		margin-top: calc(10 / 1146 * 100vw);
	}

	#bodi .archive_item1 {
		padding-top: calc(160 / 1146 * 100vw);
	}

	#bodi .archive_item2 {
		padding-top: calc(355 / 1146 * 100vw);
	}

	#bodi .archive_item3 {
		padding-top: calc(245 / 1146 * 100vw);
	}

	#bodi .archive_item4 {
		padding-top: calc(310 / 1146 * 100vw);
	}

	#bodi p.archive_caption {
		margin-top: calc(30 / 1146 * 100vw);
	}
	#bodi .archive-box1 {
		margin-bottom: calc(180 / 1146 * 100vw);
	}
	#bodi .archive-box2 {
		margin-bottom: calc(75 / 1146 * 100vw);
		padding-top: calc(140 / 1146 * 100vw);
	}
	#bodi footer {
		font-size: 11px;
	}
}
/*---------------------------------------------------------------------------------------------------------------------------------------
= iPadサイズ
---------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 751px) and (max-width: 1145px) {
	#bodi .museum_data p + p {
		margin-top: 0;
	}
	#bodi .museum_movie {
		margin-top: calc(95 / 1146 * 100vw);
	}
	#bodi .column .wilton_fig {
		flex: 0 0 33%;
	}

	#bodi .column .wilton_txt {
		flex: 0 0 61%;
	}
}

/*---------------------------------------------------------------------------------------------------------------------------------------
= 750px以下
---------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 750px) {
	#bodi h1 {
		height:  calc(352 / 750 * 100vw);
	}

	#bodi .index-menu_item {
		text-align: right;
	}

	#bodi .index-menu_item a {
		width: calc(478 / 750 * 100vw);
		margin-left: 0;
	}

	#bodi .index-menu .arrow-link_icon,
	#bodi .index-menu .arrow-link_icon:before,
	#bodi .index-menu .arrow-link_icon:after {
		width: calc(31 / 750 * 100vw);
		height: calc(28 / 750 * 100vw);
	}

	#bodi .detail .tit-contents {
		position: relative;
	}

	#bodi .tartan_item {
		margin-top: calc(12 / 750 * 100vw);
	}
	#bodi .tartan_item1 {
		margin-top: 0;
	}

	#bodi .first {
		margin-top: calc(80 / 750 * 100vw);
	}

	#bodi .first_note {
		margin-top: calc(50 / 750 * 100vw);
	}

	#bodi .index-menu {
		margin-top: calc(140 / 750 * 100vw);
	}

	#bodi .bg-middle {
		padding-top: calc(165 / 750 * 100vw);
	}

	#bodi .column .fabric_item {
		margin-top: calc(155 / 750 * 100vw);
	}

	#bodi .column .fabric_item:last-child {
		margin-top: calc(80 / 750 * 100vw);
	}

	#bodi .column .fabric_item_main {
		flex: 0 0 80.5%;
	}

	#bodi .column .fabric_item_eng {
		flex: 0 0 12.5%;
	}

	#bodi .thread {
		padding-top: calc(400 / 750 * 100vw);
	}
	
	#bodi .thread_item:last-child {
		margin-top: calc(179 / 750 * 100vw);
	}

	#bodi .thread .tit-circle img {
		transform: translate(0, -135%);
	}

	#bodi .column .thread_color {
		margin-top: calc(40 / 750 * 100vw);
	}

	#bodi .thread_txt,
	#bodi .registe_txt,
	#bodi .award_txt {
		margin-top: calc(55 / 750 * 100vw);
	}

	#bodi .registe {
		padding-top: calc(330 / 750 * 100vw);
	}

	#bodi .award {
		padding-top: calc(330 / 750 * 100vw);
		padding-bottom: calc(120 / 750 * 100vw);
	}
	
	#bodi .award_note {
		margin-top: 2em;
	}

	#bodi .column .bag_photo {
		position: relative;
	}

	#bodi .bag_photo_caption {
		position: static;
	}

	#bodi .bag_caption_txt {
		padding-right: 0;
	}

	#bodi .bag_caption_fig {
		top: -15%;
		right: -5%;
		bottom: auto;
	}

	#bodi .bag-deco .deco {
		width: 100vw;
		max-width: 100vw;
	}
	#bodi .bag {
		width: 100%;
		margin-top: 0;
		margin-bottom: 0;
		padding-left: 0;
		background: #fff;
	}

	#bodi .bag_inner {
		width: calc(590 / 750 * 100vw);
		max-width: 100%;
		padding-top: calc(45 / 750 * 100vw);
		padding-left: 0;
		padding-right: 0;
		padding-bottom: calc(80 / 750 * 100vw);
	}

	#bodi .bag_inner::before {
		display: none;
	}

	#bodi .bag_img,
	#bodi .bag_fig_bottom {
		max-width: 100%;
	}

	#bodi .bag_img {
		margin-top: 0;
	}

	#bodi .bag_read {
		margin-top: calc(55 / 750 * 100vw);
	}

	#bodi .column .bag_photo {
		margin-top: calc(95 / 750 * 100vw);
	}
	#bodi .bag_photo_caption {
		margin-top: calc(35 / 750 * 100vw);
	}

	#bodi .bag_caption_txt {
		padding-right: 0;
	}

	#bodi .bag_caption_fig {
		right: -5%;
		width: calc(181 / 750 * 100vw);
	}

	#bodi .bag_fig_bottom {
		margin-top: calc(50 / 750 * 100vw);
	}

	#bodi .bag_fig_bottom div:last-child {
		margin-top: calc(20 / 750 * 100vw);
	}
	#bodi .bg-grid {
		background: url('../img/bg-grid.svg') center top repeat #F7F3EE;
		background-size: calc(70 / 750 * 100vw);
	}

	#bodi .bg-grid .deco img {
		width: 100vw !important;
		max-width: 100vw;
	}

	#bodi .design {
		padding-top: calc(155 / 750 * 100vw);
		padding-bottom: calc(130 / 750 * 100vw);
	}

	#bodi .gda {
		padding-top: calc(65 / 750 * 100vw);
	}

	#bodi .gda_year {
		margin-top: calc(55 / 750 * 100vw);
		margin-bottom: 1.5em;
	}

	#bodi .gda_item {
		margin-bottom: calc(95 / 750 * 100vw);
	}
	#bodi .museum_fig1 {
		margin-bottom: calc(55 / 750 * 100vw);
	}

	#bodi .museum_txt {
		margin-top: calc(40 / 750 * 100vw);
	}

	#bodi .museum_data p + p {
		margin-top: 0;
	}

	#bodi .museum_detail {
		margin-top: calc(40 / 750 * 100vw);
	}
	#bodi .museum_movie {
		margin-top: calc(95 / 750 * 100vw);
		margin-bottom: 0;
	}
	#bodi .museum_fig_bottom {
		margin-top: calc(15 / 750 * 100vw);
		margin-bottom: calc(50 / 750 * 100vw);
	}

	#bodi .museum_txt-middle {
		margin-bottom: calc(95 / 750 * 100vw);
	}

	#bodi .wilton .column {
		display: block;
	}

	#bodi .column .wilton_fig {
		flex: 0 0 34%;
		margin-bottom: calc(55 / 750 * 100vw);
	}

	#bodi .column .wilton_txt {
		flex: 0 0 60.4%;
	}

	#bodi .column .wilton_post {
		text-align: left;
		margin-top: calc(40 / 750 * 100vw);
	}
	#bodi .wilton_prof {
		margin-top: calc(50 / 750 * 100vw);
	}

	#bodi .bg-green {
		padding-top: calc(45 / 750 * 100vw);
		padding-bottom: calc(65 / 750 * 100vw);
	}
	#bodi .bg-green .deco {
		aspect-ratio: 1146 / 101;
	}
	#bodi .bg-green .deco img {
		width: 100%;
	}

	#bodi .archive-box {
		width: calc(670 / 750 * 100vw);;
		padding-top: calc(85 / 750 * 100vw);
		padding-left: calc(40 / 750 * 100vw);
		padding-right: calc(40 / 750 * 100vw);
		padding-bottom: calc(40 / 750 * 100vw) !important;
	}

	#bodi .archive-box1 {
		margin-bottom: calc(140 / 750 * 100vw);
	}
	
	#bodi .archive-box .column > div {
		flex: 0 0 49.2%;
	}

	#bodi .archive-box .column > div {
		margin-top: calc(10 / 750 * 100vw);
	}

	#bodi .archive_item1 {
		padding-top: calc(200 / 750 * 100vw);
	}

	#bodi .archive_item2 {
		padding-top: calc(345 / 750 * 100vw);
	}

	#bodi .archive_item3 {
		padding-top: calc(320 / 750 * 100vw);
	}

	#bodi .archive_item4 {
		padding-top: calc(345 / 750 * 100vw);
	}
	#bodi .archive_txt span {
		transform: translate(0, -100%);
		padding-bottom: calc(30 / 750 * 100vw);
	}

	#bodi p.archive_caption {
		margin-top: calc(30 / 750 * 100vw);
		font-size: max( calc(18 / 750 * 100vw), 8px ) !important;

	}
	#bodi .archive-box2 {
		margin-bottom: calc(75 / 750 * 100vw);
		padding-top: calc(140 / 750 * 100vw);
	}
	#bodi footer {
		font-size: 11px;
	}

}

#bodi .jasrac {
	padding-top: 1.5em;
	text-align: center;
}

#bodi .jasrac img {
	width: 24px;
	margin-right: 7px;
}

#bodi .jasrac p {
	text-align: center;
	margin-top: 0.5em;
	font-size: 11px !important;
	font-family: sans-serif;
	line-height: 1;
	letter-spacing: 0;
}


/*
#main-content::after {
	display: inline-block;
	position: fixed;
	top: 0;
	right: 0;
	width: 10em;
	color: red;
	font-family: sans-serif;
	font-weight: 700;
	background: rgba(0, 255, 226, 0.2);
}

@media (min-width: 1146px) {
	#main-content::after {
		content: 'pc (1146px〜)';
	}
}

@media (min-width: 751px) and (max-width: 1145px) {
	#main-content::after {
		content: 'md (751px〜1145px)';
	}
}

@media (max-width: 750px) {
	#main-content::after {
		content: 'sp (〜750px)';
	}
}

*/