@charset "utf-8";

/* サイト共通要素 */


/* ==================== タグの初期設定 ==================== */

BODY {
    background-color: #eee;
    color: #000;
    min-width: 960px;
}


/* 管理画面 WYSIWYG プレビュー用にBODYの背景をリセット */

BODY.cke_show_borders {
    background: none;
    border: none;
    margin: 5px;
    min-width: initial;
}

BODY,
H1,
H2,
H3,
H4,
H5,
H6,
P,
TD,
TH,
DIV,
INPUT,
TEXTAREA,
OL,
UL,
LI,
PRE {
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.title1,
.title2,
.title3,
.title4,
.title5,
.title6 {
    font-weight: bold;
    font-size: medium;
}

P,
TD,
TH,
LI,
INPUT,
TEXTAREA,
BODY.cke_show_borders,
DIV.entryBody,
DIV.entryMore {
    font-size: 14px;
}

A,
A:visited {
    color: #000;
    text-decoration: underline;
}

A:hover {
    color: #742329;
    text-decoration: none;
}


/* ==================== サイト全体 レイアウト ==================== */


/* ========== 全体枠 ========== */

DIV#container {
    width: 100%;
    margin: 0px auto 0px auto;
    padding: 0px;
    position: relative;
    overflow: hidden;
    max-width: 1400px;
    background-color: #ffffff;
}

.topPage .header_h1 {
    position: absolute;
    top: 10px;
    left: 50%;
    z-index: 2;
    margin-left: -480px;
    color: #826a6c;
    font-size: 11px;
    line-height: 100%;
}


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

DIV#header {
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    z-index: 1;
}

DIV#header DIV#headerTitle {
    height: 65px;
    margin: 0px auto;
    overflow: hidden;
    padding: 25px 0 0;
    width: 960px;
}

DIV#header DIV#headerAreaSub {
    float: right;
    text-align: right;
}

DIV#header DIV#headerAddress,
DIV#header DIV#headerAddress p {
    font-size: 11px;
}

DIV#header DIV#headerAddress img {
    vertical-align: middle;
}

DIV#header DIV#headerWidget {}

DIV#header DIV#googleSearch {
    margin: 15px 0px 5px 0px;
    padding: 5px 5px 0px 0px;
    width: 290px;
    background-image: url(../images/header_gsearch_bg.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

DIV#header DIV#googleSearch FORM {
    padding: 0px 5px 5px 0px;
    background-image: url(../images/header_gsearch_footer_bg.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}

DIV#header DIV#googleSearch INPUT.text {
    width: 120px;
}

DIV#header DIV#googleSearch INPUT.submit {
    width: 45px;
}

DIV#header DIV#googleSearch INPUT {}

DIV#header DIV#headerAreaLogo {
    float: left;
}


/* ========== メインメニュー + キャッチ画像 + セカンドエリア + コンテンツ 枠 ========== */

DIV#mainBg {
    min-height: 500px;
}

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


/* ========== 2カラム, 3カラム 設定 ========== */


/* { 1カラム */

DIV#catchArea {}

DIV#secondArea {
    display: none;
}

DIV#thirdArea {
    display: none;
}

DIV#contents {}

BODY.twoColumn DIV#catchArea {}

BODY.twoColumn DIV#secondArea {
    float: right;
    display: block;
}

BODY.twoColumn DIV#thirdArea {
    display: none;
}

BODY.twoColumn DIV#contents {
    float: left;
    width: 700px;
}


/* 1カラム } */


/* { 2カラム, secondArea 右 
DIV#catchArea {
  float: left;
}
DIV#secondArea {
  float: right;
}
DIV#thirdArea {
  display: none;
}
DIV#contents {
  float: left;
}
 2カラム, secondArea 右 } */


/* { 2カラム secondArea 左
DIV#catchArea{
  float:right;
}
DIV#secondArea{
  float:left;
}
DIV#thirdArea{
  display:none;
}
DIV#contents{
  float:right;
}
 2カラム secondArea 左 } */


/* { 3カラム 画像 長, thirdArea 左, secondArea 右
DIV#catchArea{
}
DIV#secondArea{
  float:right;
}
DIV#thirdArea{
  float:left;
}
DIV#contents{
  float:left;
}
 3カラム 画像 長, thirdArea 左, secondArea 右 } */


/* { 3カラム 画像 短, thirdArea 左, secondArea 右
DIV#catchArea{
  float:left;
}
DIV#secondArea{
  float:right;
}
DIV#thirdArea{
  float:left;
}
DIV#contents{
  float:left;
}
 3カラム 画像 短, thirdArea 左, secondArea 右 } */


/* { 3カラム 画像 短, thirdArea 左, secondArea 右
DIV#catchArea{
  float:right;
}
DIV#secondArea{
  float:left;
}
DIV#thirdArea{
  float:right;
}
DIV#contents{
  float:left;
}
 3カラム 画像 短, thirdArea 左, secondArea 右 } */


/* { 3カラム 画像 長, thirdArea 左, secondArea 右
DIV#catchArea{
}
DIV#secondArea{
  float:left;
}
DIV#thirdArea{
  float:right;
}
DIV#contents{
  float:left;
}
 3カラム 画像 短, thirdArea 左, secondArea 右 } */


/* ========== メインメニュー ========== */


/* 背景画像は main_menu.css にて、MTのエントリーから読込 */

UL#mainMenu,
UL#mainMenu LI {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

UL#mainMenu {
    display: block;
    width: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    z-index: 1;
}

UL#mainMenu li {
    display: inline-block;
    width: 114px;
    line-height: 44px;
    position: relative;
}
UL#mainMenu li:nth-child(7) {
    display: inline-block;
    width: 160px;
    line-height: 44px;
    position: relative;
}

UL#mainMenu li:before,
UL#mainMenu li:last-child:after {
    content: "";
    position: absolute;
    top: 15px;
    width: 1px;
    height: 14px;
    background: #a3a2a1;
}

UL#mainMenu li:before {
    left: 0;
}

UL#mainMenu li:last-child:after {
    right: 0;
}

UL#mainMenu li a {
    display: block;
    position: relative;
}

UL#mainMenu li a:hover:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 2px;
    background: #742329;
}

UL#mainMenu li img {
    vertical-align: middle;
}


/* ========== サイドメニュー（画像） ========== */

UL#sideMenu,
UL#sideMenu LI {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: block;
}

UL#sideMenu {
    margin-bottom: 10px;
}

UL#sideMenu LI A P {
    text-decoration: underline;
}

UL#sideMenu LI A:hover P {
    text-decoration: none;
}


/* ========== キャッチ画像 ========== */

DIV#catchArea {}

body.topPage DIV#mainBg {
    overflow: hidden;
}

body.topPage DIV#catchArea {
    left: 50%;
    position: absolute;
    top: 0;
    width: 2000px;
    margin-left: -1000px;
    height: 790px;
}


/* Firefox の特定のバージョンで jQuery fadeIn() fadeOut() が カクつく問題を修正 */

#catchArea img {
    box-shadow: #000 0 0 0;
}


/* ========== キャッチ画像・メインメニュー下 シャドウ ========== */

DIV#secondArea,
DIV#thirdArea,
DIV#contents {}


/* ========== セカンドエリア ========== */

DIV#secondArea {
    width: 230px;
    margin: 0px;
    padding: 50px 0;
}


/* ========== サードエリア ========== */

DIV#thirdArea {}


/* ---------- サブメニュー ---------- */


/* ----- 背景画像 ----- */

DIV#secondArea DIV#subMenu,
DIV#secondArea DIV#freeSpace,
DIV#secondArea DIV#banner,
DIV#secondArea DIV#qrcode,
DIV#secondArea DIV#case {
    margin-bottom: 10px;
    background-image: url(../images/second_area_bg.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}


/* ----- タイトル ----- */

DIV#secondArea DIV#subMenu DIV.title,
DIV#secondArea DIV#freeSpace DIV.title,
DIV#secondArea DIV#banner DIV.title,
DIV#secondArea DIV#qrcode DIV.title,
DIV#secondArea DIV#case DIV.title,
DIV#secondArea DIV#brogPartsTagCloud DIV.title_tag {
    background-position: left top;
    background-repeat: no-repeat;
    height: 32px;
}


/* ----- コンテンツの余白 ----- */

DIV#secondArea P,
DIV#secondArea SELECT,
DIV#secondArea DIV.entryBody,
DIV#secondArea DIV#freeSpace .title2 {
    margin: 5px 10px 5px 10px;
}


/* ---------- サブメニュー ---------- */

DIV#secondArea DIV#subMenu DIV.title {
    background-image: url(../images/second_area_title_menu.gif);
}


/* ---------- サブメニュー ---------- */

DIV#secondArea DIV#subMenu UL {
    width: 100%;
    /* IEの表示バグのため、widthを設定 */
    margin: 0px;
    padding: 0px;
}

DIV#secondArea DIV#subMenu LI {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    background-image: url(../images/second_area_hr.gif);
    background-position: center top;
    background-repeat: no-repeat;
    font-weight: bold;
}

DIV#secondArea DIV#subMenu LI A {
    display: block;
    margin: 0px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    color: #2B1D13;
}

DIV#secondArea DIV#subMenu LI A:hover {
    color: #AB9E8E;
}


/* ---------- フリースペース ---------- */

DIV#secondArea DIV#freeSpace {}

DIV#secondArea DIV#freeSpace DIV.title {
    background-image: url(../images/second_area_title_free.gif);
}

DIV#secondArea DIV#freeSpace DIV.entryBody {
    padding-bottom: 10px;
}


/* ---------- バナー ---------- */

DIV#secondArea DIV#banner {
    text-align: center;
}

DIV#secondArea DIV#banner DIV.title {
    background-image: url(../images/second_area_title_banner.gif);
}

DIV#secondArea DIV#banner IMG {
    margin: 5px auto 5px auto;
}

DIV#secondArea DIV#banner P {
    text-align: left;
}


/* ---------- QRコード ---------- */

DIV#secondArea DIV#qrcode {
    text-align: center;
}

DIV#secondArea DIV#qrcode DIV.title {
    background-image: url(../images/second_area_title_mobile.gif);
}

DIV#secondArea DIV#qrcode IMG {
    margin: 5px auto 5px auto;
}


/* ---------- 事例集 ---------- */

DIV#secondArea DIV#case DIV.title {
    background-image: url(../images/second_area_title_case.gif);
}

DIV#secondArea DIV#case UL {
    width: 100%;
    /* IEの表示バグのため、widthを設定 */
    margin: 0px;
    padding: 0px;
}

DIV#secondArea DIV#case LI {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    background-image: url(../images/second_area_hr.gif);
    background-position: center top;
    background-repeat: no-repeat;
    font-weight: bold;
}

DIV#secondArea DIV#case LI A {
    display: block;
    margin: 0px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    color: #2B1D13;
}

DIV#secondArea DIV#case LI A:hover {
    color: #AB9E8E;
}


/* ---------- ブログパーツ・カスタムパーツ ---------- */

DIV#secondArea DIV#secondAreaBlogParts,
DIV#secondArea DIV#secondAreaCustomParts,
DIV#secondArea DIV#secondAreaDuplicate01Parts {}

DIV#secondArea .blog_parts .title2,
DIV#secondArea DIV#brogPartsCategory .title2,
DIV#secondArea DIV#brogPartsCalendar .title2,
DIV#secondArea DIV#brogPartsTagCloud .title2,
DIV#secondArea DIV#brogPartsMonthlyArchiveDrop .title2,
DIV#secondArea DIV#brogPartsMonthlyArchive .title2,
DIV#secondArea DIV#brogPartsEntry .title2,
DIV#secondArea DIV#brogPartsComment .title2,
DIV#secondArea DIV#brogPartsAuthor .title2,
DIV#secondArea DIV#customPartsCategory .title2,
DIV#secondArea DIV#customPartsComment .title2,
DIV#secondArea DIV#duplicateEntryList .title2,
DIV#secondArea DIV#duplicateCategoryEntryList .title2 {
    padding: 10px 5px;
    border-top: 2px solid #83353b;
    border-bottom: 1px solid #c6abad;
    font-size: medium;
    color: #000000;
}


/* ---------- UL ---------- */

DIV#secondArea .blog_parts UL,
DIV#secondArea DIV#brogPartsCategory UL,
DIV#secondArea DIV#brogPartsCalendar UL,
DIV#secondArea DIV#brogPartsTagCloud UL,
DIV#secondArea DIV#brogPartsMonthlyArchiveDrop UL,
DIV#secondArea DIV#brogPartsMonthlyArchive UL,
DIV#secondArea DIV#brogPartsEntry UL,
DIV#secondArea DIV#brogPartsComment UL,
DIV#secondArea DIV#brogPartsAuthor UL,
DIV#secondArea DIV#customPartsCategory UL,
DIV#secondArea DIV#customPartsComment UL,
DIV#secondArea DIV#duplicateEntryList UL,
DIV#secondArea DIV#duplicateCategoryEntryList UL {
    width: 100%;
    /* IEの表示バグのため、widthを設定 */
    margin: 0px;
    padding: 0px;
}

DIV#secondArea DIV#brogPartsCategory LI,
DIV#secondArea DIV#brogPartsCalendar LI,
DIV#secondArea DIV#brogPartsTagCloud LI,
DIV#secondArea DIV#brogPartsMonthlyArchiveDrop LI,
DIV#secondArea DIV#brogPartsMonthlyArchive LI,
DIV#secondArea DIV#brogPartsEntry LI,
DIV#secondArea DIV#brogPartsComment LI,
DIV#secondArea DIV#brogPartsAuthor LI,
DIV#secondArea DIV#customPartsCategory LI,
DIV#secondArea DIV#customPartsComment LI,
DIV#secondArea DIV#duplicateEntryList LI,
DIV#secondArea DIV#duplicateCategoryEntryList LI {
    margin: 0px;
    padding: 15px 15px 0;
    list-style-type: none;
    font-weight: normal;
}

DIV#secondArea DIV#brogPartsCategory LI:first-child,
DIV#secondArea DIV#brogPartsCalendar LI:first-child,
DIV#secondArea DIV#brogPartsTagCloud LI:first-child,
DIV#secondArea DIV#brogPartsMonthlyArchiveDrop LI:first-child,
DIV#secondArea DIV#brogPartsMonthlyArchive LI:first-child,
DIV#secondArea DIV#brogPartsEntry LI:first-child,
DIV#secondArea DIV#brogPartsComment LI:first-child,
DIV#secondArea DIV#brogPartsAuthor LI:first-child,
DIV#secondArea DIV#customPartsCategory LI:first-child,
DIV#secondArea DIV#customPartsComment LI:first-child,
DIV#secondArea DIV#duplicateEntryList LI:first-child,
DIV#secondArea DIV#duplicateCategoryEntryList LI:first-child {
    border: none;
}

DIV#secondArea DIV#brogPartsCategory LI LI,
DIV#secondArea DIV#brogPartsCalendar LI LI,
DIV#secondArea DIV#brogPartsTagCloud LI LI,
DIV#secondArea DIV#brogPartsMonthlyArchiveDrop LI LI,
DIV#secondArea DIV#brogPartsMonthlyArchive LI LI,
DIV#secondArea DIV#brogPartsEntry LI LI,
DIV#secondArea DIV#brogPartsComment LI LI,
DIV#secondArea DIV#brogPartsAuthor LI LI,
DIV#secondArea DIV#customPartsCategory LI LI,
DIV#secondArea DIV#customPartsComment LI LI,
DIV#secondArea DIV#duplicateEntryList LI LI,
DIV#secondArea DIV#duplicateCategoryEntryList LI LI {
    padding: 5px 0px 0px 15px;
    border: none;
    position: relative;
}

div#secondArea div#brogPartsCategory LI LI::before,
div#secondArea div#brogPartsCalendar LI LI::before,
div#secondArea div#brogPartsTagCloud LI LI::before,
div#secondArea div#brogPartsMonthlyArchiveDrop LI LI::before,
div#secondArea div#brogPartsMonthlyArchive LI LI::before,
div#secondArea div#brogPartsEntry LI LI::before,
div#secondArea div#brogPartsComment LI LI::before,
div#secondArea div#brogPartsAuthor LI LI::before,
div#secondArea div#customPartsCategory LI LI::before,
div#secondArea div#customPartsComment LI LI::before,
div#secondArea div#duplicateEntryList LI LI::before,
div#secondArea div#duplicateCategoryEntryList LI LI::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 3px;
    width: 3px;
    height: 3px;
    border-top: 2px solid #a12c2e;
    border-right: 2px solid #a12c2e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* ---------- 各パーツの設定 ---------- */

DIV#secondArea .blog_parts,
DIV#secondArea DIV#brogPartsCategory,
DIV#secondArea DIV#brogPartsCalendar,
DIV#secondArea DIV#brogPartsTagCloud,
DIV#secondArea DIV#brogPartsMonthlyArchiveDrop,
DIV#secondArea DIV#brogPartsMonthlyArchive,
DIV#secondArea DIV#brogPartsEntry,
DIV#secondArea DIV#brogPartsComment,
DIV#secondArea DIV#brogPartsAuthor,
DIV#secondArea DIV#customPartsCategory,
DIV#secondArea DIV#customPartsComment,
DIV#secondArea DIV#duplicateEntryList,
DIV#secondArea DIV#duplicateCategoryEntryList {
    margin-bottom: 30px;
}

DIV#secondArea DIV#brogPartsCategory {}

DIV#secondArea DIV#brogPartsTagCloud {}

DIV#secondArea DIV#brogPartsTagCloud .rank-1 {
    font-size: 1.75em;
}

DIV#secondArea DIV#brogPartsTagCloud .rank-2 {
    font-size: 1.75em;
}

DIV#secondArea DIV#brogPartsTagCloud .rank-3 {
    font-size: 1.625em;
}

DIV#secondArea DIV#brogPartsTagCloud .rank-4 {
    font-size: 1.5em;
}

DIV#secondArea DIV#brogPartsTagCloud .rank-5 {
    font-size: 1.375em;
}

DIV#secondArea DIV#brogPartsTagCloud .rank-6 {
    font-size: 1.25em;
}

DIV#secondArea DIV#brogPartsTagCloud .rank-7 {
    font-size: 1.125em;
}

DIV#secondArea DIV#brogPartsTagCloud .rank-8 {
    font-size: 1em;
}

DIV#secondArea DIV#brogPartsTagCloud .rank-9 {
    font-size: 0.95em;
}

DIV#secondArea DIV#brogPartsTagCloud .rank-10 {
    font-size: 0.9em;
}

DIV#secondArea DIV#brogPartsMonthlyArchiveDrop {}

DIV#secondArea DIV#brogPartsMonthlyArchive {}

DIV#secondArea DIV#brogPartsEntry {}

DIV#secondArea DIV#brogPartsComment {}

DIV#secondArea DIV#brogPartsAuthor {}

DIV#secondArea DIV#customPartsCategory {}

DIV#secondArea DIV#customPartsComment {}

DIV#secondArea DIV#duplicateEntryList {}

DIV#secondArea DIV#duplicateCategoryEntryList {}


/* ---------- 最近のエントリー ---------- */

DIV#secondArea .blog_parts_entry_ttl {
    line-height: 1.5;
    margin: 2px 0 6px;
    /* ▼ 1行で省略表示用 ▼ */
    /*  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;*/
}

DIV#secondArea .blog_parts_entry_date {
    display: block;
    margin-bottom: 2px;
}


/* ---------- 最近のエントリー（画像付） ---------- */

DIV#secondArea .blog_parts_entry_img {}

DIV#secondArea .blog_parts_entry_img li {}

DIV#secondArea .blog_parts_entry_img a {
    display: block;
    overflow: hidden;
    text-decoration: none;
}

DIV#secondArea .blog_parts_entry_img span {
    display: block;
}

DIV#secondArea .blog_parts_entry_img a img,
DIV#secondArea .blog_parts_entry_img a span.noimage {
    background-color: #f0f0f0;
    float: left;
    line-height: 1;
    margin-right: 10px;
    vertical-align: top;
}

DIV#secondArea .blog_parts_entry_img a span.noimage {
    position: relative;
    /* ▼ 表示する画像サイズに合わせる（cmn/template/cmn_widget_entry_img.php） ▼ */
    height: 79px;
    width: 79px;
}

DIV#secondArea .blog_parts_entry_img a span.noimage img {
    float: none;
    height: auto;
    margin: auto;
    width: 90%;
    /* ▼ 中央配置用 ▼ */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

DIV#secondArea .blog_parts_entry_img_ttl {
    line-height: 1.5;
    /* ▼ 1行で省略表示用 ▼ */
    /*  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;*/
}

DIV#secondArea .blog_parts_entry_date,
DIV#secondArea .blog_parts_entry_img_body {
    font-weight: normal;
    line-height: 1.5;
}


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

DIV#contents {
    width: 960px;
    padding: 50px 0;
}

BODY.cke_show_borders,

/* 管理画面 WYSIWYG プレビュー用設定 */

DIV#contents {}


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

DIV#footer {
    background: #441e20;
    color: #d7c1c3;
}

DIV#footer a {
    color: #d7c1c3;
    text-decoration: none;
}

DIV#footer a:hover {
    text-decoration: underline;
}

.icon_sns {
    width: 40px;
}


/* ---------- フッターメニュー ---------- */

DIV#footer P#footerMenu {
    margin: 0 auto;
    padding: 20px 0 40px;
    text-align: center;
    width: 960px;
    line-height: 200%;
    font-size: 13px;
}


/* ---------- フッター copyright エリア ---------- */

DIV#footer DIV#footerCopyrightArea {
    width: 960px;
    margin: 0px auto;
}


/* ---------- フッター copyright 付メニュー ---------- */

DIV#footer DIV#footerFree {
    margin-bottom: 15px;
    text-align: right;
}

DIV#footer DIV#footerFree img {
    vertical-align: middle;
}

.footer_logo {
    float: left;
    margin-top: 5px;
}

DIV#footer DIV#footerFree p {
    font-size: 11px;
}

DIV#footer P#footerSiteLink {
    float: right;
    width: 300px;
    text-align: right;
    margin-bottom: 10px;
}


/* ---------- copyright ---------- */

DIV#footer P#copyright {
    clear: both;
    font-size: 11px;
    padding: 0 0 10px;
}

BR.clear,
DIV.clear {
    clear: both;
}


/* ==================== サイト全体 装飾 ==================== */


/* ========== セカンドエリア ========== */


/* ---------- 見出し ---------- */

DIV#secondArea .title1,
DIV#secondArea .title2,
DIV#secondArea .title3,
DIV#secondArea .title4,
DIV#secondArea .title5,
DIV#secondArea TD,
DIV#secondArea TH,
DIV#secondArea LI,
DIV#secondArea P {
    font-size: small;
}

DIV#secondArea TD,
DIV#secondArea TH,
DIV#secondArea LI,
DIV#secondArea P {
    line-height: 150%;
}


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


/* ---------- 見出し ---------- */

BODY.cke_show_borders,
BODY.cke_show_borders .title1,
BODY.cke_show_borders .title2,
BODY.cke_show_borders .title3,
BODY.cke_show_borders .title4,
BODY.cke_show_borders .title5,
BODY.cke_show_borders P,
BODY.cke_show_borders TD,
BODY.cke_show_borders TH,
BODY.cke_show_borders LI,
BODY.cke_show_borders DIV.entryBody,
BODY.cke_show_borders DIV.entryMore,
DIV#contents H1,
DIV#contents H2,
DIV#contents H3,
DIV#contents H4,
DIV#contents H5,
DIV#contents H6,
DIV#contents P,
DIV#contents TD,
DIV#contents TH,
DIV#contents LI,
DIV#contents DIV.entryBody,
DIV#contents DIV.entryMore {
    line-height: 150%;
}

BODY.cke_show_borders OL,
BODY.cke_show_borders UL,
BODY.cke_show_borders TABLE,
DIV#contents P,
DIV#contents OL,
DIV#contents UL,
DIV#contents TABLE {
    margin-bottom: 20px;
}

BODY.cke_show_borders OL,
DIV#contents OL {
    padding-left: 2em;
}

BODY.cke_show_borders UL,
DIV#contents UL {
    padding-left: 1.5em;
}

DIV#contents TABLE.galleryDetail P,
DIV#contents TABLE.staffDetail P,
DIV#contents DIV.entryBody P {
    margin-bottom: 0px;
}

BODY.cke_show_borders .title1,
BODY.cke_show_borders .title2,
BODY.cke_show_borders .title3,
BODY.cke_show_borders .title4,
BODY.cke_show_borders .title5,
BODY.cke_show_borders .title6,
DIV#contents .title1,
DIV#contents .title2,
DIV#contents .title3,
DIV#contents .title4,
DIV#contents .title5,
DIV#contents .title6 {
    margin-bottom: 20px;
}

BODY.cke_show_borders .title1,
DIV#contents .title1 {
    color: #000000;
    text-align: center;
    font-size: 27px;
    padding: 0;
    margin-bottom: 30px;
}

BODY.cke_show_borders A.rss .title1,
DIV#contents A.rss .title1 {}

BODY.cke_show_borders A.rss,
DIV#contents A.rss {
    text-decoration: none;
}

BODY.cke_show_borders A:hover.rss,
DIV#contents A:hover.rss {
    text-decoration: none;
}

BODY.cke_show_borders .title2,
DIV#contents .title2 {
    border-top: 2px solid #742329;
    border-bottom: 1px solid #c6abad;
    padding: 17px 5px;
    color: #000;
    font-size: 19px;
}

BODY.cke_show_borders .title3,
DIV#contents .title3 {
    background: #f7f1da;
    padding: 8px 15px;
    color: #000;
}

BODY.cke_show_borders .title4,
DIV#contents .title4 {
    padding: 0 0 5px;
    border-bottom: 1px solid #742329;
    color: #742329;
}

BODY.cke_show_borders .title5,
DIV#contents .title5 {}

BODY.cke_show_borders .title5 span.fs_s,
DIV#contents .title5 span.fs_s {
    font-size: 0.7em;
}

BODY.cke_show_borders .title6,
DIV#contents .title6 {
    color: #5e522a;
    border: 1px solid #9e8d57;
    padding: 10px;
}

BODY.cke_show_borders .q:before,
DIV#contents .q:before {
    content: "Q.";
    font-size: 1.4em;
    font-weight: bold;
}

BODY.cke_show_borders .a:before,
DIV#contents .a:before {
    content: "A.";
    font-size: 1.8em;
    font-weight: bold;
    color: #9e8d57;
}

BODY.cke_show_borders UL.date,
DIV#contents UL.date {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
}

BODY.cke_show_borders UL.date LI,
DIV#contents UL.date LI {
    margin: 0px;
    list-style-type: none;
    text-indent: -5.5em;
    padding: 0px 0px 0px 5.5em;
}

BODY.cke_show_borders TABLE {
    max-width: 100%;
}

BODY.cke_show_borders TABLE,
DIV#contents TABLE {
    width: 100%;
    background: url(../images/bg_pattern01.png) repeat top left;
    padding: 5px 10px;
    border-collapse: separate;
    border-spacing: 0;
}

BODY.cke_show_borders TH,
BODY.cke_show_borders TD,
DIV#contents TH,
DIV#contents TD {
    border-bottom: 1px solid #ddd;
    padding: 10px 5px;
}

BODY.cke_show_borders TR:last-of-type TH,
BODY.cke_show_borders TR:last-of-type TD,
DIV#contents TR:last-of-type TH,
DIV#contents TR:last-of-type TD {
    border-bottom: none;
}

BODY.cke_show_borders TH,
DIV#contents TH {
    width: 20%;
    font-weight: bold;
}

BODY.cke_show_borders .title1 .rss A,
DIV#contents .title1 .rss A {
    display: block;
    text-decoration: none;
}

BODY.cke_show_borders P.pankuzu,
DIV#contents P.pankuzu {
    font-size: 11px;
}

BODY.cke_show_borders .fontXLarge,
DIV#contents .fontXLarge {
    font-size: large;
}

BODY.cke_show_borders .fontLarge,
DIV#contents .fontLarge {
    font-size: medium;
}

BODY.cke_show_borders .fontSmall,
DIV#contents .fontSmall {
    font-size: x-small;
}

BODY.cke_show_borders .fontMedium,
DIV#contents .fontMedium {
    font-size: small;
}

BODY.cke_show_borders .fontXSmall,
DIV#contents .fontXSmall {
    font-size: xx-small;
}

BODY.cke_show_borders input.text,
DIV#contents input.text {
    width: 300px;
}

DIV#contents INPUT.textShort {
    width: 50px;
}

BODY.cke_show_borders TEXTAREA,
DIV#contents TEXTAREA {
    box-sizing: border-box;
    width: 100%;
    height: 15em;
}

BODY.cke_show_borders .caution,
DIV#contents .caution {
    color: #EE0000;
}

BODY.cke_show_borders P.price,
DIV#contents P.price {
    font-size: medium;
    text-align: right;
    font-weight: bold;
    color: #EE0000;
}

BODY.cke_show_borders DIV.hr01,
DIV#contents DIV.hr01 {
    margin: 0px 0px 20px 0px;
    height: 1px;
    border-top: 1px solid #c6abad;
}

BODY.cke_show_borders DIV.comment DIV.hr01,
DIV#contents DIV.comment DIV.hr01 {
    margin-top: -1em;
}

BODY.cke_show_borders P.nextPrevious,
DIV#contents P.nextPrevious {
    text-align: center;
}

BODY.cke_show_borders P.linkBlock,
DIV#contents P.linkBlock {
    padding-top: 20px;
    border-top: 1px solid #c6abad;
}

BODY.cke_show_borders P.entryMeta,
DIV#contents P.entryMeta,
BODY.cke_show_borders P.linkBlock,
DIV#contents P.linkBlock {
    text-align: right;
}

BODY.cke_show_borders P.anchorTop,
DIV#contents P.anchorTop {
    position: fixed;
    right: 55px;
    bottom: 20px;
    margin: 0;
    display: inline-block;
}
BODY.cke_show_borders P.floatingBtn,
DIV#contents P.floatingBtn {
    position: fixed;
    right: 20px;
    bottom: 90px;
    margin: 0;
    display: inline-block;
}

BODY.cke_show_borders TD.buttonArea,
DIV#contents TD.buttonArea {
    border: none;
}

DIV#contents DIV.center {
    text-align: center;
}

DIV#contents DIV#social {
    margin-bottom: 30px;
    line-height: 0;
    text-align: center;
}

DIV#header DIV#social {
    margin-top: 10px;
}

DIV#header DIV.socialBtn {
    float: right;
    margin-left: 5px;
}

DIV#contents DIV.socialBtn {
    display: inline-block;
    margin: 0 5px;
    vertical-align: bottom;
    width: auto !important;
}

DIV#contents A.otherEntries {
    text-decoration: none;
}

DIV#contents A.otherEntries P {
    padding: 10px;
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    text-align: center;
}

DIV#contents A.otherEntries P:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    text-decoration: none;
}

BODY.cke_show_borders .image-left,
DIV#contents .image-left {
    float: left;
    margin: 0 20px 20px 0;
}

BODY.cke_show_borders .image-right,
DIV#contents .image-right {
    float: right;
    margin: 0 0 20px 20px;
}

BODY.cke_show_borders .image-center,
DIV#contents .image-center {
    text-align: center;
    display: block;
    margin: 0 auto 20px;
}


/* ==================== トップページ ==================== */

DIV#contents DIV#categoryTop {}

DIV#contents DIV#categoryTop DIV.topNews {}

DIV#contents DIV#categoryTop DIV.topLatestBlog {}

DIV#contents DIV#categoryTop DIV#topContents {}

DIV#contents
/*DIV#categoryTop */

DIV.topLatestBlogPhoto {}

DIV#contents
/*DIV#categoryTop */

DIV.topLatestBlogPhoto UL {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

DIV#contents
/*DIV#categoryTop */

DIV.topLatestBlogPhoto LI {
    float: left;
    margin: 0 20px 0 0;
    width: 220px;
    list-style: none;
    position: relative;
}

DIV#contents
/*DIV#categoryTop */

DIV.topLatestBlogPhoto LI.last {
    margin-right: 0px;
}

DIV#contents
/*DIV#categoryTop */

DIV.topLatestBlogPhoto LI a {
    /* スマホでタップ領域がおかしくなるので調整 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    /* ie用の調整 */
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )";
}

DIV#contents
/*DIV#categoryTop */

DIV.topLatestBlogPhoto LI a:hover {
    opacity: 0.3;
    filter: alpha(opacity=30);
    -ms-filter: "alpha( opacity=30 )";
}

DIV#contents
/*DIV#categoryTop */

DIV.topLatestBlogPhoto DIV.topLatestBlogPhotoImage {
    height: 220px;
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
    background: #f7f1da;
}

DIV#contents
/*DIV#categoryTop */

DIV.topLatestBlogPhoto DIV.topLatestBlogPhotoImage img {
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
}

DIV#contents
/*DIV#categoryTop */

DIV.topLatestBlogPhoto DIV.topLatestBlogPhotoImage .noimage {
    width: 50%;
}

DIV#contents
/*DIV#categoryTop */

DIV.topLatestBlogPhoto DIV.topLatestBlogPhotoTitle {
    margin-bottom: 20px;
}

DIV#contents DIV#categoryTop DIV.accessText {}

DIV#contents DIV#categoryTop TABLE.accessTable {
    width: 100%;
}

DIV#contents DIV#categoryTop DIV#googleMapsArea {
    margin-bottom: 10px;
    width: 100%;
    height: 450px;
}


/* ----- トップページNEWマーク ----- */


/* ★時間によってNEWマーク */

DIV#contents DIV.topLatestBlogPhotoImage span {
    display: none;
}

DIV#contents DIV.topLatestBlogPhotoImage span.new {
    font-size: 15px;
    font-weight: bold;
    left: -30px;
    line-height: 30px;
    text-align: center;
    top: 16px;
    width: 120px;
    position: absolute;
    text-align: center;
    background: #000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    font-family: 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
    color: #FFFFFF;
}

DIV#contents UL.date LI span {
    display: none;
}

DIV#contents UL.date LI span.new {
    color: #000;
    font-weight: bold;
    content: "NEW";
    padding-left: 0.5em;
    text-decoration: none;
}


/* ★時間によってNEWマーク End */


/* ★最新の1件だけNEWマーク
DIV.topLatestBlogPhoto LI:not(:first-child) .topLatestBlogPhotoImage span{
  display:none !important;
}
DIV.topLatestBlogPhoto LI:first-child:after{
  color: #000;
  font-weight: bold;
  content:"NEW";
  padding-left:0.5em;
  text-decoration:none;

  font-size: 15px;
  font-weight: bold;
  left: -30px;
  line-height: 30px;
  text-align: center;
  top: 16px;
  width: 120px;
  position: absolute;
  display: inline-block;
  text-align: center;
  background: #000;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  font-family: 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
  color:#FFFFFF;
}
DIV.topLatestBlog LI:first-child:after{
  color: #000;
  font-weight: bold;
  content:"NEW";
  padding-left:0.5em;
  text-decoration:none !important;
}
 ★最新の1件だけNEWマーク End*/


/* ----- トップページNEWマーク End----- */


/* 横幅超過 */

BODY.topPage DIV#secondArea {
    display: none;
}

BODY.topPage DIV#main,
BODY.topPage DIV#contents {
    width: 100%;
    padding: 0;
}

BODY.topPage DIV#contents {
    padding-top: 656px;
}


/* キャンペーン */

#top_campaign {
    padding: 60px 0 80px;
}

#contents .campaign_thumb {
    overflow: hidden;
    margin-bottom: 30px;
}

#contents .campaign_thumb .staffListTitleContainer {
    border-top: 2px solid #83353b;
    font-size: 16px;
    padding: 20px 0;
}

#contents .campaign_thumb .staffListImgContainer {
    float: left;
    width: 120px;
    height: 90px;
    margin: 0 0 15px;
}

#contents .campaign_thumb_time {
    display: block;
    box-sizing: border-box;
    float: right;
    width: 140px;
    border: 1px solid #83353b;
    text-align: center;
    padding: 10px;
    margin: 0 0 15px;
}

#contents .campaign_thumb_txt {
    display: block;
    clear: both;
    margin: 0 0 15px;
}

#contents .campaign_thumb_limit {
    display: block;
    clear: both;
    background: #f7f1da;
    padding: 10px 20px;
}


/* 極上の癒しで～ */

#top_intro {
    background: url(../images/top_bg_intro.jpg) repeat center top;
    padding: 85px 0 100px;
    text-align: center;
    position: relative;
}

#top_intro p {
    line-height: 300% !important;
}

.top_img_intro01 {
    position: absolute;
    top: 124px;
    right: 50%;
    margin-right: -561px;
}

.top_img_intro02 {
    position: absolute;
    top: 154px;
    left: 50%;
    margin-left: -627px;
}


/* Chiropractic ～ Body Treatment */

.top_menu {
    padding: 80px 0;
    border-bottom: 1px solid #c6abad;
    background-repeat: no-repeat;
    background-position: 50% 160px;
}

.top_menu:nth-child(odd) {
    background-position: calc(50% + 310px) 160px;
}

.top_menu:nth-child(even) {
    background-position: calc(50% - 310px) 160px;
}

.top_menu .column_wrapper {
    box-sizing: border-box;
    padding: 30px 0;
}

.top_menu .column_wrapper p {
    line-height: 200% !important;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 2px rgba(255, 255, 255, 1);
}

.top_bg_chiropractic {
    background-image: url(../images/top_bg_chiropractic.jpg);
}

.top_bg_bodycare {
    background-image: url(../images/top_bg_bodycare.jpg);
}

.top_bg_relaxation {
    background-image: url(../images/top_bg_relaxation.jpg);
}

.top_bg_bodytreatment {
    background-image: url(../images/top_bg_bodytreatment.jpg);
}

.top_bg_chiropractic .column_wrapper,
.top_bg_relaxation .column_wrapper,
.top_bg_bodytreatment .column_wrapper {
    padding-right: 440px !important;
}

.top_bg_bodycare .column_wrapper {
    padding-left: 440px !important;
}


/* Recommend */

#top_recommend {
    padding: 80px 0;
    text-align: center;
}

#top_recommend p {
    line-height: 270% !important;
}


/* お客様例 */

#top_case {
    margin-bottom: 80px;
}

#contents .top_case_flow {
    margin: 0;
    padding: 0 20px;
    list-style: none;
    overflow: hidden;
}

#contents .top_case_flow li {
    float: left;
    width: 260px;
    margin: 0 70px 30px 0;
    position: relative;
}

#contents .top_case_flow li:after {
    content: "";
    position: absolute;
    top: 20px;
    right: -45px;
    display: block;
    width: 16px;
    height: 26px;
    background: url(../images/top_arrow_case.png) no-repeat center center;
}

#contents .top_case_flow li li:after {
    background: none;
}

#contents .top_case_flow li:nth-child(3n) {
    margin-right: 0;
}

#contents .top_case_flow li:nth-child(3n):after,
#contents .top_case_flow li.last:after {
    display: none;
}

#contents .top_case_flow li:nth-child(3n + 1) {
    clear: both;
}

#contents .top_case_flow li img {
    margin-bottom: 10px;
}

#contents .top_case_flow li p {
    font-size: 13px !important;
}


/* Salon Information */

#top_about {
    border-top: 1px solid #c6abad;
    padding: 80px 0 60px;
}

.top_about_inner {
    background: url(../images/top_bg_about.jpg) no-repeat center center / cover;
    padding: 100px 0;
    text-align: center;
}

.top_about_inner .box_txt {
    display: inline-block;
    padding: 60px;
    background: url(../images/bg_pattern01.png) repeat top center;
}

.top_about_inner .box_txt dl {
    overflow: hidden;
    margin: 0 0 50px;
    padding: 0;
    text-align: left;
}

.top_about_inner .box_txt dt {
    float: left;
    width: 5em;
    margin: 0;
    padding: 0;
    line-height: 200%;
    clear: both;
}

.top_about_inner .box_txt dd {
    margin: 0 0 0 6em;
    padding: 0;
    line-height: 200%;
}


/* ニュース＆トピックス・スタッフブログ */

#contents .topLatestBlogPhoto.topBlog {
    width: 440px;
}

#contents .topLatestBlogPhoto.topBlog ul {
    margin-bottom: 40px;
}

#contents .topLatestBlogPhoto.topBlog li {
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
}

#contents .topLatestBlogPhoto.topBlog .topLatestBlogPhotoImage {
    float: left;
    width: 150px;
    height: 110px;
    margin: 0;
}

#contents .topLatestBlogPhoto.topBlog .topLatestBlogPhotoTitle {
    float: right;
    width: 260px;
    line-height: 200%;
    margin: 0;
}


/* ==================== 企業情報 ==================== */

DIV#contents DIV#categoryCompany {}

DIV#contents DIV#categoryCompany DIV.accessText {}

DIV#contents DIV#categoryCompany TABLE.accessTable {
    width: 100%;
}

DIV#contents DIV#categoryCompany DIV#googleMapsArea {
    margin-bottom: 10px;
    width: 100%;
    height: 450px;
}


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

DIV#contents DIV#categoryPrivacyPolicy {}


/* ==================== お問い合せ ==================== */

DIV#contents DIV#categoryInquiry {}

DIV#contents DIV#categoryInquiry TH {}

DIV#contents DIV#categoryInquiry .formErrorBg {
    background-color: #FFDDDD;
}

DIV#contents DIV#categoryInquiry #cancelBtn {
    margin-right: 10px;
}

DIV#contents DIV#categoryInquiry #mainErrorMsg .caution {
    display: block;
    margin-bottom: 10px;
}

#categoryInquiry input[type=button] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #742329;
    color: #fff;
    border: none;
    font-size: medium;
    font-weight: bold;
    text-align: center;
    padding: 10px 60px;
    cursor: pointer;
}

.textLong,
.textMeduium {
    width: 360px;
}


/* ==================== カスタムページ・カテゴリーページ ==================== */

DIV#contents DIV#categoryCustom {}


/* ------ 運営店舗 ------ */

#contents .salon_thumb td,
#contents .salon_thumb th {
    font-size: 13px;
}

#contents .salon_thumb th {
    width: 5em;
}


/* ==================== フリーページ ==================== */

DIV#contents DIV#categoryFree {}


/* ------ せのがわ ------ */

#contents .senogawa_time th,
#contents .senogawa_time td {
    width: auto;
    text-align: center;
}

#contents .senogawa_price th {
    width: auto;
}

#contents .senogawa_price td {
    text-align: right;
}

.photo_area.senogawa_photo img {
    bottom: -100px;
}


/* ------ 料金表 ------ */

#contents .price_list th {
    width: auto;
    padding: 15px;
}

#contents .price_list th strong {
    color: #742329;
    font-size: 18px;
}

#contents .price_list td {
    width: 5em;
    text-align: center;
    padding: 15px;
}


/* ------ コンセプト ------ */

.concept_intro {
    position: relative;
    margin: 0 0 50px;
    padding: 0 285px;
}

.concept_intro p {
    font-size: 16px;
    line-height: 200% !important;
}

.concept_intro_img01 {
    position: absolute;
    top: 0;
    right: 0;
}

.concept_intro_img02 {
    position: absolute;
    bottom: 0;
    left: -70px;
}


/* ==================== デュプリケートページ ==================== */

DIV#contents DIV#categoryDuplicate {}


/* ==================== ブログページ ==================== */

DIV#contents DIV#categoryBlog {}


/* ----- 写真＋タイトル ----- */

DIV#contents DIV.blog_page_photo {
    float: left;
    margin: 0 20px 10px 0;
    width: 220px;
    list-style: none;
    position: relative;
}

DIV#contents DIV.blog_page_custom DIV.blog_page_photo:nth-child(3n) {
    margin-right: 0px;
}

DIV#contents DIV.blog_page_photo a {
    /* スマホでタップ領域がおかしくなるので調整 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    /* ie用の調整 */
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )";
}

DIV#contents DIV.blog_page_photo a:hover {
    opacity: 0.3;
    filter: alpha(opacity=30);
    -ms-filter: "alpha( opacity=30 )";
}

DIV#contents DIV.blog_page_photo DIV.blog_page_photo_image {
    height: 220px;
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
    background: #dddddd;
}

DIV#contents DIV.blog_page_photo DIV.blog_page_photo_image img {
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
}

DIV#contents DIV.blog_page_photo DIV.blog_page_photo_image .noimage {
    width: 80%;
}

DIV#contents DIV.blog_page_photo DIV.blog_page_photo_title {
    margin-bottom: 20px;
    font-size: small;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}


/* ----- 写真＋タイトル＋本文途中まで ----- */

#contents .blog_thumb {
    margin: 0 0 0 0;
    padding: 20px 0 20px 0;
    border-top: 2px solid #eeeeee;
}

#contents .blog_thumb_img {
    float: left;
    width: 220px;
    height: 220px;
    position: relative;
    overflow: hidden;
    background: #eeeeee;
}

#contents .blog_thumb_img a {
    display: block;
    width: 220px;
    height: 220px;
}

#contents .blog_thumb_img a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
}

#contents .blog_thumb_img img {
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
}

#contents .blog_thumb_img .noimage {
    width: 80%;
    max-width: 134px;
}

#contents .blog_thumb_txt {
    float: right;
    width: 460px;
}

#contents .blog_thumb_txt .title2 {
    background: none;
    border: none;
    padding: 0;
}

#contents .blog_thumb_day {
    margin: 5px 0 10px 0 !important;
}

#contents .blog_thumb_day span {
    vertical-align: top;
}

#contents .blog_thumb_txt .btn {
    margin: 0;
    text-align: right;
}


/* ==================== お買い物ページ ==================== */

DIV#contents DIV#categoryShop {}

DIV#contents DIV#categoryShop DIV.shopSubImg {
    margin-bottom: 15px;
}

DIV#contents DIV#categoryShop DIV.shopMainImg IMG {
    margin-bottom: 15px;
}

DIV#contents DIV#categoryShop DIV.shopSubImg IMG {
    margin: 3px;
}


/* ==================== 事例集ページ ==================== */

DIV#contents DIV#categoryCase {}


/* トップページ ・ デザインコンセプト */

DIV#contents DIV.caseDesignEntry {}

DIV#contents IMG.caseDesignEntryImg {
    float: left;
    margin-bottom: 10px;
}

DIV#contents DIV.caseDesignEntryText {
    float: right;
    width: 440px;
}

DIV#contents P.caseDesignEntryLink {
    text-align: right;
}


/* デザインコンセプト */

DIV#contents DIV#categoryCase DIV.caseDesignGallary {
    margin-bottom: 8px;
}

DIV#contents DIV#categoryCase DIV.caseDesignGallary IMG {
    margin: 0px 7px 7px 0px;
}


/* ==================== 事例集（施工前後）ページ ==================== */

DIV#contents DIV#categoryCaseBA {}


/* { パターン1 一覧ページ表示 */

DIV#contents DIV.caseBADesignEntry {}

DIV#contents IMG.caseBADesignEntryImg {
    float: left;
    margin-bottom: 10px;
}

DIV#contents DIV.caseBADesignEntryText {
    margin-left: 270px;
}

DIV#contents P.caseBADesignEntryLink {
    text-align: right;
}


/* パターン1 一覧ページ表示 } */


/* { パターン3 一覧ページ表示
DIV#contents DIV.caseBADesignEntry{}
DIV#contents IMG.caseBADesignEntryImg{
  float:left;
  margin-bottom:10px;
}
DIV#contents DIV.caseBADesignEntryText{
  margin-left:170px;
}
DIV#contents P.caseBADesignEntryLink{
  text-align:right;
}
 パターン3 一覧ページ表示 } */


/* { パターン1詳細表示・パターン2一覧ページ＆詳細表示 */

DIV#ctable_ba {
    background-color: #e9e9e9;
    margin-bottom: 20px;
}

DIV#ctable_ba TABLE {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

DIV#ctable_ba TABLE TD {
    padding: 0px;
    border: none;
    text-align: center;
}

DIV#ctable_ba TABLE TD.photo {
    padding: 10px;
}

DIV#ctable_ba TABLE TD.text {
    padding: 0px 10px 10px 10px;
}

DIV#ctable_ba2 {
    width: 100%;
    background-color: #e9e9e9;
    text-align: center;
    padding: 10px;
    margin-bottom: 20px;
    font-size: small;
}

DIV#ctable_ba2 img {
    margin-bottom: 10px;
}


/* パターン1詳細表示・パターン2一覧ページ＆詳細表示 } */


/* { パターン3 詳細表示
DIV#contents DIV.caseMainPhoto{
  background-image:url(../images/gallery_mainbg.gif);
  background-position:top left;
  background-repeat:repeat;
  background-color:#e9e9e9;
  padding:9px;
  text-align:center;
  margin-bottom:30px;
}
DIV#contents DIV.caseMainPhoto IMG{
  border:1px solid #ffffff;
}
 パターン3 詳細表示 } */


/* 全パターン共通 */

DIV#contents DIV#categoryCaseBA {
    margin-bottom: 30px;
}

DIV#contents DIV#categoryCaseBA DIV.caseDesignGallary {
    margin-bottom: 8px;
}

DIV#contents DIV#categoryCaseBA DIV.caseDesignGallary DIV {
    padding: 0px 5px 5px 0px;
    float: left;
    width: 137px;
    height: 137px;
}

DIV#contents DIV#categoryCaseBA DIV.caseDesignGallary A {
    width: 135px;
    height: 135px;
    display: block;
    border: 1px solid #cccccc;
    background-color: #FFFFFF;
}

DIV#contents DIV#categoryCaseBA DIV.caseDesignGallary span {
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 135px;
    width: 135px;
}


/* ==================== ギャラリー & ギャラリーライトボックス & スタッフ ページ ==================== */

.galleryCatContainerWrap,
.staffCatContainerWrap,
.galleryLightCatContainerWrap {
    margin-left: -30px;
    margin-right: -30px;
}

DIV#contents DIV.galleryCatContainer,
DIV#contents DIV.staffCatContainer,
DIV#contents DIV.galleryLightCatContainer {
    padding-right: 30px;
    padding-left: 30px;
    margin-bottom: 30px;
}

DIV#contents P.galleryListContainer,
DIV#contents P.staffListContainer {
    position: relative;
}

DIV#contents P.galleryListContainer_light {
    margin-bottom: 5px;
    position: relative;
}

DIV#contents DIV.galleryCatContainer .title2,
DIV#contents DIV.staffCatContainer .title2 {}

DIV#contents P.galleryListContainer A,
DIV#contents P.staffListContainer A,
DIV#contents P.galleryListContainer_light A.galleryListImgContainer_lightA {
    /* スマホでタップ領域がおかしくなるので調整 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    /* ie用の調整 */
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )";
}

DIV#contents P.galleryListContainer A:hover,
DIV#contents P.galleryListContainer_light a:hover,
DIV#contents P.staffListContainer A:hover {
    opacity: 0.3;
    filter: alpha(opacity=30);
    -ms-filter: "alpha( opacity=30 )";
}

DIV#contents P.galleryListContainer A,
DIV#contents P.galleryListContainer A:visited,
DIV#contents P.galleryListContainer_light A.galleryListImgContainer_lightA,
DIV#contents P.galleryListContainer_light A.galleryListImgContainer_lightA:visited,
DIV#contents P.staffListContainer A,
DIV#contents P.staffListContainer A:visited {
    text-decoration: none;
}

DIV#contents P.galleryListContainer_light SPAN.galleryListContainer_lightSocialLink {
    display: block;
    text-align: left;
    margin: 5px 0 0;
}

DIV#contents .galleryListImgContainer,
DIV#contents .staffListImgContainer,
DIV#contents .galleryListImgContainer_light {
    background: #f7f1da;
    height: 280px;
    position: relative;
    overflow: hidden;
    display: block;
}

DIV#contents .galleryListImgContainer img,
DIV#contents .staffListImgContainer img,
DIV#contents .galleryListImgContainer_light img {
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
}

DIV#contents .galleryListImgContainer .noimage,
DIV#contents .staffListImgContainer .noimage,
DIV#contents .galleryListImgContainer_light .noimage,
DIV#contents .logoEnpty .noimage {
    width: 40%;
}

DIV#contents SPAN.galleryListTitleContainer {
    display: block;
    font-size: small;
    line-height: 150%;
    margin: 5px 0 0;
}

DIV#contents SPAN.galleryListTitleContainer_text {
    display: block;
    font-size: x-small;
    line-height: 150%;
    margin: 5px 0 0;
}

DIV#contents SPAN.galleryListTitleContainer,
DIV#contents SPAN.staffListTitleContainer {
    padding-top: 8px;
    display: block;
}

DIV#contents DIV.galleryCatContainer SPAN.galleryListTitleContainer,
DIV#contents DIV.staffCatContainer SPAN.staffListTitleContainer {}

DIV#contents DIV#galleryImageAndText,
DIV#contents DIV#staffImageAndText {
    margin-bottom: 15px;
}

DIV#contents DIV.galleryThumb {
    margin-left: -2px;
    margin-right: -2px;
    margin-bottom: 5px;
}

DIV#contents DIV.galleryThumb .galleryThumbCont {
    width: 12.5%;
    min-height: 1px;
    float: left;
    padding-left: 2px;
    padding-right: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

DIV#contents DIV.galleryThumb .gallery_thumb_cont_inner {
    position: relative;
    overflow: hidden;
    height: 44px;
}

DIV#contents DIV.galleryThumb img {
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
}

DIV#contents DIV.galleryThumb .galleryThumbCont A {
    /*スマホでタップ領域がおかしくなるので調整*/
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    /*ie用の調整*/
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )";
}

DIV#contents DIV.galleryThumb .galleryThumbCont A:hover {
    opacity: 0.3;
    filter: alpha(opacity=30);
    -ms-filter: "alpha( opacity=30 )";
}

DIV#contents DIV#galleryImage,
DIV#contents DIV#staffImage {
    float: left;
    width: 40%;
}

DIV#contents DIV#galleryMainImage,
DIV#contents DIV#galleryMainImageFade,
DIV#contents DIV#staffMainImage {
    margin-bottom: 10px;
}

DIV#contents DIV#galleryMainImageFade {
    position: relative;
}

DIV#contents DIV#galleryMainImage {
    display: none;
}

DIV#contents DIV#galleryText,
DIV#contents DIV#staffText {
    float: right;
    width: 57%;
}

DIV#contents TABLE.galleryDetail,
DIV#contents TABLE.staffDetail {
    width: 100%;
}

DIV#contents TABLE.galleryDetail TH,
DIV#contents TABLE.galleryDetail TD,
DIV#contents TABLE.staffDetail TH,
DIV#contents TABLE.staffDetail TD {
    border-left: none;
    border-right: none;
}

DIV#contents TABLE.galleryDetail TH,
DIV#contents TABLE.staffDetail TH,
DIV#contents TABLE.galleryDetail SPAN.galleryTabletitle,
DIV#contents TABLE.staffDetail SPAN.staffTabletitle {
    background: none;
    font-weight: bold;
    width: 38%;
}

DIV#contents TABLE.galleryDetail TD,
DIV#contents TABLE.staffDetail TD {}

DIV#contents DEL.galleryTypeDel {
    text-decoration: none;
    color: #CCCCCC;
}

DIV#contents TABLE.galleryDetail TD img {}


/* 2,3,4,5,6,8カラム以外*/

DIV#contents .col-lg-galleryColumn,
DIV#contents .col-lg-staffColumn,
DIV#contents .col-lg-galleryLightColumn {
    float: left;
    position: relative;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}


/* 顔タイプ */

.galleryDetail svg {
    transform: translate(0, 0)
}

.facetype {
    width: 52px;
    height: 70px;
    fill: #e8e8e8;
}

.facetype.face_on {
    fill: #e58f81;
}

.face_on .face_txt {
    fill: #000;
}

.type_check {
    color: #eee;
}

.type_check svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.type_check_mark {
    fill: rgba(0, 0, 0, 0);
}

.type_checked .type_check_mark {
    fill: rgba(229, 80, 65, 1);
}

.type_check.type_checked {
    color: #000;
}


/* カテゴリリスト */

DIV#contents ul.categoryList {
    padding: 0;
}

.categoryList li {
    list-style: outside none none;
    display: inline-block;
}

.categoryList .normal {
    border: #ccc solid 1px;
    margin-bottom: 10px;
    background: #fff;
    text-decoration: none;
    margin: 0px 5px 10px 0px;
    padding: 5px 20px;
    display: inline-block;
}

.categoryList li a {
    border: #83353b solid 1px;
    margin-bottom: 10px;
    background: #fff;
    text-decoration: none;
    margin: 0px 5px 10px 0px;
    padding: 5px 20px;
    display: inline-block;
}

.categoryList li a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}


/* 画像付きカテゴリ一覧 */

#contents .categoryTopList li div span:before {
    color: #333;
}


/* ブログ吐き出し */

#contents .categoryTopList li span.logoEnpty {
    background-color: #eee;
}


/* ブログ吐き出しタイトル */

#contents .categoryTopList .title2 {}


/* 下層ページ */

#contents .categoryTopList {
    margin-bottom: 20px;
    padding: 0;
}

#contents .categoryTopList li {
    border-bottom: 1px solid #ddd;
    width: 100%;
    list-style-type: none;
}

#contents .categoryTopList li a {
    display: block;
    max-width: 940px;
    padding: 10px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

#contents .categoryTopList li a i.fa-angle-right {
    position: absolute;
    top: 50% !important;
    right: 4%;
    margin-top: -9px;
}

#contents .categoryTopList li img,
#contents .categoryTopList li span.logoEnpty {
    background: #dddddd none repeat scroll 0 0;
    overflow: hidden;
    position: relative;
    float: left;
    width: 25%;
    height: auto;
}

#contents .categoryTopList li span.logoEnpty {
    min-height: 170px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60px auto;
}


/* ロゴセンター表示 */

#contents .categoryTopList li span.logoEnpty .noimage {
    width: 80%;
}

#contents .categoryTopList li span.logoEnpty img {
    bottom: -100%;
    left: -100%;
    margin: auto;
    position: absolute;
    right: -100%;
    top: -100%;
}

#contents .categoryTopList li div {
    float: right;
    margin: 0;
    padding: 0 5% 0 0;
    width: 65%;
}

#contents .categoryTopList .title2 {
    background: none;
    padding: 0;
}

#contents .categoryTopList li div span:before {
    display: inline-block;
    font-size: 14px;
    padding: 0 5px 0 0;
}


/* ==================== フォトギャラリー ページ ==================== */


/* ===== サイドカラムを使用しない場合 ===== */


/* コンテンツの最大幅 */

BODY.photoDetail DIV#contents {
    width: 960px;
}

BODY.photoDetail DIV#contents .title1 {
    background-image: url(../images/h2_bg_nocolumn.gif);
}

BODY.photoDetail DIV#contents .title2 {
    background-image: url(../images/h3_bg_nocolumn.gif);
}

BODY.photoDetail DIV#contents DIV#gallery DIV#controls {
    font-size: small;
}


/* メイン画像表示枠の幅 */

BODY.photoDetail DIV#contents DIV.content,
BODY.photoDetail DIV#contents DIV.loader,
BODY.photoDetail DIV#contents DIV.slideshow a.advance-link,
BODY.photoDetail DIV#contents SPAN.image-caption {
    width: 450px;
}


/* メイン画像表示枠の高さ */

BODY.photoDetail DIV#contents DIV.slideshow-container,
BODY.photoDetail DIV#contents DIV.loader,
BODY.photoDetail DIV#contents DIV.slideshow a.advance-link {
    height: 450px;
}

BODY.photoDetail DIV#contents DIV.slideshow a.advance-link {
    line-height: 450px;
}


/* サムネイルサイズ */

BODY.photoDetail DIV#contents a.thumb {
    width: 87px;
    height: 87px;
}

BODY.photoDetail DIV#contents ul.thumbs li a.thumb {
    border: 1px solid #CCCCCC;
}

BODY.photoDetail DIV#contents ul.thumbs li.selected a.thumb {
    border: 1px solid #999999;
}


/* ==================== クーポン ページ ==================== */

.coupon_waku {
    border: 1px solid #666666;
    background-color: #e8e8e8;
    width: 100%;
    margin: 0 auto 10px auto;
}

.coupon_menu {
    width: 40%;
    float: left;
}

div#contents .coupon_title {
    font-weight: bold;
    color: red;
    text-align: left;
    letter-spacing: 1px;
    line-height: 110%;
    padding: 15px;
    background: none;
}

.coupon_detail {
    float: right;
    background-color: white;
    width: 60%;
    text-align: left;
    font-size: 12px;
    padding-bottom: 10px;
}

.coupon_detail DL {
    display: block;
    margin: 10px;
}

.coupon_detail DT,
.coupon_detail DD {
    display: block;
}

.coupon_detail DT {
    float: left;
    width: 27%;
}

.coupon_detail DD {
    float: right;
    width: 73%;
}

.coupon_input {
    background-color: white;
    border-top: 1px solid #eeeeee;
    padding: 10px;
}

div#contents TABLE.coupon_inp_tbl {
    width: 100%;
    border-collapse: collapse;
    background-color: white;
}

div#contents TABLE.coupon_inp_tbl TD,
div#contents TABLE.coupon_inp_tbl TH {
    border: none;
    border-bottom: 1px solid black;
}


/* ==================== フリー2 ページ ==================== */

.free2_imgR {
    float: right;
    width: 240px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.free2_imgL {
    float: left;
    width: 240px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.free2_txt_s {
    width: 305px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.free2_txt {}

.free2_sub_img {
    background-color: #efefef;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
}

.free2_sub_img img {
    border: 2px solid #eeeeee;
    margin: 0 2px;
    height: 60px;
}

img {
    -ms-interpolation-mode: bicubic;
}


/* ==================== Q&A 画像==================== */


/*
DIV#contents DIV.qa .title2.qa_ttl,
DIV#contents DIV.qa .title3.qa_ttl {
  text-align: left;
  padding: 12px 40px 11px 40px;
  background: #EDEDED url(/qa/images/q_bg.png) no-repeat 10px 8px;
  margin-bottom: 10px;
  display: block;
  cursor: pointer;
  position: relative;
  color: #000000;
}
DIV#contents DIV.qa .title2.qa_ttl:hover,
DIV#contents DIV.qa .title3.qa_ttl:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  text-decoration: none;
}
DIV#contents DIV.qa .title2.qa_ttl::after,
DIV#contents DIV.qa .title3.qa_ttl::after {
  position: absolute;
  content: "";
  background: url(../images/qa_arrow.png) bottom center no-repeat !important;
  display: block;
  width: 20px;
  height: 8px;
  right: 15px;
  top: 50%;
  margin-top: -4px;
}
DIV#contents DIV.qa .title2.qa_ttl.active::after,
DIV#contents DIV.qa .title3.qa_ttl.active::after {
  background: url(../images/qa_arrow.png) top center no-repeat !important;
}
DIV#contents DIV.qa DIV.entryBody {
  margin: 0px;
  padding: 0px 0px 15px 40px;
  background-image: url(/qa/images/a_bg.png);
  background-repeat: no-repeat;
  background-position: 10px top;
}
.accordion .entryBody {
  display: none;
}
*/


/* ==================== Q&A テキスト ==================== */


/**/

DIV#contents DIV.qa .title2.qa_ttl,
DIV#contents DIV.qa .title3.qa_ttl {
    background: #EDEDED;
    text-align: left;
    padding: 12px 40px 11px 40px;
    margin-bottom: 10px;
    display: block;
    cursor: pointer;
    position: relative;
    color: #000000;
}

DIV#contents DIV.qa .title2.qa_ttl:hover,
DIV#contents DIV.qa .title3.qa_ttl:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    text-decoration: none;
}

DIV#contents DIV.qa .title2.qa_ttl::before,
DIV#contents DIV.qa .title3.qa_ttl::before {
    position: absolute;
    content: "Q";
    font-size: 28px;
    top: 50%;
    margin-top: -0.5em;
    left: 10px;
    line-height: 1;
    font-weight: bold;
}

DIV#contents DIV.qa .title2.qa_ttl::after,
DIV#contents DIV.qa .title3.qa_ttl::after {
    position: absolute;
    content: "";
    right: 20px;
    top: 50%;
    margin-top: -4px;
    width: 6px;
    height: 6px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

DIV#contents DIV.qa .title2.qa_ttl.active::after,
DIV#contents DIV.qa .title3.qa_ttl.active::after {
    border-right: none;
    border-bottom: none;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -1px;
}

DIV#contents DIV.qa DIV.entryBody {
    margin: 0px;
    padding: 0px 0px 15px 40px;
    background-repeat: no-repeat;
    background-position: 10px top;
    position: relative;
}

DIV#contents DIV.qa DIV.entryBody::before {
    position: absolute;
    content: "A";
    font-size: 28px;
    top: 3px;
    left: 12px;
    font-weight: bold;
    line-height: 1;
}

.accordion .entryBody {
    display: none;
}


/* ==================== お客様の声 ==================== */

DIV#contents DIV.imgAndTextImg {
    float: left;
    width: 250px;
    font-size: 11px;
    margin-bottom: 20px;
}

DIV#contents DIV.imgAndTextImg IMG {
    margin-bottom: 5px;
}

DIV#contents DIV.imgAndTextText {
    float: right;
    width: 690px;
    margin-bottom: 20px;
}


/* ====================  ギャラリー Grid-A-Licious ==================== */

#contents #device {
    margin: 0 -20px;
    /*グリッドの間の余白分マイナスする*/
}

#contents .item {
    font-size: small;
    line-height: 150%;
}

#contents .item_img {
    margin-bottom: 10px;
}

#contents .item_noimage {
    height: 210px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    background: #fff;
}

#contents .item_noimage img {
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
    width: 80% !important;
}

#contents a:hover .item_img,
#contents a:hover .item_noimage {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}


/* ==================== facebook/twitter ==================== */

DIV#tabSwitchContents {
    margin: 0px;
    padding: 5px;
    min-height: 300px;
    background-color: #F5F5F5;
}

SPAN.tabSwitchOn,
SPAN.tabSwitchOff {
    display: block;
    float: left;
    margin: 0px 5px 0px 0px;
    padding: 10px 10px 10px 10px;
    width: 80px;
    height: 14px;
    background-image: url(../images/social_tab.png);
    background-repeat: no-repeat;
    background-position: top-left;
    font-size: 13px;
    font-weight: bold;
}

SPAN.tabSwitchOn {
    cursor: auto;
    color: #FFFFFF;
}

SPAN.tabSwitchOff {
    cursor: pointer;
    text-decoration: underline;
    color: #99EEEE;
}


/* ==================== スマートフォンへのリンク ==================== */

DIV.linkToSmartPhone P {
    margin: 0px;
    padding: 10px;
    background-color: #3399ff;
    text-align: center;
    font-weight: bold;
    font-size: x-large;
    color: #FFFFFF;
}


/* ==================== Safari 5.1 以降で lightbox の next ボタンの不具合を修正 ==================== */

#lightbox IMG {
    vertical-align: middle;
}


/* ==================== clearfix ==================== */

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}


/*IE6,7対策 （haslayout対策）*/

.cf {
    *zoom: 1;
}


/* ==================== 共通装飾 ==================== */

BODY.cke_show_borders .ul01,
DIV#contents .ul01 {
    padding-left: 10px;
}

BODY.cke_show_borders .ul01 li,
DIV#contents .ul01 li {
    list-style: none;
    padding: 0 0 5px 12px;
    position: relative;
}

BODY.cke_show_borders .ul01 li::before,
DIV#contents .ul01 li::before {
    content: "\f0da";
    font-family: fontawesome;
    font-size: 12px;
    position: absolute;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    top: 0;
    left: 0;
}


/* ==================== grid ==================== */

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2-4,
.col-lg-1-5 {
    float: left;
    position: relative;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.col-lg-12 {
    width: 100%;
}

.col-lg-11 {
    width: 91.66666667%;
}

.col-lg-10 {
    width: 83.33333333%;
}

.col-lg-9 {
    width: 75%;
}

.col-lg-8 {
    width: 66.66666667%;
}

.col-lg-7 {
    width: 58.33333333%;
}

.col-lg-6 {
    width: 50%;
}

.col-lg-5 {
    width: 41.66666667%;
}

.col-lg-4 {
    width: 33.33333333%;
}

.col-lg-3 {
    width: 25%;
}

.col-lg-2 {
    width: 16.66666667%;
}

.col-lg-1 {
    width: 8.33333333%;
}


/*5カラム*/

.col-lg-2-4 {
    width: 20%;
}


/*8カラム*/

.col-lg-1-5 {
    width: 12.5%;
}

.col-lg-pull-11 {
    right: 91.66666667%;
}

.col-lg-pull-10 {
    right: 83.33333333%;
}

.col-lg-pull-9 {
    right: 75%;
}

.col-lg-pull-8 {
    right: 66.66666667%;
}

.col-lg-pull-7 {
    right: 58.33333333%;
}

.col-lg-pull-6 {
    right: 50%;
}

.col-lg-pull-5 {
    right: 41.66666667%;
}

.col-lg-pull-4 {
    right: 33.33333333%;
}

.col-lg-pull-3 {
    right: 25%;
}

.col-lg-pull-2 {
    right: 16.66666667%;
}

.col-lg-pull-1 {
    right: 8.33333333%;
}

.col-lg-pull-0 {
    right: auto;
}


/*5カラム*/

.col-lg-pull-2-4 {
    right: 20%;
}


/*8カラム*/

.col-lg-pull-1-5 {
    right: 12.5%;
}

.col-lg-push-12 {
    left: 100%;
}

.col-lg-push-11 {
    left: 91.66666667%;
}

.col-lg-push-10 {
    left: 83.33333333%;
}

.col-lg-push-9 {
    left: 75%;
}

.col-lg-push-8 {
    left: 66.66666667%;
}

.col-lg-push-7 {
    left: 58.33333333%;
}

.col-lg-push-6 {
    left: 50%;
}

.col-lg-push-5 {
    left: 41.66666667%;
}

.col-lg-push-4 {
    left: 33.33333333%;
}

.col-lg-push-3 {
    left: 25%;
}

.col-lg-push-2 {
    left: 16.66666667%;
}

.col-lg-push-1 {
    left: 8.33333333%;
}

.col-lg-push-0 {
    left: auto;
}


/*5カラム*/

.col-lg-push-2-4 {
    left: 20%;
}


/*8カラム*/

.col-lg-push-1-5 {
    left: 12.5%;
}

.col-lg-offset-12 {
    margin-left: 100%;
}

.col-lg-offset-11 {
    margin-left: 91.66666667%;
}

.col-lg-offset-10 {
    margin-left: 83.33333333%;
}

.col-lg-offset-9 {
    margin-left: 75%;
}

.col-lg-offset-8 {
    margin-left: 66.66666667%;
}

.col-lg-offset-7 {
    margin-left: 58.33333333%;
}

.col-lg-offset-6 {
    margin-left: 50%;
}

.col-lg-offset-5 {
    margin-left: 41.66666667%;
}

.col-lg-offset-4 {
    margin-left: 33.33333333%;
}

.col-lg-offset-3 {
    margin-left: 25%;
}

.col-lg-offset-2 {
    margin-left: 16.66666667%;
}

.col-lg-offset-1 {
    margin-left: 8.33333333%;
}

.col-lg-offset-0 {
    margin-left: 0;
}


/*5カラム*/

.col-lg-offset-2-4 {
    margin-left: 20%;
}


/*8カラム*/

.col-lg-offset-1-5 {
    margin-left: 12.5%;
}


/* ==================== 余白 ==================== */

.row-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.row-0>div {
    padding-right: 0px;
    padding-left: 0px;
}

.row-10 {
    margin-left: -5px;
    margin-right: -5px;
}

.row-10>div {
    padding-right: 5px;
    padding-left: 5px;
}

.row-20 {
    margin-left: -10px;
    margin-right: -10px;
}

.row-20>div {
    padding-right: 10px;
    padding-left: 10px;
}

.row-30 {
    margin-left: -15px;
    margin-right: -15px;
}

.row-30>div {
    padding-right: 15px;
    padding-left: 15px;
}

.row-40 {
    margin-left: -20px;
    margin-right: -20px;
}

.row-40>div {
    padding-right: 20px;
    padding-left: 20px;
}


/* ==================== 汎用デフォルト設定 ==================== */


/* ------ margin ------ */

.m_A {
    margin: 0 auto !important;
}

.mt_0 {
    margin-top: 0 !important;
}

.mt_5 {
    margin-top: 5px !important;
}

.mt_10 {
    margin-top: 10px !important;
}

.mt_15 {
    margin-top: 15px !important;
}

.mt_20 {
    margin-top: 20px !important;
}

.mt_25 {
    margin-top: 25px !important;
}

.mt_30 {
    margin-top: 30px !important;
}

.mt_35 {
    margin-top: 35px !important;
}

.mt_40 {
    margin-top: 40px !important;
}

.mt_45 {
    margin-top: 45px !important;
}

.mt_50 {
    margin-top: 50px !important;
}

.mt_55 {
    margin-top: 55px !important;
}

.mt_60 {
    margin-top: 60px !important;
}

.mt_65 {
    margin-top: 65px !important;
}

.mt_70 {
    margin-top: 70px !important;
}

.mt_75 {
    margin-top: 75px !important;
}

.mt_80 {
    margin-top: 80px !important;
}

.mt_85 {
    margin-top: 85px !important;
}

.mt_90 {
    margin-top: 90px !important;
}

.mt_95 {
    margin-top: 95px !important;
}

.mt_100 {
    margin-top: 100px !important;
}

.mr_0 {
    margin-right: 0 !important;
}

.mr_5 {
    margin-right: 5px !important;
}

.mr_10 {
    margin-right: 10px !important;
}

.mr_15 {
    margin-right: 15px !important;
}

.mr_20 {
    margin-right: 20px !important;
}

.mr_25 {
    margin-right: 25px !important;
}

.mr_30 {
    margin-right: 30px !important;
}

.mr_35 {
    margin-right: 35px !important;
}

.mr_40 {
    margin-right: 40px !important;
}

.mr_45 {
    margin-right: 45px !important;
}

.mr_50 {
    margin-right: 50px !important;
}

.mr_55 {
    margin-right: 55px !important;
}

.mr_60 {
    margin-right: 60px !important;
}

.mr_65 {
    margin-right: 65px !important;
}

.mr_70 {
    margin-right: 70px !important;
}

.mr_75 {
    margin-right: 75px !important;
}

.mr_80 {
    margin-right: 80px !important;
}

.mr_85 {
    margin-right: 85px !important;
}

.mr_90 {
    margin-right: 90px !important;
}

.mr_95 {
    margin-right: 95px !important;
}

.mr_100 {
    margin-right: 100px !important;
}

.mb_0 {
    margin-bottom: 0 !important;
}

.mb_5 {
    margin-bottom: 5px !important;
}

.mb_10 {
    margin-bottom: 10px !important;
}

.mb_15 {
    margin-bottom: 15px !important;
}

.mb_20 {
    margin-bottom: 20px !important;
}

.mb_25 {
    margin-bottom: 25px !important;
}

.mb_30 {
    margin-bottom: 30px !important;
}

.mb_35 {
    margin-bottom: 35px !important;
}

.mb_40 {
    margin-bottom: 40px !important;
}

.mb_45 {
    margin-bottom: 45px !important;
}

.mb_50 {
    margin-bottom: 50px !important;
}

.mb_55 {
    margin-bottom: 55px !important;
}

.mb_60 {
    margin-bottom: 60px !important;
}

.mb_65 {
    margin-bottom: 65px !important;
}

.mb_70 {
    margin-bottom: 70px !important;
}

.mb_75 {
    margin-bottom: 75px !important;
}

.mb_80 {
    margin-bottom: 80px !important;
}

.mb_85 {
    margin-bottom: 85px !important;
}

.mb_90 {
    margin-bottom: 90px !important;
}

.mb_95 {
    margin-bottom: 95px !important;
}

.mb_100 {
    margin-bottom: 100px !important;
}

.ml_0 {
    margin-left: 0 !important;
}

.ml_5 {
    margin-left: 5px !important;
}

.ml_10 {
    margin-left: 10px !important;
}

.ml_15 {
    margin-left: 15px !important;
}

.ml_20 {
    margin-left: 20px !important;
}

.ml_25 {
    margin-left: 25px !important;
}

.ml_30 {
    margin-left: 30px !important;
}

.ml_35 {
    margin-left: 35px !important;
}

.ml_40 {
    margin-left: 40px !important;
}

.ml_45 {
    margin-left: 45px !important;
}

.ml_50 {
    margin-left: 50px !important;
}

.ml_55 {
    margin-left: 55px !important;
}

.ml_60 {
    margin-left: 60px !important;
}

.ml_65 {
    margin-left: 65px !important;
}

.ml_70 {
    margin-left: 70px !important;
}

.ml_75 {
    margin-left: 75px !important;
}

.ml_80 {
    margin-left: 80px !important;
}

.ml_85 {
    margin-left: 85px !important;
}

.ml_90 {
    margin-left: 90px !important;
}

.ml_95 {
    margin-left: 95px !important;
}

.ml_100 {
    margin-left: 100px !important;
}


/* ------ float ------ */

.f_l {
    float: left;
}

.f_r {
    float: right;
}


/* ------ テキスト系 ------ */

.ta_c {
    text-align: center !important;
}

.ta_l {
    text-align: left !important;
}

.ta_r {
    text-align: right !important;
}

.fw_n {
    font-weight: normal !important;
}

.fw_b {
    font-weight: bold !important;
}


/* ------ 見出しの装飾解除 ------ */

#contents H2.nodeco,
#contents H3.nodeco,
#contents H4.nodeco {
    background: none;
    border: none;
    padding: 0;
}

#contents H2.nodeco::before,
#contents H3.nodeco::before,
#contents H4.nodeco::before,
#contents H2.nodeco::after,
#contents H3.nodeco::after,
#contents H4.nodeco::after {
    display: none;
}


/* ------ カラム960px中央揃え ------ */

.column_wrapper {
    margin: 0 auto;
    width: 960px;
}


/* ------ 画像のcontents幅超過防止 ------ */

#contents .entryBody img,
#contents .entryMore img,
#secondArea img,
#thirdArea img,
.cke_show_borders img {
    height: auto;
    max-width: 100%;
}


/* ------ 画像幅の調整 ------ */

.img_w_l img {
    height: auto;
    width: 100%;
}


/* ------ hover時エフェクト統一 ------ */

a:hover img {
    opacity: 0.7;
    text-decoration: none;
}

#headerAreaLogo a:hover img,
#mainMenu a:hover img,
a:hover img.noeffect {
    opacity: 1 !important;
    text-decoration: none;
}


/* ------ PC向けサイトがスマホでも崩れないように ------ */

body {
    -webkit-text-size-adjust: 100%;
}


/* ------ 管理画面レスポンシブ用設定 ------ */

@media screen and (max-width:420px) {
    BODY.cke_show_borders TABLE {
        width: 100% !important;
    }
    BODY.cke_show_borders .image-left,
    BODY.cke_show_borders .image-right {
        max-width: 50% !important;
    }
}


/* ==================== 追加 ==================== */

DIV#contents DIV#categoryCustom DIV.entryBody P,
DIV#contents DIV#categoryCustom DIV.entryMore P,
DIV#contents DIV#categoryFree DIV.entryBody P,
DIV#contents DIV#categoryFree DIV.entryMore P,
DIV#contents DIV#categoryInquiry DIV.entryBody P,
DIV#contents DIV#categoryInquiry DIV.entryMore P {
    margin-bottom: 20px;
}


/* ------ 画像のcontents幅超過防止の解除 ------ */

#contents .entryBody img.max_none,
#contents .entryMore img.max_none {
    max-width: none;
}


/* ------ ボタン ------ */

.btn {}

.btn a {
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    min-width: 140px;
}

.btn a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}

.btn a.typeA,
.btn a.typeB,
.btn a.typeC {
    color: #ffffff;
    background-color: #742329;
}

.btn_l a {
    width: 100%;
}


/* ------ 文字省略 ------ */

.ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ------ 文字 ------ */

.ff_serif {
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.ff_sansserif {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}


/* ------ 表示分け ------ */

.pc {}

.sp {
    display: none;
}


/* ------ リスト ------ */

#contents .li_attention,
#contents .li_check,
#contents .li_point,
#contents .li_number {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

#contents .li_attention li,
#contents .li_check li,
#contents .li_point li,
#contents .li_number li {
    margin: 0;
    padding: 5px 0 5px 2em;
    position: relative;
}

#contents .li_attention li::before {
    content: "※";
    position: absolute;
    top: 5px;
    left: 5px;
    color: #ee0000;
}

#contents .li_check li::before {
    content: "\f046";
    font-family: fontawesome;
    position: absolute;
    top: 5px;
    left: 5px;
    color: #742329;
}

#contents .li_point li::before {
    content: "●";
    position: absolute;
    top: 5px;
    left: 5px;
    color: #948552;
}

#contents .li_number {
    counter-reset: counter-list;
}

#contents .li_number li::before {
    content: "";
    background: #a08f59;
    position: absolute;
    top: 5px;
    left: 0;
    width: 1.5em;
    height: 1.5em;
}

#contents .li_number li::after {
    counter-increment: counter-list;
    content: counter(counter-list);
    color: #fff;
    position: absolute;
    top: 5px;
    left: 0;
    font-weight: bold;
    width: 1.5em;
    text-align: center;
}

div#contents div.entryBody .box *:last-child,
div#contents div.entryBody .box_s *:last-child,
div#contents div.entryBody .box_m *:last-child {
    margin-bottom: 0;
}

.box {
    background: url(../images/bg_pattern01.png) repeat top left;
    padding: 20px;
}

.sp_scroll th,
.sp_scroll td {
    text-align: center;
}

.sp_scroll td {
    border-left: 1px solid #ccc;
}

.dp_n {
    display: none;
}

.photo_area {
    position: relative;
    overflow: hidden;
    height: 300px;
}

.photo_area img {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
}