@charset "utf-8";
/*

追加CSSを記述、上書きCSSの記述用CSSファイルです。

*/

/*-------------------------------------------------------
		common css
-------------------------------------------------------*/
.clear_float {
    clear: both;
}

.easys_content {
    clear: both;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
    display: block;
}

.sub_post {
    display: inline-block;
    width: 100%;
    margin: 30px 0 0;
}


/*		float template
-------------------------------------------------------*/
.float_left {
    float: left;
}
.float_right {
    float: right;
}


/*		border template
-------------------------------------------------------*/
.border_margin {
    border-bottom: 1px dotted #999999;
    margin: 0 0 50px;
    padding: 0 0 50px;
}

.border_margin_text {
    border-bottom: 1px dotted #999999;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}

/*		margin template
-------------------------------------------------------*/
.margin-bottom_0 { margin-bottom: 0; }
.margin-bottom_5 {
    margin-bottom: 5px;
}
.margin-bottom_10 {
    margin-bottom: 10px;
}
.margin-bottom_15 {
    margin-bottom: 15px;
}
.margin-bottom_20 {
    margin-bottom: 20px;
}
.margin-bottom_25 {
    margin-bottom: 25px;
}
.margin-bottom_30 {
    margin-bottom: 30px;
}
.margin-bottom_40 {
    margin-bottom: 40px;
}
.margin-bottom_50 {
    margin-bottom: 50px;
}


.margin-top_5 {
    margin-top: 5px;
}
.margin-top_10 {
    margin-top: 10px;
}
.margin-top_15 {
    margin-top: 15px;
}
.margin-top_20 {
    margin-top: 20px;
}
.margin-top_25 {
    margin-top: 25px;
}
.margin-top_40 {
    margin-top: 40px;
}
.margin-top_50 {
    margin-top: 50px;
}

.margin-up-un_5 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.margin-up-un_10 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.margin-up-un_25 {
    margin-top: 25px;
    margin-bottom: 25px;
}
.margin-up-un_40 {
    margin-top: 40px;
    margin-bottom: 40px;
}
.margin-up-un_50 {
    margin-top: 50px;
    margin-bottom: 50px;
}


.post_margin {
    margin-bottom: 50px;
}


/*		padding template
-------------------------------------------------------*/
.padding-left_5 {
    padding-left: 5px;
}
.padding-right_5 {
    padding-right: 5px;
}

.padding-left_10 {
    padding-left: 10px;
}
.padding-right_10 {
    padding-right: 10px;
}



.padding-left_20 {
    padding-left: 20px;
}
.padding-right_20 {
    padding-right: 20px;
}


/*		image template
-------------------------------------------------------*/
.eyecatch {
    display: inline-block;
    vertical-align: top;
}

.img_size_thumb {
    overflow: hidden;
    width: 150px;
    height: 100px;
}

.img_size_small {
    height: auto;
    overflow: hidden;
    width: 360px;
}
.img_size_medium {
    height: auto;
    overflow: hidden;
    width: 480px;
}
.img_size_large {
    overflow: hidden;
    width: 450px;
}

.img_size_half {
    overflow: hidden;
    width: 456px;
}

.eyecatch img,
.img_size_small img,
.img_size_medium img,
.img_size_large img {
    height: auto;
    width: 100%;
}
.eyecatch a:hover img,
.img_size_small a:hover img,
.img_size_medium a:hover img,
.img_size_large a:hover img {
    filter: alpha(opacity=75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
    -moz-opacity: 0.75;
    opacity: 0.75;
}
.img_size_full {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}
.eyecatch.display_line_bg.img_size_full {
    background: none transparent;
}
.img_size_full img,
.eyecatch.display_line_bg.img_size_full img {
  max-width: 100%;
  width: auto;
  height: auto;
}


/*		text template
-------------------------------------------------------*/
.post_data {
    display: inline-block;
    font-size: 15px;
    line-height: 2.2;
    text-align: left;
}
.half_block .post_data {
  width: 100%;
}

.field_3col .post_data,
.field_2col .post_data { display: block; }

.post_data p {
    margin-bottom: 10px;
}

.text_size_thumb {
    overflow: hidden;
    width: 780px;
}
.text_size_small {
    overflow: hidden;
    width: 456px;
}
.text_size_medium {
    overflow: hidden;
    width: 450px;
}
.text_size_large {
    overflow: hidden;
    width: 570px;
}
.text_size_full {
    overflow: hidden;
    width: 100%;
}
.text_size_full .post_data:not([class*='field_']) { width: 100%; }

.html_post {
    overflow: hidden;
}

.post_data table {
  width: 100% !important;
}
.post_data table th,
.post_data table td {
  min-width: 10em;
  width: auto !important;
}
/* コンタクトフォームは除外する */
.post_data .wpcf7 table th,
.post_data .wpcf7 table td {
  min-width: auto;
}

/*		gallery image template
-------------------------------------------------------*/

.field_1col {
    height: auto;
    width: 100%;
    text-align: center;
}

.field_2col { width: 456px !important; overflow: hidden; }
.field_2col .eyecatch, .field_2col .img_box {
    width: 456px;
    text-align: center;
    overflow: hidden;
}
.field_2col img { max-width: 100%; }

.field_3col { width: 300px !important; overflow: hidden; }
.field_3col .eyecatch, .field_3col .img_box {
    width: 300px;
    text-align: center;
    overflow: hidden;
}
.field_3col.float_left { margin-right: 30px; }
.field_3col img { max-width: 100%; }

.field_4col {  width: 225px !important; overflow: hidden; }
.field_4col .eyecatch {
    width: 225px;
    text-align: center;
    overflow: hidden;
}
.field_4col.float_left { margin-right: 20px; }
.field_4col img { max-width: 100%; }

.field_5col { width: 176px !important; overflow: hidden; }
.field_5col .eyecatch {
    width: 176px;
    text-align: center;
    overflow: hidden;
}
.field_5col.float_left { margin-right: 20px; }
.field_5col img { max-width: 100%; }

.img_wide img,
.img_long img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.img_long, .img_wide {
  position: relative;
  text-align: left;
  overflow: hidden;
}
.img_long img, .img_wide img { position: absolute; }


/*
.img_long img {
  width: 100%;
  height: auto;
}
.img_wide img { width: auto; }
.field_2col .img_wide img { height: 456px; }
.field_3col .img_wide img { height: 300px; }
.field_4col .img_wide img { height: 225px; }
.field_5col .img_wide img { height: 176px; }
*/
/* image roll over */
.field_1col a:hover img,
.field_2col a:hover img,
.field_3col a:hover img,
.field_4col a:hover img,
.field_5col a:hover img {
    filter: alpha(opacity=75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
    -moz-opacity: 0.75;
    opacity: 0.75;
}

.gallery_box {
    display: inline-block;
}

/* gallery comment template */
.field_text {
    font-size: 13px;
    line-height: 1.7;
    text-align: left;
    margin-bottom: 20px;
}



/*		width template
-------------------------------------------------------*/
.width_main {
}

.width_side {
}

.width_one_column {
    width: 100%;
}
.width_2column_share {
    width: 48%;
}

a { outline: none; }
a:focus, *:focus { outline: none; }


.zoom_up{
    opacity: 0;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    transition: transform 2s;
}

.zoom_out{
    opacity: 0;
    top: 0;
    left: 0;
    height: 120%;
    position: absolute;
    transition: transform 2s;
}


.zoom_up2{
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    transition: transform 2s;
}

.zoom_out2{
    opacity: 0;
    top: 0;
    left: 0;
    width: 120%;
    position: absolute;
    transition: transform 2s;
}