@charset "UTF-8";

/* 共通部分
------------------------------- */
html {
    font-size: 100%;
}
body{
    font-family:"Microsoft YaHei UI";
    line-height: 1.7;
    color: #432;
}
a {
    text-decoration: none;
}
img {
    max-width: 100%;
}
.big-bg,dropdown-content{
    font-weight:530;
}

.toppage{
    width:210px;
    margin-top:14px;
}

/*index(2).html.cssの設定-----------------*/

.wrapper03{
     width:300px;
   
    margin-left:30px;
    
}

.box10{
    width: 980px;
    height: 310px;
    border: 5px solid #f1f1f1 none;
    margin:0 auto;
	font-size:17px;
   
    
}
.box10 h2{
    text-align: center;
        font-size:30px;
    letter-spacing:2px;
	
	color:#000;   
}

.box10 h2 span{border-bottom:5px solid #B61B34;    }

.box10 h3{
    text-align: center;
    letter-spacing: 2px;
  color:#000;
        
}
.box10 p{
    margin-top:40px;
	color:#000
}

.box11{
    width: 980px;
    height:210x;
    border: 5px solid #f1f1f1 none;
  margin:0 auto;  
	font-size:17px;
}

.box11 h3{
    text-align: left;
    color:#B61B34;
    letter-spacing: 2px;
  
        
}
.box11 p{
    margin-top:10px;
	color:#000
}

.box12{
    width: 980px;
    height:210x;
    border: 5px solid #f1f1f1 none;
  margin:0 auto;
  margin-top:50px;
	font-size:17px;
}

.box12 h3{
    text-align: left;
    color:#B61B34;
    letter-spacing: 2px;
  
        
}
.box12 p{
    margin-top:10px;
	color:#000
}

.box13{
    width: 980px;
    height:210x;
    border: 5px solid #f1f1f1 none;
    margin:0 auto;
  margin-top:50px;   
	font-size:17px;
}

.box13 h3{
    text-align: left;
    color:#B61B34;
    letter-spacing: 2px;
  
        
}
.box13 p{
    margin-top:10px;
	color:#000
}

.box14{
    width: 980px;
    height:210x;
    border: 5px solid #f1f1f1 none;
    margin:0 auto;
  margin-top:50px;
	font-size:17px;
}

.box14 h3{
    text-align: left;
    color:#B61B34;
    letter-spacing: 2px;
  
        
}
.box14 p{
    margin-top:10px;
	color:#000
}


.box15{
    width: 980px;
    height:210x;
    border: 5px solid #f1f1f1 none;
    margin:0 auto;
  margin-top:50px;  
	font-size:17px; 
}

.box15 h3{
    text-align: left;
    color:#B61B34;
    letter-spacing: 2px;
  
        
}
.box15 p{
    margin-top:10px;
	color:#000;
}

.box16{
    width: 980px;
    height:210x;
    border: 5px solid #f1f1f1 none;
    margin:0 auto;
  margin-top:50px;
	font-size:17px;
}

.box16 h3{
    text-align: left;
    color:#B61B34;
    letter-spacing: 2px;
  
        
}
.box16 p{
    margin-top:10px;
	color:#000
}

/*HEADER
----------------------------------*/
.wrapper{
   
    padding: 0 3%;
}

.logo{
    width:300px;
    margin-top: 20px;
   
    margin-left:-20px;
}

.dropdown{
    margin-right: 30px;
    margin-top: 20px;
}
.page-header{
    display:flex;
    justify-content: space-between;
}
/*HOME
----------------------------------*/
.home-content{
    text-align:center;
    margin:10%;
}
.home-content p{
    font-size:1.125rem;
    margin:10px 0 42px;
}
.big-bg{
    background-size: cover;
    background-position:center top;
    background-repeat:no-repeat;
}
#home {
    color:white;
}

*{
    padding: 0;
    margin: 0;
    
}
.box{
    width: 980px;
    height: 170px;
    border: 5px solid #f1f1f1 none;
	margin:0 auto;
	margin-top:100px;
    
}
.box h2{
    text-align: center;
        font-size:21px;
     color:black;
    letter-spacing:2px;
}

.box h2 span{
	border-bottom:5px solid #B61B34;
}

_::-webkit-full-page-media, _:future, :root .box h2 {
	font-size:23px;
}

.box h3{
    font-size:19px;
    text-align: center;
    letter-spacing: 5px;
     color:black;
  
        
}



.box p{
font-size:15px;
    margin-top:50px;
     color:black;
}



.box01{
   width: 980px;
    height: 580px;
    border: 5px solid #f1f1f1 none;
	margin:0 auto;
	margin-top:100px;
}
.box01 h2{
    text-align: center;
        font-size:21px;
    color:black;
    letter-spacing:2px;
}

.box01 h2 span{
	border-bottom:5px solid #B61B34;
}

_::-webkit-full-page-media, _:future, :root .box01 h2 {
	font-size:23px;
}

.box01 h3{
    font-size:19px;
    text-align: center;
    letter-spacing: 5px;
     color:black;
        
}
.box01 p{
    font-size:15px;
    margin-top:50px;
     color:black;
}

.box02{
   width: 980px;
    height: 660px;
    border: 5px solid #f1f1f1 none;
	margin:0 auto;
}

.box02 h2{
    text-align: center;
        font-size:21px;
     color:black;
    letter-spacing:2px;
}

.box02 h2 span{
	border-bottom:5px solid #B61B34;
}

_::-webkit-full-page-media, _:future, :root .box02 h2 {
	font-size:23px;
}

.box02 h3{
    font-size:19px;
    text-align: center;
    letter-spacing: 5px;
     color:black;
}



.box02 .s1{
	float:left;
	margin-top:30px;
	font-weight:bold;
    font-size:18px;
      
}

.box02 .s2{
	float:right;
	width:530px;
	text-align:left;
	font-weight:normal;
	font-size:14px;
	margin-top:34px;
      
}

.box02 p{
    font-size:15px;
    border-bottom:1px solid #848383;
        padding-bottom: 8px;
     color:black;
	  height:70px;
}

.box02 p1{
 font-size:15px;
   border-bottom:1px solid #848383;
 padding-bottom: 15px;
     color:black;
     
}
    .box02 p2{
 font-size:15px;
   border-bottom:1px solid #848383;
 padding-bottom: 15px;
     
     color:black;
}
.box02 p3{
 font-size:15px;
   border-bottom:1px solid #848383;
 padding-bottom: 15px;
      color:black;
}

.box02 p4{
 font-size:15px;
   border-bottom:1px solid #848383;
 padding-bottom: 15px;
      color:black;
}

.box02 p5{
 font-size:15px;
   border-bottom:1px solid #848383;
 padding-bottom: 15px;
      color:black;
}

.box02 p6{
 font-size:15px;
   border-bottom:1px solid #848383;
 padding-bottom: 15px;
    color:black;
     
}
.box02 p7{
    font-size:15px;
  border-bottom:1px solid #848383;
 padding-bottom: 15px;
      color:black;
}

.box02 p01{
 
   border-bottom:1px solid #848383;
 padding-bottom: 15px;
      color:black;
}


.box02 p02{
 
   border-bottom:1px solid #848383;
 padding-bottom: 15px;
      color:black;
}

/* 店舗情報・地図 */
#location {
    padding: 4% 0;
    width: 980px;
    height:700px;
    border: 5px solid #f1f1f1 none;
	 margin:0 auto;
	margin-top:100px;
     color:black;
}


/*iframe*/
iframe{
    text-align: center;
}
/*CONTACT-------*/
    
.example {/*親div*/
  position: relative;
 text-align: center;
 width:863px;
 margin:0 auto;
  }

.example a {
  position: absolute;
  color: white;/*文字は白に*/
  font-weight: bold; /*太字に*/
  font-size: 2em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/
 top: 45%;
 width:150px;
  left: 50%;
  margin-left:-75px;
    text-align: center;
        font-size:24px;
    letter-spacing: 2px;

  }
.example a span{display:block;   border-bottom:3px solid #FFFFFF;}
  

.example img {
  width: 100%;
   width:863.213px;
    height:501.868px;
  
  }

/*フォーム*/

.example01 {
  position: relative;
      text-align: center;
	  width:100%; 
  }
  
.example01 a{display:inline-block}  

.example01 img {
   width:273px;
    height:110.877px;
  
  }


#footer {
    width: 980px;
    height:200px;
    border: 5px solid #f1f1f1 none;
	margin:0 auto;
	margin-top:50px;
    

  padding-bottom: 10px;
   font-size: 15px;
    text-align: center;
}
#footer p{
    font-size: 6px;
	margin-top:20px;
}

_::-webkit-full-page-media, _:future, :root #footer p{
	font-size:12px
}