@charset "utf-8";
/* CSS Document */

*{
   /* outline: solid 1px #E91111;*/
	font-family: 'BIZ UDMincho', serif;
	font-family: 'Athiti', ;
	
}

/*以下ヘッダー*/

header{
    background-image:url("../img/KM9U9130.JPG");
    background-repeat:no-repeat;
    background-size:cover;
    height:900px;
    margin-bottom:250px;
}

.nav-box{
    padding-top:10px;
    position:fixed;
    width:100%;
    background:linear-gradient(to bottom, #333, transparent);
    z-index:999;
}

.nav{
    margin-left:100px;
}

.nav-logo{
    width:1020px;
    display:flex;
    justify-content:space-between;
    margin:0 auto;

}

.nav-list li{
    display:inline-block;
/*    padding:0 10px;*/
/*    padding-top:25px;*/
    margin-top:24px;
    margin-left:20px;
    transition:background 0.5s;
    font-size:18px;
}

li:hover{
    background-color:#F09B9C;
}

a{
    text-decoration:none;
    color:#fff;
    font-family:sans-serif;
}

#wrapper{
/*    margin-right:100px;*/
}

.nav{
    justify-content:flex-end;
    padding-left:150px;
}

.online{
    padding-top:15px;
    font-size:18px;
    font-family:sans-serif;
}

/*<!--オンラインショッピング　コピペ-->*/

/* 014 */
.button014 a {
    background: #eee;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding:10px 20px 10px 20px;
    margin-bottom:15px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button014 a::before {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 3px solid #f2a0a1;
  transition: 0.2s;
}

.button014 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  transform: rotate(45deg);
}

.button014 a:hover::before {
  top: 0;
  left: 0;
}

.button014 a:hover {
  text-decoration: none;
  background-color:#f2a0a1;
    
    
}


/*以下、メイン*/

main{
    width:1020px;
    margin:0 auto;
    margin-bottom:200px;
}

.new img{
	width:80px;
}

.be{
/*  text-align:center;*/
	padding-left:50px;
}
h1{
    font-size: 40px;
    text-align: left;
    margin-bottom: 50px;
    font-weight: normal;
    color: rgb(63, 63, 63);
    line-height: 2;
	letter-spacing: 0.15em;
}
        

h2{
    font-size:30px;
    margin-bottom:50px;
    color:#a09d9d;
    font-weight:normal;
/*    border-bottom:3px solid #f2a0a1;*/
    padding-bottom:15px;
	letter-spacing: 0.25em;
    
}

.line img{
	width:700px;
	height:15px;
	position:relative;
	top:-85px;
	left:240px;
}

.mesee{
    width:600px;
    font-size:26px;
    line-height:1.5;
    
    
}

.hana-1{
    width:1020px;
    margin:0 auto;
    /*overflow:hidden;*/
    display:flex;
    justify-content:space-around;
    margin-bottom:50px;
    
}

.shina{
    width:250px;
    text-align:center;
   /* float:left;*/
    
}

.fhoto{
	margin-bottom:30px;	
}

.sample1 {
	width:250px;
	height:250px;
	overflow:hidden;
	margin-bottom:30px;
	position:relative;	/* 相対位置指定 */
}
.sample1 .caption {
	width:190px;
	font-size:20px;
	padding:100px 20px;
	text-align:center;
	color:#fff;
}
.sample1 .mask {
	width:100%;
	height:100%;
	position:absolute;	/* 絶対位置指定 */
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:rgba(0,0,0,0.6);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:	all 0.2s ease;
}
.sample1:hover .mask {
	opacity:1;	/* マスクを表示する */
}


.label{
	font-size:20px;
    line-height:1.7;
    margin-bottom:10px;
}


.more{
    font-size:18px;
    color:#615F5F;
    margin-bottom:100px;
    text-align:right;
    padding:0 20px;
	transition:background-color 0.4s;
}

.more a:hover{
	background-color:#f2a0a1;
}

ins{
    color:#F32A2D;
	font-size:20px;
}

.ins{
    color:#F32A2D;
	font-size:20px;
}

.point{
	color:#F32A2D;
	font-size:14px;
	padding-top:15px;
}

.pl{
    line-height:1.5;
}

span{
    box-sizing: border-box;
    display: inline-block;
    width: 4em;
    margin-right: .5em;
    padding: 0 .5em;
    background-color: #f2a0a1;
    color: #fff;
    font-size: .8em;
    line-height: 1.75;
    text-align: center;
	font-style: italic;
		
}

/*以下、フッダー（引用）*/

.footer-box{
    background-color:#7C7C7C;
    background-size:cover;
    padding-top:15px;
}


footer{    
    width:1020px;  
    margin:0 auto;
}

.footer-logo{
    width: 400px;
    float: left;
    margin-bottom:10px;
}

.footer-body{
    /*width:560px;*/
    float:right;
}

.footer-nav{
    margin-left:150px;
}

.footer-list{
    margin-top:15px;
}

.footer-list li{
    display:inline-block;
    padding-top:10px;
    margin-left:15px;
    transition:background 0.5s;
    font-size:18px;
    
}

.footer-section{
    overflow:hidden;
    /*margin-bottom:50px;*/
}

.pic-list{
    display:inline-block;
    margin:10px;
}

.jpg{
    margin-bottom:5px;
}


.pic{
    width:1020px;
    margin:0 auto 35px;
}

.adress{
    color:#fff;
    line-height:1.5;
}

.sns{
    font-size:30px;
    color:#fff;
    margin-left:25px;
    float:right;
}


.copyright{
    text-align:left;
    padding:5px 0;
    color:#fff;
}

/*<!--以上、フッダー-->*/