/* CSS Document */
/*---reset---*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*---element---*/
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    line-height: 170%;
    color: #321A07;
}
img {
    max-width: 100%;
    height: auto;
}
a:link ,
a:visited{
	color: #B02D00;
}
a:hover {
    color: #F63;
    text-decoration: none;
}

.red{
    color:red;
}
/*---header---*/
.header {
    height: 71px;
    width: 900px;
    margin: 0 auto;
    position: relative;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #E58E4F;
}
.headList {
    position: absolute;
    left: 700px;
    top: 40px;
    height: 30px;
    width: 220px;
}
.headList li {
    float: left;
    margin-right: 5px;
    margin-left: 5px;
}
.headList li a {
    background-image: url(../img/icon.gif);
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    padding-left: 15px;
}

/*---wrapper---*/
.wrapper {
    width: 900px;
    margin: 0 auto;
    
}
.head {
    text-align: center;
    margin-bottom: 10px;
    line-height: 0;
}
/*---wrapper-main---*/
.main {
    float: right;
    width: 640px;
    margin-bottom: 10px;
}

.main h2{
    position: relative;
    width: calc(100% - 12px);
    font-weight: bold;
    padding-left: 10px;
    margin: 0 auto 17px;
    height: 29px;
    line-height: 31px;
    font-size: 14px;
    border: solid 1px #fff;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,f7f7f7+42,eeeeee+47,e1e5e1+76,eeeeee+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 1%, #f7f7f7 42%, #eeeeee 47%, #e1e5e1 76%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 1%,#f7f7f7 42%,#eeeeee 47%,#e1e5e1 76%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 1%,#f7f7f7 42%,#eeeeee 47%,#e1e5e1 76%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

}
.main h2::after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    border: solid 1px #333;
    border:1px solid #d5d5d5;
    z-index: -1;
  }
.main p {
    padding-left: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
}
.info {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.main ul {
    padding-left: 10px;
    padding-bottom: 10px;
}
.main ul li {
    background-image: url(../img/list.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
}
/*---wrapper-menu---*/
.menu {
    float: left;
    width: 220px;
    /*padding-left: 10px;*/
}
.widgettitle{
    font-weight: bold;
    padding-left: 10px;
    height: 25px;
    line-height: 25px;
background: #ffa357; /* Old browsers */
background: -moz-linear-gradient(top,  #ffa357 0%, #ffa357 52%, #fdab54 62%, #ef943f 69%, #ef943f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffa357 0%,#ffa357 52%,#fdab54 62%,#ef943f 69%,#ef943f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffa357 0%,#ffa357 52%,#fdab54 62%,#ef943f 69%,#ef943f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa357', endColorstr='#ef943f',GradientType=0 ); /* IE6-9 */
}
.menu ul {
    padding-top: 10px;
    padding-bottom: 10px;
}
.menu ul li {
    height: 34px;
    /*width: 216px;*/
}
.menu ul li a {
    background-image: url(../img/side_menu_bg.gif);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #f3f3f1;
    display: block;
    padding-left: 20px;
    height: 32px;
    line-height: 250%;
    font-size: 14px;
    text-decoration: none;
}
.menu ul li a:hover {
    background-image: url(../img/side_menu_bg_hover.gif);
}

/*---footer---*/
.footer {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    width: 900px;
    clear: both;
    height: 40px;
    padding-top: 10px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #B5D2BF;
}
.pc-switcher{
    display: none;
}


/*=== news ===*/
.news .metaline {
    text-align: right;
    background-color: #EBE0E0;
    padding-right: 10px;
    padding-left: 10px;
}
.news_fig{
margin:10px 0;
}
.news_fig figcaption {
    padding-top: 0.75em;
}
.news_fig figcaption {
    color: #757575;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    font-style: italic;
    text-align: left;
}

/*=== detail ===*/
.detail .main p.image {
    float: left;
    width: 200px;
}
.detail .main h3 {
    font-weight: bold;
}
/*=== access ===*/
.access .main address {
    padding:10px 0 10px 10px;
}