@import "reset.css";
@charset "UTF-8";

body {
color: #060606;
font-family: sans-serif;
text-align: justify;
text-justify: distribute;
}

body a{
color: #060606;
text-decoration: none;
}

body .container {
max-width: 900px;
margin: 0 auto;
}

body img{
display: block;
}

.pc {display: block;}
.mb {display: none;}



.youtube iframe {
margin: 30px auto;
width: 80%;
height: 400px;
display: block;
}





*, 
*:before, 
*:after { 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
} 





header {
margin: 0 auto 10px;
border-top: 10px #387272 solid;
}

header .sitetitle h1 {
padding: 20px 0;
font-size: 180%;
}
header .sitetitle p {
padding: 5px 0;
text-align: right;
font-size: 120%;
}








nav {
clear: left; 
background: #ffffff;
border-top: 2px #333333 solid;
border-bottom: 2px #333333 solid;
}

nav #menu {
max-width: 900px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}

nav #menu li {
width: 400px;
font-size: 120%;
text-align: center;
border-right: 2px #333333 solid;
border-left: 0px #333333 solid;
}
nav #menu li.home {
width: 100px;
border-left: 2px #333333 solid;
}
nav #menu li a{
display: block;
padding: 20px 0;
text-decoration: none;
color: #333333;
}
nav #menu li a:hover{
background: #f3f3f3;
}
nav #toggle{ 
display: none;
}



section {
margin: 0 auto;
}



#top .theme {
padding: 70px 0 30px;
}
#top .theme img {
width: 100%;
margin: 0 auto;
}
#top .theme p {
text-align: center;
line-height: 200%;
font-size: 130%;
}

#top .information {
padding: 30px 20px;
}
#top .information p {
letter-spacing: 0.2em;
line-height: 210%;
font-size: 200%;
}



#jihanki table {
width: 100%;
margin: 40px auto 20px;
}

#jihanki table caption {
padding: 20px 10px;
font-size: 120%;
text-align: left;
color: #ffffff;
background: #478d8d;
border: 1px #478d8d solid;
border-bottom: 0px;
}
#jihanki table th,
#jihanki table td {
padding: 25px 5px;
border: 1px #478d8d solid;
}
#jihanki td a {
color: #b12323;
text-decoration: underline;
}
#jihanki td a:hover {
color: #2323b1;
text-decoration: none;
}





section.jihanki {
margin: 50px auto 0;
padding: 30px;
border: 1px #303030 double;
}
section.jihanki h2 {
padding: 0 0 10px 0;
font-size: 150%;
}
section.jihanki h3 {
padding: 0 0 20px 0;
font-size: 200%;
}
section.jihanki p {
padding: 0 0 20px 0;
font-size: 130%;
line-height: 140%;
}
section.jihanki img {
display: inline;
width: 100%;
}
section.jihanki iframe {
margin: 20px auto 0;
display: block;
width: 70%;
height: 400px;
border: 1px #72b895 solid;
}


section.jihanki .sanmai {
background: #ffeaea;
}
section.jihanki .sanmai img {
margin: 15px 1% 15px 0.5%;
width: 30%;
}





#ponzu .item {
margin: 30px auto;
width: 100%;
}

#ponzu .item img {
width: 100%;
}










#fugu .fugu img {
margin: 30px auto;
width: 100%;
}





#recruit .recruit img {
margin: 50px auto;
width: 100%;
}




#masscom .masscom img {
margin: 50px auto;
width: 100%;
}









#contact table caption {
padding: 0 0 5px 0;
text-align: left;
color: #dc4e4e;
}

#contact table {
margin: 60px auto 0;
width: 70%;
}
#contact th {
width: 30%;
background: #f8eadc;
}
#contact th,
#contact td {
padding: 10px;
font-size: 95%;
line-height: 130%;
border: 1px #7f7f7f solid;
text-align: left;
vertical-align: top;
}
#contact .send {
text-align: center;
}
#contact .sendtd {
background: #f1d5b8;
}

#contact .mfjusyowrap {
padding: 2px 0 0 1em;
}
#contact textarea.mfjusyo {
width: 69%;
height: 3em;
}
#contact textarea.mftoi {
width: 70%;
height: 10em;
}



#thanks section {
padding: 50px;
}
#thanks h3 {
font-weight: bold;
font-size: 130%;
line-height: 200%;
}
#thanks p {
font-size: 110%;
line-height: 180%;
}





footer {
margin: 250px 0 0;
padding: 15px 0 15px 0;
background: #6a8d47;
border-top: 3px #e4e0da double;
border-bottom: 5px #2b5540 solid;
}

footer p {
text-align: center;
line-height: 180%;
font-size: 90%;
color: #ffffff;
}
footer p.sitetitle {
font-size: 140%;
}
footer p.cop {
padding: 50px 0 0 0;
line-height: 0%;
font-size: 85%;
}