@charset "UTF-8";

/*共通部分
--------------------------*/
html{font-size: 10px;}
body{font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
a{text-decoration: none;}



@media (max-widthe: 420px){
	.page-title {
		font-size: 2.5rem;
	}
	
	/* HEADER */
	.main-nav {
		font-size: Item;
		marge-top: 10px;
	}
	
	.main-nav ti {
		margein: @ 20px;
	}
	
	/* HOME */
	.home-content {
		margein: @ 20px;
	}	
	.global_menu {
		font-size: 15rem;
		marge-top: 10px;

	}
}


body{
	background-color:#D8D7D5;}

.wrapper{
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10%;
}

header{margin: 40px auto 80px 0;
      text-align: center;}

header img{width: 20%;}

* {
  box-sizing: border-box;
}

.heading p{text-align: center;
          margin: 20px auto;
          font-size: 1.6rem;}

.instagram li{width: 25px;
              margin-top: 10px;}



/*トップページ
--------------------------*/

.global_menu{position: relative;}
.global_menu_absolute{position: absolute;
                      top: 0px;
                      right: 0px;
                      bottom: 0px;
                      left: 500px;}
                      
.global_menu_absolute li {font-size: 1.6rem;}


section .mein{
	margin: 0 auto;}

.section_contents_1{
	max-width:550px;
	height: auto;}

.section_contents_1 img{
	width: 550px;
	height: 550px;
	object-fit: cover;
	justify-content: center;
	margin-right: none;}


/*ABOUT
--------------------------*/

.about{margin-left: 10%;
       margin-top: 40px;
       margin-bottom: 150px;}

.about_contents_1{max-width:500px;}
.about_contents_1 p{font-size: 1.5rem;}



/*WORK
--------------------------*/

.work{
	margin-left: 10%;
	margin-top: 40px;
	max-width:600px;}

.work_photo{display: flex;
           flex-wrap: wrap;
           gap: 2rem 2.5rem;}

.work_photo_item img{width: 220px;
	                 height: 220px;
	                 object-fit: cover;}
/*--- 拡大
.work_photo:hover {
  transform: scale(2, 2);
}
--*/

/*NEWS
--------------------------*/

.news{ddisplay: flex;
	  margin-left: 10%;
      margin-top: 40px;}

.news_contents_1 img{
	height: 150px;
	width: 150px;
	object-fit: cover;
	margin-right: none;}

.news_photo{display: flex;
           flex-wrap: wrap;}

.news_topic{text-aline: center;
               width: 40%;
               margin: 1rem;}

.news_topic p{font-size: 1.6rem;}
.news_topic span{color:rgba(128,128,128,1.00);}


/*STOLIST
--------------------------*/
.stokist{margin-left: 10%;
         margin-top: 40px;
         margin-bottom: 300px;
         max-width:500px;}
.stokist_1 p{font-size: 1.5rem;}

.stokist_1{display: flex;
           justify-content: center;}

.address p{margin-left: 3rem;}


nav ul{margin-top: 0;}
nav ul li{
	margin-left: 60%;
	text-align: left;
	list-style: none;
	line-height: 2.2;}

hr{width: 80%;
}


/*JOURNAL
--------------------------*/
.journal{margin-bottom: 300px;}
.journal_1 p {font-size: 1.5rem;
              text-align: center;}


/*CONTACT
--------------------------*/
.contact{margin-left: 10%;
       margin-top: 40px;
       margin-bottom: 300px;}

.contact_1{max-width:500px;}
.contact_1 p{font-size: 1.5rem;}


.mar-10{margin-right: 10px;}


footer{display: flex;
	justify-content: space-between;
	margin-top: 100px;
    margin-bottom: 50px;}

.footer_profile p{margin-top: 0;
                  font-size: 1rem;}

.footer_copyrite p{margin-top: 0;
font-size: 1rem;}