@charset "utf-8";
/* ===== multipress theme (base) ===== */
/*
Theme Name: RMG multipress
Theme URI: http://www.rmblog.jp/
Description: EASYS PCテーマ
Author: RMG
Version: ver2.14.13
Tags: none
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}
body {
    line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
ol, ul {
    list-style: none;
}
blockquote {
    quotes: none;
}
blockquote:before, blockquote:after {
    content: '';
    content: none;
}
del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a img {
    border: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


/*	アンドロイドver4のバグ回避CSS
===============================================================*/

p {background-image:url('');}
li {background-image:url('');}



/* -------------------------------------------------------------- 
		■　リセットcss　■
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    clear: inherit;
    font-weight: normal;
}

/*	検索ラベル
-------------------------------------------------------------- */

label.screen-reader-text {
    display: none;
    text-indent: -9999px;
}

/* =font
-------------------------------------------------------------- */

#main #container_top .content_area {
    font-size:13px;
    line-height:1.7;
}
.content_area {
    font-size:13px;
    line-height:1.7;
}

/*==========================================================================================
    ページ共通　見出し
==========================================================================================*/

.top-entry-title {
    background: url(../img-bg/top_entry_title.png) no-repeat scroll left top transparent;
    font-size: 18px;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
    margin: 0;
    padding: 0 0 15px;
    text-align: center;
    width: 700px;
}

.widget-title {
    background: url(../img-bg/widget_title_bg.png) no-repeat scroll left top transparent;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 0 5px 40px;
}

.entry-title a:link, .entry-title a:visited {
    text-decoration: none;
}
.entry-title a:hover, .entry-title a:active {
    text-decoration: underline;
}

.entry-title {
    background: url(../img-bg/entry_title_bg.png) no-repeat scroll left top transparent;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    padding: 0 0 0 40px;
    overflow: hidden;
    width: 660px;
    position: static;
}

span.read_more_btn {
    float: right;
    height: 40px;
    width: 120px;
}
span.read_more_btn a {
    background: url(../icons/read_more_btn.png) no-repeat scroll left top transparent;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 120px;
}


/* =Menu
-------------------------------------------------------------- */

#access {
    display: block;
    float: left;
    margin: 0 auto;
    width: 940px;
}
#access .menu-header {
    font-size: 13px;
    margin-left: 12px;
    /*width: 928px;*/
}
#access .menu-header ul {
    list-style: none;
    margin: 0;
}
#access .menu-header li {
    float: left;
    position: relative;
}
#access a {
    display: block;
    line-height: 38px;
    padding: 0 10px;
    text-decoration: none;
}
#access ul ul {
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 55px;
    left: 0;
    float: left;
    z-index: 99999;
}
#access ul ul li {
    /*min-width: 180px;*/
}

#access ul ul a {
    background: #333;
    /*line-height: 1em;*/
    padding: 10px;
    width: 160px;
    height: auto;
}
#access li:hover > a {
    background: #333;
    color: #fff;
}
#access ul li:hover > ul {
    display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
    color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
    color: #fff;
}


/*footer_sns
===========================================================================================*/
#footer_sns_btn {
  margin: 0 auto;
}
#footer_sns_btn .footer_sns_inner {
  display: -ms-flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto;
}



/*ブログ記事画像　記事幅はみ出さないように
===========================================================================================*/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {
    max-width: 100%;
    height: auto;
}
/*youtube
===========================================================================================*/
.youtube_wrap {
  position:relative;
  padding-bottom: 56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
}
.youtube_wrap iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/*スライダー使用時の読み込み画面
===========================================================================================*/
.black-screen{
    background-color: #000000;
    height:100vh;
    width:100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
}

.black-screen > .inner{
    position: absolute;
    top: calc(50vh - (5vw / 2));
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    width: 3vw;
    height: 3vw;
    background-image: url(../icons/loading.svg);
    background-size:cover;
    overflow: hidden;
}

/*
 *  テーマCSS
 */

/* =========================================================== 
		theme template css
   =========================================================== */

/*	base css
-------------------------------------------------------------- */
html {
    background: url(../img-bg/html_bg.jpg) repeat-x scroll center top transparent;
}

body {
    background: url(../img-bg/body_bg.jpg) no-repeat scroll center top transparent;
    color: #666666;
    font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    font-size: 62.5%;
    line-height: 1;
    min-width: 1300px;
}

#branding_box {
    background: url(../img-bg/branding_box_bg.png) no-repeat scroll center top transparent;
    height: 175px;
    margin: 0 auto;
    padding: 0;
}

#main_teaser {
  width: 960px;
    margin: 0 auto;
    padding: 0;
}

#outer_block {
    background: url(../img-bg/outer_block_bg.jpg) repeat-y scroll center top transparent;
    margin: 0 auto;
    padding: 70px 0 0;
}

#inner_block {
    margin: 0 auto;
}


#site-description {
    display: block;
    font-size: 100%;
    font-style: normal;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-align: left;
}

#site-description a {
    text-decoration: none;
}

#site-description a:hover {
    text-decoration: underline;
}

.entry-post {
    clear: both;
}

img {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}


/* =========================================================== 
		layout template css
   =========================================================== */
#main {
    overflow: hidden;
    padding: 0;
}

.sidebar-box {
    display: inline-block;
    float: left;
}

#secondary {
    float: left;
    padding: 0 0 20px;
    width: 240px;
}

#blog_main .widget-area ul {
    margin: 0;
    padding: 0;
}

.widget-container {
    margin: 0 0 20px;
}


#thirdly {
    clear: both;
    padding: 0 0 50px 0;
    width: 240px;
}

#blog_main .widget-area ul ul {
    border: medium none;
    margin: 0;
    padding: 0;
}

#blog_main .widget-area ul ul li a {
    background: url(../img-bg/widget_list_bg.png) no-repeat scroll left top transparent;
    display: block;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 20px 0 0 30px;
    font-weight: normal;
}

#container_top {
    padding: 0 0 50px;
}

#footer_block {
    background: url(../img-bg/footer_bg.png) repeat-x scroll center bottom transparent;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

#footer_box {
    background: url(../img-bg/footer_box_bg.png) no-repeat scroll center top transparent;
    height: 171px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}

#footer_sitemap_block {
  width: 960px;
  margin: 0 auto;
}

#footer-widget-area {
    display: table-cell;
    font-size: 12px;
    line-height: 1.6;
    width: 1020px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

#footer-widget-area .widget-area {
    display: inline-block;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: auto;
}

#footer-widget-area .widget-area ul.menu {
    border-left: 1px solid #999999;
    list-style: none outside none;
    margin-left: 0;
}

#footer-widget-area .widget-area .menu-item {
    float: left;
    margin: 0 0 5px;
}

#footer-widget-area .widget-area .menu-item a {
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    display: block;
    font-weight: bold;
    line-height: 1.7;
    margin: 0 0 0 -1px;
    padding: 0 15px;
    text-decoration: none;
}
#footer-widget-area .widget-area .menu-item a:hover {
    text-decoration: underline;
}

.footer_infomation {
    display: inline-block;
}

#footer_information {
    margin: 0;
    padding: 0;
}

#footer_information .entry-post {
    border-bottom: medium none;
    margin: 30px 0 0 320px;
    padding: 0;
    width: 680px;
}

#copyright {
    clear: both;
    color: #FFFFFF;
    font-size: 100%;
    font-style: normal;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

/* =========================================================== 
		2014/12/04 IE6,7のメニューセンタリングハックCSS追記
   =========================================================== */
* html #footer-widget-area .widget-area {/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html #footer-widget-area .widget-area {/* IE 7 */
display:inline;
zoom:1;
}




/* =========================================================== 
		Blog style css
   =========================================================== */
#blog_main {
  width: 960px;
  margin: 0 auto 50px;
  overflow: hidden;
}
#container {
    float: left;
    margin: 0;
    width: 700px;
    overflow: hidden;
}

#container .post {
    display: inline-block;
    margin: 0;
    padding: 0 0 20px;
}

.page-title {
    font-size: 16px;
    line-height: 1.7;
    height: 40px;
}

.entry-meta,
.entry-content {
    font-size: 13px;
    line-height: 1.7;
    margin-bottom: 10px;
    word-break: break-word;
}

.entry-content .photo {
    margin-bottom: 10px;
}

.entry-content .alignleft {
    float: left;
    margin-right: 10px;
}

.entry-content .alignright {
    float: right;
    margin-left: 10px;
}

#primary {
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0 0 50px;
    width: 240px;
}

.navigation .nav-previous {
    border-right: 1px solid;
    display: block;
    float: left;
    font-size: 13px;
    line-height: 1.7;
    padding: 0 10px 0 0;
    text-align: right;
    width: 339px;
}

.navigation .nav-next {
    border-left: 1px solid;
    display: block;
    float: right;
    font-size: 13px;
    line-height: 1.7;
    margin: 0 0 0 -1px;
    padding: 0 0 0 10px;
    text-align: left;
    width: 330px;
}



/* =========================================================== 
		EASYS-CMS template css
   =========================================================== */

/*		お問い合わせフォームバナーウィジェットCSS
-------------------------------------------------------------- */
#contact_bnr_block {
    padding: 0;
    text-indent: -9999px;
}

#contact_bnr_block a {
    background: url(../img-bg/contact_bnr.jpg) no-repeat scroll center top transparent;
    display: block;
    height: 240px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#contact_bnr_block a:hover {
    background: url(../img-bg/contact_bnr.jpg) no-repeat scroll center bottom transparent;
}


/*		ブログバナーウィジェットCSS @20131001修正
-------------------------------------------------------------- */
#blog_block {
    padding: 0;
    text-indent: -9999px;
}
#blog_block a {
    background: url(../img-bg/blog_bnr.jpg) no-repeat scroll center top transparent;
    display: block;
    height: 100px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#blog_block a:hover {
    background: url(../img-bg/blog_bnr.jpg) no-repeat scroll center bottom transparent;
}


/*		クーポンバナーウィジェットCSS @20131001修正
-------------------------------------------------------------- */
#coupon_bnr_block a {
    background: url(../img-bg/coupon_bnr.jpg) no-repeat scroll left top transparent;
    display: block;
    height: 240px;
    text-indent: -9999px;
}

#coupon_bnr_block a:hover {
    background: url(../img-bg/coupon_bnr.jpg) no-repeat scroll left bottom transparent;
    display: block;
    height: 240px;
    text-indent: -9999px;
}

#footer_information .entry-post .post-data p {
    font-size: 12px;
    line-height: 1.6;
}

.widget-title {
    background: url(../img-bg/widget_title_bg.png) no-repeat scroll left top transparent;
    color: #FFFFFF;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 0 5px 40px;
    font-weight: normal;
}

.widget-title2 a {
    background: url(../img-bg/widget_title_bg.png) no-repeat scroll left top transparent;
    color: #FFFFFF;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 0 0 40px;
    display:block;
    text-decoration: none;
    font-weight: normal;
}

.widget-title2 a:hover {
    text-decoration: underline;
}

.widget_search #s {
    font-size: 13px;
    line-height: 1.7;
    width: 60%;
}

input[type="submit"] {
    font-size: 13px;
    line-height: 1.7;
}

#nav-below {
    display: inline-block;
    margin: 20px 0;
}

/*		クーポンページCSS @20141016追記
-------------------------------------------------------------- */
.content_area {
    margin: 0 auto 20px;
}

#container_top.coupon_print_block,
body.coupon .easys_content_inner {
  float: none;
  width: 960px;
  margin: 0 auto;
}
body.coupon .entry_title {
  width: 920px;
}
.print_header {
    border: 1px solid #CCCCCC;
    display: inline-block;
    margin: 0 0 20px;
    padding: 5px 10px;
    width: 938px;
}
.print_header_inner {
    float: left;
}
h1.print_page_title {
    border-left: 5px solid #999999;
    font-size: 14px;
    padding: 0 0 0 10px;
}
#print_btn {
    float: right;
}
.coupon .inline_title {
  background: none #aaa;
  border-radius: 5px;
  width: 938px;
  height: auto;
  line-height: 2;
  padding: 5px 10px;
  text-align: left;
}


/* =========================================================== 
		main navigation css
   =========================================================== */
#access {
    background: none repeat scroll 0 0 transparent;
    display: block;
    float: none;
    margin: 0 auto;
    width: 960px;
}
#access .menu-header {
	font-size: 12px;
	margin: 0;
	width: 960px;
}
#access .menu-header ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li {
	float: left;
	position: relative;
}

div#access li.menu-item {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    text-align: center;
    text-indent: -9999px;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*==============================5メニューグローバル共通CSS==============================*/

div#access .gnavi01 a,
div#access .gnavi02 a,
div#access .gnavi03 a,
div#access .gnavi04 a,
div#access .gnavi05 a {
    background-image: url(../img-bg/topnavi.png); //グローバルナビの画像指定
    background-repeat: no-repeat;
    background-position: scroll;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    height: 55px;
    width: 192px;
}


/*==============================5メニューグローバルロールオーバーCSS==============================*/

div#access .gnavi01 a { background-position: left top; }
div#access .gnavi02 a { background-position: -192px top; }
div#access .gnavi03 a { background-position: -384px top; }
div#access .gnavi04 a { background-position: -576px top; }
div#access .gnavi05 a { background-position: right top; }


div#access .gnavi01 a:hover { background-position: left bottom; }
div#access .gnavi02 a:hover { background-position: -192px bottom; }
div#access .gnavi03 a:hover { background-position: -384px bottom; }
div#access .gnavi04 a:hover { background-position: -576px bottom; }
div#access .gnavi05 a:hover { background-position: right bottom; }


/*======================■5メニュープルダウンCSS■======================
	5メニュー子メニューCSS class (オプション)に「sub-gnavi」を入力
=======================================================================*/

#access ul.menu li.sub-gnavi ul.sub-menu {
    top: 55px;
    width: 192px;
}

div#access ul.sub-menu li.sub-gnavi {
    border-bottom: 1px dotted;
    text-indent: 0;
    width: 192px;
}

div#access ul.sub-menu li.sub-gnavi a {
    background: none #CCCCCC;
    background: none rgba(204, 204, 204, 0.75);
    filter: alpha(opacity=75); /* ie 6 7 */
    -ms-filter: "alpha(opacity=75)"; /* ie 8 */
    display: block;
    float: left;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-indent: inherit;
    width: 192px;
  color: #333;
}
#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
  color: #333;
}

div#access ul.sub-menu li.sub-gnavi a:hover {
    background: none #999999;
    background: none rgba(153, 153, 153, 0.75);
    text-decoration: underline;
    filter: alpha(opacity=75); /* ie 6 7 */
    -ms-filter: "alpha(opacity=75)"; /* ie 8 */
    color: #fff;
}
#access ul li.current_page_item > a:hover, #access ul li.current-menu-ancestor > a:hover,
#access ul li.current-menu-item > a:hover, #access ul li.current-menu-parent > a:hover {
    color: #fff;
}

/* IE7 hack */
*:first-child+html div#access ul.sub-menu li.sub-gnavi a {
    background-color: #CCCCCC;
}
*:first-child+html div#access ul.sub-menu li.sub-gnavi a:hover {
    background-color: #999999;
}

/* IE9 hack */
div#access ul.sub-menu li.sub-gnavi a:not(:target),
div#access ul.sub-menu li.sub-gnavi a:not(:target):hover {
    filter: none;
    -ms-filter: none;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*==============================6メニューグローバル共通CSS==============================*/

div#access .gnavi11 a,
div#access .gnavi12 a,
div#access .gnavi13 a,
div#access .gnavi14 a,
div#access .gnavi15 a,
div#access .gnavi16 a {
    background-image: url(../img-bg/topnavi2.png); //グローバルナビの画像指定
    background-repeat: no-repeat;
    background-position: scroll;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    height: 55px;
    width: 160px;
}


/*==============================6メニューグローバルロールオーバーCSS==============================*/

div#access .gnavi11 a { background-position: left top; }
div#access .gnavi12 a { background-position: -160px top; }
div#access .gnavi13 a { background-position: -320px top; }
div#access .gnavi14 a { background-position: -480px top; }
div#access .gnavi15 a { background-position: -640px top; }
div#access .gnavi16 a { background-position: right top; }


div#access .gnavi11 a:hover { background-position-y: bottom; }
div#access .gnavi12 a:hover { background-position-y: bottom; }
div#access .gnavi13 a:hover { background-position-y: bottom; }
div#access .gnavi14 a:hover { background-position-y: bottom; }
div#access .gnavi15 a:hover { background-position-y: bottom; }
div#access .gnavi16 a:hover { background-position-y: bottom; }


/*======================■6メニュープルダウンCSS■======================
	6メニュー子メニューCSS class (オプション)に「sub-gnavi2」を入力
=======================================================================*/

#access ul.menu li.sub-gnavi2 ul.sub-menu {
    top: 55px;
    width: 160px;
}

div#access ul.sub-menu li.sub-gnavi2 {
    border-bottom: 1px dotted;
    width: 160px;
    text-indent: 0;
}

div#access ul.sub-menu li.sub-gnavi2 a {
    background: none #CCCCCC;
    background: none rgba(204, 204, 204, 0.75);
    filter: alpha(opacity=75); /* ie 6 7 */
    -ms-filter: "alpha(opacity=75)"; /* ie 8 */
    display: block;
    float: left;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-indent: inherit;
    width: 160px;
    color: #333;
}

div#access ul.sub-menu li.sub-gnavi2 a:hover {
    background: none #999999;
    background: none rgba(153, 153, 153, 0.75);
    filter: alpha(opacity=75); /* ie 6 7 */
    -ms-filter: "alpha(opacity=75)"; /* ie 8 */
    text-decoration: underline;
    color: #fff;
}

/* IE7 hack */
*:first-child+html div#access ul.sub-menu li.sub-gnavi a,
*:first-child+html div#access ul.sub-menu li.sub-gnavi2 a {
  background-color: #CCCCCC;
}
*:first-child+html div#access ul.sub-menu li.sub-gnavi a:hover,
*:first-child+html div#access ul.sub-menu li.sub-gnavi2 a:hover {
  background-color: #999999;
}

/* IE9 hack */
div#access ul.sub-menu li.sub-gnavi a:not(:target),
div#access ul.sub-menu li.sub-gnavi2 a:not(:target),
div#access ul.sub-menu li.sub-gnavi a:not(:target):hover,
div#access ul.sub-menu li.sub-gnavi2 a:not(:target):hover {
	filter: none;
	-ms-filter: none;
}


/*	googleMAP リンク処理
--------------------------------------------------------------*/

small {
    border: 1px solid #CCCCCC;
    display: inline-block;
    font-size: 12px;
    line-height: 2;
    margin: 10px auto 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}
small a {
    display: inline-block;
    margin: 0;
    padding: 5px 2%;
    width: 100%;
    box-sizing: border-box;
}


/*===========================================================================================
    ■お問い合わせ関連CSS
===========================================================================================*/

.iqfm-req_color {
    color: #FF0000;
    font-size: 11px;
}

.iqfm-att_msg {
    font-size: 11px;
}


/*===========================================================================================
	■プライバシーポリシー
===========================================================================================*/

.privacy_block {
    display: inline-block;
    width: 100%;
}
  
.privacy_block strong {
    font-size: 17px;
    line-height: 2;
}
  
.privacy_block p {
    font-size: 13px;
    line-height: 2;
}
  
.privacy_block ul li {
    font-size: 13px;
    line-height: 2;
    list-style: square outside none;
    margin: 0 0 0 20px;
    padding: 0;
}

/*===========================================================================================
	■ブログ 下部ページ送りデザイン
===========================================================================================*/

#nav-below {
}

.navigation .nav-previous {
    border-right: 1px solid;
    display: block;
    float: left;
    font-size: 13px;
    line-height: 1.7;
    padding: 0 10px 0 0;
    text-align: right;
    width: 339px;
}
.navigation .nav-previous a:hover {
    text-decoration: underline;
}

.navigation .nav-next {
    display: block;
    float: right;
    font-size: 13px;
    line-height: 1.7;
    padding: 0 0 0 10px;
    text-align: left;
    width: 340px;
}
.navigation .nav-next a:hover {
    text-decoration: underline;
}


/*===========================================================================================
	■ウィジェット カレンダー
===========================================================================================*/

#wp-calendar {
    margin: 10px 0 0 1px;
    padding: 0;
    width: 239px;
}

#wp-calendar caption {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.7;
    padding-bottom: 4px;
    text-align: left;
vertical-align: top;
}

#wp-calendar thead {
    font-size: 11px;
    line-height: 1.5;
}
#wp-calendar thead th {
    padding: 5px 0;
}

#wp-calendar tbody td {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #fff;
    font-size: 12px;
    line-height: 1.7;
    padding: 10px 5px;
    text-align: center;
}

#wp-calendar tbody td.pad {
    background-color: transparent;
}

#wp-calendar tbody td a {
    display:block;
    font-weight: bold;
    text-decoration: none;
}
#wp-calendar tbody td a:hover {
    text-decoration: underline;
}

#wp-calendar tfoot td#prev,
#wp-calendar tfoot td#next {
    font-size: 12px;
    padding: 10px 0;
}

#wp-calendar tfoot td#prev {
    text-align: left;
}
#wp-calendar tfoot td.pad {
}
#wp-calendar tfoot td#next {
    text-align: right;
}

/*===========================================================================================
	■ブログ投稿記事 成形
===========================================================================================*/
.entry-content p {
    margin-bottom: 10px;
}

.entry-content .alignleft {
    float:left;
    margin-right: 10px;
}


/*	■iframe背景
===========================================================================================*/
.textwidget > iframe {
    background: none repeat scroll 0 0 #FFFFFF;
}


/*	■2014/04/02 追記CSS
===========================================================================================*/

#wp-calendar thead th {
    text-align: center;
    vertical-align: middle;
}


/*	ページ送りナビゲーションCSS
-------------------------------------------------------------- */

.tablenav {
    background: none repeat scroll 0 0 transparent;
    clear: both;
    display: block;
    line-height: 2em;
    margin: 0 auto 30px;
    padding: 0;
    text-align: center;
    width: 700px;
}

a.page-numbers,
.tablenav .current {
    border: 1px solid #999;
    font-size: 13px;
    padding: 8px 10px;
    text-decoration: none;
}
a.page-numbers:hover {
	color:white;
	background: #999;
}

.tablenav .current {
    background: none repeat scroll 0 0 #999;
    border-color: #999;
}


/*		詳細 back link (G block && I block)
-------------------------------------------------------*/
.permalink_in {
    clear: both;
    width: 100%;
}

.permalink_in a {
    background: none repeat scroll 0 0 #666666;
    border: 1px solid #999999;
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.7;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
}
.permalink_in a:hover {
    background: none repeat scroll 0 0 #AAAAAA;
    border: 1px solid #666666;
    color: #FFFFFF;
    text-decoration: underline;
}


/* =========================================================== 
		Block template css
   =========================================================== */

/*	Block 記事
-------------------------------------------------------------- */
.entry_post {
    display: inline-block;
    width: 100%;
}


/*	大見出し
-------------------------------------------------------------- */
.headline_title {
    background: url(../img-bg/top_entry_title.png) no-repeat scroll left top transparent;
    font-size: 28px;
    font-weight: bold;
    height: 70px;
    line-height: 70px;
    margin-bottom: 25px;
    padding: 0;
    text-align: center;
    width: 960px;
    color: #000000;
zoom: 1;
}

/*	見出し
-------------------------------------------------------------- */
.entry_title {
    background: url(../img-bg/entry_title_bg.png) no-repeat scroll left top transparent;
    color: #FFF;
    font-size: 23px;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
    margin-bottom: 25px;
    overflow: hidden;
    padding: 0 0 0 20px;
    position: static;
    width: 940px;
zoom: 1;
}

.entry_title h3 {
    display: inline-block;
    float: left;
    font-size: 23px;
    font-weight: bold;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 820px;
}

.entry_title span.read_more_btn {
    float: right;
    height: 60px;
    width: 120px;
}

.entry_title span.read_more_btn a {
    background: url(../icons/read_more_btn.png) no-repeat scroll left center transparent;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    transition: 0.2s;
}
.entry_title span.read_more_btn a:hover {opacity: 0.8;}
/*
.entry_title span.read_more_btn a:hover {
    background: url(../img-bg/read_more_btn_on.jpg) no-repeat scroll left top transparent;
}*/


/*	小見出し
-------------------------------------------------------------- */
.sub_entry_title {
    background: url(../img-bg/sub_entry_title_bg.png) no-repeat scroll left top transparent;
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
    margin-bottom: 25px;
    overflow: hidden;
    padding: 0 0 0 20px;
    position: static;
    width: 940px;
zoom: 1;
}

.sub_entry_title h4 {
    display: inline-block;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 820px;
}

.sub_entry_title span.read_more_btn {
    float: right;
    height: 60px;
    width: 120px;
}

.sub_entry_title span.read_more_btn a {
    background: url(../icons/read_more_btn.png) no-repeat scroll left center transparent;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    transition: 0.2s;
}
.sub_entry_title span.read_more_btn a:hover {opacity: 0.8;}
/*
.sub_entry_title span.read_more_btn a:hover {
    background: url(../img-bg/sub_read_more_btn_on.jpg) no-repeat scroll left top transparent;
}*/


/*	小タイトル
-------------------------------------------------------------- */
.inline_title {
  background: url(../img-bg/column3_title_bg.png) no-repeat 0 0 transparent;
  width: 300px;
  height: 40px;
  line-height: 40px;
  margin: 0 0 25px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  font-weight: bold;
}

/*	2カラム - ハーフタイトル
-------------------------------------------------------------- */
.half_entry_title {
    background: url(../img-bg/half_entry_title_bg.png) no-repeat scroll left top transparent;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    margin-bottom: 25px;
    overflow: hidden;
    padding: 0;
    position: static;
    text-align: center;
    width: 456px;
}
.half_sub_entry_title {
    background: url(../img-bg/half_sub_entry_title_bg.png) no-repeat scroll left top transparent;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    margin-bottom: 25px;
    overflow: hidden;
    padding: 0;
    position: static;
    text-align: center;
    width: 456px;
}


/* 新B-03　画像横タイトル
-------------------------------------------------------*/
.short_entry_title {
    background: url(../img-bg/half_entry_title_bg.png) no-repeat scroll left top transparent;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    margin-bottom: 25px;
    overflow: hidden;
    padding: 0;
    position: static;
    text-align: center;
    width: 456px;
}
.short_sub_entry_title {
    background: url(../img-bg/half_sub_entry_title_bg.png) no-repeat scroll left top transparent;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    margin-bottom: 25px;
    overflow: hidden;
    padding: 0;
    position: static;
    text-align: center;
    width: 456px;
}



.mid_entry_title {
  background: url(../img-bg/entry_title_bg_w570.png) no-repeat 0 0 transparent;
  width: 550px;
  height: 50px;
  line-height: 50px;
  margin: 0 0 25px;
  padding: 0 0 0 20px;
  font-size: 23px;
  font-weight: bold;
  overflow: hidden;
  color: #fff;
  text-align: left;
}
.mid_sub_entry_title {
  background: url(../img-bg/sub_entry_title_bg_w570.png) no-repeat 0 0 transparent;
  width: 550px;
  height: 50px;
  line-height: 50px;
  margin: 0 0 25px;
  padding: 0 0 0 20px;
  font-size: 23px;
  font-weight: bold;
  overflow: hidden;
  color: #000;
  text-align: left;
}



/*	タイトルインデント
-------------------------------------------------------*/
.indent_border {
    border-left: 5px solid #999999;
    padding-left: 10px;
}

/*	2カラム table template
-------------------------------------------------------*/
.parent_title {
    font-weight: bold;
}

.table_area {
    font-size: 12px;
    line-height: 1.7;
}

.table_area td.td_name {
    background-color: #EEEEEE;
    border: 1px solid #999999;
    padding: 15px;
    text-align: left;
    vertical-align: top;

    /*強制改行キャンセラ*/
    /*word-wrap: normal;*/
    word-break: break-all;
    /*white-space: nowrap;*/
}

.table_area td.td_value {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    padding: 15px;
    text-align: left;
    vertical-align: top;
    word-break: break-all;
}


/* =========================================================== 
		Plugin css
   =========================================================== */

/*	プラグイン(Social Bookmarking Light)
-------------------------------------------------------------- */
div#outer_block .wp_social_bookmarking_light {
    display: inline-block;
    margin-bottom: 20px !important;
}


/* =========================================================== 
		Block template css
   =========================================================== */

/*	A Block css
-------------------------------------------------------------- */
.headline_index_box {
    clear: both;
    width: 100%;
}
/*
 * 見出し画像
 */
.eyecatch.display_line_bg {
  background-image: url(../img-bg/recommend_b_top.jpg), url(../img-bg/recommend_b_bottom.jpg), url(../img-bg/recommend_b_bg.jpg);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: left top, left bottom, left top;
  background-color: transparent;
zoom:1;
}
.eyecatch.display_line_bg img {
    height: auto;
    padding: 15px;
    width: 420px;
}
.na_01 .img_size_full img {width: 100%;}
.na_01 .a_3col {margin-bottom: 30px;}

/*
 * 3連画像
 */
.field_3col .display_line_bg {
  background-image: url(../img-bg/recommend_s_top.jpg), url(../img-bg/recommend_s_bottom.jpg), url(../img-bg/recommend_s_bg.jpg);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: left top, left bottom, left top;
zoom:1;
}

.a_3col.field_3col { width: 290px !important; }
.a_3col.field_3col.float_left { margin-right: 45px; margin-bottom: 30px; }
.field_3col .display_line_bg img {
    height: auto;
    padding: 10px;
    width: 270px;
}


/*	B Block & D Block - Half Left & Right
-------------------------------------------------------------- */
.easys_content .half_left {
    clear: none;
    float: left;
    overflow: hidden;
    width: 456px;
}
.easys_content .half_right {
    clear: none;
    float: right;
    overflow: hidden;
    width: 456px;
}
.nb_01 .img_size_full img {width: 100%;}


.btn_align_left {text-align: left;}
.btn_align_center {text-align: center;}
.btn_align_right {text-align: right;}


/*		C Block
-------------------------------------------------------*/
.c_07 .img_size_medium .img_box {
  overflow: hidden;
  
}
.c_07 .eyecatch img {
  transition: all 0.6s ease 0s;
}
.c_07 .eyecatch img:hover {
  transform: scale(1.1);
}


.c_08 .field_3col {
  overflow: visible;
  position: relative;
}
.c_08 .baloon {
  position: absolute;
  top: -50px;
  display: inline-block;
  padding: 15px;
  width: 306px;
  height: auto;
  line-height: 1.8;
  font-size: 13px;
  text-align: center;
  background: rgba(255,255,255,0.9);
  border: 1px solid #333;
  z-index: 0;
  opacity: 0;
  box-sizing: border-box;
  pointer-events: none;
}
.c_08 .baloon:before {
  content: "";
  position: absolute;
  bottom: -8px; left: 50%;
  margin-left: -9px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 9px 0 9px;
  border-color: rgba(255,255,255,0.9) transparent transparent transparent;
  z-index: 0;
}
.c_08 .baloon:after {
  content: "";
  position: absolute;
  bottom: -9px; left: 50%;
  margin-left: -9px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 9px 0 9px;
  border-color: #333 transparent transparent transparent;
  z-index: -1;
}
.c_08 .eyecatch:hover .baloon,
.c_08 .eyecatch:hover .baloon:before {
  z-index: 101;
}
.c_08 .eyecatch:hover .baloon:after {
  z-index: 100;
}


.c_09 .field_3col a:hover img {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    -moz-opacity: 1;
    opacity: 1;
}


.nc_01 .main_btn,
.nc_02 .main_btn {text-align: center;}
.nc_02 .eyecatch {margin:0 0 15px;}


/*		D Block
-------------------------------------------------------*/
.td_cell {
    background: none repeat scroll 0 0 transparent;
    border-color: #999999;
    border-style: none none dotted;
    border-width: medium medium 1px;
    margin: 0;
    padding: 10px 0 5px;
    vertical-align: top;
    font-size: 13px;
    line-height: 1.7;
}

.td_cell.td_name {
    text-align: left;
}

.td_cell.td_value {
    text-align: right;
}
.d_01 .post_data, .d_02 .post_data, .d_03 .post_data,
.d_04 .post_data, .d_05 .post_data, .d_06 .post_data {
  font-size: 13px;
  line-height: 1.7;
}
.d_07 .half_block {
    width: 456px;
}
.d_07 .half_left {
    float: left;
}
.d_07 .half_right {
    float: right;
}


/*      E Block
-------------------------------------------------------*/
.ne_01 .img_size_full img {width: 100%;}



/*		F Block
-------------------------------------------------------*/
.f_01 .notes_post {
  border: 1px solid #666;
  border-radius: 5px;
  padding: 10px;
}
.nf_03 .post_margin {margin: 0;}
.nf_03 .html_post {margin: 0 0 50px;}

.nf_01 .html_post iframe,
.nf_02 .html_post iframe,
.nf_03 .html_post iframe,
.nf_04 .html_post iframe {
  width: 100%;
  height: 350px;
}


/*		G Block
-------------------------------------------------------*/
.field_3col .table_area td.td_name,
.field_3col .table_area td.td_value {
    font-size: 11px;
    line-height: 1.5;
}

/*		I Block
-------------------------------------------------------*/
.before_after_block {
   background: url(../icons/before_after_arr.png) no-repeat scroll center center transparent;
    clear: both;
    display: inline-block;
    width: 100%;
}

.index_before,
.index_after {
    width: 456px;
    text-align: center
}

.index_before img,
.index_after img {
    height: auto;
    max-width: 100%;
    width: auto;
}

.index_before a:hover img,
.index_after a:hover img {
    filter: alpha(opacity=75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
    -moz-opacity: 0.75;
    opacity: 0.75;
}

.detail_post_margin {
    margin-bottom: 20px;
}

.i_02 .field_3col .post_data {
    font-size: 11px;
    line-height: 1.5;
}


/*		J Block
-------------------------------------------------------*/
.anchor_list {
    margin: 0 1% 20px;
    width: 98%;
}

.anchor_list ul li {
    border-bottom: 1px dotted #999999;
    margin-bottom: 5px;
    padding: 5px 0;
}

.anchor_list ul li.q_title {
    font-size: 15px;
    line-height: 2;
}
.anchor_list ul li.q_title a {
    display: block;
}

.faq_post.post_data {
    width: 100%;
}
.faq-title {
  background: none #aaa;
  border-radius: 5px;
  width: 460px;
  padding: 5px 10px;
  line-height: 2;
  font-size: 15px;
  font-weight: bold;
  color: #333;
}

.page_up {
    display: block;
    margin: 10px 0;
    text-align: right;
}

.page_up a {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    border-radius: 5px;
    display: inline-block;
    padding: 5px 10px;
}


/*		K Block
-------------------------------------------------------*/
.date_area {
    font-size: 15px;
    line-height: 2;
}

.post_title_list {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cu_mail_block {
    border-bottom: 1px dotted #999999;
    display: inline-block;
    padding: 0 0 40px;
    width: 100%;
}
.news_small_text {
    font-size: 15px;
    line-height: 2;
}

/*  Oブロック
---------------------------------------------------------------------------------------------------- */
.o_01, .o_02, .o_03, .o_04 {
  margin-bottom: 30px;
}
.o_01 .sub_post, .o_02 .sub_post,
.o_03 .sub_post, .o_04 .sub_post {
  margin-top: 20px;
}

.main_btn,
.sub_text_btn {
  margin: 0 0 20px;
  padding-top: 15px;
}
.main_btn a{
  background: url(../icons/btn_icon.png) no-repeat 30px center #666;
  border-radius: 1.5em;
  padding: 10px 30px 10px 45px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
}
.sub_text_btn a{
  background: url(../icons/btn_icon.png) no-repeat 30px center #666;
  border-radius: 1.5em;
  padding: 10px 30px 10px 45px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
}



/*		Z-C1 Block
-------------------------------------------------------------- */
.z_c1 .text_size_small {
/*  width: 290px;*/
}
.z_c1 .zc_form_content {
/*  width: 640px;*/
}
table.iqfm-table {
    width: 100%;
    margin-bottom:15px;
}
table.iqfm-table th, table.iqfm-table td {
    vertical-align: middle;
    padding: 15px;
    line-height: 1.7;
    border: 1px solid #DCDCDC;
}
.iqfm-table th {
    white-space: normal !important;
    background-color: #E7E7E7;
    text-align: left;
    vertical-align: top;
    width: 29%;
}
/* メールフォームのボタン高さを統一 */
table.iqfm-table button, table.iqfm-table input[type="reset"],
table.iqfm-table input[type="button"], table.iqfm-table input[type="submit"] { line-height: 1.7; }

/* テキスト入力ボックスのサイズを調整 */
table.iqfm-table td input[type="text"]:not([size]) {
  width: 75%;
}
table.iqfm-table td textarea {
  width: 96%;
  height: calc(1.1em * 10);
  font-size: 100%;
  line-height: 1.1;
}
table.iqfm-table td span.wpcf7-list-item {
  margin: 0 1em 0 0;
  display: block;
}
.iqfm-req_color {
  line-height: 1.7;
  display: block;
}

/*送信後*/
form.wpcf7-form.sent table.iqfm-table {
    display: none;
}
div.wpcf7-response-output {
    margin-left: 0 !important;
    margin-right: 0 !important;
}



/*		Z-D1 Block (Z-K1)
-------------------------------------------------------*/
.blog_post {
    border-bottom: 1px dotted #999999;
    display: inline-block;
    margin: 0 0 10px;
    padding: 0 0 10px;
    width: 100%;
}

.blog_thumb {
    max-height: 150px;
    overflow: hidden;
    width: 150px;
}

.blog_list_text_size {
    overflow: hidden;
    width: 780px;
}


/*		Z-E1 Block
-------------------------------------------------------*/
.banner_box {
    width: 100%;
    text-align: center;
}
.banner_box img {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
}
.banner_box a:hover img {
    filter: alpha(opacity=75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
    -moz-opacity: 0.75;
    opacity: 0.75;
}


/*		Z-F1 Block
-------------------------------------------------------*/
.coupon_box {
}

.coupon_box table tr td {
    font-size: 11px;
    line-height: 1.5;
}

.coupon_box table tr td.coupon_data {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    padding: 5px;
}

.coupon_box table tr td.coupon_meta_title {
    background-color: #666666;
    border: 1px solid #666666;
    color: #FFFFFF;
    padding: 5px;
}

.coupon_box table tr td.coupon_meta {
    background-color: #EEEEEE;
    border: 1px solid #999999;
    padding: 5px;
}


/*		Z-G1 Block
-------------------------------------------------------*/
.table_area {
    font-size: 15px;
    line-height: 1.7;
}

.table_area table {
}

.table_area table tr td {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    padding: 15px;
    text-align: left;
    vertical-align: top;
    min-width: 10em;
}

.table_area table tr td.header_td {
}


/*		Z-J1 Block
-------------------------------------------------------*/
.slide_area {
    display: inline-block;
    margin-bottom: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.slide_area ul.slides {
    height: auto;
    overflow: hidden;
    *zoom: 1;

    /**
     * Here is CSS transitions 
     * responsible for slider animation in modern broswers
     */
    -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
    -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
    -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
    transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.slide_area ul.slides li.slide {
    float: left;
}

.slide_area ul.slides li.slide a:hover img {
    filter: alpha(opacity=75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
    -moz-opacity: 0.75;
    opacity: 0.75;
}

.slide_area ul.slides li.slide img {
    height: auto;
    width: 100%;
}

.slide_area .slider-arrow {
	position: absolute;
	display: block;
	margin-bottom: -20px;
	padding: 20px;
}

.slide_area .slider-arrow--right {
    background: url(../icons/next.gif) no-repeat scroll center center transparent;
    border: 1px solid #FFFFFF;
    border-radius: 50px;
    bottom: 7%;
    height: 10px;
    right: 15px;
    filter:alpha(opacity=50);
    opacity: 0.5;
    text-indent: -9999px;
    width: 10px;
    z-index:100;
}
.slide_area .slider-arrow--left {
    background: url(../icons/prev.gif) no-repeat scroll center center transparent;
    border: 1px solid #FFFFFF;
    border-radius: 50px;
    bottom: 7%;
    height: 10px;
    left: 15px;
    filter: alpha(opacity=50);
    opacity: 0.5;
    text-indent: -9999px;
    width: 10px;
    z-index: 101;
}

.slide_area .slider-nav {
	position: absolute;
	bottom: 30px;
}

.slide_area .slider-nav__item {
	width: 12px;
	height: 12px;
	float: left;
	clear: none;
	display: block;
	margin: 0 5px;
	background: #fff;
}

.slide_area .slider-nav__item:hover { background: #ccc; }
.slide_area .slider-nav__item--current { background: #ccc; }


/* 左右＋サムネイル */
.slide_area > div:first-child {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.slide_area > div ul,
.slide_area > div ul li {
    float: left;
    display: inline;
    overflow: hidden;
}
 
.slide_area > div ul li img {
    width: 100%;
    display: none;
}
 
.slide_area .wideslider_base {
    top: 0;
    position: absolute;
}
.slide_area .wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
 
}
.slide_area .slider_prev,
.slide_area .slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}
.slide_area .slider_prev {background: #fff url(../icons/prev.png) no-repeat center center;}
.slide_area .slider_next {background: #fff url(../icons/next.png) no-repeat center center;}
 
.slide_area > div.pagination {
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 200;
}
 
.slide_area > div.pagination a {
    margin: 0 5px;
    width: 45px;
    height: 45px;
    display: inline-block;
    overflow: hidden;
  background-size: cover !important;
}
.slide_area > div.pagination a.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}

.slide_area > div ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.slide_area > div ul {
    display: inline-block;
    overflow: hidden;
}
.thumbslider .wideslider_base,
.simpleslider .wideslider_base,
.fadeslider .wideslider_base {
  overflow: hidden;
}

/*流れるスライド*/
.np_04 {margin-bottom: 50px;}



/*		Z-L1 Block
-------------------------------------------------------*/
.list_block .list_box {
    border-bottom: 1px dotted #CCCCCC;
    display: inline-block;
    font-size: 13px;
    line-height: 1.7;
    margin: 0 1% 10px;
    padding: 0 0 10px;
    width: 98%;
}

.list_block {
    border-bottom: medium none;
    display: inline-block;
    margin: 0 0 30px;
    padding: 0 0 10px;
    width: 100%;
}


/*	Z-M1 (コンテンツナビゲーション)
-------------------------------------------------------*/
/*========■■■ ul list ■■■========*/

ul.btn_list {
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    display: inline-block;
    margin: 0 0 10px;
    padding: 0;
}

li.link_list {
    display: inline-block;
    float: left;
    margin: 0 5px;
    padding: 0;
}

li.link_list a {
    background-color: #EEEEEE;
    border-left: 1px solid #CCCCCC;
    border-radius: 5px 5px 0 0;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    display: inline-block;
    margin: 0 0 -1px;
    padding: 10px 15px;
    font-size: 15px;
}
li.link_list a:hover {
    background-color: #FFFFFF;
}

/*========■■■ div list ■■■========*/

div.btn_list {
    clear: both;
    display: inline-block;
    margin: 0 0 10px;
    padding: 0;
}

div.link_list {
    display: inline-block;
    float: left;
    margin: 0 5px 10px;
    padding: 0;
}

div.link_list a {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    margin: 0 0 -1px;
    padding: 10px 15px;
    font-size: 15px;
}
div.link_list a:hover {
    background-color: #FFFFFF;
}






/*  新Lightbox
---------------------------------------------------------------------------------------------------- */
.blueimp-gallery > .description {
  position: absolute;
  top: 50px;
  left: 40px;
  display: none;
  font-size: 13px;
  background: none rgba(0,0,0,0.5);
  padding: 20px;
  line-height: 1.7;
  color: #fff;
  max-width: 30vw;
}
.blueimp-gallery-controls > .description {
  display: block;
}









/*  1column
---------------------------------------------------------------------------------------------------- */
.easys_content_inner,
.half_block_outer02 {
  display: block;
  width: 960px;
  margin: 0 auto;
}

.img_size_b-large { width: 480px; }
.img_size_b-small { width: 360px; }
.text_size_b-small { width: 450px; }
.text_size_b-large { width: 570px; }

.img_size_half { width: 456px; }





/* 各ブロックのバグ・余白対応 */
.c_04 { margin: 0 0 20px; }
.menu-list table {
  border-collapse:separate;
}
.indent_border {
  width: 685px;
}
.nm_01 { margin: 0 0 30px; }
.z_j1 { margin: 0 0 15px; }


/* Z_L お知らせブロック */
.Z_l1 .date_area {
  font-size: 16px;
  font-weight: bold;
}
.Z_l1 .news_small_text { font-size: 15px; }






.entry-title {
  background-image: url(../icons/blog_title.png);
  height: 60px;
  line-height: 60px;
  font-size: 20px;
}



.error404 .easys_content_inner {
  background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;
  border-radius: 5px;
  padding: 30px;
  width: 900px;
}


.clearfix {width:100%;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}



.nd_01.easys_content { margin-bottom: 0; }
.nd_01.easys_content .easys_content_inner {overflow: hidden;padding-bottom: 30px;}

.nf_03 small {
  display: block;
  width: 960px;
  margin: 20px auto;
}


.headline_title br, .entry_title br, .sub_entry_title br, .inline_title br { display: none; }



#float_top_btn {
  bottom: 50px;
  position: fixed;
  right: 20px;
  z-index: 999;
}

.fixed_btn {
    bottom: 150px;
    position: fixed;
    right: 0;
    z-index: 100;
}
.fixed_btn div {
    height: 60px;
    margin-bottom: 10px;
    right: 0;
    width: 63px;
}
.fixed_btn div a {
    display: block;
    height: 60px;
    position: absolute;
    right: 0;
    width: 63px;
}

.headline_title br, .entry_title br, .sub_entry_title br, .inline_title br { display: none; }

/*

追加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;
}

/* ===== files_common ===== */
/*
 * PC スマホ共用CSS
 */

.facebook_banner {
    margin: 20px 0;
}
 
.facebook_banner img {
    width: 100%;
    height: auto;
}
 
.facebook_banner a img:hover {
    opacity:0.75;
    filter: alpha(opacity=75);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=75)";  /* ie 8 */
    -moz-opacity:0.75;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.75;              /* Safari 1.x */
}


/*Googleカレンダー*/
.cal_wrapper {
    max-width: 960px; /* 最大幅 */
    min-width: 300px; /* 最小幅 */
    margin: 2.0833% auto;
}
.googlecal {
    position: relative;
    padding-bottom: 180%; /* 縦横比 */
    height: 0;
}
.googlecal iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    overflow-y: scroll;
    box-sizing: border-box;
}
/* 画面幅が768px以上の場合の縦横比の指定 */
@media only screen and (min-width: 768px) {
    .googlecal { padding-bottom: 75%; }
}

/*Youtube*/
.youtube_wrap {
  position:relative;
  padding-bottom: 56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
}
.youtube_wrap iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/*「reCAPTCHAで保護されています」を非表示*/
.grecaptcha-badge {
  visibility: hidden;
}

/*「メディアを追加＞URL から挿入」を使用した際に作られる要素*/
iframe.wp-embedded-content {
  width: 100%;
}

/* ===== files_pc (overrides) ===== */
/*
 * PC用スタイルCSS
 */


/* ↓↓　雛形　レイアウトにあわせて追記・上書きして下さい　↓↓
   後々解読が面倒になるので、必要な箇所のみ記述すること
  （例：背景がPNGになるなら background-image: url(../img-bg/xx_bg.png);　など） */




/* ===================================================================================================================
   ■ 全体
------------------------------------------------------------------------------------------------------------------- */
html {
  background: none #fff;
  scroll-padding-top: 80px;
  scroll-behavior: smooth;
}
body {
  position: relative;/* 2000pxを超える画面の対策 */
  margin: 0 auto;
  min-width: 1300px;
  max-width: 2000px;
  background: none no-repeat center top;
  word-break: break-word;
  font-family: 'Noto Serif JP', serif;
}
body,
.wpcf7c-conf {
  color: #333;
}
/* Safariのみ */
_:lang(x) + _:-webkit-full-screen-document,
body {
          text-size-adjust: none;
  -webkit-text-size-adjust: none;
}
body#page_6 {
  background: none no-repeat center top;
}
#wrapper {
  background: none transparent;
}
#outer_block {
  background: none transparent;
}

#page_12 #outer_block,
#page_9 #outer_block,
#page_6 #outer_block {
  padding-top: 0;
}

a:link,
a:visited,
a:hover,
a:active {
  color: var(--brand);
}

/* A～Cブロック記事内リンクボタン */
.main_btn a,
.sub_text_btn a {
  background-color: var(--brand);
  color: #ffffff;
}


/* ===================================================================================================================
   ■ ヘッダー
------------------------------------------------------------------------------------------------------------------- */
#branding_box {
  position: relative;
  z-index: 500;
  padding: calc(100% * (490 / 2000)) 0 0;
  height: 150px;
  background: none transparent;
}
#page_6 #branding_box {
  padding-top: calc(100% * (850 / 2000));
}

/*  H1テキスト
---------------------------------------------------------------------------------------------------- */
#site-description {
  position: absolute;
  top: 10px;
  left: 10px;
  width: auto;
  white-space: nowrap;
}
#site-description a {
  display: inline;
  color: var(--brand2);
}

/*  サイトロゴ
---------------------------------------------------------------------------------------------------- */
/* ヘッダーのH1～グローバルナビの高さ調整 */
#header_information {
  height: auto;
  /* CSSレスポンシブ用
  position: absolute;
  top: 26%;
  left: 48%;
  z-index: 1;
  background: url(../img-bg/branding_box_bg.png);
  transform-origin: top left;
  */
}
/* トップページのみ調整する時 */
#page_6 #header_information {
  height: auto;
  /* CSSレスポンシブ用
  top: 26%;
  */
}
#header_information .main_header {
  margin: 0 auto;
  padding: 0;
  width: 960px;
}
#header_information .main_header a {
  display: inline-block;
  padding: 0;
}
#header_information .main_header a img {
  width: 240px;
  height: 240px;
  background: url(../img-bg/branding_box_bg.png) no-repeat center center;
  position: absolute;
  top: 0;
  left: calc(50% + 35px);
  transform: translateX(-50%);
  z-index: 700;
}


/*  グローバルナビ
---------------------------------------------------------------------------------------------------- */
#access::after {
  content: "";
  background: url(../img-bg/branding_box_bg02.png) no-repeat center center;
}
#access {
  position: absolute;
  top: 65px;
  right: 0;
  z-index: 1;
  padding: 0;
  width: 100%;
  height: 80px;
}
div#access .menu-header,
div#access .menu-header #menu-gnavi { height: 100%;}
div#access .menu-header {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}
div#access .menu-header #menu-gnavi { display: inline-block;}

div#access .menu-item a {
  background: url(../img-bg/topnavi.png) no-repeat left top;
  padding: 0;
  height: 80px !important;
  line-height: 80px !important;
}
div#access .gnavi11 a { width: 110px !important;}
div#access .gnavi12 a { width: 180px !important;}
div#access .gnavi13 a { width: 190px !important;}
div#access .gnavi14 a { width: 130px !important;}
div#access .gnavi15 a { width: 120px !important;}
div#access .gnavi16 a { width: 180px !important;}
div#access .gnavi11 a { background-position-x: left;}
div#access .gnavi12 a { background-position-x: -110px;}
div#access .gnavi13 a { background-position-x: -290px;}
div#access .gnavi14 a { background-position-x: -720px;}
div#access .gnavi15 a { background-position-x: -850px;}
div#access .gnavi16 a { background-position-x: right;}
div#access .menu-item a:hover { background-position-y: top;}
div#access .gnavi14 { margin-left: 240px !important;}

/* プルダウンメニューのサイズ */
#access ul li:hover > ul {
  display: flex;
}
#access ul.menu ul.sub-menu {
  top: 100%;
  flex-direction: column;
}
#access ul.menu ul.sub-menu,
#access ul.menu ul.sub-menu li {
  min-width: 100%;
  width: auto;
}
/* プルダウンメニューの色　16進数、RGBA両方変更すること */
div#access ul.sub-menu li.sub-gnavi a,
div#access ul.sub-menu li.sub-gnavi2 a {
  width: 100% !important;
  background: none rgba(255,255,255,0.85);
  color: #333;
  height: auto !important;
  padding: 15px 10px;
  box-sizing: border-box;
  text-align: left;
  line-height: 1.2em !important;
  white-space: nowrap;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
  color: #333;
}
div#access ul.sub-menu li.sub-gnavi a:hover,
div#access ul.sub-menu li.sub-gnavi2 a:hover {
  background: none rgba(255,255,255,0.85);
  color: var(--brand2);
}
#access ul li.current_page_item > a:hover,
#access ul li.current-menu-ancestor > a:hover,
#access ul li.current-menu-item > a:hover,
#access ul li.current-menu-parent > a:hover {
  color: var(--brand2);
}
/* Gナビ上部固定(最大2000pxを維持) */
#header_information.fixed {
  width: 100%;
  min-width: 1150px;
  max-width: 2000px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  pointer-events: none;
  z-index: 700;
}
#header_information.fixed .main_header a img {
  display: block;
  pointer-events: all;
  background-image: url(../img-bg/branding_box_bg02.png);
  width: 162px;
  height: 162px;
}
div#access.fixed {
  position: fixed;
  padding: 0;
  width: 100%;
  max-width: 2000px;
  min-width: 1150px;
  top: 0;
  right: 0;
  left: 0;
  background: rgba(255,255,255,1);
}

/* ホバー時 */
div#access #menu-gnavi > .menu-item > a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: -20px;
  left: 0px;
  transition: .3s;
  background-image: url(../img-bg/topnavi_on.png);
  opacity: 0;
  transition: all 0.3s ease 0s;
}
div#access #menu-gnavi > .menu-item > a:hover::after {
  top: 0px;
  opacity: 1;
}
div#access #menu-gnavi > .menu-item.gnavi11>a::after { background-position-x: left;}
div#access #menu-gnavi > .menu-item.gnavi12>a::after { background-position-x: -110px;}
div#access #menu-gnavi > .menu-item.gnavi13>a::after { background-position-x: -290px;}
div#access #menu-gnavi > .menu-item.gnavi14>a::after { background-position-x: -720px;}
div#access #menu-gnavi > .menu-item.gnavi15>a::after { background-position-x: -850px;}
div#access #menu-gnavi > .menu-item.gnavi16>a::after { background-position-x: right;}

/*  メイン画像
---------------------------------------------------------------------------------------------------- */
#main_teaser,
#video_teaser,
#jquery_slider_pc {
  position: absolute;
  top: 150px;
  right: 0;
  left: 0;
  z-index: 99;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
#main_teaser,
#video_teaser #video_teaser_inner,
#jquery_slider_pc .viewer {
  display: block;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 2000px;
}
#main_teaser img,
#video_teaser #video_teaser_inner video,
#jquery_slider_pc .viewer img {
  width: 100%;
}

/* ===================================================================================================================
   ■ サイド
------------------------------------------------------------------------------------------------------------------- */
/* サイドナビ　タイトル */
.widget-title,
.widget-title2 a {
  padding: 0;
  background-image: url(../img-bg/widget_title_bg.png);
  color: #333;
  text-align: center;
}
.widget-title2 a:link,
.widget-title2 a:visited,
.widget-title2 a:hover,
.widget-title2 a:active {
  color: #333;
}

/* サイドナビ　メニュー部分 */
#blog_main .widget-area ul ul li a {
  overflow: hidden;
  background-image: url(../img-bg/widget_list_bg.png);
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#wp-calendar {
  border-collapse: separate;
}
#wp-calendar caption {
  text-align: center;
}
/*#wp-calendar thead th {
}*/
#wp-calendar tbody td {
  padding: 5px;
  border-width: 0 0 1px;
  border-style: dotted;
  border-color: #666;
  background: none transparent;
  line-height: 2;
}
#wp-calendar tbody td a {
  text-decoration: underline;
}
#wp-calendar tbody td a:hover {
  text-decoration: none;
}
#calendar_wrap table tr td#today {
  background-color: var(--brand);
}
#calendar_wrap table tr td#today,
#calendar_wrap table tr td#today a {
  color: #ffffff;
}

/* ===================================================================================================================
   ■ フッター
------------------------------------------------------------------------------------------------------------------- */
#footer_block {
  position: relative;
  height: 300px;
  background: url(../img-bg/footer_bg.jpg) no-repeat center top;
}
#footer_box {
  height: 230px;
  background: url(../img-bg/footer_box_bg.png) no-repeat left top;
}


/*  フッターナビ
---------------------------------------------------------------------------------------------------- */
#footer_sitemap_block {
  padding: 210px 0 0;
  width: 100%;
  max-width: 1620px;
  /*絶対値指定する時
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin: 0;
  width: auto;
  transform: translateX(-50%);
  */
}
/* 中央以外 */
/*
#footer-widget-area .widget-area{
    position: absolute;
    top: 320px;
    left: calc(50% - 140px);
}
*/
#footer_sitemap_block #footer-widget-area {
  display: block;
  width: 100%;
  text-align: right;
}
#footer_sitemap_block #footer-widget-area .widget-area ul.menu {
  border: none;
}
#footer_sitemap_block #footer-widget-area .widget-area .menu-item a {
  border: none;
  color: #333;
}
#footer_sitemap_block #footer-widget-area .widget-area .menu-item a:hover {
  background-color: transparent;
}




/*  フッター情報
---------------------------------------------------------------------------------------------------- */
.footer_infomation {
  display: block;
  margin: 0 auto;
  width: 960px;
}
#footer_information .entry-post {
  margin: 0;
  width: 100%;
  text-align: right;

  /* テキスト左寄せ用
  margin: 40px 0 0 320px;
*/
}
/* 中央以外 */
/*
#footer_information{
    position: absolute;
    top: 180px;
    left: calc(50% + -474px);
}
#footer_information .entry-post {
  width: 450px;
  margin: 0;
  text-align: left;
}
*/


/*  フッター住所
---------------------------------------------------------------------------------------------------- */
#footer_information .entry-post .post-data > p {
  color: #333;
  position: absolute;
  top: 140px;
  left: 100px;
  text-align: left;
}

/*  フッターSNSボタン
---------------------------------------------------------------------------------------------------- */
#footer_sns_btn {
  margin: 20px auto 0;
  position: absolute;
  top: 78px;
  left: 430px;
}
#footer_sns_btn .footer_sns_inner {
  width: 100px;
  height: 25px;
}
#footer_sns_btn div {
  width: 25px;
  height: 25px;
}
#footer_sns_btn div a:hover {
  opacity: 0.8;
}



/*  コピーライト
---------------------------------------------------------------------------------------------------- */
#copyright {
  color: var(--brand2);
  width: 100%;
  max-width: 1595px;
  margin: auto;
  text-align: right;
  box-sizing: border-box;
  padding-right: 10px;
}
/* 中央寄せの時 */
/*
#copyright {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
}
*/
/* 中央以外 */
/*
#copyright {
    position: absolute;
    bottom: 0px;
    left: calc(50% - 100px);
}
*/

/*  サイドメニュー
---------------------------------------------------------------------------------------------------- */
.fixed_btn {
  z-index: 1000;
}

.fixed_btn div,
.fixed_btn div a {
  width: 55px;
  height: 50px;
}

.fixed_btn #fixed_btn_gtn,
.fixed_btn #fixed_btn_gtn a {
  height: 150px;
}

/*  スクロールトップ
---------------------------------------------------------------------------------------------------- */
#float_top_btn {
  bottom: 100px;
  right: 0;
}
#float_top_btn a:hover img {
  opacity: 0.8;
}

/* ===================================================================================================================
   ■ コンテンツ
------------------------------------------------------------------------------------------------------------------- */
#container_top {
  padding: 0;
}
#container_top.single_post {
  padding: 0 0 50px;
}

/*  見出し
---------------------------------------------------------------------------------------------------- */
.headline_title {
  background-image: url(../img-bg/top_entry_title.png);
  color: #333;
}
h3.entry_title,
.entry_title,
.entry-title {
  /* サイズ、背景、余白などはこちら */
  background-image: url(../img-bg/entry_title_bg.png);
  color: #fff;
}
/*h3.entry_title,
.entry_title,
.entry_title h3,
.entry-title {
  フォントサイズはこちら
}*/
.entry_title a:link,
.entry_title a:visited,
.entry_title a:hover,
.entry_title a:active,
.entry-title a:link,
.entry-title a:visited,
.entry-title a:hover,
.entry-title a:active {
  color: #fff;
}
/* 見出しリンクボタン */
.entry_title span.read_more_btn a,
.entry_title span.read_more_btn a:hover {
  background-image: url(../icons/read_more_btn.png);
}
.entry_title span.read_more_btn a:hover {
  opacity: 0.8;
}
* .mid_entry_title {
  background-image: url(../img-bg/entry_title_bg_w570.png);
  font-size: 20px;
}
* .mid_entry_title,
* .mid_entry_title a {
  color: #333;
}

/* B-09、B-10など幅半分ブロックの見出し用 */
* .half_entry_title,
* .short_entry_title {
  background-image: url(../img-bg/half_entry_title_bg.png);
}
* .half_entry_title,
* .half_entry_title a,
* .short_entry_title,
* .short_entry_title a {
  color: #333;
}

* .half_sub_entry_title,
.short_sub_entry_title {
  background-image: url(../img-bg/half_sub_entry_title_bg.png);
}
* .half_sub_entry_title,
* .half_sub_entry_title a,
.short_sub_entry_title,
.short_sub_entry_title a {
  color: #333;
}



/* B-03など小見出し用 */
* .sub_entry_title {
  background: url(../img-bg/sub_entry_title_bg.png) no-repeat scroll left top transparent;
  color: #333;
}
/*
* .sub_entry_title h4 {
  フォントサイズはこちら
}
*/
* .sub_entry_title a:link,
* .sub_entry_title a:visited,
* .sub_entry_title a:hover,
* .sub_entry_title a:active {
  color: #333;
}
/* 小見出しリンクボタン */
.sub_entry_title span.read_more_btn a,
.sub_entry_title span.read_more_btn a:hover {
  background-image: url(../icons/sub_read_more_btn.png);
}
.sub_entry_title span.read_more_btn a:hover {
  opacity: 0.8;
}
* .mid_sub_entry_title {
  background-image: url(../img-bg/sub_entry_title_bg_w570.png);
  font-size: 20px;
}
* .mid_sub_entry_title,
* .mid_sub_entry_title a {
  color: #333;
}

/* C-01など3列表示インラインタイトル用 */
* .inline_title {
  background-image: url(../img-bg/column3_title_bg.png);
}
* .inline_title,
* .inline_title a {
  color: #333;
}

/* クーポンの本文見出しなど、固定幅でないインラインタイトル用 */
.coupon_data .inline_title,
.c_04 .inline_title,
.i_01 .inline_title,
.j_01 .inline_title {
  padding: 10px;
  height: auto;
  border: 1px solid #333;
  border-radius: 5px;
  background: none transparent;
  color: #333;
  text-align: left;
  font-size: 15px;
  line-height: 1.7;
}

/* 詳細画面の下部「コメント」見出し */
.indent_border {
  width: 685px;
  border-color: var(--brand);
}


/* 大きな地図で見る */
small {
  border-color: var(--brand);
}
small a {
  padding: 5px 0;
  width: 100%;
  color: var(--brand) !important;
  text-align: center !important;
}

small a:hover {
  background-color: var(--brand) !important;
  color: #ffffff !important;
}


/*  テーブル
---------------------------------------------------------------------------------------------------- */
.easys_content:not(.ne_01) table:not(#wp-calendar) tr > * {
  border-color: #333;
  border-top: none !important;
  border-right: none !important;
  background: none transparent !important;
}
.easys_content:not(.ne_01) table:not(#wp-calendar) tr > *:first-child {
  border-left: none !important;
}
.easys_content:not(.ne_01) table:not(#wp-calendar) tr:first-child > * {
  border-top: none !important;
}
.easys_content:not(.ne_01) table:not(#wp-calendar) tr:last-child > * {
border-bottom: none !important;
}

/*メール送信後メッセージボックスのボーダー（デフォルト：グリーン）*/
div.wpcf7-mail-sent-ok {
  border-color: #666 !important;
}
/* Dメニュー下線 */
.td_cell {
  border-color: #666;
  vertical-align: top;
}

.table_area table tr td {
  border: solid 1px #333 !important;
  border-right: none !important;
  /* border-left: none !important; */
  background: none transparent;
}


/*  ページ遷移ボタン（詳細ブロックやページ送りのナビ用）
---------------------------------------------------------------------------------------------------- */
.tablenav {
  padding: 1em 0;
}
a.page-numbers,
.tablenav .current,
.permalink_in a,
.pageback a,
.page_up a {
  border-style: solid;
  border-color: var(--brand);
  background: none transparent;
  color: var(--brand) !important;
}
/*.permalink_in a:link,
.permalink_in a:visited,
.pageback a:link,
.pageback a:visited {
}*/
.tablenav .next:link,
.tablenav .next:visited,
.tablenav .prev:link,
.tablenav .prev:visited {
  border: 1px solid #ffffff;
  background: none transparent;
}
.tablenav .next:hover,
.tablenav .next:active,
.tablenav .prev:hover,
.tablenav .prev:active {
  border-color: var(--brand);
  background-color: var(--brand);
}
.tablenav .current,
a.page-numbers:hover,
.permalink_in a:hover,
.permalink_in a:active,
.pageback a:hover,
.pageback a:active,
.page_up a:hover,
.page_up a:active {
  border-style: solid;
  border-color: var(--brand);
  background: none var(--brand);
  color: #ffffff !important;
} 



/*  ブロック
---------------------------------------------------------------------------------------------------- */
/* 各ブロック点線 */
.border_margin,
.anchor_list ul li,
.cu_mail_block,
.blog_post,
.list_block .list_box {
  border-color: #666;
}


/* Cブロック */
.c_01,
.c_02,
.c_03,
.c_05,
.c_06 {
  display: inline-block;
  padding: 0 0 20px;
  width: 100%;
}
.c_04 {
  margin: 0 0 20px;
}


/* Dブロック */
.menu-list table {
  border-collapse: separate;
}


/* Gブロック */
.g_01 .sub_entry_title a,
.g_02 .sub_entry_title a {
  text-decoration: underline;
}
.g_01 .sub_entry_title a:hover,
.g_02 .sub_entry_title a:hover {
  text-decoration: none;
}


/* Kブロック */
.k_03 .date_area {
  font-weight: bold;
  font-size: 13px;
}
.k_03 .news_small_text {
  font-size: 12px;
  line-height: 1.7;
}


/* Z-D ブログRSS */
.z_d1 {
  margin: 0 0 20px;
}


/* Z-E リンクバナー */
.banner_box {
  text-align: center;
}
.banner_box img {
  max-width: 100%;
  width: auto;
}



/* Z-I スライドショー */
.z_j1 {
  margin: 0 0 15px;
}


/* Z_L お知らせブロック */
.Z_l1 .date_area {
  font-weight: bold;
  font-size: 13px;
}
.Z_l1 .news_small_text {
  font-size: 12px;
}


/* Z_M タブブロック */
.z_m1 .link_list {
  font-size: 13px;
  line-height: 1.5;
}
.z_m1 div.link_list {
  margin-bottom: 10px;
}
div.link_list a {
  border: 1px solid var(--brand);
  background-color: transparent;
  color: var(--brand);
}
div.link_list a:hover {
  border: 1px solid var(--brand);
  background-color: var(--brand);
  color: #ffffff;
}


.faq-title {
  background-color: var(--brand);
  color: #ffffff;
  font-weight: normal;
}



/*  メールフォーム
---------------------------------------------------------------------------------------------------- */
.iqfm-table td input[type="text"]:not([size]) {
  width: 75%;
}
/* 必須項目 */
.iqfm-req_color {
  color: var(--brand);
}
.iqfm-table button,
.iqfm-table input[type="reset"],
.iqfm-table input[type="button"],
.iqfm-table input[type="submit"] {
  line-height: 1.7;
}
.iqfm-table .post_data {
  margin: 0 0 30px;
}



/*  クーポンページ
---------------------------------------------------------------------------------------------------- */
/*body.coupon {
}*/
.coupon_print_block .print_header,
h1.print_page_title,
.coupon_box table tr td.coupon_data,
.coupon_box table tr td.coupon_meta_title,
.coupon_box table tr td.coupon_meta {
  border-color: #333;
}
/* 有効期限の部分 */
.coupon_box table tr td.coupon_meta_title {
  width: 8em;
  background-color: transparent;
  color: #333;
}
.coupon_box table tr td.coupon_meta {
  background-color: transparent;
  color: #333;
}
.e-04 .menu_area td {
  height: 3.5em;
}
.e-04 .menu_area .parent_title {
  height: auto;
  font-size: 120%;
}



/*  ブログ
---------------------------------------------------------------------------------------------------- */
#nav-below div {
  border-color: #000000;
}
#nav-below .nav-next {
  padding: 0 0 0 10px;
}

#blog_main .entry-title {
  padding: 15px 20px 15px 20px;
  height: auto;
  background-image: url(../icons/blog_title.png);
  background-position: center bottom;
  line-height: 1.5;
}
#blog_main .entry-title,
#blog_main .entry-title a {
  color: #333;
}

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

/*  ローディング画面
---------------------------------------------------------------------------------------------------- */
.black-screen {
  background: var(--loading-bg) url(../img-bg/loading_bg02.jpg) no-repeat center center / cover;
}

.black-screen > .inner {
  top: calc(50vh - (10vw / 2));
  width: 10vw;
  height: 10vw;
  background-image: url(../img-bg/loading_bg01.png);
  animation: anime-fuwa 1.5s ease-in-out 0s alternate infinite;
}
@keyframes anime-fuwa {
  to { margin-top: 20px; }
}

/*  地図
---------------------------------------------------------------------------------------------------- */
#map_canvas {
  margin: 0 0 20px;
  width: 100%;
  height: 450px;
}


/*  googleカレンダー
---------------------------------------------------------------------------------------------------- */
iframe[src^="https://calendar.google.com"] {
  border: none !important;
}


/* ページ内リンクアンカー位置調整 */
a[id^="anchor"] {
  display: block;
  visibility: hidden;
  margin-top: -110px;
  height: 110px;
  content: "";
}


/* ============================== ↓↓各ブロックの個別CSSはこちらに記述↓↓ ============================== */

/*  flow矢印余白*/
.flow_arr {
  height: 40px;
  margin: 10px auto !important;
}

/* フェードのipad対応 */
div {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 背景と余白調整 */
.easys_content.no_margin { margin-bottom: 0 !important;}
.easys_content.no_margin + .easys_content:not(.no_margin) { margin-top: 70px;}
.easys_content.no_margin.nk_01 { padding-bottom: 25px;}
.easys_content.no_margin.nk_01 [class*="title"] {  margin-bottom: 0;}


/*  全体にフェードインアニメーション
---------------------------------------------------------------------------------------------------- */
#outer_block .easys_content_inner {
  position: relative;
  top: 100px;
  height: 100%;
  opacity: 0;
  transition: all 1.3s ease 0s;
  transform: rotate3d(-1, -1, 0, -20deg);
  transform-origin: center;
}
#outer_block .easys_content_inner.moved {
  top: 0px;
  opacity: 1;
  transform: rotate3d(0, 0, 1, 0);
}
/* バナーは固定 */
#outer_block .nd_01 .easys_content_inner {
  opacity: 1;
  top: 0px;
  transform: rotate3d(0, 0, 1, 0);
}


/*  追加画像
---------------------------------------------------------------------------------------------------- */
.design_block {
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0;
  position: absolute;
  transition: all 1.3s ease 0s;
}
.design_block.moved {
  opacity: 1;
}


/*  セカンド、バナー、コンテンツ画像、パララックス
---------------------------------------------------------------------------------------------------- */
/* 共通 */
#df4cqjklib0x3yc5k5sy,
#fczukxuprqc6nmwq7e91,
#tx5tntihw0p3eudwjbzy,
#xva14mcul2cvib2s7aq4 {
  margin-bottom: 70px;
  position: relative;
}
#df4cqjklib0x3yc5k5sy div,
#fczukxuprqc6nmwq7e91 div,
#tx5tntihw0p3eudwjbzy div,
#xva14mcul2cvib2s7aq4 div {
  margin-bottom: 0;
  padding-bottom: 0;
}
#content .nd_01:last-of-type#df4cqjklib0x3yc5k5sy,
#content .nd_01:last-of-type#fczukxuprqc6nmwq7e91,
#content .nd_01:last-of-type#tx5tntihw0p3eudwjbzy,
#content .nd_01:last-of-type#xva14mcul2cvib2s7aq4 {
  margin-bottom: 80px !important;
}

/* リンク共通 */
#df4cqjklib0x3yc5k5sy a,
#fczukxuprqc6nmwq7e91 a,
#tx5tntihw0p3eudwjbzy a {
  display: block;
  position: relative;
}
#df4cqjklib0x3yc5k5sy a:hover img,
#fczukxuprqc6nmwq7e91 a:hover img,
#tx5tntihw0p3eudwjbzy a:hover img {
  opacity: 1;
}

/* Hot Pepper/Instagram/LINE */
#df4cqjklib0x3yc5k5sy {
  background: url(../img-bg/banner_3_bg.jpg) no-repeat center center;
  padding: 85px 0;
}
#df4cqjklib0x3yc5k5sy .img_display {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
#df4cqjklib0x3yc5k5sy [class*="field_"] {
  width: 240px !important;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center center;
}
#df4cqjklib0x3yc5k5sy [class*="field_"] + [class*="field_"] {
  margin-left: 10px;
}
#df4cqjklib0x3yc5k5sy [class*="field_"] .eyecatch,#df4cqjklib0x3yc5k5sy [class*="field_"] .img_box {
  width: 100% !important;
}
#df4cqjklib0x3yc5k5sy a img {
  position: relative;
  z-index: 10;
}
#df4cqjklib0x3yc5k5sy a::before {
  content: "";
  width: 100px;
  height: 100px;
  background: rgba(168, 124, 108, 0.8);
  border-radius: 999px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: .6s;
  transform: scale(0);
  z-index: 0;
}
#df4cqjklib0x3yc5k5sy a:hover::before {
  transform: scale(3.5);
}
#df4cqjklib0x3yc5k5sy [class*="field_"]:nth-of-type(1) { background-image: url(../img-bg/banner_3_HPB_bg.jpg);}
#df4cqjklib0x3yc5k5sy [class*="field_"]:nth-of-type(2) { background-image: url(../img-bg/banner_3_insta_bg.jpg);}
#df4cqjklib0x3yc5k5sy [class*="field_"]:nth-of-type(3) { background-image: url(../img-bg/banner_3_LINE_bg.jpg);}

/* ハーフサイズバナー共通 */
#fczukxuprqc6nmwq7e91,
#tx5tntihw0p3eudwjbzy {
  background: url(../img-bg/banner_4_bg.jpg) no-repeat center center / cover;
  padding: 200px 0;
  overflow: hidden;
}
#fczukxuprqc6nmwq7e91 div,
#tx5tntihw0p3eudwjbzy div {
  overflow: visible !important;
}
#fczukxuprqc6nmwq7e91 .easys_content_inner,
#tx5tntihw0p3eudwjbzy .easys_content_inner {
  height: 400px;
}
#fczukxuprqc6nmwq7e91 .img_display,
#tx5tntihw0p3eudwjbzy .img_display {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  padding: 20px 0;
  width: 300px;
  height: 400px;
}
#fczukxuprqc6nmwq7e91 [class*="field_"],
#tx5tntihw0p3eudwjbzy [class*="field_"] {
  width: 100%;
}
#fczukxuprqc6nmwq7e91 [class*="field_"]:nth-of-type(1),
#tx5tntihw0p3eudwjbzy [class*="field_"]:nth-of-type(1) {
  border-top: 1px solid rgba(255,255,255,0.5);
}
#fczukxuprqc6nmwq7e91 .eyecatch,
#tx5tntihw0p3eudwjbzy .eyecatch {
  display: block;
  width: 100%;
  height: 90px;
}
#fczukxuprqc6nmwq7e91 .eyecatch a,
#tx5tntihw0p3eudwjbzy .eyecatch a {
  overflow: hidden;
  height: 100%;
}
#fczukxuprqc6nmwq7e91 .eyecatch a img,
#tx5tntihw0p3eudwjbzy .eyecatch a img {
  width: auto;
  position: absolute;
  top: 0;
  left: 0;
}
#fczukxuprqc6nmwq7e91 .eyecatch a:hover img,
#tx5tntihw0p3eudwjbzy .eyecatch a:hover img {
  left: -100%;
}
#fczukxuprqc6nmwq7e91 .design_block,
#tx5tntihw0p3eudwjbzy .design_block {
  width: 600px;
  height: 100%;
  top: 0;
  right: 0;
  opacity: 0;
  transition: .3s;
  pointer-events: none;
}
#fczukxuprqc6nmwq7e91 .design_block.moved,
#tx5tntihw0p3eudwjbzy .design_block.moved {
  opacity: 0;
}
#fczukxuprqc6nmwq7e91 .img_display > .design_block,
#tx5tntihw0p3eudwjbzy .img_display > .design_block {
  background-image: url(../img-bg/banner_4_img00.jpg);
  z-index: -1;
}
#fczukxuprqc6nmwq7e91 .img_display > .design_block.moved,
#tx5tntihw0p3eudwjbzy .img_display > .design_block.moved,
#fczukxuprqc6nmwq7e91 .img_display > .design_block,
#tx5tntihw0p3eudwjbzy .img_display > .design_block,
#fczukxuprqc6nmwq7e91 [class*="field_"]:hover > .design_block,
#tx5tntihw0p3eudwjbzy [class*="field_"]:hover > .design_block {
  opacity: 1;
}

/* JETPEEL/JELLY/CARBOXY/PRODUCT */
#fczukxuprqc6nmwq7e91 [class*="field_"]:nth-of-type(1) > .design_block {
  background-image: url(../img-bg/banner_4_img01.jpg);
}
#fczukxuprqc6nmwq7e91 [class*="field_"]:nth-of-type(2) > .design_block {
  background-image: url(../img-bg/banner_4_img02.jpg);
}
#fczukxuprqc6nmwq7e91 [class*="field_"]:nth-of-type(3) > .design_block {
  background-image: url(../img-bg/banner_4_img03.jpg);
}
#fczukxuprqc6nmwq7e91 [class*="field_"]:nth-of-type(4) > .design_block {
  background-image: url(../img-bg/banner_4_img04.jpg);
}

/* CARBOXY/PRODUCT */
#tx5tntihw0p3eudwjbzy [class*="field_"]:nth-of-type(1) > .design_block {
  background-image: url(../img-bg/banner_4_img03.jpg);
}
#tx5tntihw0p3eudwjbzy [class*="field_"]:nth-of-type(2) > .design_block {
  background-image: url(../img-bg/banner_4_img04.jpg);
}

/* コンテンツ画像 */
#xva14mcul2cvib2s7aq4 .easys_content_inner {
  width: 100%;
  position: relative;
}
#xva14mcul2cvib2s7aq4 .easys_content_inner > div {
  width: 2000px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}


/*  デザインブロック
---------------------------------------------------------------------------------------------------- */
/* 共通レイアウト（記事ブロック） */
#eeb6bvrrzg2ucuif28wr,
#u1ino5wdlx7pom3s5hng,
#ij3q0of328y62atuizo9,
#bf27rc2ye1y3grgmjjj3,
#qgkvfkez8acniahss5m3,
#e53m3vgqdylx3ip62atv,
#zkv346d73zx8mcznz2iv {
  background-repeat: no-repeat;
  background-position: center top;
  margin-bottom: 70px;
  position: relative;
}
#eeb6bvrrzg2ucuif28wr .post_margin,
#u1ino5wdlx7pom3s5hng .post_margin,
#ij3q0of328y62atuizo9 .post_margin,
#bf27rc2ye1y3grgmjjj3 .post_margin,
#qgkvfkez8acniahss5m3 .post_margin,
#e53m3vgqdylx3ip62atv .post_margin,
#zkv346d73zx8mcznz2iv .post_margin {
  margin: 0;
}
#eeb6bvrrzg2ucuif28wr .eyecatch,
#u1ino5wdlx7pom3s5hng .eyecatch,
#ij3q0of328y62atuizo9 .eyecatch,
#bf27rc2ye1y3grgmjjj3 .eyecatch,
#qgkvfkez8acniahss5m3 .eyecatch,
#e53m3vgqdylx3ip62atv .eyecatch,
#zkv346d73zx8mcznz2iv .eyecatch {
  display: none;
  float: none !important;
}
#eeb6bvrrzg2ucuif28wr .entry_post,
#u1ino5wdlx7pom3s5hng .entry_post,
#ij3q0of328y62atuizo9 .entry_post,
#bf27rc2ye1y3grgmjjj3 .entry_post,
#qgkvfkez8acniahss5m3 .entry_post,
#e53m3vgqdylx3ip62atv .entry_post,
#zkv346d73zx8mcznz2iv .entry_post {
  box-sizing: border-box;
  position: relative;
}
#eeb6bvrrzg2ucuif28wr .entry_post > [class*="title"],
#u1ino5wdlx7pom3s5hng .entry_post > [class*="title"],
#ij3q0of328y62atuizo9 .entry_post > [class*="title"],
#bf27rc2ye1y3grgmjjj3 .entry_post > [class*="title"],
#qgkvfkez8acniahss5m3 .entry_post > [class*="title"],
#e53m3vgqdylx3ip62atv .entry_post > [class*="title"],
#zkv346d73zx8mcznz2iv .entry_post > [class*="title"] {
  display: none;
}
#eeb6bvrrzg2ucuif28wr .text_box,
#u1ino5wdlx7pom3s5hng .text_box,
#ij3q0of328y62atuizo9 .text_box,
#bf27rc2ye1y3grgmjjj3 .text_box,
#qgkvfkez8acniahss5m3 .text_box,
#e53m3vgqdylx3ip62atv .text_box,
#zkv346d73zx8mcznz2iv .text_box {
  float: none !important;
  height: auto;
  margin: 0;
  overflow: visible;
  width: 100%;
}
#eeb6bvrrzg2ucuif28wr .post_data,
#u1ino5wdlx7pom3s5hng .post_data,
#ij3q0of328y62atuizo9 .post_data,
#bf27rc2ye1y3grgmjjj3 .post_data,
#qgkvfkez8acniahss5m3 .post_data,
#e53m3vgqdylx3ip62atv .post_data,
#zkv346d73zx8mcznz2iv .post_data {
  display: block;
  float: none !important;
  margin: 0 0 50px;
  overflow: visible;
}
#eeb6bvrrzg2ucuif28wr .design_block[class*="block"].moved,
#u1ino5wdlx7pom3s5hng .design_block[class*="block"].moved,
#ij3q0of328y62atuizo9 .design_block[class*="block"].moved,
#bf27rc2ye1y3grgmjjj3 .design_block[class*="block"].moved,
#qgkvfkez8acniahss5m3 .design_block[class*="block"].moved,
#e53m3vgqdylx3ip62atv .design_block[class*="block"].moved,
#zkv346d73zx8mcznz2iv .design_block[class*="block"].moved {
  margin: 0px;
}

/* 共通ボタン-ブロック内リンク */
#mcjm4i1sgutqg0x0egdd [class*="_btn"],
#u1ino5wdlx7pom3s5hng [class*="_btn"],
#ij3q0of328y62atuizo9 [class*="_btn"],
#bf27rc2ye1y3grgmjjj3 [class*="_btn"],
#qgkvfkez8acniahss5m3 [class*="_btn"] {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}
#mcjm4i1sgutqg0x0egdd [class*="_btn"] a,
#u1ino5wdlx7pom3s5hng [class*="_btn"] a,
#ij3q0of328y62atuizo9 [class*="_btn"] a,
#bf27rc2ye1y3grgmjjj3 [class*="_btn"] a,
#qgkvfkez8acniahss5m3 [class*="_btn"] a {
  background: none transparent;
  border-radius: 0;
  color: #333;
  display: inline-block;
  overflow: hidden;
  padding: 10px 50px 10px 10px;
  position: relative;
  width: auto;
  height: 100%;
  z-index: 300;
}
#mcjm4i1sgutqg0x0egdd [class*="_btn"] a:hover,
#u1ino5wdlx7pom3s5hng [class*="_btn"] a:hover,
#ij3q0of328y62atuizo9 [class*="_btn"] a:hover,
#bf27rc2ye1y3grgmjjj3 [class*="_btn"] a:hover,
#qgkvfkez8acniahss5m3 [class*="_btn"] a:hover {
  text-decoration: none;
}
#mcjm4i1sgutqg0x0egdd [class*="_btn"] a::before,
#u1ino5wdlx7pom3s5hng [class*="_btn"] a::before,
#ij3q0of328y62atuizo9 [class*="_btn"] a::before,
#bf27rc2ye1y3grgmjjj3 [class*="_btn"] a::before,
#qgkvfkez8acniahss5m3 [class*="_btn"] a::before,
#mcjm4i1sgutqg0x0egdd [class*="_btn"] a::after,
#u1ino5wdlx7pom3s5hng [class*="_btn"] a::after,
#ij3q0of328y62atuizo9 [class*="_btn"] a::after,
#bf27rc2ye1y3grgmjjj3 [class*="_btn"] a::after,
#qgkvfkez8acniahss5m3 [class*="_btn"] a::after {
  content: "";
  position: absolute;
  transition: 1s;
}
#mcjm4i1sgutqg0x0egdd [class*="_btn"] a::before,
#u1ino5wdlx7pom3s5hng [class*="_btn"] a::before,
#ij3q0of328y62atuizo9 [class*="_btn"] a::before,
#bf27rc2ye1y3grgmjjj3 [class*="_btn"] a::before,
#qgkvfkez8acniahss5m3 [class*="_btn"] a::before {
  width: 100%;
  height: 1px;
  background-color: #000;
  right: 0;
  bottom: 0;
}
#mcjm4i1sgutqg0x0egdd [class*="_btn"] a:hover::before,
#u1ino5wdlx7pom3s5hng [class*="_btn"] a:hover::before,
#ij3q0of328y62atuizo9 [class*="_btn"] a:hover::before,
#bf27rc2ye1y3grgmjjj3 [class*="_btn"] a:hover::before,
#qgkvfkez8acniahss5m3 [class*="_btn"] a:hover::before {
  width: 0%;
}
#mcjm4i1sgutqg0x0egdd [class*="_btn"] a::after,
#u1ino5wdlx7pom3s5hng [class*="_btn"] a::after,
#ij3q0of328y62atuizo9 [class*="_btn"] a::after,
#bf27rc2ye1y3grgmjjj3 [class*="_btn"] a::after,
#qgkvfkez8acniahss5m3 [class*="_btn"] a::after {
  content: "+";
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform-origin: center;
  width: 20px;
  height: 20px;
  font-size: 20px;
  transform: rotate(0deg);
  display: flex;
  align-items: center;
  justify-content: center;
}
#mcjm4i1sgutqg0x0egdd [class*="_btn"] a:hover::after,
#u1ino5wdlx7pom3s5hng [class*="_btn"] a:hover::after,
#ij3q0of328y62atuizo9 [class*="_btn"] a:hover::after,
#bf27rc2ye1y3grgmjjj3 [class*="_btn"] a:hover::after,
#qgkvfkez8acniahss5m3 [class*="_btn"] a:hover::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* 文字フェードイン */
.nb_01 .entry_post > .design_block.block1 {
  color: #333;
  font-family: 'Playfair Display', serif;
  font-size: 65px;
  opacity: 1;
  position: absolute;
  top: -130px;
}
.nb_01 .entry_post > .design_block.block1 span {
  position: relative;
  opacity: 0;
  transition: .8s;
  top: 40px;
}
.nb_01 .entry_post > .design_block.block1.moved span {
  opacity: 1;
  top: 0px;
}

/* 全ての女性の肌悩みを最新美容で */
#eeb6bvrrzg2ucuif28wr {
  background-image: url(../img-bg/db01_bg02.jpg);
  height: 1030px;
}
#eeb6bvrrzg2ucuif28wr .entry_post {
  top: 560px;
  padding: 20px 570px 0 0;
}
#eeb6bvrrzg2ucuif28wr > .design_block.block1 {
  background-image: url(../img-bg/db01_bg01.jpg);
  width: 600px;
  height: 500px;
  top: 170px;
  left: calc(50% - 0px);
  margin-top: 100px;
}

/* イスラエル発JET PEEL ジェットピール */
#u1ino5wdlx7pom3s5hng {
  background-image: url(../img-bg/db02_bg03.jpg);
  height: 1230px;
}
#u1ino5wdlx7pom3s5hng .entry_post {
  top: 650px;
  padding: 20px 0 0 480px;
}
#u1ino5wdlx7pom3s5hng > .design_block.block1 {
  background-image: url(../img-bg/db02_bg01.jpg);
  width: 280px;
  height: 380px;
  top: -110px;
  left: calc(50% + 230px);
  margin-top: 100px;
}
#u1ino5wdlx7pom3s5hng > .design_block.block2 {
  background-image: url(../img-bg/db02_bg02.jpg);
  width: 650px;
  height: 400px;
  top: 260px;
  left: calc(50% - 750px);
  margin-top: 100px;
}

/* 世界で人気！HYDORO JELLY MASK ハイドロジェリーマスク */
#ij3q0of328y62atuizo9 {
  background-image: url(../img-bg/db03_bg03.jpg);
  height: 1250px;
}
#ij3q0of328y62atuizo9 .entry_post {
  top: 750px;
  padding: 20px 360px 0 0;
}
#ij3q0of328y62atuizo9 > .design_block.block1 {
  background-image: url(../img-bg/db03_bg02.jpg);
  width: 600px;
  height: 400px;
  top: 320px;
  left: calc(50% + 200px);
  margin-top: 100px;
}
#ij3q0of328y62atuizo9 > .design_block.block2 {
  background-image: url(../img-bg/db03_bg01.jpg);
  width: 600px;
  height: 400px;
  top: 120px;
  left: calc(50% - 120px);
  margin-top: 100px;
}

/* 韓国発CARBOXY カーボキシー */
#bf27rc2ye1y3grgmjjj3 {
  background-image: url(../img-bg/db04_bg02.jpg);
  height: 1250px;
}
#bf27rc2ye1y3grgmjjj3 .entry_post {
  top: 300px;
  padding: 0 0 0 480px;
}
#bf27rc2ye1y3grgmjjj3 .entry_post > .design_block {
  font-size: 55px;
}
#bf27rc2ye1y3grgmjjj3 > .design_block.block1 {
  background-image: url(../img-bg/db04_bg01.jpg);
  width: 600px;
  height: 480px;
  top: 150px;
  left: calc(50% - 700px);
  margin-top: 100px;
}

/* HOME CARE PRODUCTS */
#qgkvfkez8acniahss5m3 {
  background-image: url(../img-bg/db05_bg02.jpg);
  height: 1180px;
}
#qgkvfkez8acniahss5m3 .entry_post {
  top: 277px;
  padding: 0 230px 0 0;
}
#qgkvfkez8acniahss5m3 .entry_post > .design_block {
  font-size: 62px;
  top: -80px;
}
#qgkvfkez8acniahss5m3 > .design_block.block1 {
  background-image: url(../img-bg/db05_bg01.jpg);
  width: 630px;
  height: 445px;
  top: 505px;
  left: calc(50% - 40px);
  margin-top: 100px;
}

/* ブログ */
/* g1tti3n35c1cf5py6q2a */
#mcjm4i1sgutqg0x0egdd {
  background: 
  url(../img-bg/db06_bg01.png) no-repeat left calc(50% - 360px) top 150px,
  url(../img-bg/block_bg_rose.jpg) repeat left top;
  padding: 380px 0 160px;
  position: relative;
}
#mcjm4i1sgutqg0x0egdd [class*="_btn"] a {
  position: absolute;
  top: 230px;
  left: calc(50% + 340px);
  height: auto;
}
#mcjm4i1sgutqg0x0egdd .blog_post {
  background-color: #fff;
  border: none;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 20px;
}
#mcjm4i1sgutqg0x0egdd .blog_list_text_size {
  width: 750px;
}

/* JET PEEL の４ステップ */
#e53m3vgqdylx3ip62atv {
  background-image: url(../img-bg/db07_bg06.jpg);
  min-height: 1760px;
}
#e53m3vgqdylx3ip62atv .entry_post {
  top: 640px;
  padding: 0;
}
#e53m3vgqdylx3ip62atv .text_box {
  min-height: 335px;
  padding-bottom: 170px;
  width: 390px;
}
#e53m3vgqdylx3ip62atv > .design_block.block1 {
  background-image: url(../img-bg/db07_bg01.jpg);
  width: 600px;
  height: 500px;
  top: 185px;
  left: calc(50% - 0px);
  margin-top: 100px;
}
#e53m3vgqdylx3ip62atv .sub_post {
  background-repeat: no-repeat;
  background-position: left top;
  float: left;
  padding-top: 80px;
  width: 225px;
  opacity: 0;
}
#e53m3vgqdylx3ip62atv .sub_post.moved {
  opacity: 0;
  animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0s forwards;
}
@keyframes popup {
  0% {
    transform: translateY(40px) scale(0.8);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scale(1.0);
  }
  80%, 100% {
    opacity: 1;
  }
}
#e53m3vgqdylx3ip62atv .sub_post + .sub_post {
  margin-left: 20px;
}
#e53m3vgqdylx3ip62atv .sub_post > [class*="title"] {
  background: none transparent;
  color: #333;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5em;
  margin: 0 0 10px;
  padding: 0;
  text-align: left;
  width: 100%;
  height: auto;
}
#e53m3vgqdylx3ip62atv .sub_post_0.moved { animation-delay: 0s;}
#e53m3vgqdylx3ip62atv .sub_post_1.moved { animation-delay: .4s;}
#e53m3vgqdylx3ip62atv .sub_post_2.moved { animation-delay: .8s;}
#e53m3vgqdylx3ip62atv .sub_post_3.moved { animation-delay: 1.2s;}
#e53m3vgqdylx3ip62atv .sub_post_0 { background-image: url(../img-bg/db07_bg02.jpg);}
#e53m3vgqdylx3ip62atv .sub_post_1 { background-image: url(../img-bg/db07_bg03.jpg);}
#e53m3vgqdylx3ip62atv .sub_post_2 { background-image: url(../img-bg/db07_bg04.jpg);}
#e53m3vgqdylx3ip62atv .sub_post_3 { background-image: url(../img-bg/db07_bg05.jpg);}

/* HYDORO 水分たっぷりの JELLY ゼリーのような感覚の 肌再生マスク */
#zkv346d73zx8mcznz2iv {
  background-image: url(../img-bg/db08_bg02.jpg);
  height: 1300px;
}
#zkv346d73zx8mcznz2iv .entry_post {
  top: 760px;
  padding: 0 230px 0 0;
}
#zkv346d73zx8mcznz2iv > .design_block.block1 {
  background-image: url(../img-bg/db08_bg01.png);
  width: 960px;
  height: 330px;
  top: 225px;
  left: calc(50% - 90px);
  margin-top: 100px;
}