.pc {
    display: block }

.desc_show{
    display: block !important; }

.sp_show{
    display: none !important; }

.sp,
.br,
.gnavi_sp,
.main_sp {
    display: none; }

i {
    font-style: normal }

	/* Tablet */
@media only screen and (max-width: 810px) {

	#totop a{
		width: 50px;
		height: 50px;
	}

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    li,
    dt,
    dd,
    th,
    td,
    caption,
    address,
    figcaption,
    small,
    label,
    time,
    input,
    button,
    select,
    textarea {
      font-size: 1.4rem; }    
}

/* Tablet */
@media only screen and (max-width: 767px) {
	p {
		line-height:1.78; 	}
	.inner{
		width:90%; }

	#wrapper{
		overflow:hidden; }

	.sp {
		display: block; }

	.gnavi_pc, .free-diat-consult-btn {
		display: none; }

	.index .h_box{
		height: 68px; }

	.fixed .h_box, .under .fixed .h_box, .index .fixed .h_box, .index .h_box, .under .h_box {
		padding: 5px 10px; }

	.sp_info {
		float: right; }

	.icon_menu {
		display: inline-block;
		float: right;
		width: 40px;
		text-align: center;
		position: relative;
		margin: 7px 0 1px 0;
		height: 51px;
		cursor: pointer; }

	.sp_info li {
		display: inline-block;
		padding: 5px 0;
		vertical-align: middle; }

	.logo {
		margin: 12px 0 0 10px;
		max-width: 160px; }
		.fixed .logo_fix, .logo {
			margin: 5px 0px 0px 10px; }
		.fixed .logo{
			margin:0px; }

	.icon_menu span {
		display: block;
		background: #000;
		height: 3px;
		position: relative;
		margin: 1px auto 0; }
		.icon_menu span:after, .icon_menu span:before {
			content: "";
			position: absolute;
			height: 3px;
			width: 100%;
			background: #000;
			-webkit-transition: all ease 0.5s;
			-moz-transition: all ease 0.5s;
			-o-transition: all ease 0.5s;
			transition: all ease 0.5s;
			left: 0;
			right: 0;
			margin: 0 auto; }
		.icon_menu span:before {
			top: 11px; }
		.icon_menu span:after {
			bottom: -22px; }

    /******************Gnavi********************************/
    .gnavi_sp {
        position: fixed;
        left: 0;
        top: 60px;
        height: calc(100% - 66px);
        z-index: 100;
        background: #fff;
        width: 100%;
        overflow: auto; }
		.gnavi_sp > li {
			display: block;
			margin: 0;
			text-align: left }
		.gnavi_sp a {
			color: #1d1d1d;
			font-size: 18px;
			padding: 15px;
			display: block;
			border-bottom: 1px solid #8c8c8c;
			text-decoration: none;
			position: relative; }
		.gnavi_sp > li:nth-child(12) a {
			border-bottom: 0; }
		.gnavi_sp .sp_sub a {
			padding: 15px;
			background: #e9f8fb;
			color: #07578e; }
			.gnavi_sp > li:nth-child(11) .sp_sub a {
				border-top: 1px solid #8c8c8c; }
    .sp_sub {
        display: none; }

    .gnavi_sp #close a {
        background: #F98592;
        color: #fff;
        font-weight: bold;
        text-align: center;
        cursor: pointer;
        border-bottom: 0;
        border-right: 0; }
    .gnavi_sp .has > a:after {
        width: 0;
        position: absolute;
        content: "";
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        border-top: 7px solid #07578e;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 0px solid transparent;
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s; }
	.gnavi_sp .has > a.active:after {
		top: 48%;
		-webkit-transform: translateY(-48%) rotate(180deg);
		-ms-transform: translateY(-48%) rotate(180deg);
		transform: translateY(-48%) rotate(180deg); }

	.masthead {
        max-width: 100%;
        min-width: 100%; }

	#totop a{
		width: 50px;
		height: 50px; }

	.sect_main h1{
		font-size: 9vw;
		padding: 10vw 0 0 0; }

	.sect_main h2{
		font-size: 5.5vw;
		padding: 3vw 0; }

	.sect_main .notice{
		font-size: 3.5vw;
		text-align: center;
		margin-top: 3vw; }

	.head-part{
		flex-direction:column; }

	.head-part .thmbnail{
		width:100%; }

	.head-part .thmbnail img{
		max-width:45%; }

	.head-part .information{
		width: 100%;
		margin: 5vw 0; }

	.sect_magicnumber .head-part .img-sect01-02{
		margin: 0 5vw 0 5vw; }
	.sect_mohair-hand-red .head-part .img-sect02-02{
		margin: 0 5vw 0 5vw; }
	.sect_mohair-hand-red-great .head-part .img-sect02-02{
		margin: 0 5vw 0 5vw; }
	.sect_landscape .head-part .img-sect02-02{
		margin: 0 5vw 0 5vw; }
	.sect_perfavore .head-part .img-sect02-02{
		margin: 0 5vw 0 5vw; }
	.sect_moimoi_solid .head-part .img-sect02-02{
		margin: 0 5vw 0 5vw; }
	.sect_moimoi_misto .head-part .img-sect02-02{
		margin: 0 5vw 0 5vw; }
	.sect_moimoi_multimist .head-part .img-sect02-02{
		margin: 0 5vw 0 5vw; }

	ul.tags li{
		font-size: 1rem;
		margin: 2vw 1vw;
		padding: 2vw 2vw; }

	.goods-content{
		font-size: 1rem; }

	.sect_magicnumber .goods-content.txt-sect01-05, .sect_mohair-hand-red .goods-content.txt-sect02-05, .sect_mohair-hand-red-great .goods-content.txt-sect03-05, .sect_landscape .goods-content.txt-sect04-05, .sect_perfavore .goods-content.txt-sect05-05, .sect_moimoi_solid .goods-content.txt-sect06-05, .sect_moimoi_misto .goods-content.txt-sect07-05, .sect_moimoi_multimist .goods-content.txt-sect08-05{
		font-size: 1rem;
		margin: 1.5rem 0;
		color: #2C2D2C;
		line-height: 1.8; }

	.sect_magicnumber .message{
		padding: 1.5vw; }

	.sect_magicnumber .goods-content.txt-sect01-06{
		font-size:1rem;
		margin: 1.5rem 0 0px 0; }

	.sect_magicnumber .movie{
		width: 90vw;
		height: 50vw;
		margin: 7rem 0 0 0; }

	.sect_magicnumber .tooltip .top{
		font-size: 4.5vw;
		min-width: 90vw;
		left: 70%;
		top: -26px; }
	
	.sect_magicnumber .movie .ytube	iframe{
		width: 100%;
		height: 100%;
	}
	.sect_magicnumber .movie .ytube img{
		max-width:100%;
		max-height:100%;
		margin: auto;
		display: block; }
	
	.goods-list01{
		align-items: flex-end;
		justify-content: center;
		margin: 0 auto;
		width: 90vw; }

	.goods-list02{
		align-items: flex-end;
		justify-content: flex-start;
		margin: 0 auto;
		width: 90vw; }

	.goods-list03{
		align-items: flex-end;
		justify-content: flex-start;
		margin: 0 auto;
		width: 90vw; }

	.sect_magicnumber .sect_magicnumber_goodslist01{
		margin-top: 8vw; }

	.sect_magicnumber .sect_magicnumber_goodslist02{
		margin-top: 3vw; }
}


/* Mobile */
@media only screen and (max-width: 639px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    input,
    button,
    textarea,
    select,
    p,
    blockquote,
    th,
    td,
    pre,
    address,
    li,
    dt,
    dd {
        font-size: 1rem; }
	
    .desc_show{
        display: none !important; }

	.sp_show{
        display: block !important; }

    .masthead {
		display: none; }

	.main_sp {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: relative;
		margin: 0;
		line-height: 0;
		padding: 0;
		overflow: hidden;
		margin-top:60px; }
	#totop a{
		width: 15vw;
		height: 15vw; }

	.goods-list01 .goods-item{
		margin:1vw; }

	.goods-list02 .goods-item{
		width: 46%;
		margin:2%; }

    .goods-list03 .goods-item{
        width: 46%;
        margin:2%; }
        .goods-list03 .goods-item .thread{
            width: 100%; 
            height: auto; } 
        .goods-list03 .goods-item .cloth{
            width: 100%; 
            height: auto; }

	#footer .social-buttons{
		padding: 10vw 0px; }
		#footer .social-buttons div{
			margin: 0 4vw; }

	#footer .footer-logo{
		width: 50%;
		margin: 10vw auto 10vw auto; }

	.sect_main_title1{
		width: 85%;
		padding-top: 3vw;
		padding-bottom: 1vw; }

	.sect_main_title2{
		padding: 4vw 0; }
}