@charset "utf-8";
html {font-size: 62.5%;
background-color: #FFF;
}
body {
min-width: 1080px;
font-size: 1.6rem;
color: #313131;
font-family: 'Noto Sans Japanese', sans-serif;
-webkit-text-size-adjust: 100%;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
 0% {opacity: 0}
 100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
 0% {opacity: 0}
 100% {opacity: 1}
}
select,input,button,textarea,button {font:99%;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {
font-family:monospace;
*font-size:108%;
line-height:100%;
}
a:link {
color: #000000;
transition: .3s;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #0099CC;
text-decoration: underline;
}
a:active {
color: #999999;
text-decoration: none;
}
a.btn img {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-ms-filter: 'alpha(opacity=100)';
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
a:hover.btn img {
-ms-filter: 'alpha(opacity=60)';
filter: alpha(opacity=30);
-moz-opacity: 0.40;
opacity: 0.40;
}
a {
outline: none;
}
::selection {
background: #000000;
color: #FFFFFF;
}
::-moz-selection {
background:#000000;
color:#FFFFFF;
}
::-webkit-selection {
background:#000000;
color:#FFFFFF;
}
strong {
font-weight: bold;
}
.pc {
display: inherit!important;
}
.sp {
display: none!important;
}
#wrapper {
overflow: hidden;
margin: 30px;
}
/*--MAINVIS-------------*/
#mainVis img{
width: 100%;
height: auto
}
/*--HEADER-------------*/
header {}
header .inner {
padding-top: 50px;
padding-bottom: 30px;
width: 90%;
margin-left: auto;
margin-right: auto
}
header a {
text-decoration: none;
}
header h1 {
margin-bottom: 40px;
}

/*--CONTENTS-------------*/
#contents {
width: 90%;
margin-right: auto;
margin-left: auto;
font-size: 1.4rem
}

/*--DETAIL-------------*/
table.detail{
	margin-top: 40px;
	font-size: 1.2rem;
	border-top: 1px solid #A5A5A5;
	margin-bottom: 20px;
}
table.detail th,table.detail td{
vertical-align: top;
padding: 10px;
border-bottom: 1px solid #A5A5A5;
}

/*--LINK_LIST-------------*/
ul.link_list {
margin-bottom: 60px;
}
ul.link_list li {
float: left;
font-size: 1.1rem;
margin-right: 1em
}
ul.link_list li a {
background-color: #1A1A1A;
color: #FFF;
display: block;
line-height: 1;
padding: 4px 20px;
border-radius: 100px;
text-decoration: none
}
ul.link_list li a:hover {
padding: 4px 30px;
}

/*--SUB_PHOTO-------------*/
ul.photo_sub {
margin-bottom: 60px;
}
ul.photo_sub li {
float: left;
width: 22%;
margin-right: 4%
}
ul.photo_sub li:last-child {
margin-right: 0%
}
ul.photo_sub li img {
width: 100%;
height: auto
}

/*--GMAP-------------*/
#gmap {
margin-bottom: 60px;
}
#gmap iframe{
width: 100%;
height: 300px;
}

/*--FOOTER-------------*/
footer {
clear: both;
padding-top: 20px;
padding-bottom: 50px;
text-align: right;
font-size: 1.2rem
}
footer .inner {
width: 90%;
margin-right: auto;
margin-left: auto;
}



































@media screen and (max-width: 520px) {
html {font-size: 62.5%;
background-color: #FFF;
}
body {
min-width: 320px;
font-size: 1.6rem;
color: #313131;
font-family: 'Noto Sans Japanese', sans-serif;
-webkit-text-size-adjust: 100%;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

select,input,button,textarea,button {font:99%;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {
font-family:monospace;
*font-size:108%;
line-height:100%;
}
a:link {
color: #000000;
transition: .3s;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #0099CC;
text-decoration: underline;
}
a:active {
color: #999999;
text-decoration: none;
}
a.btn img {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-ms-filter: 'alpha(opacity=100)';
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
a:hover.btn img {
-ms-filter: 'alpha(opacity=60)';
filter: alpha(opacity=30);
-moz-opacity: 0.40;
opacity: 0.40;
}
a {
outline: none;
}
::selection {
background: #000000;
color: #FFFFFF;
}
::-moz-selection {
background:#000000;
color:#FFFFFF;
}
::-webkit-selection {
background:#000000;
color:#FFFFFF;
}
strong {
font-weight: bold;
}
.pc {
display: none!important;
}
.sp {
display: inherit!important;
}
#wrapper {
overflow: hidden;
margin: 30px;
}
/*--MAINVIS-------------*/
#mainVis img{
width: auto;
height: 60vh;
object-fit: cover;
}
/*--HEADER-------------*/
header {}
header .inner {
padding-top: 50px;
padding-bottom: 30px;
width: 90%;
margin-left: auto;
margin-right: auto
}
header a {
text-decoration: none;
}
header h1 {
margin-bottom: 20px;
}
header h1 img{
width: 60%;
height: auto
}

/*--CONTENTS-------------*/
#contents {
width: 90%;
margin-right: auto;
margin-left: auto;
font-size: 1.4rem
}

/*--DETAIL-------------*/
table.detail{
	margin-top: 40px;
	font-size: 1.2rem;
	border-top: 1px solid #A5A5A5;
	margin-bottom: 20px;
}
table.detail th,table.detail td{
vertical-align: top;
padding: 10px;
border-bottom: 1px solid #A5A5A5;
}

/*--LINK_LIST-------------*/
ul.link_list {
margin-bottom: 60px;
}
ul.link_list li {
float: left;
font-size: 1.1rem;
margin-right: 1em
}
ul.link_list li a {
background-color: #1A1A1A;
color: #FFF;
display: block;
line-height: 1;
padding: 4px 20px;
border-radius: 100px;
text-decoration: none
}
ul.link_list li a:hover {
padding: 4px 30px;
}

/*--SUB_PHOTO-------------*/
ul.photo_sub {
margin-bottom: 30px;
}
ul.photo_sub li {
float: left;
width: 48%;
margin-right: 4%;
margin-bottom: 4vw
}
ul.photo_sub li:last-child {
margin-right: 0%
}
ul.photo_sub li:nth-child(2n) {
margin-right: 0%
}
ul.photo_sub li img {
width: 100%;
height: auto
}

/*--GMAP-------------*/
#gmap {
margin-bottom: 60px;
}
#gmap iframe{
width: 100%;
height: 300px;
}

/*--FOOTER-------------*/
footer {
clear: both;
padding-top: 20px;
padding-bottom: 50px;
text-align: right;
font-size: 1.2rem
}
footer .inner {
width: 90%;
margin-right: auto;
margin-left: auto;
}
}