* {
	margin: 0;
	padding: 0;
}
img {
	border-style: none
}
.mincho{
    font-family: serif;
}
.mt1em{
    margin-top: 1em;
}
.mt2em{
    margin-top: 2em;
}
.mt3em{
    margin-top: 3em;
}
.mt4em{
    margin-top: 4em;
}
.mt5em{
    margin-top: 5em;
}
.mt6rem {
	margin-top:6rem;
}
.mt7rem {
	margin-top:7rem;
}
.mt9rem {
	margin-top: 9rem;
}
.b {
	font-weight:bold;
}
.note1{
    font-size:85%;
	margin-top:0.3rem !important;
	margin-bottom:0 !important;
}
.em {
    color: #b00a0a;
    font-weight: bold;
    font-size: 130%;
}
#carpet_contents a{
    text-decoration: underline !important;
}
#carpet_contents a:hover{
	text-decoration: none !important;
}

@media only screen and (max-width: 599px) {
	.sp_only {
		display: block;
	}
	.sp_tablet_only {
		display: block;
	}
	.tablet_only {
		display: none;
	}
	.pc_only {
		display: none;
	}
	.pc_tablet_only {
		display:none;
	}
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.sp_only {
		display: none;
	}
	.sp_tablet_only {
		display: block;
	}
	.tablet_only {
		display: block;
	}
	.pc_only {
		display: none;
	}
	.pc_tablet_only {
		display:block;
	}
}

@media only screen and (min-width: 1025px) {
	.sp_only {
		display: none;
	}
	.sp_tablet_only {
		display: none;
	}
	.tablet_only {
		display: none;
	}
	.pc_only {
		display: block;
	}
	.pc_tablet_only {
		display:block;
	}
}


@media only screen and (max-width: 599px) {
	#carpet_contents {
		font-size: 16px;    
	}
	h1 {
		font-size:1.5rem;
		margin-left:1rem;
	}
	h2{
	margin: 0 0 30px 0 !important;
    border-top: 2px solid #ccc;
    padding: 1em 0 0;
    font-size: 28px;
    font-weight: bold;
    color: #000;
    line-height: 1.4;
    letter-spacing: -0.5px;
    text-align: center;
	}
	h2 span{
		font-size: 16px;
    font-weight: normal;   
	}
	h2 p{
		font-size: 12px;
		color: #aaa;
	}
	.box_tit {
		font-size:25px;
		text-align:center;
		line-height:1.2;
		margin-bottom:2rem;
	}
	.box_tit span {
		font-size:18px;
	}
	h3{
		//margin: 3em 0 1em !important;
		margin: 3em 0 1em;
		text-align: center;
		font-weight: bold;
		font-size: 30px;
	}
	.pattern_gabbeh h3,
	.pattern_kilim h3,
	#pakistan h3,
	#persia h3 {
		margin: 4rem 0 1rem;
	}
	#yamagata h3 {
		margin: 4rem 0 1.5rem;
		font-size:20px;
	}
	.pattern_lead {
		font-size:13px;
		margin-bottom:2rem;
	}
	h3 img{
		margin-left:8px !important;
	}
	h4{
		margin:0px 0 20px 0 !important;
	}
	h4 img{
		width: 100%;
	}
	h4 img.lion{
		width: 70%;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	#carpet_contents {
		font-size: 16px;    
	}
	h1 {
		font-size:2rem;
		margin-left:1rem;
	}
	h2{
		margin:0 0 40px 0 !important;
		border-top:4px solid #ccc; 
		border-bottom:4px solid #ccc;
		padding: 10px 0 4px;
		position: relative;
		font-size: 32px;
		font-weight: bold;
		color: #000;
		line-height: 1.4;
	}
	h2 span{
		font-size: 16px;
		font-weight: normal;    
	}
	h2 p{
		position: absolute;
		right: 0;
		bottom: 4px;
		font-size: 18px;
		color: #aaa;
	}
	h3{
		margin:3em 0 1em !important;
		text-align: center;
		font-weight: bold;
		font-size: 32px;
	}
	h3 img{
		margin-left:8px !important;
	}
	h4{
		margin:0px 0 20px 0 !important;
	}
	h4 img{
		width: 100%;
	}
	h4 img.lion{
		width: 70%;
	}
}
@media only screen and (min-width: 1025px) {
	#carpet_contents {
		font-size: 16px;    
	}
	h1 {
		font-size:2rem;
	}
	h2{
		margin:0 0 40px 0 !important;
		border-top:4px solid #ccc; 
		border-bottom:4px solid #ccc;
		padding: 10px 0 4px;
		position: relative;
		font-size: 32px;
		font-weight: bold;
		color: #000;
		line-height: 1.4;
	}
	h2 span{
		font-size: 16px;
		font-weight: normal;    
	}
	h2 p{
		position: absolute;
		right: 0;
		bottom: 4px;
		font-size: 18px;
		color: #aaa;
	}
	h3{
		margin: 2em 0 1em !important;
		text-align: center;
		font-weight: bold;
		font-size: 32px;
	}
	h3 img{
		margin-left:8px !important;
	}
	h4{
		margin:0px 0 20px 0 !important;
	}
	h4 img{
		width: 100%;
	}
	h4 img.lion{
		width: 70%;
	}
}


@media only screen and (max-width: 599px) {
	#carpet_contents{
		margin:0 auto;
	}
	.carpet_read{
		margin: 1.5rem 1rem;
		font-size:13px;
	}
	#carpet_nav {
		margin:1rem 0 0;
	}
	#gabbeh,
	#kilim,
	#pakistan,
	#persia,
	#yamagata {
		margin: 6rem 1rem 0;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	#carpet_contents{
		margin:0 auto;
	}
	.carpet_read{
		margin: 2rem 2rem;
		font-size:15px;
		line-height:1.9;
	}
	#carpet_nav {
		margin:4rem 1rem 0;
	}
	#gabbeh,
	#kilim,
	#pakistan,
	#persia,
	#yamagata {
		margin: 6rem 1rem 0;
	}
	.caution {
		margin:0 1rem;
	}
	.kilim_other {
		margin-top:6rem;
	}
	#pakistan .pakistan_main {
		margin-bottom:3rem;
	}
}
@media only screen and (min-width: 1025px) {
	#carpet_contents{
		width:980px;
		margin:0 auto;
	}
	#pakistan .pakistan_main {
		margin-bottom:3rem;
	}
	.carpet_read{
		margin: 1.5rem 0;
		font-size:15px;
		line-height:1.9;
	}
	.pattern_kilim {
		margin-bottom:6rem;
	}
}


@media only screen and (max-width: 599px) {
	.caution ul{
	}
	.caution li{
	    width: 100%;
	    background: #eee;
	    padding: 1rem 0 0.8rem 0.5rem;
	    box-sizing: border-box;
	    font-size: 85%; 
		font-weight:bold;
	}
	.caution li:first-child{
	    border-bottom: 2px solid #fff;
	}
	.caution li:last-child{
	    margin-bottom:2rem;  
	}
	.caution li .indent {
	    font-size: 75%;
		padding-top:.3em;
	    padding-left:1em;
	    text-indent:-1em;
	    padding-right: 1.5rem;
		line-height:1.6;
	}
	.caution li dl{
	    display: -webkit-flex;
		display: flex;
	    align-items: center;
	}
	.caution li dl dt{
	    width: 20%;
	    padding: 0.5em 1em 0.5em 0.5em;
	}
	.caution li dl dt img{
	    width: 90%;    
	}
	.caution li dl dd{
	    width: calc(100% - 15% - 1em);
	}   
	    
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.caution ul{
		display: -webkit-flex;
		display: flex;
		align-items:center;
		justify-content:space-between;
		flex-flow:row nowrap;
		}
	.caution li{
		width:49%;
		background: #eee;
		padding: 0.6em;
		box-sizing: border-box;
	}
	.caution li .indent{
		font-size: 75%;
		line-height: 1.4;
		padding-top:.3em;
	}
	.caution li dl{
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}
	.caution li dl dt{
		width: 15%;
		padding: 0.5em;
	}
	.caution li dl dt img{
		width: 90%;    
	}
	.caution li dl dd{
		width: calc(100% - 15% - 1em);
	}
}
@media only screen and (min-width: 1025px) {
	.caution ul{
		display: -webkit-flex;
		display: flex;
		align-items:center;
		justify-content:space-between;
		flex-flow:row nowrap;
		}
	.caution li{
		width:49%;
		background: #eee;
		padding: 0.6em;
		box-sizing: border-box;
	}
	.caution li .indent{
		font-size: 75%;
		line-height: 1.4;
		padding-top:.3em;
	}
	.caution li dl{
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}
	.caution li dl dt{
		width: 15%;
		padding: 0.5em;
	}
	.caution li dl dt img{
		width: 90%;    
	}
	.caution li dl dd{
		width: calc(100% - 15% - 1em);
	}
}


@media only screen and (max-width: 599px) {
	#carpet_nav {
		font-size: 80%;
	}
	#carpet_nav ul {
		overflow: hidden;
		display: -webkit-flex;
		display: flex;
		flex-flow: row wrap;
		/* margin-bottom:3rem; */
	}
	#carpet_nav li {
		width: 44%;
		margin: 0 3% 1em;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	#carpet_nav ul{
		display: -webkit-flex;
		display: flex;
		justify-content:
		space-between;
		flex-flow: row wrap;
		margin-bottom: 8rem;
	}
	#carpet_nav ul li(not:nth-child(3)) img{
		margin-right: 2em;
	}
	#carpet_nav ul li{
		width: calc((100% - 4em) / 5);
	}
	#carpet_nav ul li img{
		width: 96%;
	}
	#carpet_nav .c_menu_txt{
		font-size:105%;
		margin: 0.4em 0 0 0;
	}
	#carpet_nav .c_menu_txt a{
		text-decoration:underline;
	}
	#carpet_nav .c_menu_txt a:hover{
		text-decoration:note;
	}
}

@media only screen and (min-width: 1025px) {
	#carpet_nav ul{
		display: -webkit-flex;
		display: flex;
		justify-content:
		space-between;
		flex-flow: row wrap;
		margin: 3rem 0 8rem;
	}
	#carpet_nav ul li(not:nth-child(3)) img{
		margin-right: 2em;
	}
	#carpet_nav ul li{
		width: calc((100% - 4em) / 5);
	}
	#carpet_nav ul li img{
		width: 96%;
	}
	#carpet_nav .c_menu_txt{
		font-size:105%;
		margin: 0.4em 0 0 0;
	}
	#carpet_nav .c_menu_txt a{
		text-decoration:underline;
	}
	#carpet_nav .c_menu_txt a:hover{
		text-decoration:note;
	}
}

@media only screen and (max-width: 599px) {
	.c_gray_2colum{
		background-color:#eee;
		padding:30px 20px 10px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.c_gray_2colum{
		background-color:#eee;
		padding:40px;
		margin-top:3rem;
	}
}
@media only screen and (min-width: 1025px) {
	.c_gray_2colum{
		background-color:#eee;
		padding:40px;
		margin-top:3rem;
	}
}


@media only screen and (max-width: 599px) {
	.flexbox {
	    display: -webkit-flex;
		display: flex;
		flex-flow:column nowrap;
	    line-height: 1.7;
	}
	.flexbox li{
	}
	.flexbox li p {
		margin:2rem auto;
		line-height:1.7;
		font-size:13px;
	}
	.flexbox_2col {
		display:flex;
		justify-content:space-between;
		flex-flow:row wrap;
	}
	.flexbox_2col li {
		width:47%;
		line-height: 1.7;
		margin-bottom: 2.5rem;
	}
	.flexbox_2col li .font_fix {
		margin:.8rem 0;
		font-size: 1.7rem;

		text-align: center;
	}
	.flexbox_2col li .type_smy {
		font-size:1rem;
		line-height:1.6;
	}
	.flexbox_3col {
		display:flex;
		justify-content:space-between;
		flex-flow:row wrap;
	}
	.flexbox_3col li {
		width:48%;
		line-height: 1.7;
		margin-bottom: 2.5rem;
	}
	.flexbox_3col li .font_fix {
		margin:.8rem 0;
		font-size: 1.7rem;
		text-align: center;
	}
	.flexbox_3col li .type_smy {
		font-size:1rem;
		line-height:1.6;
	}
	.flexbox_4col {
	    display: -webkit-flex;
	    display: flex;
	    line-height: 1.7;
	    flex-flow:
	    row wrap;
	    justify-content:
	    space-around;
	    margin-bottom: 3rem;
	}
	.flexbox_4col li img{
	    width: 85%;
	}
	.flexbox_4col li{
	    width:40%;
	    text-align: center;
	    margin-bottom: 1rem;
	}
	.flexbox_4col li:last-child{
	}
	
	.flexbox_4col li .font_fix {
		margin:.8rem 0;
		font-size: 1.7rem;
		text-align: center;
	}
	.flexbox_4col li .type_smy {
		font-size:1rem;
		line-height:1.6;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.flexbox {
	    display: -webkit-flex;
		display: flex;
	    line-height: 1.7;
	}
	.flexbox li:first-child{
	    margin-right: 2em;
	}
	.flexbox li{
	    width: calc( (100% - 1em) / 2 );
	}
	.flexbox li p {
		margin:0 auto 2rem;
		line-height:1.8;
	}
	.flexbox_2col {
		display:flex;
		justify-content:space-between;
		flex-flow:row wrap;
	}
	.flexbox_2col li {
		width:47%;
		line-height: 1.7;
		margin-bottom: 2.5rem;
	}
	.flexbox_2col li .font_fix {
		margin:.8rem 0;
		font-size: 1.7rem;

		text-align: center;
	}
	.flexbox_2col li .type_smy {
		font-size:1rem;
		line-height:1.6;
	}
	.flexbox_3col {
		display:flex;
		justify-content:space-between;
		flex-flow:row wrap;
	}
	.flexbox_3col li {
		width:32%;
		line-height: 1.7;
		margin-bottom: 2.5rem;
	}
	.flexbox_3col li .font_fix {
		margin:.8rem 0;
		font-size: 1.7rem;
		text-align: center;
	}
	.flexbox_3col li .type_smy {
		font-size:1rem;
		line-height:1.6;
	}
	.flexbox_4col {
	    display: -webkit-flex;
	    display: flex;
	    line-height: 1.7;
	    margin-bottom: 2rem;
	    justify-content:space-around;
	}
	.flexbox_4col li img{
	    width: 85%;
	}
	.flexbox_4col li{
	    margin-right: 1em;
	    text-align: center;
	}
	.flexbox_4col li:last-child{
	    margin-right: 0;
	}
	.flexbox_4col li{
	    width: calc( (100% - 1em) / 4 );
	}
	.flexbox_4col li .font_fix {
		margin:.8rem 0;
		font-size: 1.7rem;
		text-align: center;
	}
	.flexbox_4col li .type_smy {
		font-size:1rem;
		line-height:1.6;
	}
}
@media only screen and (min-width: 1025px) {
	.flexbox {
	    display: -webkit-flex;
		display: flex;
	    line-height: 1.7;
	}
	.flexbox li:first-child{
	    margin-right: 2em;
	}
	.flexbox li{
	    width: calc( (100% - 1em) / 2 );
	}
	.flexbox li p {
		margin:0 auto 2rem;
		line-height:1.8;
	}
	.flexbox_2col {
		display:flex;
		justify-content:space-between;
		flex-flow:row wrap;
	}
	.flexbox_2col li {
		width:47%;
		line-height: 1.7;
		margin-bottom: 2.5rem;
	}
	.flexbox_2col li .font_fix {
		margin:.8rem 0;
		font-size: 1.7rem;

		text-align: center;
	}
	.flexbox_2col li .type_smy {
		font-size:1rem;
		line-height:1.6;
	}
	.flexbox_3col {
		display:flex;
		justify-content:space-between;
		flex-flow:row wrap;
	}
	.flexbox_3col li {
		width:32%;
		line-height: 1.7;
		margin-bottom: 2.5rem;
	}
	.flexbox_3col li .font_fix {
		margin:.8rem 0;
		font-size: 1.7rem;
		text-align: center;
	}
	.flexbox_3col li .type_smy {
		font-size:1rem;
		line-height:1.6;
	}
	.flexbox_4col {
	    display: -webkit-flex;
	    display: flex;
	    line-height: 1.7;
	    margin-bottom: 2rem;
	    justify-content:space-around;
	}
	.flexbox_4col li img{
	    width: 85%;
	}
	.flexbox_4col li{
	    margin-right: 1em;
	    text-align: center;
	}
	.flexbox_4col li:last-child{
	    margin-right: 0;
	}
	.flexbox_4col li{
	    width: calc( (100% - 1em) / 4 );
	}
	.flexbox_4col li .font_fix {
		margin:.8rem 0;
		font-size: 1.7rem;
		text-align: center;
	}
	.flexbox_4col li .type_smy {
		font-size:1rem;
		line-height:1.6;
	}
}


@media only screen and (max-width: 599px) {
	#yamagata .collaboration {
		margin-top: 1rem;
		font-size:13px;
	}
	#yamagata .c_tit {
		line-height:1.7;
		font-weight:bold;
		margin-bottom:0;
		text-align:center;
	}
	#yamagata .collaboration .c_name {
		line-height:1.6;
		margin-bottom:1rem;
	}
	#yamagata .collaboration .c_smy {
		line-height:1.5;
		margin-bottom:3rem;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	#yamagata .collaboration .c_tit {
		line-height:1.7;
		font-weight:bold;
		margin-bottom:1rem;
	}
	#yamagata .collaboration .c_name {
		line-height:1.6;
		margin-bottom:1rem;
	}
	#yamagata .collaboration .c_smy {
		line-height:1.5;
	}
	#yamagata .collaboration .flexbox_2col {
		display:flex;
		justify-content:space-between;
		flex-flow:row wrap;
	}
	#yamagata .collaboration .flexbox_2col li{
		width:45%;
		line-height: 1.7;
		margin-bottom: 2.5rem;
	}
}
@media only screen and (min-width: 1025px) {
	#yamagata .collaboration .c_tit {
		line-height:1.7;
		font-weight:bold;
		margin-bottom:1rem;
	}
	#yamagata .collaboration .c_name {
		line-height:1.6;
		margin-bottom:1rem;
	}
	#yamagata .collaboration .c_smy {
		line-height:1.5;
	}
	#yamagata .collaboration .flexbox_2col {
		display:flex;
		justify-content:space-between;
		flex-flow:row wrap;
	}
	#yamagata .collaboration .flexbox_2col li{
		width:45%;
		line-height: 1.7;
		margin-bottom: 2.5rem;
	}
}