@charset "utf-8";
/* --------------------------------------------------------
 common
----------------------------------------------------------- */
body {
    background: #fff;
    width: 100%;
    height: 100%;
    color: #333;
    font-size: 16px;
    font-family: 'Abel', sans-serif;
}
img {
    max-width: 100%;
    height: auto;
}
.bold {
	font-weight: bold;
}
/* --------------------------------------------------------
 header
----------------------------------------------------------- */
#header {
    border-bottom: 1px solid #171715;
    width: 77%;
    margin: 0 auto;
}
#header p {
    width: 72px;
    height: 72px;
    margin: 1% auto 0;
}
#header h1 {
    text-align: center;
    font-size: 10px;
    margin-top: 0;
    padding-left: 0.5%;
    letter-spacing: 2px;
}
/* ------ archive ----------- */
.archive {
    max-width: 1366px;
    width: 77%;
    margin: 0 auto;
}
.archive h2, .contact_box h2 {
    text-align: center;
    letter-spacing: 1px;
    margin: 5% 0;
    font-size: 2em;
}
.archive_list {
    padding-left: 25%;
    padding-right: 42.5528px;
}
.archive ul {
    padding-left: 0;
}
.archive ul li {
    width: 33.333%;
    float: left;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 7%;
}
.archive ul .wide {
    margin-top: -15.9%;
}
.archive ul .wide2 {
    margin-bottom: 22%;
}
.archive ul .puff3 {
    margin-top: -1.3%;
}
.archive ul .puff2 {
    margin-top: -15.9%;
}
.archive ul .puff1 {
    margin-top: -15%;
}
.archive h3 {
    text-align: center;
    padding: 7% 0;
}
.archive h3 a span {
    display: block;
    text-align: center;
}
.archive_list .flame {
    border: 1px solid;
}
.archive .date {
    text-align: center;
    border-top: 1px solid #d7d8d8;
    line-height: 40px;
}
/* ------ contact ----------- */
.contact_box {
    max-width: 1366px;
    width: 77%;
    margin: 0 auto;
}
.contact_box h2 {
    border-top: 1px solid;
    padding-top: 4%;
    margin-top: 3%;
}
.contact_box dl {
    line-height: 2;
    width: 38%;
    margin: 0 auto;
}
.contact_box span {
    color: #FE6748;
    margin-left: 3%;
    vertical-align: middle;
}
.contact_box dd {
    margin-left: 0;
}
.contact_box dd input, .contact_box dd textarea {
    width: 100%;
    border: 1px solid #ccc;
}
/* --------------------------------------------------------
 詳細ページ
----------------------------------------------------------- */
.detail {
    width: 77%;
    margin: 4% auto;
}
.image_area {
    width: 50%;
    float: left;
    padding-right: 11%;
}
.detail .image_area img {
    width: 80%;
    float: right;
    display: block;
}
.image_area ul {
    margin: 0;
    padding-left: 0;
}
.image_area ul li .mt10 {
    margin-top: 10%
}
.text_area {
    width: 50%;
    float: right;
    padding-left: 11%;
}
.text_area h2 {
    font-size: 2em;
    margin-top: 0;
}
.text_area h2 span {
    display: block;
}
.text_area ul {
    padding-left: 0;
}
.text_area .subtitle {
    line-height: 40px;
}
.news {
    border: double #333;
    padding: 1%;
}
.pager {
    width: 77%;
    margin: 5% auto 0;
    border-top: 1px solid #d7d8d8;
}
.pager ul {
    padding-left: 0;
}
.pager ul li:first-child {
    width: 3%;
    float: left;
}
.pager ul li:last-child {
    width: 1.5%;
    float: right;
}
/* --------------------------------------------------------
 footer
----------------------------------------------------------- */
#footer {
    color: #fff;
	background-color: #506EC0;
	text-align: center;
}
#copy {
    margin: 0;
}
#copyright small {
	font-size: 12px;
	line-height: 1.429;
}
/* --------------------------------------------------------
 mailフォーム確認画面
----------------------------------------------------------- */
#formWrap {
    width:700px;
    margin:0 auto;
    color:#555;
    line-height:120%;
    font-size:90%;
}
table.formTable{
    width:100%;
    margin:0 auto;
    border-collapse:collapse;
}
table.formTable td,table.formTable th{
    border:1px solid #ccc;
    padding:10px;
}
table.formTable th{
    width:30%;
    font-weight:normal;
    background:#efefef;
    text-align:left;
}
p.error_messe{
    margin:5px 0;
    color:red;
}
/* --------------------------------------------------------
 メディアクエリ
----------------------------------------------------------- */
@media screen and (max-width: 1024px) {
img {
    height: auto;
}
}
@media screen and (max-width : 480px) {
.archive ul li {
    float: none;
    width: 100%;
}
.archive_list {
    padding: 0;
}
.archive_list img {
    display: block;
    margin: 0 auto;
}
.archive ul .wide {
    margin-top: 0;
}
.archive ul .puff1 {
    margin-top: 0;
}
.archive h3 {
    padding: 0;
}
.image_area {
    width: 100%;
    float: none;
    padding-right: 0;
    margin: 11% 0;
}
.detail .image_area img {
    max-width: 100%;
    float: none;
    display: block;
    margin: 0 auto;
}
.text_area {
    width: 100%;
    float: none;
    padding-left: 0;
}
.text_area h2 {
    text-align: center;
}
.contact_box dl {
    width: 90%;
}
.contact_box dd input, .contact_box dd textarea {
    width: 100%;
}
/* --------------------------------------------------------
 mailフォーム確認画面
----------------------------------------------------------- */
#formWrap {
    width: 90%;
    margin: 0 auto;
    color:#333;
    line-height:120%;
    font-size:90%;
}
.confirmation-title {
    text-align: center;
}
table.formTable {
    width: 90%;
    margin: 0 auto;
    border-collapse:collapse;
}
table.formTable td,table.formTable th {
    border:1px solid #ccc;
    padding:10px;
}
table.formTable th {
    width:30%;
    font-weight:normal;
    background:#efefef;
    text-align:left;
}
p.error_messe {
    margin:5px 0;
    color:red;
}
input[type="submit" i], input[type="button" i] {
    padding: 6% 0;
}
}