@charset "utf-8";
/* ===== smartpress theme (base) ===== */
/*
Theme Name: Smartpress
Theme URI: http://www.rmblog.jp/
Description: スマートフォンテーマ
Author: RMG
Version: ver2.14.13
Tags: none
*/h


/* =Reset default browser CSS.
-------------------------------------------------------------- */

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

html {
    background: url("") repeat scroll 0 0 #FFFFFF;
}

body {
	font-size: 12px;
	line-height: 2;
	-webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    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 {
    color: #FF5555;
    text-decoration: none;
}
a:hover {
    color: #0000ff;
    text-decoration: underline;
}

p {
    line-height: 2;
    margin: 0 0 10px;
    padding: 0;
}


.clear_fix {
clear: both;
}

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

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



/*	ボディ改変CSS
===============================================================*/

body {
    background: url("") no-repeat scroll center top;
    color: #000000;
    line-height: 2;
    font: 12px/1.231 "ヒラギノ角ゴ Pro W6","HiraKakuProN-W6";
    width: 100% !important;
}


/*	ヘッダーCSS
===============================================================*/

/*
#header h1 a {
    display: block;
    height: 32px;
    padding: 5px 7px;
    width: 207px;
}
*/

.tel_btn a {
    display: inline-block;
    width: 42px;
    height: auto;
    background: url(../icons/btn_tellink.png) repeat scroll 0 0 transparent;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
}
.tel_btn a img {width: 100%;}
/*.tel_btn a span {
    display: inline-block;
    height: 25px;
}*/

/*.toplink_btn {
    display: inline-block;
    padding: 0;
    border-left: 1px solid #FFFFFF;
    left: 130px;
    position: absolute;
    top: 0;
}*/
.toplink_btn a {
    display: inline-block;
    height: 42px;
    background: url(../icons/btn_toplink.png) repeat scroll 0 0 transparent;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
}
/*.toplink_btn a span {
    display: inline-block;
    height: 25px;
}*/


/*ヘッダー内左メニュー*/

/*.side_menu {
    display: inline-block;
    padding: 0;
    border-right: 1px solid #FFFFFF;
    left: -1px;
    position: absolute;
    top: 0;
}*/
.side_menu a {
    display: inline-block;
    height: 42px;
    width:56px;
    background: url(../icons/btn_menu.png) repeat scroll 0 0 transparent;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
}
/*.side_menu a span {
    display: inline-block;
    height: 25px;
}*/

/*ヘッダー内右メニュー*/

/*.Rside_menu {
    display: inline-block;
    padding: 0;
    border-left: 1px solid #FFFFFF;
    position: absolute;
    right: -1px;
    top: 0;
}*/
.Rside_menu a {
    display: inline-block;
    height: 42px;
    text-indent: -9999px;
    width: 56px;
    background: url(../icons/btn_rmenu.png) repeat scroll 0 0 transparent;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
}
/*.Rside_menu a span {
    text-indent:-9999px;
    display: inline-block;
    height: 25px;
}*/

/*ヘッダーtableCSS*/

.header_line-block {
}

.header_line-block td {
    /*text-align: center;
    width: 25%;*/
}

.header_line-block td.header_line_left {
    text-align: left;
    height:40px;
    width:56px;
}
.header_line-block td.header_line_right {
    text-align: right;
    height:40px;
    width:56px;
}

/*中ページタイトル表示*/
/*#naka_page_title {
    margin: 0 0 1em;
}*/
#naka_page_title h1 {
    padding: 1em 5%;
    text-align: left;
    font-weight: bold;
    background: #ccc;
    font-size: 110%;
}


/*	フッターCSS
===============================================================*/

#foot #copy {
    background: none repeat-x scroll 0 0 transparent;
    clear: both;
    font-size: 10px;
    font-style: normal;
    height: 40px;
    letter-spacing: -0.001px;
    line-height: 40px;
    text-align: center;
}


/*	メイン画像CSS
===============================================================*/

#top_slide {
    height: auto;
    overflow: hidden;
}
#slide {
    height: auto;
    margin: 0 auto;
    /*max-width: 640px;*/
    width: 100%;
}

#h1_teaser_image {
    /*max-height:126px;*/
    margin: 0 auto;
    /*max-width: 640px;*/
    width: 100%;
    background: none;
}
#h1_teaser_image a {
    display:block;
    /*max-height: 126px;*/
}

.cFix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.cFix {
    min-height: 1px;
}
/*#slide img {
    height: auto;
    margin: 10px 0;
    max-height: 126px;
    max-width: 640px;
    width: 100%;
}*/

/*	共通タイトルCSS
===============================================================*/

.title {
    background-position: left center;
    background-repeat: no-repeat;
    /*background-size: auto 20px;*/
    border: 1px solid #666666;
    font-size: 13.5px;
    line-height: 1.7;
    margin: 10px 0;
    padding: 10px;
}
.title span {
    font-size:10px;
}

.sub_title {
    background-position: left center;
    background-repeat: no-repeat;
    /*background-size: auto 20px;*/
    border: 1px solid #666666;
    font-size: 13.5px;
    line-height: 1.7;
    margin: 10px 0;
    padding: 10px;
}


.inline_title unity_title {
    background-color: #999999;
    border-radius: 5px 5px 5px 5px;
    line-height: 1.5;
    margin: 10px;
    padding: 15px 20px;
    width:auto;
    display:block;
}

/*	コンテンツCSS
===============================================================*/

#Wrap {
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);*/
    position: relative;
    z-index: 1;
}

#main {
  position: relative;
  z-index: 1;
  /*margin-top: 42px;*/
  padding-top: 0;
}


/*	ブログ呼び出しCSS
===============================================================*/

.blog_read_block {
    /*border-bottom: 1px solid #CCCCCC;*/
    margin: 0 0 10px;
    padding: 8px 10px;
}

.blog_read_block .blog_post {
    border-bottom: 1px dotted #666666;
    margin: 0 0 10px;
    padding: 0 0 10px;
}

.data_right .date {
font-size:10px;
letter-spacing:-0.01px;
/*position:absolute;*/
display:block;
left:5px;
/*top:8px;*/
line-height:20px;
padding-left:25px;
background: url(../img-bg/list_indent_icon.png) no-repeat 5px center ;
-webkit-background-size:12px 12px;
-moz-background-size:12px 12px;
background-size:12px 12px;
}

.data_right .post-title {
    display: block;
    height: inherit;
    text-indent: inherit;
}

.data_right .post-title a {
    display: block;
    font-size: 12px;
    margin: 0 0 10px;
    padding: 0 0 0 25px;
    text-decoration: none;
}
.data_right .post-title a:hover {
    text-decoration: underline;
}

.data_right .news_small_text {
    display: block;
    font-size: 10px;
    height: inherit;
    letter-spacing: -0.001px;
    padding: 0 0 0 26px;
    text-indent: inherit;
}

/*ブログ、READ MORE*/

.blog_navigation {
    text-align: center;
}

.blog_navigation a {
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    display: block;
    font-size: 14px;
    margin: 10px 0;
    padding: 15px;
}



/*	格納サイドバーCSS
===============================================================*/



/*左ナビ*/

#Side_wrap {
    /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) inset;*/
    position: fixed;
    width: 260px;
}

#Side {
    margin: 0 auto;
    position: relative;
    z-index: 100;
}
#Side #Side_inner img {
}
#Side #SideNav li a {
    border-bottom: 1px solid #CCCCCC;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}
#Side #SideNav li a.touchstyle {
    box-shadow: 0 0 5px #000000 inset;
    position: relative;
    z-index: 100;
}
#Side #SideNav li a.notouchstyle {
}
#Side li {
    padding: 0;
}
#Side li a {
    display: block;
    padding: 0 10px;
}
#Side li a span {
    background: url(../icons/icon_home.png) no-repeat scroll 0 10px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-left: 35px;
-webkit-background-size:20px 37px;
-moz-background-size:20px 37px;
background-size:20px 37px;
}
#Side li a {
    text-decoration: none;
}

#Side li a:hover {
    text-decoration: underline;
}

#Side_wrap {
    /*border-right: 1px solid #333333;*/
    /*left: -260px;*/
    left: 0;
    top: 0;
    z-index: 100000;
}
#Side_wrap.active {
}
.openSidemenu {
/*    left: 0 !important;
    position: relative;*/

    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    position:relative;
    -webkit-transition: .2s -webkit-transform ease-in-out;
    -moz-transition: .2s -webkit-transform ease-in-out;
    -ms-transition: .2s -webkit-transform ease-in-out;
    -o-transition: .2s -webkit-transform ease-in-out;
}
.closeSidemenu {
/*    left: -260px !important;
    position: relative;*/

    -webkit-transform: translate3d(-260px,0,0);
    -moz-transform: translate3d(-260px,0,0);
    -ms-transform: translate3d(-260px,0,0);
    -o-transform: translate3d(-260px,0,0);
    position:relative;
    -webkit-transition: .2s -webkit-transform ease-in-out;
    -moz-transition: .2s -webkit-transform ease-in-out;
    -ms-transition: .2s -webkit-transform ease-in-out;
    -o-transition: .2s -webkit-transform ease-in-out;
}
.hidebackbtn {
    display: none;
    height: 100%;
    left: 260px;
    position: fixed;
    top: 0;
    width: 100%;
}
/*	2014年10月3日追記
-------------------------------------------------------------- */
.closeWrap {
-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); position:relative; -webkit-transition: .2s -webkit-transform ease-in-out; -moz-transition: .2s -webkit-transform ease-in-out; -ms-transition: .2s -webkit-transform ease-in-out; -o-transition: .2s -webkit-transform ease-in-out;
}
/* ----------------------------------------------------------- */

.openHead #logoarea {
    left: 260px !important;
}
.closeHead #logoarea {
    left: 0 !important;
}

/*メニューを閉じる画面ボタン*/
#secondary .hidebackbtn {
    cursor: pointer;
    display: table-cell;
    position: static;
    text-align: center;
    width: 260px;
    height:55px;
    line-height:55px;
}



/*右ナビ*/

#rSide_wrap {/*
    background: none repeat scroll 0 0 transparent;
    border-left: 1px solid #333333;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) inset;
    position: fixed;
    width: 260px;
*/
}

#rSide {/*
    margin: 0 auto;
    position: relative;
    z-index: 100;
*/}
#rSide #rSide_inner img {/*
*/}

#rSide_wrap {
    overflow: hidden;
    /*right: -260px;*/
/*
    right: 0;
    top: 0;
    z-index: 100000;
*/}
#rSide_wrap.active {/*
*/}
#rSide li {/*
    padding: 0;
*/}
#rSide li a {
    /*color: #FF0000;*/
    /*
    display: block;
    */
    /*text-shadow: 0 -1px 1px #333333;*/
}
#rSide .widget-title2 a {/*
    background: url(../icons/icon_blog.png) no-repeat scroll 0 0;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-left: 35px;
-webkit-background-size:33px 50px;
-moz-background-size:33px 50px;
background-size:33px 50px;
*/}
#rSide li a {/*
    text-decoration: none;
*/}
#rSide li a:hover {/*
    text-decoration: underline;
*/}
.RopenWrap {
/*
    left: -260px !important;
    position: relative;
*/
/*
    -webkit-transform: translate3d(-260px,0,0);
    -moz-transform: translate3d(-260px,0,0);
    -ms-transform: translate3d(-260px,0,0);
    -o-transform: translate3d(-260px,0,0);
    position:relative;
    -webkit-transition: .2s -webkit-transform ease-in-out;
    -moz-transition: .2s -webkit-transform ease-in-out;
    -ms-transition: .2s -webkit-transform ease-in-out;
    -o-transition: .2s -webkit-transform ease-in-out;
*/}
.RopenSidemenu {
/*    position: relative;
    right: 0 !important;*/
/*
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    position:relative;
    -webkit-transition: .2s -webkit-transform ease-in-out;
    -moz-transition: .2s -webkit-transform ease-in-out;
    -ms-transition: .2s -webkit-transform ease-in-out;
    -o-transition: .2s -webkit-transform ease-in-out;
*/}
.RcloseSidemenu {
/*    position: relative;
    right: -260px !important;*/
/*
    -webkit-transform: translate3d(260px,0,0);
    -moz-transform: translate3d(260px,0,0);
    -ms-transform: translate3d(260px,0,0);
    -o-transform: translate3d(260px,0,0);
    position:relative;
    -webkit-transition: .2s -webkit-transform ease-in-out;
    -moz-transition: .2s -webkit-transform ease-in-out;
    -ms-transition: .2s -webkit-transform ease-in-out;
    -o-transition: .2s -webkit-transform ease-in-out;
*/}
.Rhidebackbtn {/*
    display: none;
    height: 100%;
    position: fixed;
    right: 260px;
    top: 0;
    width: 100%;
*/}
.RopenHead #logoarea {/*
    left: -260px !important;
*/}

/*メニューを閉じる画面ボタン*/
.btn.Rhidebackbtn {/*
    cursor: pointer;
    display: table-cell;
    position: static;
    text-align: center;
    width: 240px;
    height:55px;
    line-height:55px;
*/}


/*メニューを閉じるCSS

* .Rhidebackbtn span,
* .hidebackbtn span {
    background: none repeat scroll 0 0 #999999;
    border-radius: 5px 5px 5px 5px;
    font-size: 12px;
    font-weight: bold;
    margin: 0 auto;
    padding: 5px 15px;
    position: relative;
    width: 200px;
}
*/

.openWrap {
/*    left: 260px !important;
    position: relative;*/

-webkit-transform: translate3d(260px,0,0); -moz-transform: translate3d(260px,0,0); -ms-transform: translate3d(260px,0,0); -o-transform: translate3d(260px,0,0); position:relative; -webkit-transition: .2s -webkit-transform ease-in-out; -moz-transition: .2s -moz-transform ease-in-out; -ms-transition: .2s -ms-transform ease-in-out; -o-transition: .2s -o-transform ease-in-out;
}
.closeWrap {
/*    left: 0 !important;
    position: relative;*/

-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); position:relative; -webkit-transition: .2s -webkit-transform ease-in-out; -moz-transition: .2s -webkit-transform ease-in-out; -ms-transition: .2s -webkit-transform ease-in-out; -o-transition: .2s -webkit-transform ease-in-out;
}

/*	右サイド定型CSS
===============================================================*/

#rSide .btn {
    /*border-bottom: 1px solid #CCCCCC;*/
    height: 55px;
    line-height: 55px;
    padding: 0 10px;
}

#rSide .btn a {
    display: block;
    height: 55px;
    line-height: 55px;
}
#rSide .btn a:hover {
    text-decoration: underline;
}

.widget-title2 a {
    display: block;
    margin: 0;
    /*padding: 15px 10px 15px 35px;*/
    padding: 15px 10px;
}
#rSide div span a {
}

.top-back {
    border-top:solid 1px #CCC;
    border-bottom:solid 1px #CCC;
}


/*	左サイド定型CSS
===============================================================*/

#secondary .btn {
    /*border-bottom: 1px solid #CCCCCC;*/
    padding: 0;
    margin-bottom: 0;
}

#secondary .btn a {
    display: block;
    height: 55px;
    line-height: 55px;
}

#Side .xoxo .menu-item-type-post_type {
    border-bottom: medium none;
    margin: 0;
    padding: 0;
}

#Side div a span {
    background: url(../icons/icon_home.png) no-repeat scroll 0 7px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-left: 35px;
-webkit-background-size:26px 39px;
-moz-background-size:26px 39px;
background-size:26px 39px;
}



/*	検索フォームCSS
===============================================================*/

#searchform {
    /*border-bottom: 1px solid #CCCCCC;*/
    height: 45px;
    line-height: 45px;
    /*padding: 0 5%;*/
}

#searchform label {
    display: none;
}

#searchform input#s {
}

#searchform input#searchsubmit {
}


/*	primaryタイトル定型CSS
===============================================================*/

#primary .widget-title {
    /*background: url("") repeat scroll 0 0 #333333;*/
    display: block;
    margin: 0;
    padding: 15px 10px;
}

/*	primaryリスト定型CSS
===============================================================*/

#primary ul.xoxo li ul li {
    border-bottom: 1px dotted #999999;
    vertical-align: middle;
    /*
    margin: 0;
    display: inline-block;
    width: 260px;
    */
    display: block;
    margin: 0 0;
    padding: 0;
}
#primary ul.xoxo li ul li:first-child {margin: 5px 0 0;}
#primary ul.xoxo li ul li:last-child {border:none; margin: 0 0 10px;}


/*	primaryカレンダー定型CSS
===============================================================*/

#calendar_wrap {
    margin: 0 auto;
    padding: 0 0 5%;
    /*width: 100%;*/
    box-sizing: border-box;
}

#calendar_wrap table {
   width:100%;
}

#calendar_wrap table caption {
    padding: 15px 0;
}

#calendar_wrap table tr th {
    padding: 0 0 5px;
    text-align: center;
}

#calendar_wrap table tr td {
    padding: 5px 0;
    text-align: center;
}

/*カレンダーリンクカラー*/

#calendar_wrap table tr td a {
    /*color: #FF0000;*/
    font-weight: bold;
    padding: 0;
}
#calendar_wrap table tr td a:hover {
    /*color:#FF0000;*/
    text-decoration: underline;
}

/*カレンダー当日カラー*/

#calendar_wrap table tr td#today {
    background: none repeat scroll 0 0 #333333;
}

/*	ブログレイアウトCSS
===============================================================*/

#container {
    /*margin: 10px 10px 20px;*/
    /*border:solid 1px #363636;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:5px;*/
    overflow:hidden;
    /*background:rgba(255,255,255,0.05);*/
}

#container a {
    /*color: #FF0000;*/
    text-decoration: none;
}

#container a:hover {
    text-decoration: underline;
}


#content {
}

#content h1.page-title {
    border: 1px solid #CCCCCC;
    display: inline-block;
    margin: 0 0 10px;
    padding: 5px 10px;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

.entry-meta {
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 10px;
}

.entry-content {
    margin: 0 0 30px;
    padding: 10px 10px 0;
}

/*投稿記事内画像サイズ*/

.entry-content img.alignnone,
.entry-content img.aligncenter,
.entry-content img.alignright,
.entry-content img.alignleft {
    clear: both;
    display: block;
    height: auto;
    margin: 15px auto;
    padding: 0;
    min-width: 260px;
    width: 100%;
}

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

.navigation {
}

.navigation .nav-previous a {
    border: 1px solid #CCCCCC;
    display: inline-block;
    float: left;
    margin: 0 0 10px 10px;
    padding: 15px 20px;
}
.navigation .nav-previous a:hover {
}

.navigation .nav-next a {
    border: 1px solid #CCCCCC;
    display: inline-block;
    float: right;
    margin: 0 10px 10px 0;
    padding: 15px 20px;
}
.navigation .nav-next a:hover {
}

/*	共通スタイルCSS
===============================================================*/

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

    background: url("") repeat scroll 0 0 #999999;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    display: block;
    font-size: 14px;
    line-height: 2;
    overflow: hidden;
    padding: 10px;
    text-decoration: none;
    margin: 0 10px 10px;
}

.form_title {
    border: 1px solid #666666;
    /*color:#FFF;*/
    display: block;
    line-height: 2;
    padding: 10px 20px;
    text-align: left;
}

/*テーブルカラー*/

/*項目側（左）*/
.contact_form .iqfm-table th {
    padding: 5px;
    text-align: left;
    width: 30%;
}

/*内容側（右）*/
.contact_form .iqfm-table td {
    padding: 5px;
    text-align: left;
    width: 70%;
}


/*グラデーション板*/
.gradation_plate {
    border:1px solid #2a2a2a;
    background:#111;
    font-size: 13.5px;
    font-weight:bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    -ms-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    -o-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#111));
    background-image:-webkit-linear-gradient(#999999,#111);
    background-image:-moz-linear-gradient(#999999,#111);
    background-image:-ms-linear-gradient(#999999,#111);
    background-image:-o-linear-gradient(#999999,#111);
    background-image:linear-gradient(#999999,#111);
}

/*お問い合わせフォーム、サンクス画面*/

.contact_form .contact_form_area p.thanks_text {
    background: url("") repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border: 1px solid #CCCCCC;
    padding: 10px 20px;
}


/*ページ送りデザインCSS*/

.tablenav {
    clear: both;
    display: block;
    height: 37px;
    margin: 0 0 20px;
    padding: 0;
    text-align: center;
}

.tablenav .page-numbers {
    border: 1px solid #CCCCCC;
    display: inline-block;
    float: left;
    margin: 0 2% 20px;
    padding: 10px 15px;
}

.tablenav .current {
}

.tablenav .page-numbers {
}

.tablenav .next {
}

/*左サイトメニュー、サブメニューCSS*/

#Side .xoxo li ul.sub-menu {
    display: block;
    position: relative;
    margin: 0 1em;
}
/*幅リセット*/
#Side .xoxo li ul.sub-menu li {
    padding: 0;
    margin:0 0 1px 0;
    font-size: 
}

#Side .xoxo li .menu-item a {
    height: 3em;
    line-height: 3em;
/*border-bottom: dotted 1px #999;*/
text-align: center;
font-size: 115%;
}

#Side .xoxo li ul.sub-menu .menu-item a {
    height: 3em;
    line-height: 3em;
/*border-bottom: dotted 1px #999;*/
text-align: center;
font-size: 90%;
}

/*右サイド*/

#primary ul.xoxo li ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    padding: 10px;
    width: 100%;

    display: inline-block;
}


/*グローバルナビ*/
#access {
    display: inline-block;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}
#access .menu-header ul.menu {
    background: none repeat scroll 0 0 #666;
}
#access .menu-header ul.menu li {
}
#access .menu-header ul.menu li a {
    background: url(../icons/menu_icon.png) no-repeat scroll right center #666;

    background-size: 33px auto;
    -webkit-background-size: 33px auto;
    -moz-background-size: 33px auto;

    border-bottom: 2px solid #444;
    border-top: 2px solid #888;
    /*color: #FFFFFF;*/
    display: block;
    font-size: 14px;
    line-height: 3;
    padding: 0 20px;
    text-decoration: none;
}
#access .menu-header ul.menu li a:hover {
    background: url(../icons/menu_icon.png) no-repeat scroll right center #bbb;

    background-size: 33px auto;
    -webkit-background-size: 33px auto;
    -moz-background-size: 33px auto;

    border-bottom: 2px solid #999;
    border-top: 2px solid #ddd;
    text-decoration: underline;
}


#access .menu-header ul.menu li ul.sub-menu {
}
#access .menu-header ul.menu li ul.sub-menu li {
    background: url(../icons/list_menu_icon.png) no-repeat scroll 10px center #888;

    background-size: 33px auto;
    -webkit-background-size: 33px auto;
    -moz-background-size: 33px auto;

}
#access .menu-header ul.menu li ul.sub-menu li a {
    background: url(../icons/menu_icon.png) no-repeat scroll right center transparent;

    background-size: 33px auto;
    -webkit-background-size: 33px auto;
    -moz-background-size: 33px auto;

    /*color:#FFF;*/
    border-bottom: 2px solid #666;
    border-top: 2px solid #aaa;
    padding: 0 40px;
    display: block;
    font-size:14px;
    text-decoration: none;
    line-height: 3;
}
#access .menu-header ul.menu li ul.sub-menu li a:hover {
    background: url(../icons/menu_icon.png) no-repeat scroll right center #bbb;

    background-size: 33px auto;
    -webkit-background-size: 33px auto;
    -moz-background-size: 33px auto;

    border-bottom: 2px solid #999;
    border-top: 2px solid #ddd;
    text-decoration: underline;
}

/*一覧に戻るリンク*/

.pageback a {
    border: 1px solid #CCCCCC;
    display: block;
    line-height: 40px;
    margin: 0 10px 20px;
    padding: 5px 10px;
    text-align: center;
}


/*共通2カラムテーブル*/

.custom_th_text {
    border-bottom: 1px dotted #CCCCCC;
    text-align: left;
}

.custom_th_text p {
    margin:0;
}

.custom_td_text {
    border-bottom: 1px dotted #CCCCCC;
    text-align: right;
}

/*地図のリンク*/

small a {
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    display: block;
    font-size: 13px;
    line-height: 3;
    margin: 10px 0 0;
    padding: 5px 20px;
    text-decoration: none;
}


/*	tel link modal css
===============================================================*/

/*telボタン*/
a.inline {
    cursor: pointer;
}

/*表示エリア*/
.ui-widget-content {
    background-color: #FFF;
}

/*タイトルバー*/
.ui-widget-header {
    background-color: #00A0DE;
    border: 1px solid #00A0DE;
}

/*タイトルバー閉じるボタン*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: url(../icons/icons-18-white.png) no-repeat scroll -72px 0 #999999;
    border: 1px solid #FFF;
}


/*店名、電話番号エリア*/
.ui-dialog .ui-dialog-content {
    padding: 10px 5px;
}
.shop_block {
    border-bottom: 1px dotted #CCCCCC;
    margin: 0 0 5px;
    padding: 0 0 5px;
}

/*店名*/
span.shop_name {
    border-left: 5px solid #00A0DE;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.7;
    margin: 0 0 5px;
    padding: 0 0 0 5px;
}

/*telリンク*/
a.tel_links {
    background: url(../icons/call_icon.png) no-repeat scroll 0px 7px;

    -webkit-background-size:20px 20px;
    -moz-background-size:20px 20px;
    background-size:20px 20px;

    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.7;
    margin: 0;
    padding: 0 10px 0 28px;
}

a.tel_links:hover {
    color:#00A0DE;
}

/*閉じるボタン*/
.ui-dialog .ui-dialog-buttonpane button {
    background: url("") repeat scroll 0 0 transparent;
    margin: 0;
    color:#00A0DE;
    border: 1px solid #00A0DE;
}

button.ui-state-hover {
}


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

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

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


/*	■2014/08/01 追記CSS ブログ見出し
===========================================================================================*/
#content h1.entry-title,
#content h2.inlline_title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    width: 100%;
    padding: 10px;
    margin: 0;
    border-radius: 5px;
    display: block;
    font-size: 12px;
    line-height: 1.7;
    font-weight: bold;
    text-decoration: none;

    background: url("") no-repeat scroll 0 0 transparent;
    background-color : #EEE;
    border: solid 1px #CCC;
}

#content div.entry-meta {
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
}

#content div.entry-content {
    margin: 0 0 30px;
    padding: 0px 0px 0;
    font-size: 12px;
    line-height: 1.7;
    word-break: break-word;
}
#content div.entry-content p {
    margin: 0 0 10px;
}

.entry-content img.alignnone,
.entry-content img.aligncenter,
.entry-content img.alignright,
.entry-content img.alignleft,
.entry-content .photo img {
    max-width: 80%;
    width: auto;
    margin: 20px auto 0;
    height: auto;
}
.entry-content img.aligncenter { text-align: center; }
.entry-content img.alignright  { text-align: right; }
.entry-content img.alignleft   { text-align: left; }




/*  ■2018/12/11 fixed ハンバーガーメニュー
===========================================================================================*/
#float_header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10001;
}

#float_header #btn_menu {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 45px;
    height: auto;
    z-index: 10000;
}
#float_header #btn_menu img {width: 100%;}

#float_header #menu_access_btn {
    position: absolute;
    top: 65px;
    right: 65px;
    display: block;
    width: 45px;
    height: auto;
    z-index: 10000;
}
#float_header #menu_access_btn img {width: 100%;}

#Side_wrap {
  position: fixed;
  top: 0;
  left: 0;
  background: none #f1f1f1;
  z-index: 100;
  overflow: hidden;
  width: 100%;
  opacity: 1;
  transition: all 0.5s ease 0s;
  overflow: scroll;
}
#Side_wrap.hide_menu {
  width: 0;
  opacity: 0;
}
#Side_wrap ul#menu-sp_side {
  box-sizing: border-box;
  width: 100%;
  padding: 28% 0 10px;
}
#Side_wrap ul#menu-sp_side li {
  /*margin-bottom: 20px;*/
  width: 100%;
  opacity: 1;
  overflow: hidden;
  transition: all 0.5s ease 0.5s;
}
#Side_wrap.hide_menu ul#menu-sp_side li {
  width: 0;
  /*Gナビ動き制御の為
  opacity: 0;
  */
  transition: all 0.5s ease 0s;
}
#menu-sp_side {
    background: url(../icons/sp_main_logo02.png) no-repeat center top;
    background-size: 100%;
}

/*メニューを開いているとき後ろのコンテンツの動き固定*/
.scroll-prevent {
  position: static;
  z-index: -1;/*奥行きを管理*/
  overflow: hidden;
  width: 100%;/*下2つで背景を元のサイズのまま表示することができる*/
  height: 100%;
}
#Side_wrap,
#rSide_wrap,
#Side {
  height: 100% !important;
}

/*スマホ用Gナビ*/
        .menu-item-has-children {
            position: relative;    
        }
        
        .menu-item-has-children span {
            background: none;
            display: inline-block !important;
            width: 3em;
            height: 3em;
            padding: 0 !important;
            height: 0;
            position: absolute;
            top: 0;
            right: 3em;
            z-index: 100;
            text-align: center;
            font-size: 115%;
        }
        .menu-item-has-children span img {
            width: 1em;
            padding: 1em 0;
        }
        #Side_wrap ul#menu-sp_side li {
            width: 100%;
            transition: all 0.5s ease 0s;
        }
        #Side_wrap.hide_menu {
            width: 100%;
            display: none;
            transition: all 0.5s ease 0s;
        }
        #Side_wrap.hide_menu ul#menu-sp_side li {
            width: 100%;
            transition: all 0.5s ease 0s;
        }

/*Gナビサブメニュー*/
    .accordionBtn {
        width: 3em!important;
        height: 3em!important;
        background: url(../icons/sp_submenu_btn_off.png) no-repeat center / 25% !important;
    }
    .accordionBtn_active {
        background-image: url(../icons/sp_submenu_btn_on.png)!important;
    }



/*左サイドメニュー内SNSリンク*/
#secondary .widget-container .textwidget {
  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: center;
  justify-content: center;
  margin: 0 10%;
}
#secondary .widget-container .facebook_banner {
    max-width: 20%;
    margin: 0 0 20px;
}


/*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%;
}


/*電話・お問い合わせ
===========================================================================================*/
.scroll_footer{
    width: 100%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    background-color: transparent;
    position: fixed;
    bottom: 0;
    z-index: 99;
}
.scroll_footer ul{
    text-align: center;
}
.scroll_footer ul li{
    display: inline-block;
    width: 45%;
    height: 100%;
}
.scroll_footer ul li a{
    color: #000;
}
.scroll_footer ul li img{
    width: 100%;
}
.scroll_footer_origin{
    width: 100%;
}
.scroll_footer_origin ul{
    text-align: center;
}
.scroll_footer_origin ul li{
    display: inline-block;
    width: 45%;
    height: 100%;
}
.scroll_footer_origin ul li a{
    color: #000;
}
.scroll_footer_origin ul li img{
    width: 100%;
}

/*190208 コーダー追加*/
.scroll_footer {
    height: 17.5vw;
}
.scroll_footer ul {
    width: 100%;
    height: 17.5vw;
    position: relative;
    background: url(../icons/sp_footerfix_contact_bg.png) no-repeat center center / 100%;
}
.scroll_footer ul li {
    display: block;
    width: 17.5vw;
    height: 17.5vw;
    position: absolute;
    top: 0;
}
.scroll_footer ul li.footer_tel_link {left: 0;}
.scroll_footer ul li.footer_contact_link {right: 0;}
.scroll_footer ul li a img {width: 100%;}


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

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


/*

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

*/

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

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


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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

    height: auto;
    width: 100%;
}

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

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

    height: auto;
    width: 100%;
}



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

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

.post_data_margin {
}

.post_data_margin p {
}

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

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

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


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


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

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

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

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

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


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


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

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


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

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


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

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

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


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

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

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

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

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

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

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



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

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





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

body {
  font-size: 14px;
}

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

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

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

td.td_name { width:25%; }

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

.menu_area td {
  padding-bottom: 10px;
  padding-top: 30px;
}
/* ===========================================================================
   追加フォント
=========================================================================== */
/* さわらび明朝 */
/* Mplus 1p */
/* Rounded Mplus 1c */

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

/*
 * テーマ用CSSファイルです。
 */

/*=======================================================
		Layout Design css
=======================================================*/

/*	Footer area
-------------------------------------------------*/
#thirdly {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    margin: 0 3% 10px;
    width: 94%;
}

/*=======================================================
		Block Design css
=======================================================*/

/*	A Block
-------------------------------------------------*/

/*	B Block
-------------------------------------------------*/

/*	B Block( アコーディオン )
-------------------------------------------------*/
.acc_easys_content {
    margin: 0 0 10px;
    padding: 0;
}

.acc_easys_content .post_data {
    text-align: left;
    margin: 0 10px 5px;
    padding: 0 0 5px;
}

dl.acPost {
    margin-bottom: 20px;
}

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

    display: inline-block;
    height: auto;
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
}

.acPost .sp_gallery img {
    display: block;
    height: auto;
  max-width: 100%;
  width: auto;
}

.acPost .post_data {
    height: auto;
    margin: 0 10px 5px;
    padding: 0 0 5px;
    text-align: left;
}

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

.acPost dt {
    cursor: pointer;
    display: block;
    line-height: 2;
    margin: 0;
    padding: 10px;
    text-align: left;
}

.acPost dt span.menu_title {
    height: 20px;
    margin: 0;
    padding: 0;
}

.acPost dt span.area_icon {
    background: url(../icons/icons-18-white.png) no-repeat scroll 1px 1px;
    border-radius: 100px 100px 100px 100px;
    display: inline-block;
    float: left;
    height: 20px;
    margin: 3px 10px 0 0;
    padding: 0;
    width: 20px;
}

.acPost dt span.area_icon_open,
.acPost dt span.icon {
	-moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
	-webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
	box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
}

.acPost dt span.area_icon_open {
    background: url(../icons/icons-18-white.png) no-repeat scroll -35px 1px;
    border-radius: 100px 100px 100px 100px;
    display: inline-block;
    float: left;
    height: 20px;
    margin: 3px 10px 0 0;
    padding: 0;
    width: 20px;
}

.acPost dd {
    display: none;
    margin: 0;
    padding: 10px;
    text-align: left;

    background-color: rgba(205,205,205,0.75);
}

.acPost dd .left_text {
    border-bottom: 1px dotted #666666;
    padding: 10px 10px;
    text-align: left;
    width: 70%;
}
.acPost dd .right_text {
    border-bottom: 1px dotted #666666;
    padding: 10px 10px;
    text-align: right;
    width: 30%;
}



/*	C block
-------------------------------------------------*/
.c_01.easys_content,
.c_02.easys_content,
.c_03.easys_content,
.c_07.easys_content,
.c_09.easys_content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    width: 100%;
    /*margin: 0 3%;*/
}
.c_04.easys_content,
.c_05.easys_content,
.c_06.easys_content,
.c_08.easys_content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /*margin: 0 10px;*/
    overflow: hidden;
}
.c_05 img {
}


/*	D block
-------------------------------------------------*/
.menu_area {
    width: 100%;
    margin: 0 0 20px;
}
.menu_area td {
    border-bottom: dotted 1px #CCB;
    padding-top: 10px;
    padding-bottom: 5px;
}
.menu_area td.menu_th_text {
    text-align: left;
}
.menu_area td.menu_td_text {
    text-align: right;

    word-wrap: normal;
    word-break: normal;
    white-space: nowrap;
}


/*	D block( アコーディオン )
-------------------------------------------------*/
.acc_easys_content {
    margin: 0 0 10px;
    padding: 0;
}

.acc_easys_content .post_data {
    text-align: left;
    margin: 0 10px 5px;
    padding: 0 0 5px;
}

.acMenu {
    margin-bottom: 10px;
}

.acMenu dt {
    cursor: pointer;
    display: block;
    line-height: 2;
    padding: 10px;
    text-align: left;
    margin: 0;
}

.acMenu dt span.menu_title {
    height: 20px;
    margin: 0;
    padding: 0;
}

.acMenu dt span.icon {
    background: url(../icons/icons-18-white.png) no-repeat scroll 1px 1px;
    border-radius: 100px 100px 100px 100px;
    display: inline-block;
    float: left;
    height: 20px;
    margin: 3px 10px 0 0;
    padding: 0;
    width: 20px;
}

.acMenu dt span.icon_open,
.acMenu dt span.icon {
    -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
    -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
    box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
}

.acMenu dt span.icon_open {
    background: url(../icons/icons-18-white.png) no-repeat scroll -35px 1px;
    border-radius: 100px 100px 100px 100px;
    display: inline-block;
    float: left;
    height: 20px;
    margin: 3px 10px 0 0;
    padding: 0;
    width: 20px;
}

.acMenu dd {
    display: none;
    margin: 0;
    padding: 10px 0;
    text-align: left;

    background-color: rgba(205,205,205,0.75);
}

.acMenu dd .menu_th_text {
    border-bottom: 1px dotted #333333;
}
.acMenu dd .menu_td_text {
    border-bottom: 1px dotted #333333;
}

/*メニュー内画像とテキスト*/

.acc_menu_images {
    margin: 0 auto;
    max-width: 640px;
    padding: 0;
    text-align: center;
    width: 100%;
}

.acc_menu_images img {
    height: auto;
    margin: 0;
    max-width: 640px;
    padding: 0 2%;
    width: 96%;
}

.acc_menu_text {
    margin: 10px 15px 0;
    padding: 0;
    text-align: left;
}

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


/*	E block
-------------------------------------------------*/
td.td_name {
    background-color: #EEE;

    border: solid 1px #CCC;
    padding: 5px;
    vertical-align: top;

    /*word-wrap: normal;*/
    word-break: break-all;
    /*white-space: nowrap;*/
}
td.td_value {
    background-color: #FFF;

    border: solid 1px #CCC;
    padding: 5px;
    word-break: break-all;
}

.html_area {
    /*margin-left: 2%;*/
    /*margin-right: 2%;*/
}


/*	F Block
-------------------------------------------------*/
.nf_01 .html_area iframe,
.nf_02 .html_area iframe,
.nf_03 .html_area iframe,
.nf_04 .html_area iframe {
  width: 100%;
  height: 350px;
}

/*	G Block
-------------------------------------------------*/
.gallery_box {
    display: inline-block;
}
/*	H Block
-------------------------------------------------*/
/*	I block
-------------------------------------------------*/
.before_after_block {
    background: url(../icons/sp_before_after_arr.png) no-repeat center center;

    /*-webkit-background-size: 70% 100%;*/
    /*-moz-background-size: 70% 100%;*/
    background-size: 100% auto;

    display: inline-block;
    /*padding: 0 2.5%;*/
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
}

.before_after_block .index_before {
    width: 45%;
    overflow: hidden;
}
.before_after_block .index_after {
    width: 45%;
    overflow: hidden;
}

.before_after_block .index_before img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    width: 100%;
    height: auto;
}
.before_after_block .index_after img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    width: 100%;
    height: auto;
}


/*	J Block
-------------------------------------------------*/
/*	K block
-------------------------------------------------*/
.date_area {
    font-size: 11px;
    line-height: 1.7;
    display: block;
    clear: both;
}

.post_title_list {
    font-size: 12px;
    font-weight: bold;
    line-height: 2;
    display: block;
    clear: both;
}

.cu_mail_block {
    line-height: 1.7;
}

.cu_mail_block img {
}


/*	Z-A1 Block
-------------------------------------------------*/
/*	Z-B1 Block
-------------------------------------------------*/
/*	Z-C1 Block
-------------------------------------------------*/
/*	Z-D1 block
-------------------------------------------------*/
.mail_content_area {
    line-height: 1.7;
}


/*	Z-E1 Block
-------------------------------------------------*/
/*	Z-F1 block
-------------------------------------------------*/
td.coupon_data,
td.coupon_meta_title,
td.coupon_meta {
    padding: 5px;
}


/*	Z-G1 block
-------------------------------------------------*/
.no_01 .content_area {
    max-width: 100%;
    /*margin: 0 10px 15px;*/
    /*border-right: 5px solid #CCCCCC;
    box-shadow: 0 0 15px #DDDDDD inset;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;*/
}

.no_01 .column1,
.no_01 .column2,
.no_01 .column3,
.no_01 .column4 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
/*
    word-wrap: normal;
    word-break: normal;
    white-space: nowrap;
*/
    padding: 10px;
}


/*	Z-H1 Block
-------------------------------------------------*/
/*	Z-I1 Block
-------------------------------------------------*/
/*	Z-J1 Block
-------------------------------------------------*/
/*スライドエリアの範囲選択と位置調整*/
.z_j1 .slide_area {
	position: relative;
	width: 100%;
	/*max-height: 420px;*/
	overflow: hidden;
}

/*スライドエリアの画像調整*/
.z_j1 .slide_area .slide img {
    width: 100%;
}

.z_j1 .slider {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
    overflow: hidden;
}
	
.z_j1 .slides {
    height: 100%;

    /* Simple clear fix */
    overflow: hidden;

    /**
    * 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);
    }

.z_j1 .slide {
    height: 100%;
    float: left;
    clear: none;
}


.z_j1 .slider-arrows {}

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

.z_j1 .slider-arrow--right {
    background: url(../icons/next.gif) no-repeat scroll 0 0 transparent;
    border: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    bottom: 50%;
    height: 27px;
    right: 30px;
    filter:alpha(opacity=50);
    opacity: 0.5;
    text-indent: -9999px;
    width: 27px;
}
.slider-arrow--left {
    background: url(../icons/prev.gif) no-repeat scroll 0 0 transparent;
    border: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    bottom: 50%;
    height: 27px;
    left: 30px;
    filter:alpha(opacity=50);
    opacity: 0.5;
    text-indent: -9999px;
    width: 27px;
}

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

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

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



/* 左右＋サムネイル */
.slide_area {
    display: inline-block;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.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;
    //background-size: contain !important;
}
.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: 25px;
    height: 25px;
    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 {
  overflow: hidden;
}

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



/*		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: 5px 10px;
    width: 98%;
    box-sizing: border-box;
}

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


/*	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 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;
}
li.link_list a:hover {
    background-color: #FFFFFF;
}

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

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

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

div.link_list a {
    /*background-color: #EEEEEE;*/
    /*border: 1px solid #CCCCCC;*/
    border-radius: 5px 5px 5px 5px;
    /*
    display: inline-block;
    padding: 10px 15px;
    */
    margin: 0 0 -1px;
    display: block;
    padding: 7px 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;
}


/*	Z-K1 block
-------------------------------------------------*/
.post_content_area {
    line-height: 1.7;
}


/*	Z-L1 Block
-------------------------------------------------*/
.list_block {
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 10px;
    padding: 0;
}
.border_line {
    font-weight: bold;
    padding-left: 10px;
}
.list_box,
.list_box_last {
    line-height: 1.5;
    padding: 5px 10px;
}
.list_box .date,
.list_box_last .date {
    border-bottom: 1px dashed #CCCCCC;
    margin-bottom: 5px;
}


/*	Z-M1 Block
-------------------------------------------------*/

/*	Mobi-E1 Block
-------------------------------------------------*/
.icon_list_block {
    padding: 0 10px 10px;
}



/* Z-J スライドショー */
.np_01 { margin: 0 0 20px; }




table.iqfm-req_color{
  color: #F00;
}
table.iqfm-table {
    margin: 0 0 1em;
}
table.iqfm-table th,
table.iqfm-table td {
  vertical-align: middle !important;
  white-space: normal !important;
  text-align: left;
  padding: 10px;
  line-height: 1.7;
}
table.iqfm-table td {
  min-width: 18em;
}
table.iqfm-table td textarea {
  height: 10em;
  width: 96%;
}
table.iqfm-table td input[type="text"]:not([size]) {
  width: 96%;
}
/*電話番号エリアをレスポ*/
table.iqfm-table input.wpcf7-tel {
  width: calc((70vw/640)*100);
}
/*送信後メッセージ*/
form.wpcf7-form.sent table.iqfm-table {
    display: none;
}
div.wpcf7-response-output {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.privacy_block strong {
    font-size: 130%;
    line-height: 2;
}
.privacy_block ul li {
    line-height: 1.7;
    list-style: square outside none;
    margin: 0 0 0 20px;
    padding: 0;
}

.no_01 .column1, .no_01 .column2, .no_01 .column3, .no_01 .column4 {
  text-align:left;
  white-space: normal !important;
  vertical-align: top;
}

small a { margin-bottom: 20px; }






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

body {
  font-size: 14px;
}

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

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

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

td.td_name { width:25%; }

.no_01 td, .z_g1 td,
.iqfm-table tr th, td.td_name, td.td_value, .iqfm-table tr td.iqfm-input,
td.coupon_meta_title, td.coupon_meta, td.coupon_data {
  font-size: 85.7%;
  padding: 10px;
  min-width: 5em;
}

.menu_area td {
  padding-bottom: 10px;
  padding-top: 30px;
}
/* ===========================================================================
   追加フォント
=========================================================================== */
/* さわらび明朝 */
/* Mplus 1p */
/* Rounded Mplus 1c */

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


/*	C block
-------------------------------------------------*/
/*	H Block
-------------------------------------------------*/
/* 横並び */
div.nc_01.sp_row,
div.nc_02.sp_row,
div.nh_02.sp_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* 2列 */
div.nc_01.sp_row .entry_post,
div.nh_02.sp_row .entry_post {
  width: calc(100%/2 - 5px);
}
/* 3列 */
div.nc_02.sp_row::after {
  display: block;
  width: calc(100%/3 - 5px);
  content: "";
}
div.nc_02.sp_row .entry_post {
  width: calc(100%/3 - 5px);
}

/* ===== 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_mobile (overrides) ===== */
/*
 * スマホ用スタイルCSS
 */



/* ===================================================================================================================
   ■共有
------------------------------------------------------------------------------------------------------------------- */
body {
  font-family: 'Noto Serif JP', serif;
}

html {
  scroll-behavior: smooth;
}
body {
  word-break: break-word;
}
/* リンク */
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: underline;
}

/* ページ送り */
.tablenav {
  clear: both;
}

.sp_gallery {
  text-align: center;
}
.sp_gallery img {
  max-width: 100%;
  /* width: auto; */
}
.img_border {
  border: 0 none;
}


/* SP余白設定
---------------------------------------------------------------------------------------------------- */
/* アウターブロック */
#main > #outer_block {
  padding-top: 5%;
}

#page-12 #main > #outer_block,
#page-9 #main > #outer_block,
#page-6 #main > #outer_block {
  padding-top: 0;
}

/* 余白を付ける(スライドショーとギャラリーは除外) */
#main > #outer_block > section:not(:has(.nk_01)):not(:has(.no_margin)) {
  padding-bottom: 5%;
}
#main > #outer_block > section:not(.device_width):not(:has(.c_07)):not(:has(.c_08)):not(:has(.c_09)):not(:has(.np_04)):not(:has(.z_j6)) {
  padding-right: 5%;
  padding-left: 5%;
}
/* 見出しだけ全幅にする時 
#main > #outer_block > section {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
#main > #outer_block > section .content_area {
  margin-right: 5%;
  margin-left: 5%;
}*/

/* ブログページ */
#main > #container,
#main > #rSide {
  padding: 5%;
}
/* 見出しだけ全幅にする時 
#main > #container,
#main > #rSide {
  padding-right: 0;
  padding-left: 0;
}
#main > #container > #content > .post > *:not(.entry_title) {
  padding-right: 5%;
  padding-left: 5%;
}
#main > #rSide > #primary > .xoxo #searchform,
#main > #rSide > #primary > .xoxo li ul li,
#main > #rSide > #primary > .xoxo #calendar_wrap {
  margin-right: 5%;
  margin-left: 5%;
}*/


/* ===================================================================================================================
   ■ナビ
------------------------------------------------------------------------------------------------------------------- */
/* メニューON時　メニューの文字色変更 */
#Side .xoxo li .menu-item a {
  color: #333 !important;
}

/* ブログ下部 ブログメニュー部分　文字色変更 */
#primary ul.xoxo li ul li a {
  color: var(--brand) !important;/* 全体のリンクカラー */
}
/* ブログ下部 ブログメニュー部分　下線色変更 */
#Side .xoxo li .menu-item a,
#primary ul.xoxo li ul li {
  border-color: #666 !important;/* 全体のボーダーカラー */
}
#rSide_wrap {
  background: none transparent !important;
}

#searchform input[type="text"] {
  max-width: 77%;
}

/* SPメニュークリックで一番上にスクロールさせない */
.scroll-prevent {
  position: static !important;
  overflow: hidden !important;
}
#Side_wrap,
#rSide_wrap,
#Side {
  height: 100% !important;
}

/* ===================================================================================================================
   ■見出し
------------------------------------------------------------------------------------------------------------------- */
/* 中ページ ページタイトル */
/*#naka_page_title {
  margin: 0 0 1em;
}*/
#naka_page_title h1 {
  padding: 1em 5%;
  background: var(--brand2);
  color: #fff;
  text-align: center;
}


/* ===================================================================================================================
   ■ブロック
------------------------------------------------------------------------------------------------------------------- */
th,
td {
  vertical-align: top;
  white-space: initial !important;
}

.mobile_e1 .icon_list_block {
  box-sizing: border-box;
  width: 100%;
}
.mobile_e1 .entry_post:not(:last-of-type) .icon_list_block {
  padding-bottom: 0 !important;
}

.img_thumb,
.column_1,
.column_2,
.column_3,
.column_4 {
  text-align: center;
}
.img_thumb img,
.column_1 img,
.column_2 img,
.column_3 img,
.column_4 img {
  max-width: 100%;

/*width: auto;*/
  vertical-align: top;
}

.menu_area td,
.menu_td_text,
.bottom_border {
  /* Dブロック　メニュー部点線 */
  border-color: #666 !important;
}
.menu_area td,
.menu_td_text {
  vertical-align: top !important;
}

.flow_arr {
  background-size: contain !important;
}

/* K-01、K-02 メール投稿ブロック */
.k_01 .content_area,
.k-02 .content_area {
  line-height: 2;
}

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

.gallery_box {
  display: inline-block;
  width: 100%;
  height: auto;
}

.j_01 .sub-post {
  margin: 0 10px 20px;
}
.j_01 .content_area .sub-post {
  margin: 0;
}

.z_d1 {
  overflow-x: hidden;
  overflow-y: scroll;
  margin-bottom: 20px;
  max-height: 75vh;
}

/* 必須項目 */
.iqfm-req_color {
  display: block;
  color: var(--brand);
}
/* メール送信後メッセージボックスのボーダー（デフォルト：グリーン） */
div.wpcf7-mail-sent-ok {
  border-color: #666 !important;
}

/* お問合せフォーム整形 */
table.iqfm-table {
  margin: 0 auto 1em;
}
table.iqfm-table th,
table.iqfm-table td {
  vertical-align: middle !important;
  white-space: normal !important;
}
table.iqfm-table td {
  min-width: 16em;
}
table.iqfm-table td span.wpcf7-list-item {
  display: block;
  margin: 0;
}
input[type="text"],
input[type="email"],
textarea {
  width: 95%;
}
table.iqfm-table td input[type="text"]:not([size]) {
  width: 96%;
}
table.iqfm-table td input[type="text"][size="4"] {
  width: 4em;
}

/* プライバシーポリシー整形 */
.privacy_block strong {
  font-size: 130%;
  line-height: 2;
}
.privacy_block ul li {
  margin: 0 0 0 20px;
  padding: 0;
  list-style: square outside none;
  line-height: 1.7;
}

.z_g1 .content_area {
  box-shadow: none;
}

/* テーブルブロックのはみ出し禁止 */
.z_g1 .column1,
.z_g1 .column2,
.z_g1 .column3,
.z_g1 .column4 {
  vertical-align: top;
  text-align: left;
  white-space: normal !important;
  word-break: break-all;
}

/* テーブルセルの最小幅設定 */
.menu_area td:before,
.menu_td_text:before,
td.td_name:before,
.z_g1 .column1:before,
.z_g1 .column2:before,
.z_g1 .column3:before,
.z_g1 .column4:before {
  display: block;
  min-width: 4em;
  content: "";
}

#nav-below div a {
  background-size: cover !important;
}

.category-blog .entry-content img:not([src*="wp-social-book"]) {
  max-width: 100%;
  width: auto !important;
  height: auto !important;
}


.entry-content img.alignnone,
.entry-content img.aligncenter,
.entry-content img.alignright,
.entry-content img.alignleft,
.entry-content .photo img {
  min-width: 0;
  max-width: 80%;
  width: auto;
}
.entry-content .alignleft {
  text-align: left;
}
.entry-content .aligncenter {
  text-align: center;
}
.entry-content .alignright {
  text-align: right;
}

.z_m1 {
  margin: 0 10px 10px;
}

#video_teaser_sp,
#jquery_slider_sp {
  position: relative;
  margin: 0;
  font-size: 0;
}
/* トップに画像を重ねる時  */
#video_teaser_sp::before,
#jquery_slider_sp::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img-bg/sp_movie_front.png) no-repeat center bottom / 100%;
  display: block;
  z-index: 99;
  pointer-events: none;
}


/*  メニューアイコン
---------------------------------------------------------------------------------------------------- */
/* ハンバーガーメニューアイコン */
#float_header #btn_menu {
  top: 10px;
  right: 10px;
  width: 12.5%;
  height: auto;
}
/* アクセスマップボタン */
#float_header #menu_access_btn {
  top: 10px;
  right: calc(10px + 12.5%);/* 12.5％=ハンバーガーメニューの横幅 */
  width: 12.5%;
  height: auto;
}
/* メニュー左上のロゴの位置
  ※ハンバーガーメニューのtop指定と同じ値を入れる */
#menu-sp_side {
  background-position: center 10px;
}


/*  scrollfooter（最下部固定 お問い合わせ･TELボタン）
     ※画像差し替えはFTPにてそれぞれ上書き
---------------------------------------------------------------------------------------------------- */
/* 最下部までスクロールした時用の余白 =.scroll_footerの高さと同じ値にする */
body.has_scroll_footer {
  padding: 0 0 17.5vw;
}
.scroll_footer,
.scroll_footer ul {
  height: 17.5vw;
  background: none transparent;
}
.scroll_footer {
  box-shadow: none;
}
.scroll_footer ul li {
  width: 100vw;
  height: 17.5vw;
}
.scroll_footer ul li a {
  display: block;
}
.scroll_footer ul li.footer_tel_link {
  left: 0;
}/* TELボタン */
.scroll_footer ul li.footer_contact_link {
  right: 0;
}/* contactボタン */
.scroll_footer ul li.footer_contact2_link {
  left: 17.5vw;
  width: 65vw;
}/* contact2ボタン */

/* 半分の時 
body.has_scroll_footer {
  padding: 0 0 17.5vw;
}
.scroll_footer ul {
  background: none transparent;
}
.scroll_footer,
.scroll_footer ul {
  height: 17.5vw;
}
.scroll_footer ul li {
  width: 50%;
  height: 17.5vw;
}
.scroll_footer ul li.footer_tel_link {
  left: 0;
}
.scroll_footer ul li.footer_contact_link {
  right: 0;
}*/


/*  その他
---------------------------------------------------------------------------------------------------- */
#foot #copy {
  background: none;
}

/*  ローディング画面
---------------------------------------------------------------------------------------------------- */
.black-screen {
  background-color: #000000;
}

.black-screen > .inner {
  top: calc(50vh - (5vw / 2));
  width: 3vw;
  height: 3vw;
  background-image: url(../icons/loading.svg);
}


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


/*  googleカレンダー
---------------------------------------------------------------------------------------------------- */
.z_h1 iframe[src^="https://calendar.google.com"] {
  display: block !important;
  margin: 0 0 20px;
  max-width: 100%;
  width: 1000px !important;
  height: 500px;
  border: none !important;
}

/* Contact Form 7 　バグ対応
---------------------------------------------------------------------------------------------------- */
input[type="tel"].wpcf7c-conf {
  min-width: 4em;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
		▼SPサイトデザイン▼ここから
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*	タイトルロゴ
===============================================================■■■■■*/
#h1_teaser_image {
  margin: 0;/* ロゴの上下余白調整 */
  background: transparent url(../icons/sp_main_logo02.png) no-repeat center top / 100% auto;
}
/* fixする場合(ハンバーガーメニューの高さ) 
#h1_teaser_image {
  position: fixed;
  top: 0;
  z-index: 1000;
}*/
/* TOPロゴ非表示 */
#page-6 #h1_teaser_image {
  display: none;
}
#h1_teaser_image h1 a img {
  width: 100%;
  height: calc(100vw*(80/640));/*「150」はロゴ画像の高さに変更*/
}
/*	メイン背景画像 - トップページ用(※不要な場合はコメントアウト)
===============================================================■■■■■*/
/* body#page-6 div#main #top_slide {
  padding-bottom: calc(100vw*(870/640));
  background: transparent url(../img-bg/sp_top_bg.png) no-repeat center bottom / 100% auto;
} */
/*	メイン背景画像 - 中ページ用
===============================================================■■■■■
body:not(#page-6) div#main #top_slide {
  padding-bottom: calc(100vw*(870/640));
  background: transparent url(../img-bg/sp_naka_bg.png) no-repeat center bottom / 100% auto;
}*/
/*	フッター - コピーライト
===============================================================■■■■■*/
address#copyright {
  display: block;
  background-color: #333;
  color: #fff;
  font-style: normal;
  font-size: 12px;
}
/*	■メインコンテンツ背景
===============================================================■■■■■*/
html,
body,
#Wrap {
  background-color: #fff;
  /*background: #ffffff url(../img-bg/sp_html_bg.png);*/
}
/*	○ 両サイドナビゲーション背景
===============================================================■■■■■*/
#Side_wrap {
  background-color: #f5f2ef;
  /*background: #ffffff url(../img-bg/sp_navi_bg.png);*/
}
/*	サイト全体 テキストカラー：文字色
===============================================================■■■■■*/
body {
  color: #333;
}
/*	サイト全体 リンクカラー：リンク文字色
===============================================================■■■■■*/
* a {
  color: var(--brand);
}
/*	サイト全体 リンクカラー：リンク文字色（マウスオーバー）
===============================================================■■■■■*/
* a:hover {
  color: var(--brand);
}
/*	大見出し(h2見出し)
===============================================================■■■■■*/
* .headline_title {
  box-sizing: border-box;
  border: none;
  background: none transparent;
  color: #333;
  /*background: transparent url(../img-bg/sp_headline_title_bg.png) no-repeat center top / 100% auto;*/
  /*background: linear-gradient(#555555,#555555);*/
}
/*	大見出し(h2見出し)：リンクカラー
===============================================================■■■■■*/
* .headline_title a {
  color: #333;
  font-weight: bold;
}
* .headline_title a:hover {
  color: #333;
}
/*	見出し(h3見出し)
===============================================================■■■■■*/
/*	ウィジェットタイトル(ウィジェット見出し)
===============================================================■■■■■*/
/*	ブログ見出し：グラデーション
===============================================================■■■■■*/
* .entry_title,
* .widget-title,
* .widget-title2,
.top-back.unity_title,
#content .type-post .entry_title {
  box-sizing: border-box;
  border: none;
  background: var(--brand2);
  color: #fff;
  text-align: left;
  /*background: transparent url(../img-bg/sp_entry_title_bg.png) no-repeat center top / 100% auto;*/
  /*background: linear-gradient(#888888,#888888);*/
}
/*	見出し(h3見出し)：リンクカラー
===============================================================■■■■■*/
/*	ウィジェットタイトル(ウィジェット見出し)：リンクカラー
===============================================================■■■■■*/
/*	ブログ見出し：リンクカラー
===============================================================■■■■■*/
* .entry_title a,
* .widget-title a,
* .widget-title2 a,
.top-back.unity_title a,
#content .type-post .entry_title a {
  color: #fff;
  font-weight: bold;
}
* .entry_title a:hover,
* .widget-title a:hover,
* .widget-title2 a:hover,
.top-back.unity_title a:hover,
#content .type-post .entry_title a:hover {
  color: #fff;
}
/*	小見出し(h4小見出し)
===============================================================■■■■■*/
* .sub_post_title {
  box-sizing: border-box;
  border-top: solid 1px #333;
  border-bottom: solid 1px #333;
  background: none transparent;
  color: #333;
  text-align: left;
  /*background: transparent url(../img-bg/sp_sub_title_bg.png) no-repeat center top / 100% auto;*/
  /*background: linear-gradient(#cccccc,#cccccc);*/
}
/*	小見出し(h4小見出し)：リンクカラー
===============================================================■■■■■*/
* .sub_post_title a {
  color: #333;
  font-weight: bold;
}
* .sub_post_title a:hover {
  color: #333;
}
/*	インラインタイトル(インライン)
===============================================================■■■■■*/
.inline_title,
small a,
.tablenav .page-numbers,
.navigation .nav-next a,
.navigation .nav-previous a,
.pageback a,
.permalink_in a {
  box-sizing: border-box;
  border: solid 1px var(--brand);
  background: none transparent;
  color: var(--brand);
  /*background: transparent url(../img-bg/sp_inline_title_bg.png) no-repeat center top / 100% auto;*/
  /*background: linear-gradient(#cccccc,#cccccc);*/
}
.inline_title,
small a {
  text-align: center;
}
.comment_title {
  border-left: 5px solid var(--brand);
}
/*	インラインタイトル(インライン)：リンクカラー
===============================================================■■■■■*/
.inline_title a {
  color: var(--brand);
}
small a,
.tablenav a,
.navigation .nav-next a,
.navigation .nav-previous a,
.pageback a,
.permalink_in a {
  color: var(--brand) !important;
  font-weight: bold;
}
.inline_title a:hover,
small a:hover,
.tablenav a:hover,
.navigation .nav-next a:hover,
.navigation .nav-previous a:hover,
.pageback a:hover,
.permalink_in a:hover {
  color: var(--brand) !important;
}
/*	ページ共通：テーブル
===============================================================■■■■■*/
/* テーブル背景 */
.iqfm-table tr th,
.iqfm-table tr td,
td.td_name,
td.td_value,
td.coupon_meta_title,
td.coupon_meta,
td.coupon_data {
  box-sizing: border-box;
  border: solid 1px #333;
  background-color: transparent;
  color: #333;
}
td.coupon_data {
  color: #333;
}
/* テーブルセル左 */
.iqfm-table tr th,
td.td_name,
td.coupon_meta_title {
  background-color: transparent;
  color: #333;
}
/* テーブルセル右 */
.iqfm-table tr td,
.iqfm-table tr td input.wpcf7c-conf,
.iqfm-table tr td textarea.wpcf7c-conf,
td.td_value,
td.coupon_meta,
td.coupon_data {
  background-color: transparent;
  color: #333;
}
/* ▼テーブル設定▼ここから(※案件毎にテーブルデザインを設定する) */
/*テーブル設定*/
.iqfm-table tr th {width: 25%;}
.iqfm-table tr th, .iqfm-table tr td, td.td_name, td.td_value,
td.coupon_meta_title, td.coupon_meta, td.coupon_data {box-sizing: border-box;}
.easys_content:not(.ne_01) table:not(#wp-calendar) tr > * {
  border: solid 1px#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;
}

/* ▲テーブル設定▲ここまで */
/*	新着リスト：ベースカラー
===============================================================■■■■■*/
.nq_01 .list_block {
  border: 1px solid var(--brand);
}
/* インデント */
.nq_01 h2.post_read_title .border_line {
  border-left: 5px solid var(--brand);
}
/* リスト見出し */
.nq_01 h2.post_read_title {
  padding: 10px;
  border-bottom: 1px solid var(--brand);
}
/* リストボーダー */
.nq_01 .list_box {
  border-bottom: 1px dotted var(--brand);
}
/* 日付ボーダー */
.nq_01 .list_box .date,
.nq_01 .list_box_last .date {
  border-bottom: 1px dashed var(--brand);
}
/* 新着リスト：文字色 */
.nq_01 .list_block {
  color: var(--brand);
}
/*	投稿カレンダー：今日のテーブルセル背景色
===============================================================■■■■■*/
#calendar_wrap table tr td#today {
  background-color: var(--brand);
}
#calendar_wrap table tr td a {
  text-decoration: underline;
}
#calendar_wrap table tr td a:hover {
  text-decoration: none;
}
/* fffか333かサイト背景色 */
#calendar_wrap table tr td#today,
#calendar_wrap table tr td#today a {
  color: #ffffff;
}
/*	HTMLリセット
===============================================================■■■■■*/
html {
  margin-top: 0 !important;
}
* html body {
  margin-top: 0 !important;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
		▲SPサイトデザイン▲ここまで
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*  背景と余白調整
---------------------------------------------------------------------------------------------------- */
section.no_margin {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
section.no_margin + section:not(.no_margin) {
  margin-top: 5%;
}
section.no_margin > .nk_01 {
  padding-bottom: 10px;
}
section.no_margin > .nm_01 .content_area,
section.no_margin > .nk_01 [class*="title"] {
  margin-bottom: 0;
}


/*  セカンド、バナー、コンテンツ画像、パララックス
---------------------------------------------------------------------------------------------------- */
/* 共通 */
#df4cqjklib0x3yc5k5sy,
#fczukxuprqc6nmwq7e91,
#tx5tntihw0p3eudwjbzy,
#xva14mcul2cvib2s7aq4 {
  margin-bottom: 0;
  padding-bottom: 5%;
  position: relative;
}
#df4cqjklib0x3yc5k5sy div,
#fczukxuprqc6nmwq7e91 div,
#tx5tntihw0p3eudwjbzy div,
#xva14mcul2cvib2s7aq4 div { margin: 0; }
#df4cqjklib0x3yc5k5sy .content_area,
#fczukxuprqc6nmwq7e91 .content_area,
#tx5tntihw0p3eudwjbzy .content_area,
#xva14mcul2cvib2s7aq4 .content_area {
  margin: 0;
  width: 100%;
}

/* Hot Pepper/Instagram/LINE */
#df4cqjklib0x3yc5k5sy {
  background: url(../img-bg/sp_banner_3_bg.png) no-repeat center top / 100%;
  padding-top: calc(255 / 640 * 100vw);
  padding-bottom: calc(100 / 640 * 100vw) !important;
}
#df4cqjklib0x3yc5k5sy [class*="column_"] {
  margin: 0;
  width: calc(100% / 3);
}

/* ハーフサイズバナー共通 */
#fczukxuprqc6nmwq7e91,
#tx5tntihw0p3eudwjbzy {
  background: url(../img-bg/banner_4_bg.jpg) no-repeat center center / cover;
  padding: calc(95 / 640 * 100vw) 0 !important;
}
#fczukxuprqc6nmwq7e91 [class*="column_"] + [class*="column_"],
#tx5tntihw0p3eudwjbzy [class*="column_"] + [class*="column_"] {
  margin-top: 10px;
}

/* コンテンツ画像 */
#xva14mcul2cvib2s7aq4 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/*  デザインブロック
---------------------------------------------------------------------------------------------------- */
/* 共通レイアウト（記事ブロック） */
#eeb6bvrrzg2ucuif28wr,
#u1ino5wdlx7pom3s5hng,
#ij3q0of328y62atuizo9,
#bf27rc2ye1y3grgmjjj3,
#qgkvfkez8acniahss5m3,
#e53m3vgqdylx3ip62atv,
#zkv346d73zx8mcznz2iv {
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  padding-bottom: 10vw !important;
}
#eeb6bvrrzg2ucuif28wr div,
#u1ino5wdlx7pom3s5hng div,
#ij3q0of328y62atuizo9 div,
#bf27rc2ye1y3grgmjjj3 div,
#qgkvfkez8acniahss5m3 div,
#e53m3vgqdylx3ip62atv div,
#zkv346d73zx8mcznz2iv div {
  margin-bottom: 0 !important;
}
#eeb6bvrrzg2ucuif28wr .sp_gallery,
#u1ino5wdlx7pom3s5hng .sp_gallery,
#ij3q0of328y62atuizo9 .sp_gallery,
#bf27rc2ye1y3grgmjjj3 .sp_gallery,
#qgkvfkez8acniahss5m3 .sp_gallery,
#e53m3vgqdylx3ip62atv .sp_gallery,
#zkv346d73zx8mcznz2iv .sp_gallery,
#eeb6bvrrzg2ucuif28wr .headline_title,
#u1ino5wdlx7pom3s5hng .headline_title,
#ij3q0of328y62atuizo9 .headline_title,
#bf27rc2ye1y3grgmjjj3 .headline_title,
#qgkvfkez8acniahss5m3 .headline_title,
#e53m3vgqdylx3ip62atv .headline_title,
#zkv346d73zx8mcznz2iv .headline_title {
  display: none;
}

/* 全ての女性の肌悩みを最新美容で */
#eeb6bvrrzg2ucuif28wr {
  background-image: url(../img-bg/sp_db01_bg.png);
  padding-top: calc(1000 / 640 * 100vw);
}

/* イスラエル発JET PEEL ジェットピール */
#u1ino5wdlx7pom3s5hng {
  background-image: url(../img-bg/sp_db02_bg.png);
  padding-top: calc(1200 / 640 * 100vw);
}

/* 世界で人気！HYDORO JELLY MASK ハイドロジェリーマスク */
#ij3q0of328y62atuizo9 {
  background-image: url(../img-bg/sp_db03_bg.png);
  padding-top: calc(830 / 640 * 100vw);
}

/* 韓国発CARBOXY カーボキシー */
#bf27rc2ye1y3grgmjjj3 {
  background: 
  url(../img-bg/sp_db04_bg01.png) no-repeat center top / 100%,
  url(../img-bg/sp_db04_bg02.png) no-repeat center bottom / 100%;
  padding-top: calc(880 / 640 * 100vw);
  padding-bottom: calc(420 / 640 * 100vw) !important;
}

/* HOME CARE PRODUCTS */
#qgkvfkez8acniahss5m3 {
  background: 
  url(../img-bg/sp_db05_bg01.png) no-repeat center top / 100%,
  url(../img-bg/sp_db05_bg02.png) no-repeat center bottom / 100%;
  padding-top: calc(360 / 640 * 100vw);
  padding-bottom: calc(730 / 640 * 100vw) !important;
}

/* ブログ */
#g1tti3n35c1cf5py6q2a,
#mcjm4i1sgutqg0x0egdd {
  background: url(../img-bg/block_bg_rose.jpg) repeat left top;
}
#mcjm4i1sgutqg0x0egdd {
  padding-bottom: 5vw !important;
}
#g1tti3n35c1cf5py6q2a [class*="title"] {
  background: url(../img-bg/sp_db06_bg01.png) no-repeat left top / 100%;
  height: calc(350 / 640 * 100vw);
  text-indent: -99999px;
  padding: 0;
  margin: 0;
  position: relative;
}
#g1tti3n35c1cf5py6q2a [class*="title"] a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* JET PEEL の４ステップ */
#e53m3vgqdylx3ip62atv {
  background: 
  url(../img-bg/sp_db07_bg01.png) no-repeat center top / 100%,
  url(../img-bg/sp_db07_bg02.png) repeat-y center top / 100%;
  padding-top: calc(770 / 640 * 100vw);
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}
#e53m3vgqdylx3ip62atv .content_area {
  padding-bottom: 5vw;
}
#e53m3vgqdylx3ip62atv .post_data {
  box-sizing: border-box;
  padding-left: 5vw;
  padding-right: 5vw;
}
#e53m3vgqdylx3ip62atv .content_area:nth-of-type(n+2),
#e53m3vgqdylx3ip62atv .entry_title {
  background-image: url(../img-bg/xxx.png);
  background-color: #fff;
  margin-bottom: 0;
}
#e53m3vgqdylx3ip62atv .entry_title {
  color: #333;
  font-weight: 700;
  padding-top: calc(115 / 640 * 100vw);
  padding-left: 5vw;
  text-align: left;
  position: relative;
}
#e53m3vgqdylx3ip62atv .entry_title::before {
  content: "";
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
  position: absolute;
  top: 5vw;
  left: 0;
  height: calc(60 / 640 * 100vw);
  width: 100%;
}
#e53m3vgqdylx3ip62atv .entry_title:nth-of-type(1)::before {
  background-image: url(../img-bg/sp_db07_bg03.png);
}
#e53m3vgqdylx3ip62atv .entry_title:nth-of-type(2)::before {
  background-image: url(../img-bg/sp_db07_bg04.png);
}
#e53m3vgqdylx3ip62atv .entry_title:nth-of-type(3)::before {
  background-image: url(../img-bg/sp_db07_bg05.png);
}
#e53m3vgqdylx3ip62atv .entry_title:nth-of-type(4)::before {
  background-image: url(../img-bg/sp_db07_bg05.png);
}

/* HYDORO 水分たっぷりの JELLY ゼリーのような感覚の 肌再生マスク */
#zkv346d73zx8mcznz2iv {
  background-image: url(../img-bg/sp_db08_bg.png);
  background-color: #f5f2ef;
  padding-top: calc(710 / 640 * 100vw);
}