@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

@media print, screen and  (min-width: 651px){

/*タイトルエリアーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.box_title{
	width:100%;
	height: 340px;
    background-position: top center;
	text-align: center;
}
.box_title h2{
line-height: 180%;
padding-top:185px;
	font-size: 33px;
	color: #FFF;
	font-weight: 600;
	margin: 0;
}
}
@media print, screen and  (max-width: 650px){
/*タイトルエリアーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.box_title{
	width:100%;
	height: 240px;
    background-position: top center;
	text-align: center;
}
.box_title h2{
line-height: 180%;
padding-top:85px;
	font-size: 33px;
	color: #FFF;
	font-weight: 600;
	margin: 0;
}

}

/*===============================================
●PCレイアウト設定 
===============================================*/
@media print, screen and  (min-width: 651px){
.index h2{
 color: #900;
 text-align: center;
 font-size: 30PX;
 margin: 40px 0 20px 0;
}

.index .box1 .com{
width: 70%;
padding-top: 50px;
font-size: 16px;
line-height: 220%;
color: #666;
float: left;
}
.index .box1 img{
 display: block;
 width: 25%;
 float: right;
}
.index .box2{
background-color: #EFEFEF;
margin-top:40px;
padding: 30px 0;
}
.index .box2 .com{
width: 60%;
line-height: 220%;
color: #666;
float: left;
}
.index .box2 .com .name1{
font-size: 40px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
font-weight: bold;
color: #666;
}
.index .box2 .com .name2{
 font-weight: 600;
}
.index .box2 .com .profile{
 border-top: #666 1px solid;
 padding-top: 30px;
}
.index .box2 .com ul{
 border: #900 1px solid;
 padding: 2%;
 margin-top: 20px;
}
.index .box2 .com li{
 list-style: disc;
 line-height: 120%;
 margin-bottom: 15px;
 margin-left: 20px;
}
.index .box2 img{
 display: block;
 width: 35%;
 float: right;
}
.index .box3{
padding: 40px 0;
background-image:url(../images/index/bg_index1.jpg);
	background-position:top center;
	background-attachment:fixed;
}
.index .box3 .logo{
 width: 700px;
 max-width: 80%;
 padding: 40px 0;
 margin: 0 auto;
}
.index .box3 .logo img{
width: 100%;
}
.index .box3 .shop1{
 font-weight: 800;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
 line-height: 200%;
 font-size: 18px;
 text-align: center;
}
.index .box3 .text1{
padding: 25px 0;
text-align: center;
font-size: 18px;
font-weight: 600;
}
.index .box3 .box_menu{
 border-bottom: #666 2px solid;
 border-top: #666 2px solid;
 padding: 30px 0;
}
.index .box3 .box_menu .com{
line-height: 220%;
color: #666;
padding-right: 5%;
}
.index .box3 .box_menu .menuphoto{
display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 20px;
}
.index .box3 .box_menu .menuphoto .photo{
width: 31%;
}
.index .box3 .box_menu .menuphoto .photo img{
display: block;
width: 99%;
height: auto;
background-color: #000;
padding: 0.5%;
}
.index .box3 .box_shop{
padding-top: 30px;
font-size: 20px;
}
.index .box3 .box_shop .com{
 width: 40%;
 float: left;
}
.index .box3 .box_shop .com ul{
 padding-top: 20px;
}
.index .box3 .box_shop .com li{
 margin-bottom: 10px;
 border-bottom: #900 1px dotted;
 font-size: 15px;
}
.index .box3 .box_shop .shopphoto{
 width: 50%;
 float: right;
}
.index .box3 .box_shop .shopphoto img{
width: 100%;
}
.index .box3 .map{
 border: #CCC 1px solid;
 margin-top: 30px;
 padding: 3%;
 background-color: #FFF;
}
.index .box4 {
padding: 40px 0;
}
.index .box4 .text2{
 font-size:25px;
 padding: 40px 0;
 font-weight: 600;
 text-align: center;
}
.index .box4 ul{
 padding-bottom: 40px;
}
.index .box4 li{
 color: #900;
 font-size: 35px;
 font-weight: 500;
 text-align: center;
 margin-bottom: 15px;
 line-height: 200%;
}
.index .box4 .com{
 width: 60%;
 float: left;
}
.index .box4 .kaihatsuphoto{
 width: 30%;
 float: right;
}
.index .box4 .kaihatsuphoto img{
width: 100%;
}
}
/*===============================================
●スマホれいあうと設定 画面の横幅が650px以下
===============================================*/
@media print, screen and  (max-width: 650px){
.index h2{
 color: #900;
 text-align: center;
 font-size: 30PX;
 margin: 20px 0 20px 0;
}

.index .box1 .com{
padding-top: 30px;
font-size: 16px;
line-height: 220%;
color: #666;

}
.index .box1 img{
 display: block;
 margin: 10px auto;
 width: 60%;
}
.index .box2{
background-color: #EFEFEF;
margin-top:40px;
padding: 10px 0 30px 0;
}
.index .box2 .com{
line-height: 220%;
color: #666;
}
.index .box2 .com .name1{
font-size: 40px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
font-weight: bold;
color: #666;
}
.index .box2 .com .name2{
 font-weight: 600;
}
.index .box2 .com .profile{
 border-top: #666 1px solid;
 padding-top: 30px;
}
.index .box2 .com ul{
 border: #900 1px solid;
 padding: 2%;
 margin-top: 20px;
}
.index .box2 .com li{
 list-style: disc;
 line-height: 120%;
 margin-bottom: 15px;
 margin-left: 20px;
}
.index .box2 img{
 display: block;
 width: 80%;
 margin: 10px auto;
}
.index .box3{
padding: 10px 0;
background-image:url(../images/index/bg_index1.jpg);
	background-position:top center;
}
.index .box3 .logo{
 width: 500px;
 max-width: 80%;
 padding: 40px 0;
 margin: 0 auto;
}
.index .box3 .logo img{
width: 100%;
}
.index .box3 .shop1{
 font-weight: 800;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
 line-height: 200%;
 font-size: 18px;
}
.index .box3 .text1{
padding: 25px 0;
text-align: center;
font-size: 18px;
font-weight: 600;
}
.index .box3 .box_menu{
 border-bottom: #666 2px solid;
 border-top: #666 2px solid;
 padding: 30px 0;
}
.index .box3 .box_menu .com{
line-height: 220%;
color: #333;
padding-right: 5%;
}
.index .box3 .box_menu .com li{
 border-bottom: #666 1px dotted;
 margin-bottom: 20px;
}
.index .box3 .box_menu .menuphoto{
display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 20px;
}
.index .box3 .box_menu .menuphoto img{
display: block;
width: 90%;
margin: 5px auto;
background-color: #000;
padding: 0.5%;
}
.index .box3 .box_shop{
padding-top: 30px;
font-size: 20px;
}
.index .box3 .box_shop .com{
}
.index .box3 .box_shop .com ul{
 padding-top: 20px;
}
.index .box3 .box_shop .com li{
 margin-bottom: 10px;
 border-bottom: #900 1px dotted;
 font-size: 15px;
}
.index .box3 .box_shop .shopphoto{
 width: 80%;
 margin: 10px auto;
}
.index .box3 .box_shop .shopphoto img{
width: 100%;
}
.index .box3 .map{
 border: #CCC 1px solid;
 margin-top: 30px;
 padding: 3%;
 background-color: #FFF;
}
.index .box4 {
padding: 10px 0 30px 0;
}
.index .box4 .text2{
 font-size:20px;
 padding: 40px 0;
 font-weight: 600;
}
.index .box4 ul{
 padding-bottom: 40px;
}
.index .box4 li{
 color: #900;
 font-size: 25px;
 font-weight: 500;
 text-align: center;
 margin-bottom: 25px;
 line-height: 150%;
}
.index .box4 .com{

}
.index .box4 .kaihatsuphoto{
 width: 80%;
 margin: 15px auto;
}
.index .box4 .kaihatsuphoto img{
width: 100%;
}
}