@charset "utf-8";
/*

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

*/

/*=======================================================
		common css
=======================================================*/

/*	area section
-------------------------------------------------*/
section {
    clear: both;
}


/*	content area
-------------------------------------------------*/
.content_area {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    margin: 0 0 10px;
    overflow: hidden;
}

.entry_post {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    display: inline-block;
    width: 100%;
}

/*
	回り込み解除
-------------------------------------------------*/
.clear_float {
    clear: both;
}


/*=======================================================
		タイトル見出し
=======================================================*/

/*	大見出し
-------------------------------------------------*/
.headline_title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* Old browsers 
    background: #FEFEFE;*/
    /* FF3.6+ 
    background: -moz-linear-gradient(   top, #FEFEFE 0%, #C0C0C0 100%);*/
    /* Chrome,Safari4+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#C0C0C0));*/
    /* Chrome10+,Safari5.1+ 
    background: -webkit-linear-gradient(top, #FEFEFE 0%, #C0C0C0 100%);*/
    /* Opera 11.10+ 
    background: -o-linear-gradient(     top, #FEFEFE 0%, #C0C0C0 100%);*/
    /* IE10+ 
    background: -ms-linear-gradient(    top, #FEFEFE 0%, #C0C0C0 100%);*/
    /* W3C 
    background: linear-gradient(  to bottom, #FEFEFE 0%, #C0C0C0 100%);*/
    /* IE6-9 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#C0C0C0',GradientType=0 );*/

    background: none #555555;
    color: #fff;
    font-size: 14px;
    line-height: 1.7;
    padding: 15px 2.5%;
    display: block;
    /*border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;*/
    width: 100%;
    margin: 0 0 10px 0;
    font-weight: bold;
    text-align: center;
}

/*	見出し
-------------------------------------------------*/
.entry_title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* Old browsers 
    background: #FEFEFE;*/
    /* FF3.6+ 
    background: -moz-linear-gradient(   top, #FEFEFE 0%, #C0C0C0 100%);*/
    /* Chrome,Safari4+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#C0C0C0));*/
    /* Chrome10+,Safari5.1+ 
    background: -webkit-linear-gradient(top, #FEFEFE 0%, #C0C0C0 100%);*/
    /* Opera 11.10+ 
    background: -o-linear-gradient(     top, #FEFEFE 0%, #C0C0C0 100%)*/;
    /* IE10+ 
    background: -ms-linear-gradient(    top, #FEFEFE 0%, #C0C0C0 100%);*/
    /* W3C 
    background: linear-gradient(  to bottom, #FEFEFE 0%, #C0C0C0 100%);*/
    /* IE6-9 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#C0C0C0',GradientType=0 );*/

    background: none #888888;
    color: #fff;
    line-height: 1.5;
    padding: 15px 2.5%;
    display: block;
    /*border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;*/
    width: 100%;
    margin: 0 0 10px 0;
}

/*	小見出し
-------------------------------------------------*/
.sub_post_title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* Old browsers 
    background: #FEFEFE;*/
    /* FF3.6+ 
    background: -moz-linear-gradient(   top, #FEFEFE 0%, #C0C0C0 100%);*/
    /* Chrome,Safari4+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#C0C0C0));*/
    /* Chrome10+,Safari5.1+ 
    background: -webkit-linear-gradient(top, #FEFEFE 0%, #C0C0C0 100%);*/
    /* Opera 11.10+ 
    background: -o-linear-gradient(     top, #FEFEFE 0%, #C0C0C0 100%);*/
    /* IE10+ 
    background: -ms-linear-gradient(    top, #FEFEFE 0%, #C0C0C0 100%);*/
    /* W3C 
    background: linear-gradient(  to bottom, #FEFEFE 0%, #C0C0C0 100%);*/
    /* IE6-9 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#C0C0C0',GradientType=0 );*/

    background: none #cccccc;
    line-height: 1.5;
    padding: 10px 2.5%;
    display: block;
    /*border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;*/
    width: 100%;
    margin: 0 0 10px 0;
}

/*	小タイトル
-------------------------------------------------*/
.inline_title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* Old browsers 
    background: #FEFEFE;*/
    /* FF3.6+ 
    background: -moz-linear-gradient(   top, #FEFEFE 0%, #C0C0C0 100%);*/
    /* Chrome,Safari4+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#C0C0C0));*/
    /* Chrome10+,Safari5.1+ 
    background: -webkit-linear-gradient(top, #FEFEFE 0%, #C0C0C0 100%);*/
    /* Opera 11.10+ 
    background: -o-linear-gradient(     top, #FEFEFE 0%, #C0C0C0 100%);*/
    /* IE10+ 
    background: -ms-linear-gradient(    top, #FEFEFE 0%, #C0C0C0 100%);*/
    /* W3C 
    background: linear-gradient(  to bottom, #FEFEFE 0%, #C0C0C0 100%);*/
    /* IE6-9 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#C0C0C0',GradientType=0 );*/

    background: none #f0f0f0;
    overflow: hidden;
    border-radius: 5px 5px 5px 5px;
    border: solid 1px #000000;
    line-height: 1.7;
    margin: 0 0 10px 0;
    padding: 5px 10px;
    width: 100%;
    display: inline-block;
}


/*=======================================================
		画像
=======================================================*/

/*	見出し画像
-------------------------------------------------*/
.eyecatch {
    margin: 0;
    padding: 0;
}

.eyecatch.entry_image {
    margin-bottom: 10px;
}

.eyecatch.entry_image img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    height: auto;
    width: 100%;
}

/*	mobile用 汎用画像CSS
-------------------------------------------------*/
.sp_gallery {
    margin: 0 0 10px 0;
}

.sp_gallery img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    height: auto;
    width: 100%;
}



/*	本文表示
-------------------------------------------------*/
.post_data {
    line-height: 2;
    width: 100%;
}

.post_data p {
    margin: 0 0 10px 0;
}

.post_data_margin {
}

.post_data_margin p {
}

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

/*	コメント
-------------------------------------------------*/
.text_field {
    margin-top: 5px;
    text-align: center;
}

.comment_title {
    border-left: solid 5px #EEE;
    line-height: 2;
    padding-left: 10px;
    font-weight: bold;
}


/*	回り込み
-------------------------------------------------*/
.float_left {
    float: left;
}
.float_right {
    float: right;
}


/*	margin template css
-------------------------------------------------*/
.margin-bottom_10 {
   margin-bottom: 10px;
}
.margin-bottom_20 {
   margin-bottom: 20px;
}

.post_data_margin {
    margin: 5px 0 10px 0;
}

.margin-left_2pc {
    margin-left: 2%;
}

.margin-right_2pc {
    margin-right: 2%;
}

.margin-up-un_10 {
    margin-top: 10px;
    margin-bottom: 10px;
}


/*	border css
-------------------------------------------------*/
.bottom_border {
    border-bottom: dotted 1px #CCC;
    padding-bottom: 10px;
}


/*	ページ戻り
-------------------------------------------------*/
.pageback {
}
.pageback a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    border: solid 1px #CCC;
    display: block;
    line-height: 40px;
    height: 40px;
    padding: 0;
    margin: 0 0;
    text-align: center;
    width: 100%;
}


/*	ページ送り
-------------------------------------------------*/
.permalink_in {
}
.permalink_in a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    display: block;
    margin: 0 auto;
    padding: 10px 6%;
    text-align: center;
    width: 100%;
}


/*===========================================================
	■ 画像CSS
===========================================================*/

/*	ギャラリーエリア
-------------------------------------------------*/
.gallery_block {
}

.img_border {
    border: solid 1px #666666;
}


/*	カラム制御
-------------------------------------------------*/
.img_thumb,
.column_1,
.column_2,
.column_3,
.column_4,
.column_5 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.img_thumb {
    vertical-align: top;
    display: inline-block;
    width: 20%;
}

.column_1 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
}
.column_2 {
    vertical-align: top;
    display: inline-block;
    width: 49%;
}
.column_3 {
    vertical-align: top;
    display: inline-block;
    width: 32%;
}
.column_4 {
    vertical-align: top;
    display: inline-block;
    width: 23.5%;
}
.column_5 {
    vertical-align: top;
    display: inline-block;
    width: 18.4%;
}
.column_5 .float_left { margin-right: 1%; }

.p_01 .column_2 { width: 49%; }
.p_01 .column_2 .eyecatch {
    height: 49vw;
    text-align: center;
    overflow: hidden;
}

.p_01 .column_3 { width: 32%; }
.p_01 .column_3 .eyecatch {
    height: 32vw;
    margin: 0;
    text-align: center;
    overflow: hidden;
}
.p_01 .column_3:nth-of-type(4n-2) { margin-left: 2%; }

.p_01 .column_4 {  width: 24%; }
.p_01 .column_4 .eyecatch {
    height: 24vw;
    text-align: center;
    overflow: hidden;
}
.p_01 .column_4.float_left { margin-right: 1.3%; }

.p_01 .column_5 { width: 19%; }
.p_01 .column_5 .eyecatch {
    height: 19vw;
    text-align: center;
    overflow: hidden;
}
.p_01 .column_5.float_left { margin-right: 1.2%; }

.p_01 .eyecatch.set_height img {
  width: 100%;
  height: auto;
}
.p_01 .eyecatch.set_width img { width: auto; }
.column_2 .set_width img { height: 49vw; }
.column_3 .set_width img { height: 32vw; }
.column_4 .set_width img { height: 24vw; }
.column_5 .set_width img { height: 176px; }



/*	カラム内画像
-------------------------------------------------*/
.img_thumb img,
.column_1 img,
.column_2 img,
.column_3 img,
.column_4 img,
.column_5 img {
    height: auto;
    width: 100%;
}

/*	テーブル表示
-------------------------------------------------*/
/*table tr td {
    padding: 5px;
} 全ページ影響の為停止 */





/* ===========================================================================
   2017.11 レイアウト変更後
=========================================================================== */

body {
  font-size: 14px;
}

* .headline_title {
  font-size: 140%;
  line-height: 1.3;
  font-weight: bold;
}

* .entry_title {
  font-size: 120%;
  padding: 15px 2.5%;
  text-align: center;
}

* .sub_post_title {
  padding: 10px 2.5%;
  text-align: center;
  font-size: 110%;
}

td.td_name { width:25%; }

.no_01 td,
.iqfm-table tr th, td.td_name, td.td_value, .iqfm-table tr td.iqfm-input,
td.coupon_meta_title, td.coupon_meta, td.coupon_data {
  font-size: 85.7%;
  padding: 15px;
}

.menu_area td {
  padding-bottom: 10px;
  padding-top: 30px;
}
/* ===========================================================================
   追加フォント
=========================================================================== */
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css); /* さわらび明朝 */
@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css); /* Mplus 1p */
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css); /* Rounded Mplus 1c */

/* 追加フォント使用時
font-family: 'Sawarabi Mincho';
font-family: 'Mplus 1p';
font-family: 'Rounded Mplus 1c';
*/