@media print{
body{
-webkit-print-color-adjust:exact;
print-color-adjust:exact;
}
}

*{
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
body,h1,h2,h3,h4,p,ol,ul,li,dl,dt,dd{
margin:0;
padding:0;
}
h1,h2,h3,h4{
line-height:1.3;
}
ul,li{
list-style:none;
}
img{
border:0;
line-height:0;
vertical-align:top;
}



body{
color:#333333;
font-family: メイリオ, Meiryo, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'MS Gothic', 'ＭＳ ゴシック', 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-align:center;
}

a,
a:link{
color:#333333;
text-decoration:underline;
outline:none;
}
a:hover{
text-decoration:none;
outline:none;
}
a:active{
text-decoration:none;
outline:none;
}

img{
max-width:100%;
}
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);/*～IE7*/
-ms-filter:"alpha(opacity=80)";/*IE8*/
}

@media only screen and (min-width: 768px) {
body{
font-size:16px;
line-height:1.8;
}
.pc{
display:block !important;
}
.sp{
display:none !important;
}
}
@media only screen and (max-width: 767px) {
body{
font-size:14px;
line-height:1.6;
}
.pc{
display:none !important;
}
.sp{
display:block !important;
}
}



.none {
display: none !important;
}

.link{
text-align:right;
}
.link a{
font-weight:bold;
color:#9A6600;
}

.btn{
margin-bottom:50px;
}
.btn a{
width:80%;
max-width:600px;
margin:0 auto;
padding:15px 5px;
display:block;
-moz-border-radius:20px;/*FF*/
-webkit-border-radius:20px;/*Sf,Ch*/
border-radius:20px;
text-align:center;
font-weight:bold;
font-size:120%;
}
@media (max-width: 767px) {
.btn a{
width:90%;
}
}
.btn a,
.btn a:link{
color:#ffffff;
text-decoration:none;
background:#003399;
border:1px #003399 solid;
}
.btn a:hover{
color:#003399;
text-decoration:none;
background:#ddeeff;
border:1px #003399 solid;
}
.btn a:active{
}


strong{
font-style:normal;
font-weight:normal;
color:#00A040;
}
.strong{
padding:0 3px;
font-weight:bold;
color:#00A040;
}
em{
font-style:normal;
font-weight:normal;
color:#0B308F;
}
.em{
font-style:normal;
font-weight:bold;
color:#0B308F;
}

.tc{text-align:center;}

#container{
width:100%;
background:url(../img/bg.jpg);
}

#header{
width:100%; 
border-top:8px solid #003300;
/*
background:#ddeeff;
*/
}
.header_inner{
padding:10px 0;
text-align:right;
}
@media (max-width: 767px) {
.header_inner{
padding:1px 0 0;
text-align:center;
}
}

.header_inner,
#contents,
#main{
margin:0 auto;
}
@media (max-width: 767px) {
.header_inner,
#contents{width:94%;}
#main{width:100%;}
}
@media (min-width: 768px) {
.header_inner,
#contents{width:750px;}
#main{width:90%;}
}
@media (min-width: 992px) {
.header_inner,
#contents{width:970px;}
#main{width:80%;}
}
@media (min-width: 1200px) {
.header_inner,
#contents{width:1170px;}
#main{width:80%;}
}


.section{
}
.section + .section{
padding-top:50px;
}
@media only screen and (max-width: 767px) {
.section{
}
.section + .section{
padding-top:25px;
}
}

.inner{
margin:0 3%;
overflow:hidden;
position:relative;
/zoom:1;
text-align:left;
}

h1{
margin-top:40px;
margin-bottom:40px;
padding:20px 10px;
border:1px #003300 solid;
background-color:#ffffff;
text-align:center;
font-size:150%;
font-weight:bold;
color:#003300;
}
@media only screen and (max-width: 767px) {
h1{
margin-top:20px;
margin-bottom:30px;
padding:10px 10px;
}
}

h2{
margin-bottom:30px;
padding:0.7em 20px;
-moz-border-radius:6px;/*FF*/
-webkit-border-radius:6px;/*Sf,Ch*/
border-radius:6px;
background-color:#003300;
text-align:left;
font-size:130%;
font-weight:bold;
color:#ffffff;
letter-spacing:1px;
}
@media (min-width: 768px) {
h2{
}
}

h3{
margin-bottom:0.5em;
border-bottom:2px #003300 dotted;
font-weight:bold;
color:#003300;
}
p + h3{
margin-top:1em;
}
p{
margin:0;
}
p + p{
margin-top:1em;
}
p.photo + p{
margin-top:0;
}
img{
}
.section dl{
margin:20px 0;
}
.section dt{
min-width:8em;
margin-bottom:0.5em;
padding:0.1em 0.5em;
border:1px #003300 solid;
display:inline-block;
text-align:center;
-moz-border-radius:4px;/*FF*/
-webkit-border-radius:4px;/*Sf,Ch*/
border-radius:4px;
color:#003300;
font-weight:bold;
}
.section dd{
margin-bottom:2em;
}
.section dl{
overflow:hidden;
position:relative;
}

.section ul{
margin:20px 0;
}
.section li + li{
margin-top:1em;
}

.wide_photo{
width:90%;
max-width:640px;
margin:20px auto;
text-align:center;
}
/*
.wide_photo img{
border:1px #666666 solid;
padding:10px;
background:#ffffff;
}
*/
@media only screen and (max-width: 767px) {
.wide_photo{
width:94%;
margin:15px 3%;
max-width:640px;
}
}
.photo{
width:50%;
max-width:400px;
margin:0 10px 0 0;
float:left;
}
.photo.right{
margin:0 0 0 10px;
float:right;
}
.photo img{
-moz-border-radius:10px;/*FF*/
-webkit-border-radius:10px;/*Sf,Ch*/
border-radius:10px;
}
h2,h3,dl{clear:both;}

#footer{
margin-top:60px;
padding:20px 0;
border-top:1px #003300 solid;
background:#ffffff;
}
@media (max-width: 767px) {
#footer{
margin-top:40px;
padding:10px 0;
}
}
#footer a{
padding-left:10px;
}
@media (max-width: 767px) {
#footer a{
padding-left:5px;
}
}

.share{
margin:-25px 3% 0;
padding-bottom:30px;
display:block;
vertical-align:top;
}
.pr-tag{
display:block;
float:right;
font-size:13px;
color:#555555;
}

@media screen and (max-width:767px) {
.pr-tag{
font-size:11px;
}
.share{
padding-bottom:20px;
}
}