.top-main-under {
background: #333333;
text-align: center;
padding: 20px;

}

.top-main-under a {
color: #17A3CE;
background: #FFFFFF;
opacity: 0.9;
display: block;
width: 450px;
padding: 15px 0;
margin: 0 auto;
font-size: 18px;
font-weight: bold;
line-height: initial;
}


.top-main-under a:hover {
background: #FFFFFF;
opacity: 0.7;
}




.top-main-under a:after {
    font-family: FontAwesome;
    /*content: '\f078';*/
	content: '\f054';
    font-size: 14px;
    font-weight: normal;
    /* color: #15633B; */
    color: #17A3CE;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
	margin-left: 10px;

}



 #storebox {
 width: 1030px;
 margin: 0 auto;
 border-bottom: #CCCCCC solid 2px;
 padding-bottom: 50px;
 }
 #storebox .comp-main-area {
	margin: 0 auto;
	width: 90%;
	max-width: 1030px;
	min-width: 1030px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}


.storebox-txt {
float: right;
width: 530px;
display: block;
margin-top: 40px;

}

.storebox-txt p {
margin-bottom: 20px;
}

.storebox-txt strong {
font-size: 20px;
}





.home .area .title {
	margin: 0px auto 30px;
	text-align: left;
	display: block;
	width: 500px;
	float: left;
}
.home .area .title h2 {
	font-size: 42px;
	color: #0086B4;
	line-height: 100%;
	font-weight: 900;

	letter-spacing: 0;
	margin-top: 40px;
	
}
.home .area .title h2 img {
vertical-align:  middle;
margin-right: 10px;
}
.home .area .title .jp {
	color: #4B5052;
	font-size: 120%;
	font-weight: bold;
	line-height: 120%;
	display: inline-flex;
	letter-spacing: normal;
	align-items: center;
}




.store_link {
overflow: hidden;
font-size: 14px;
text-align: center;
background: #00a3d9;
background: -moz-linear-gradient(left, #00a3d9 0%, #0085b2 100%);
background: -webkit-linear-gradient(left, #00a3d9 0%,#0085b2 100%);
background: linear-gradient(to right, #00a3d9 0%,#0085b2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3d9', endColorstr='#0085b2',GradientType=1 );
letter-spacing:0;
}

.store_link a {
color: #FFFFFF;
width: 50%;
float: left;
display: block;
padding: 10px 0;
}

.store_link a:nth-of-type(1) {
width: 49%;
border-right: 1px solid #FFFFFF;
}

.store_link a:after {
    font-family: FontAwesome;
    /*content: '\f078';*/
	content: '\f054';
    font-size: 14px;
    font-weight: normal;
    /* color: #15633B; */
    color: #FFFFFF;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
	margin-left: 10px;

}








.bluebtn a {
color: #FFFFFF;
background: #00a3d9;
background: -moz-linear-gradient(left, #00a3d9 0%, #0085b2 100%);
background: -webkit-linear-gradient(left, #00a3d9 0%,#0085b2 100%);
background: linear-gradient(to right, #00a3d9 0%,#0085b2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3d9', endColorstr='#0085b2',GradientType=1 );
opacity: 0.9;
display: block;
width: 450px;
padding: 15px 0;
margin: 0 auto;
font-size: 18px;
font-weight: bold;
margin-top: 50px;
border-color: rgba(13,171,223,1.0);
border-width:1px !important;
border-style: solid;
line-height: initial;
text-align: center;
}


.bluebtn a:hover {
background: #00a3d9;
background: -moz-linear-gradient(left, rgba(0, 163, 217, 0.7) 0%,rgba(0, 133, 178, 0.7) 100%);
background: -webkit-linear-gradient(left, rgba(0, 163, 217, 0.7) 0%,rgba(0, 133, 178, 0.7) 100%);
background: linear-gradient(to right, rgba(0, 163, 217, 0.7) 0%,rgba(0, 133, 178, 0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 163, 217, 0.7)', endColorstr='rgba(0, 133, 178, 0.7)',GradientType=1 );
border-color: rgba(13,171,223,1.0);
}

.bluebtn a:after {
    font-family: FontAwesome;
    /*content: '\f078';*/
	content: '\f054';
    font-size: 14px;
    font-weight: normal;
    /* color: #15633B; */
    color: #FFFFFF;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
	margin-left: 10px;

}



.s-right2-btn a:after {
    font-family: FontAwesome;
    content: '\f078';
    font-size: 14px;
    font-weight: normal;
    /* color: #15633B; */
    color: #FFFFFF;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
	margin-left: 10px;

}






 #newsbox {
 width: 1030px;
 margin: 0 auto;
 border-bottom: #CCCCCC solid 2px;
 padding-bottom: 50px;
 }
 
 #newsbox .news-list {
 width: 455px;
 }
 
 
  #newsbox dt {
  font-weight: bold;
  }
  
  #newsbox dd {
  border-bottom: #4B5052 dotted 1px;
  padding: 0px 0 13px 0;
  margin-bottom: 13px;
  }



  #newsbox dd span {
  color: #0086B4;
     display: block;
     float: left;
     width: 100px;
     margin: 0 10px 10px 0;
     padding: 0px 0px;
     text-align: center;
     font-size: 12px;
	 background: #FFFFFF;
	 border: #0087B5 solid 1px;
}
  #newsbox dd span.cat-a {
     background: #80a8cc;
}
  #newsbox dd span.cat-b {
     background: #cbdcec;
}
  #newsbox dd span.cat-c {
     background: #cdefe1;
}



  #newsbox .bluebtn a {
width: 300px;
font-size: 14px;
margin-top: 38px;
  }
  
  
  
  
  
  #gallerybox {
 width: 1030px;
 margin: 0 auto;
 }
  
  .gallery-p {
  text-align: center;
  padding-bottom: 20px;
  }
  
  
  
.store {
width: 330px;
float: left;

}

.store img {
	width: 330px;
	height: auto;
}

.store h3 {
font-size: 23px;
color: #4B5052;
font-weight: bold;
letter-spacing: 0;
text-align: center;

}

.store ul.adress {
background: #FFFFFF;
padding: 15px;
min-height: 12.0em;
}

/*.store li:nth-of-type(2) {
margin-left: 1.2em;
}*/

.store li {
	text-indent: -15px;
	/*padding-left:20px;*/
	line-height:150%;
	/*margin-bottom:5px;*/
}
.store li a {
color: #333333;
text-decoration: underline;
}






.store:nth-of-type(2) {
margin: 0 20px;
}

.snsbtn {
background: #fff;
display: block;
   width : -webkit-calc(40px * 3 + 20px * 3) ;
   width : calc(40px * 3 + 20px * 3) ;
padding-left: 20px;
padding: 20px 0 20px 20px;
float: right;
border-radius: 10px;
    margin-top: 40px;
	margin-right: 45px;
}


.snsbtn img {
width: 40px;
/*margin:20px 20px 20px 0;*/
padding: 0 20px 0 0;
}

.newsbox-title {
float: left;
}




@media only screen and (max-width: 768px) {

#newsbox img {
width: 100%;
}



#storebox {
    width: 100%;

}

#storebox .comp-main-area {
	width: auto;
	min-width: 100%;
}


.home .area .title { width: 100%; margin: 0px auto 30px; float: none;}
.home .area .title h2 {font-size: 24px; line-height: 80%;}
.home .area .title .jp {font-size: 120%;}
.home .area .title .jp::after, .home .area .title .jp::before {width: 20px;}

.home .area {
    
    margin: 0 5%;
}

.storebox-txt {
    float: none;
    width: 100%;
    display: block;
    margin-top: 40px;
}



.top-main-under a {

    display: block;
    width: 80%;
    padding: 5px 0;
    margin: 0 auto;
    /*font-size: 3.0vw;*/
	font-size: 14px;
    font-weight: bold;
    margin-top: 0;
}

.store_link {
overflow: hidden;
font-size: 14px;
text-align: center;
background: #00a3d9;
background: -moz-linear-gradient(left, #00a3d9 0%, #0085b2 100%);
background: -webkit-linear-gradient(left, #00a3d9 0%,#0085b2 100%);
background: linear-gradient(to right, #00a3d9 0%,#0085b2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3d9', endColorstr='#0085b2',GradientType=1 );
}

.store_link a {
color: #FFFFFF;
width: 50%;
float: left;
display: block;
padding: 10px 0;
}

.store_link a:nth-of-type(2) {
width: 49%;
border-right: 1px solid #FFFFFF;
}


.bluebtn a {
color: #FFFFFF;
background: #00a3d9;
background: -moz-linear-gradient(left, #00a3d9 0%, #0085b2 100%);
background: -webkit-linear-gradient(left, #00a3d9 0%,#0085b2 100%);
background: linear-gradient(to right, #00a3d9 0%,#0085b2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3d9', endColorstr='#0085b2',GradientType=1 );
opacity: 0.9;
display: block;
width: 80%;
padding: 10px 0;
margin: 0 auto;
font-size: 14px;
font-weight: bold;
margin-top: 3.0vw;
}


#newsbox {
width: 100%;
}

#newsbox .news-list {
    width: 100%;
	margin-top: 20px;
}

.gallery-p img {
width: 100%;
}


.store,
.store img {
width: 100%;
float: none;

}

.store h3 {
font-size: 23px;
color: #4B5052;
font-weight: bold;
letter-spacing: 0;
text-align: center;

}

.store ul.adress {
background: #FFFFFF;
padding: 15px;
min-height: auto;
}

/*.store li:nth-of-type(2) {
margin-left: 1.2em;
}
*/

.store li a {
color: #333333;
text-decoration: underline;
}






.store:nth-of-type(2) {
margin: 2.0em 0px;
}

.bluebtn a {
    width: 300px;
    font-size: 14px;
    margin-top: 38px;
}







.snsbtn {
background: #fff;
display: block;
   width : -webkit-calc(40px * 3 + 20px * 3) ;
   width : calc(40px * 3 + 20px * 3) ;
padding-left: 20px;
padding: 20px 0 20px 20px;
float: right;
border-radius: 10px;
    margin-top: 20px;
	margin-right: 0px;
}

#newsbox .snsbtn img {
width: 20%;
/*margin:10% 10% 10% 0;*/
}

.newsbox-title {
float: left;
}
#newsbox .title:after {
clear: both;
content: "";
height:0%;
display: block;
}

}