@charset "utf-8";

body,html {width: 100%;height: 100%;}
body {
	margin: 0px;
	padding: 0px;
	color: #b4674f;	/*全体の文字色*/
	font-family: YuGothic,'Yu Gothic';	/*フォント種類*/
	font-size: 0.3em;	/*文字サイズ*/
	line-height: 5;		/*行間*/

	-webkit-text-size-adjust: 100%;
}

.font_space {letter-spacing: 1.0em;}

.font_high {line-height: 3.0em;}

.resizeimage img { width: 100%;
height: auto;}


a {
    text-decoration:none; 
	color: #b4674f;	
}


.bg {
width: 281px;
	height: px;
	background-image: url();
	background-size: contain;
	background-repeat:  no-repeat;
}

.bg1 {
width: 281px;
	height:px;
	background-image: url();
	background-size: contain;
	background-repeat:  no-repeat;
}

.bg2 {
width: 281px;
	height: px;
	background-image: url();
	background-size: contain;
	background-repeat:  no-repeat;
}

.bg3 {
width: 282px;
	height: 780px;
	background-image: url(img/men02.png);
	background-size: contain;
	background-repeat:  no-repeat;
}

.bg4 {
width: 282px;
	height: 780px;
	background-image: url(img/men03.png);
	background-size: contain;
	background-repeat:  no-repeat;
}

.bg5 {
width: 282px;
	height: 780px;
	background-image: url(img/men04.png);
	background-size: contain;
	background-repeat:  no-repeat;
}

.bg6 {
	width: 281px;
		height: px;
		background-image: url();
		background-size: contain;
		background-repeat:  no-repeat;
	}

.bg7 {
	width: 281px;
		height: px;
		background-image: url();
		background-size: contain;
		background-repeat:  no-repeat;
	}	


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 980px) {
.pc { display: none !important; }
.sp { display: block !important; }
}


/* メニュー固定 */
.fix-01{
    left:0;
    position:fixed;
    top:0;
    z-index:100;
    text-align:center;
 width:100%;
}

/* PCInstagram
===================================*/

.insta_list{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0;
}

.insta_list li{
    position: relative;
    width: calc((100% - 40px)/3);
}

@media screen and (max-width: 750px){
    .insta_list li{
        width: calc((100% - 20px)/2);
    }
}

.insta_list li::before{
	content: "";
	display: block;
	padding-top: 100%;
}

.insta_list a{
	position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.insta_list img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.insta_btn{
    background-color: #000;
    padding: .5em 1em;
    width: fit-content;
    margin: 0 auto;
    cursor: pointer;
    transition: .3s
}

.insta_btn a{
    color: #fff;
    text-decoration: none;
}

.insta_btn:hover{
    background-color: #999;
}