@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css?family=La+Belle+Aurore'); 

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Q&Aブログ h2/h3 見出し装飾用(2025-10-28)ah
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.single-qa .editor_area h2:not(.h2b) {
	position: relative;
	font-size: 26px;
	font-family: "my_mincho", serif;
	line-height: 1.4;
	clear: both;
	color: #412208;
	background: #fff;
	padding: 5px 0px 10px 8px;
	margin-top: 2em;
	margin-bottom: 1em;
	border-bottom: 3px solid;
	border-image: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/common_hr.jpg) 3 repeat;
}

.single-qa .editor_area h3:not(.h3b) {
	position: relative;
	font-size: 20px;
	font-family: "Noto Sans Japanese";
	font-weight: inherit;
	line-height: 1.4;
	clear: both;
	color: #fff;
	background: #5c412d;
	padding: 8px 15px 9px;
	margin-top: 2em;
	margin-bottom: 1em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Slickスライダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.slick-prev {
    left: -55px;
}

.slick-next {
    right: -55px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ブログカテゴリー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.post_archive li .cat a {
    background: #9e7022;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
子ページナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo_wrap {
    position: relative;
}

.child_navi_wrap {
    width: 1100px;
    margin: 40px auto 0;
}

ul.child_navi {
    border-bottom: 0;
    padding: 0;
    /* margin: 40px auto 20px; */
    border-left: 1px solid #c1b9ad;
    border-top: 1px solid #c1b9ad;
    display: table;
    flex-wrap: wrap;
    width: 100%;
}

ul.child_navi li {
    padding: 0;
    border-right: 1px solid #c1b9ad;
    border-bottom: 1px solid #c1b9ad;
    display: table-cell;
    text-align: center;
    background: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/child_navi_bg.png);
}
ul.child_navi li[class*='current'], 
ul.child_navi li:hover {
    background: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/child_navi_bg_on.png);
}

[class*="page-bridal"] ul.child_navi li {
    width: calc(100% * .333);
}

ul.child_navi li:not(:first-child) {
    margin-left: 0px;
}

ul.child_navi li:before {
    display: none;
}

ul.child_navi li a {
    display: block;
    padding: 25px 5px;
    font-family: "my_mincho",serif;
    color: #492100;
    font-size: 20px;
    /*min-width: 365px;*/
}

ul.child_navi li[class*='current'] a, 
ul.child_navi li a:hover {
    color: #fff;
    text-decoration: none;
}

ul.child_navi li a:before {
    content: '';
    background: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/child_navi_before.png) no-repeat 50% / cover;
    vertical-align: -6px;
    margin-right: 10px;
    width: 28px;
    height: 28px;
    display: inline-block;
}

ul.child_navi li[class*='current'] a:before, ul.child_navi li a:hover:before {
    background-image: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/child_navi_before_on.png);
}

ul.child_navi > li > a:after {
    display: none;
}

ul.gallery li:hover {
    opacity: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「booking-package」予約プラグイン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ボタン（全フェーズ共通） */
#booking-package button {
    font-size: 16px;
    background: #a50a00;
    padding: 10px;
    color: #fff;
    min-width: 150px;
}
/* ボタン（前日、翌日への切替ボタン）※不要なので削除 */
#returnDayButton,
#nextDayButtton{
	display:none;
}

/* ボタン（予約確定or戻る、最終フェーズのボタン） */
#booking-package_inputFormPanel .returnButton {
    max-width: 400px;
    display: block;
    margin: 0 auto;
}

/* 日付の選択フェーズ */
div#daysListPanel [class*="selectPanel"] {
    text-align:center;
}
div#daysListPanel [class*="selectPanel"] > *:first-child {
    display:none;
}
div#daysListPanel [class*="selectPanel"] > *:last-child:after {
    content:' 日';
}

/* 時間の選択フェーズ */
div#scheduleMainPanel .selectPanel span:first-child:after {
    content: '◯';
}

div#scheduleMainPanel .selectPanelError span:first-child:after {
    content: '✕';
}

/* カレンダー　＞　「休日」の色変更 */
#booking-package_calendarPage div.holidayPanel {
    background-color: #eeeeee!important;
}

/* テキストフィード */
#booking-package_inputFormPanel input[type=text] {
    max-width: 500px;
}

#booking-package_calendarPage .symbolPanel {
    text-overflow: unset !important;
	overflow: visible !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
予約カレンダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 予約時間を指定するテーブル */
.day-calendar table {
    width: 100%;
}

.monthly-calendar th, .day-calendar th {
    min-width: auto;
}

.monthly-calendar, .day-calendar {
    font-family: inherit;
}

.calendar-mark {
    color: #aaa;
}

.calendar-mark a {
    text-decoration: none;
    color: #FFCC80!important;
    font-size: 22px!important;
}

.calendar-mark a:hover {
    color: #FB8C00!important;
}

.monthly-calendar .vacant {
    background: #fffcf6;
}

.monthly-calendar th, .monthly-calendar caption {
    font-size: 18px!important;
}

.monthly-calendar td {
    border: 1px solid #e2d6bd
}

.monthly-calendar th {
    font-weight: normal;
}

.day-calendar th, .day-calendar td, .day-calendar h3, .content-form th, .content-form td, .content-form legend, .content-form input, .content-form textarea {
    font-size: 16px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
制作事例　＞　詳細ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#works_detail {
    margin-top: 30px;
}

div#works_detail .area_a_wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

div#works_detail .area_a_wrap > * {
    width: calc(50% - 25px);
}

div#works_detail .area_b_wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

div#works_detail .area_b_wrap > * {
    width: calc(50% - 10px);
}

div#works_detail .area_c_wrap {
    display: flex;
    justify-content: space-between;
}

div#works_detail .area_c_wrap > * {
    width: calc(50% - 10px);
}

div#works_detail .before_photo {
    margin-top: 25px;
}

div#works_detail .before_photo,
div#works_detail .after_photo {
    position: relative;
}
div#works_detail .before_photo:before,
div#works_detail .after_photo:before {
    position: absolute;
    top: 0;
    display: block;
    z-index: 1;
    font-family: "my_mincho",serif;
    font-size: 18px;
    width: 130px;
    text-align: center;
    color: #fff;
    line-height: 1;
    padding: 9px;
}
div#works_detail .before_photo:before {
    background: rgba(122, 140, 165, .8);
    content: 'Before';
}
div#works_detail .after_photo:not(.only_after):before {
    background: rgba(37, 24, 15, .8);
    content: 'After';
}

div#works_detail .container02 {
    margin-top: 25px;
}

div#works_detail .cat {
    overflow: hidden;
}

div#works_detail .cat li {
    float: left;
    margin: 0 5px 5px 0;
}

div#works_detail .cat a,
div#works_detail .cat span {
    display: block;
    background: #ccc;
    color: #fff;
    padding: 5px 15px;
    font-size: 12px;
    font-family: "Noto Sans Japanese";
}

div#works_detail .cat a:hover {
    text-decoration: none;
    background-color: #ddd;
}

div#works_detail .user_photo {
    background: #000;
}

div#works_detail .main_txt {
    margin: 40px 0;
}

div#works_detail table.meta_table {
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
}

div#works_detail table.meta_table th, div#works_detail table.meta_table td {
    padding: 10px;
    font-size: 14px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.common_voice_list li .name a, ul.common_works_list li .ttl a {
    padding-left: 11px;
    position: relative;
}

ul.common_voice_list li .name a:hover, ul.common_works_list li .ttl a:hover {
    text-decoration: none;
    color: #996d5a;
}

ul.common_voice_list li .name a:before, ul.common_works_list li .ttl a:before {
    content: "\f105";
    font-family: "FontAwesome";
    margin-right: 5px;
    font-weight: bold;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: -5px;
}

ul.common_voice_list li .name a:hover:before, ul.common_works_list li .ttl a:hover:before {
    color: #3c1e12;
}

ul.common_voice_list {
    margin-right: -20px;
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px
}

ul.common_voice_list li {
    float: left;
    width: 260px;
    background: #fff;
    border: 1px solid #c4a894;
    padding: 20px 14px;
    margin: 0 20px 30px 0!important;
    font-family: "Noto Sans Japanese";
    color: #3c1e12;
    position: relative;
    font-size: 14px;
}

ul.common_voice_list li:before {
    content: "";
    background: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/voice_li_before.png);
    width: 86px;
    height: 28px;
    background-size: 100%;
    display: block;
    position: absolute;
    right: 50%;
    margin-right: -43px;
    top: -16px;
}

ul.common_voice_list li .name {
    margin: 10px 0 5px;
    text-align: center;
}

ul.common_voice_list li .img {
    background: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/noimg.png) no-repeat 50% / 122px 114px #f3f1ed;	
}

ul.common_works_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 40px 1px;
    /* border-right: 1px solid #f0f0f0; */
    /* border-bottom: 1px solid #f0f0f0; */
}

ul.common_works_list > li {
    float: left;
    width: calc(100% * .333 + 1px);
    font-family: "Noto Sans Japanese";
    color: #3c1e12;
    position: relative;
    background: #fff;
    /* border-left: 1px solid #f0f0f0; */
    /* border-top: 1px solid #f0f0f0; */
    padding-bottom: 20px;
    border: 1px solid #f0f0f0;
    margin-left: -1px;
    margin-bottom: -1px;
}

ul.common_works_list .img_wrap {
    position: relative;
    display: block;
}

ul.common_works_list .img_container {
    padding-top: 212px;
	background: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/noimg.png) no-repeat 50% / 122px 114px #f3f1ed;
}

ul.common_works_list .centering_container {
    position: relative;
    display: block;
}

ul.common_works_list li .ttl {
    padding: 14px 21px;
}

ul.common_works_list li .ttl a{
    display:block;
}

ul.common_works_list li .ttl a:before {
    top: 1px;
}

ul.common_works_list li ul.tags {
    padding: 0px 21px;
    margin-right: -5px;
}

ul.common_works_list li ul.tags li a {
    /* min-width:90px; */
    border: 1px solid #cdab74;
    padding: 5px 8px;
    float: left;
    font-size: 12px;
    color: #845a2c;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px;
}

ul.common_works_list li ul.tags li a:hover {
    text-decoration: none;
    background: #eeebe4;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
枠線画像ボタン　btn03
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.btn03 {
    /*
    border-style: solid;
    border-width: 14px 12px 14px 12px;
    -moz-border-image: url("https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/btn_border_01.png") 14 12 14 12 repeat;
    -webkit-border-image: url("https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/btn_border_01.png") 14 12 14 12 repeat;
    -o-border-image: url("https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/btn_border_01.png") 14 12 14 12 repeat;
    border-image: url("https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/btn_border_01.png") 14 12 14 12 fill repeat;
	*/
    border: solid 14px;
    border-image: url("https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/btn_border_01.png") 14 repeat;
    background-color: #fff;
    padding: 4px 10px;
    font-family: "my_mincho",serif;
    text-decoration: none;
    color: #5f4545!important;
    display: inline-block;
    min-width: 300px;
    font-size: 18px;
    line-height: 1.2;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area {
    background: #fff;
    padding: 10px 0 16px;
}

.tweet_area .txt {
    max-width: 800px;
    min-height: 41px;
    padding-left: 161px;
    position: relative;
    /* display: table; */
    display: flex;
    align-items: center;
}

.tweet_area .txt:before {
    content: "";
    background: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/news_before.jpg);
    width: 134px;
    height: 41px;
    background-size: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ＞セクション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[class*="section_kugiri"] {
    padding: 50px 0;
}

.section_kugiri01 {
    background: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/messege_slide.jpg) no-repeat center 418px,url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/message_bg.jpg);
    padding: 30px 0 50px;
}

.section_kugiri02 {
    background: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/voice_bg.jpg) no-repeat center top;
}

.section_kugiri03 {
    background: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/gallery_bg.jpg);
}

.section_kugiri04 {
    background: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/ordermade_bg.jpg) no-repeat center top;
}

.section_kugiri05 {
    background: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/contact_bg.jpg);
}

body:not(.home) .section_kugiri05 {
    margin-top: 50px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ＞汎用スタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.editor_area a {
    color: #9d7123;
}

a.btn01 {
    background: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/btn_bg.jpg);
    background-color: #5c412e;
    color: #ffffff;
    font-family: "Noto Sans Japanese";
    padding: 18px 40px 18px 30px;
    margin-bottom: 15px;
    border-radius: 8px;
}

.btn a.btn01:hover {
    opacity: 1;
}

a.btn01:hover::after {
    opacity: 0;
    transition: 0.3s;
}

a.btn02:before {
    color: #5c412e;
}

/*テーブル・ボックス*/
.table01 th {
    background: #efe9df;
}

.table01 th, .table01 td {
    border: 1px solid #bfb4a8;
}

.box01 {
    background: #fef7d9;
}

/*h2a*/
h2[class*="h2a"] {
    font-family: "my_mincho",serif;
    padding: 5px 0px 10px 8px;
    position: relative;
    color: #412208;
    background: #fff;
    border: 0;
    border-bottom: solid 3px;
    border-image: url("https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/common_hr.jpg") 3 repeat;
}

/*h2b*/
h2[class*="h2b"] {
    font-size: 30px;
    font-family: "my_mincho",serif;
    text-align: center;
    /*border: 1px solid #5c412e;*/
    color: #412208;
    padding: 25px 15px;
    margin-bottom: 1em;
}

/*h3a*/
h3[class*="h3a"] {
    background: #5c412d;
    font-family: "Noto Sans Japanese";
    color: #ffffff;
    padding: 8px 15px 9px;
}

/*faq*/
dl.faq > dt {
    background-color: #ffffff;
}

dl.faq > dt.open, dl.faq > dt:hover {
    background-color: #f3ebde;
    transition: linear 0.2s
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ＞汎用クラス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page-index h2.common_h2 {
    text-align: center;
    font-family: "my_mincho",serif;
    font-size: 34px;
    color: #2f1a02;
    position: relative;
    display: table;
    margin: 0 auto 20px;
}

.page-index h2.common_h2:before {
    content: "";
    background: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/common_h2_before.png);
    width: 30px;
    height: 76px;
    background-size: 100%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -45px;
}

.page-index h2.common_h2:after {
    content: "";
    font-family: 'La Belle Aurore', cursive;
    font-size: 30px;
    color: #c07e15;
    display: block;
    padding-left: 40px;
    margin-top: -32px;
}

#home_voice h2.common_h2:after {
    content: "Happyvoice";
}

#home_gallery h2.common_h2:after {
    content: "Gallery";
}

#home_shop h2.common_h2:after {
    content: "Shop info";
}

.page-index h3.common_h3 {
    display: table;
    margin: 0 auto 30px;
    padding: 0 20px;
    font-family: 'La Belle Aurore', cursive;
    color: #302b27;
    font-size: 40px;
	border:0;
    border-bottom: 4px solid;
    border-image-source: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/common_hr.jpg);
    border-image-slice: 4 1;
    border-image-repeat: repeat;
    line-height: 1;
}

.page-index p.common_lead {
    text-align: center;
    color: #2f1a02;
    line-height: 1.6;
    margin-bottom: 20px;
}

div#home_voice .btn, div#home_gallery .btn {
    text-align: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ＞メッセージ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_message .catch {
    text-align: center;
    font-size: 40px;
    font-family: "my_mincho",serif;
    color: #2f1a02;
    margin-bottom: 10px;
}

div#home_message .catch:before {
    content: "";
    background: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/message_ttl_before.jpg);
    width: 147px;
    height: 51px;
    background-size: 100%;
    display: block;
    margin: 0 auto 5px;
}

div#home_message .slide {
    /* padding-bottom:84px; */
    height: 250px;
}

div#home_message .slide img {
    max-width: none;
}

div#home_message .txt {
    text-align: center;
    font-family: "Noto Sans Japanese";
    color: #3c1e12;
    background: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/message_txt_bg.png);
    line-height: 2.85;
    width: 940px;
    margin: 24px auto 40px;
}

div#home_message .items {
    width: 1100px;
    margin: 0 auto;
    border: 1px solid #cdbaaa;
    display: flex;
    background: #fff;
}

div#home_message .items > li {
    text-align: center;
    font-family: "my_mincho",serif;
    color: #280909;
    /*width: 33.333%;*/
	width: 50%;
}

div#home_message .items > li .img {
    position: relative;
}

div#home_message .items > li .img_container {
    display:block;
    padding-top: 60%;
}

div#home_message .items > li .img:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    z-index: 1;
    font-family: 'La Belle Aurore', cursive;
    font-size: 34px;
    line-height: 1;
    padding-top: 10px;
    transition: opacity 0.5s linear;
    opacity: 0;
}

div#home_message .items > li:hover .img:before {
    opacity: 1;
}

div#home_message .items > li:nth-child(1) .img:before {
    content: 'Odermade';
}

div#home_message .items > li:nth-child(2) .img:before {
    content: 'Diamond Remake';
}

div#home_message .items > li:nth-child(3) .img:before {
    content: 'Palladium Ring';
}

div#home_message .items > li .img:after {
    content: '';
    display: block;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: opacity 0.5s linear;
    opacity: 0;
}

div#home_message .items > li:hover .img:after {
    opacity: 1;
}

div#home_message .items > li:not(:first-child) {
    border-left: 1px solid #cdbaaa;
}

div#home_message .items .ttl_wrap {
    padding: 15px;
}

div#home_message .items .sub_ttl {
    font-size: 14px;
}

div#home_message .items .ttl {
    font-size: 22px;
}

div#home_message .items a:hover {
    text-decoration: none;
}

div#home_message .btn_wrap {
    text-align:center;
    margin-top:35px;
}
div#home_message .btn03+.btn03 {
	margin-left:1em;
}

div#home_message p.online_bnr {
    text-align: center;
    margin-bottom: 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ＞オーダーメイド
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_ordermade {
    margin-bottom: 40px;
    padding-bottom: 50px;
	border:0;
    border-bottom: solid 2px;
    border-image: url("https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/common_hr.jpg") 2 repeat;
}

div#home_ordermade h2 {
    text-align: center;
    font-family: "my_mincho",serif;
}

div#home_ordermade h2:after {
    content: "Made to orderring";
    font-family: 'La Belle Aurore', cursive;
    font-size: 30px;
    color: #c07e15;
    display: block;
    margin-top: 10px;
}

div#home_ordermade h2 > span {
    display: table;
    color: #2b0e0e;
    margin: 0 auto;
}

div#home_ordermade h2 span.no1 {
    font-size: 18px;
    padding: 6px 27px;
	border:0;
    border-top: 5px solid;
    border-bottom: 5px solid;
    border-image-source: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/ordermade_hr.jpg);
    border-image-slice: 5 0;
    border-image-repeat: repeat;
    margin-bottom: 15px;
}

div#home_ordermade h2 span.no2 {
    font-size: 46px;
}

div#home_ordermade h2 span.no3 {
    font-size: 20px;
}

div#home_ordermade ol.point {
    margin: 10px -23px 20px 0;
}

div#home_ordermade ol.point li {
    width: 350px;
    float: left;
    /*margin: 0 23px 20px 0;*/
    margin: 0 23px 0 0;
}

div#home_ordermade ol.point li .ttl {
    text-align: center;
    padding: 14px 0;
    font-size: 24px;
    font-family: "my_mincho",serif;
}

div#home_ordermade ol.point li .txt {
    font-size: 15px;
    line-height: 1.6;
}

div#home_ordermade .btn_area {
	display:none;
    text-align: center;
}

div#home_ordermade .btn_area .btn a {
    display: inline-block;
    margin: 0 5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ＞店舗案内
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_shop ul.img {
    margin: 0px -4px 30px 0;
}

div#home_shop ul.img li {
    float: left;
    width: 272px;
    margin-right: 4px;
}

div#home_shop .aisatsu {
    padding: 1px;
    /*   The ultimate CSS tools for web designers          Gradient Generator  Border Radius  Noise Texture  -webkit-Box Shadow       reverse colors  Opacity  100  Location  100  %  Delete Selected Stop  Color  #af9358  Color  Location  100  %  Delete Selected Stop  Hue  0  Saturation  0  Lightness  0  Reset    Save your preset  Save  horizontal orientation  vertical orientation  diagonal orientation  diagonal orientation  radial orientation  CSSSASS   knob   background: rgba(169,141,80,1);*/
    background: -moz-linear-gradient(left, rgba(169,141,80,1) 0%, rgba(112,83,24,1) 17%, rgba(236,191,118,1) 34%, rgba(115,85,28,1) 47%, rgba(236,191,118,1) 64%, rgba(115,85,28,1) 76%, rgba(175,147,88,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(169,141,80,1)), color-stop(17%, rgba(112,83,24,1)), color-stop(34%, rgba(236,191,118,1)), color-stop(47%, rgba(115,85,28,1)), color-stop(64%, rgba(236,191,118,1)), color-stop(76%, rgba(115,85,28,1)), color-stop(100%, rgba(175,147,88,1)));
    background: -webkit-linear-gradient(left, rgba(169,141,80,1) 0%, rgba(112,83,24,1) 17%, rgba(236,191,118,1) 34%, rgba(115,85,28,1) 47%, rgba(236,191,118,1) 64%, rgba(115,85,28,1) 76%, rgba(175,147,88,1) 100%);
    background: -o-linear-gradient(left, rgba(169,141,80,1) 0%, rgba(112,83,24,1) 17%, rgba(236,191,118,1) 34%, rgba(115,85,28,1) 47%, rgba(236,191,118,1) 64%, rgba(115,85,28,1) 76%, rgba(175,147,88,1) 100%);
    background: -ms-linear-gradient(left, rgba(169,141,80,1) 0%, rgba(112,83,24,1) 17%, rgba(236,191,118,1) 34%, rgba(115,85,28,1) 47%, rgba(236,191,118,1) 64%, rgba(115,85,28,1) 76%, rgba(175,147,88,1) 100%);
    background: linear-gradient(to right, rgba(169,141,80,1) 0%, rgba(112,83,24,1) 17%, rgba(236,191,118,1) 34%, rgba(115,85,28,1) 47%, rgba(236,191,118,1) 64%, rgba(115,85,28,1) 76%, rgba(175,147,88,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a98d50', endColorstr='#af9358', GradientType=1 );
    /*Copy text    Color format    Comments  knob  IE9 support  knob  IMPORT FROM CSS  CSSmatic is a non-profit project, made by developers for developers    Are you a web developer? Would you like to collaborate on CSSMatic?    Contact us  Designed and developed by    Freepik.com Thumbr.io  © 2013 CSSmatic | About | Contact;*/
}

div#home_shop .aisatsu_inner {
    background: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/aisatsu_bg.jpg) no-repeat right 40%,url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/aisatsu_before.jpg) no-repeat 5px 10px,url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/aisatsu_after.jpg) no-repeat 99% 97%;
    background-color: #f3f0e7;
    padding: 43px 54px 43px 54px;
}

div#home_shop .aisatsu .left {
    width: 240px;
    text-align: center;
    font-family: "my_mincho",serif;
    line-height: 1.6;
}

div#home_shop .aisatsu .left .name_sub {
    font-size: 18px;
    padding: 10px 0 0;
}

div#home_shop .aisatsu .left .name {
    font-size: 24px;
}

div#home_shop .aisatsu .right {
    width: 690px;
}

div#home_shop .aisatsu .right .ttl {
    font-family: "my_mincho",serif;
    font-size: 30px;
    padding-bottom: 10px;
    border-bottom: 2px solid #b58f4d;
    margin-bottom: 20px;
}

div#home_shop .aisatsu a {
    color: #0166fe;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ＞アクセス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_access {
    padding-top: 50px;
}

div#home_access .txt {
    text-align: center;
    margin-bottom: 30px;
    line-height: 1.6;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ブログ・instagram
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div.common_postlist {
    padding-bottom: 60px;
}

div.common_postlist .pc_base_width {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}

div.common_postlist .blog, div.common_postlist .insta {
    border: 2px solid #d1c2c2;
    padding: 34px;
}

div.common_postlist .blog {
    width: 620px;
    margin-right: 40px;
}

div.common_postlist .blog .my_posts li {
    display: flex;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #c0c0c0;
}

div.common_postlist .blog .my_posts .area_a .img {
    width: 70px;
    float: left;
    margin-right: 20px;
}

div.common_postlist .blog .my_posts .area_b {
    padding-top: 13px;
}

div.common_postlist .blog .my_posts .area_b .ttl a {
    margin-bottom: 8px;
}

div.common_postlist .blog .my_posts .area_b .ttl a {
    color: #302b27;
}

div.common_postlist .blog .my_posts .area_b .meta {
    color: #9e9e9e;
}

div.common_postlist .blog .my_posts .area_b .meta .date:after {
    content: "|";
    margin: 0 5px;
}

div.common_postlist .insta {
    width: 440px;
}

div.common_postlist .btn {
    text-align: center;
    padding: 10px 0 0;
}

div.common_postlist .btn a {
    min-width: 148px;
}

/*---▼インスタプラグイン---*/
.jr-insta-thumb{
    margin-bottom:25px;
}

.jr-insta-thumb ul.thumbnails.jr_col_3 {
    margin-bottom: -8px;
}

.jr-insta-thumb ul.thumbnails.jr_col_3 li {
    margin-bottom: 8px;
}

/*---▲インスタプラグインここまで---*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンタクト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#contact_area h2 {
    display: table;
    font-family: 'La Belle Aurore', cursive;
    font-size: 44px;
    color: #480d0d;
    padding: 20px 214px 0;
	border:0;
    border-top: 3px solid;
    border-bottom: 3px solid;
    border-image-source: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/contact_hr.jpg);
    border-image-slice: 3 3;
    border-image-repeat: repeat;
    margin: 70px auto 17px;
    position: relative;
}

div#contact_area h2:before {
    content: "";
    background: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/contact_before.jpg);
    width: 304px;
    height: 72px;
    background-size: 100%;
    display: inline-block;
    position: absolute;
    top: -92px;
    right: 50%;
    margin-right: -152px;
}

div#contact_area .ttl {
    text-align: center;
    font-family: "my_mincho",serif;
    font-size: 30px;
    color: #000;
    margin-bottom: 10px;
}

div#contact_area .tel {
    display: table;
    margin: 0 auto;
    font-family: "Roboto";
    font-size: 50px;
    color: #000;
    line-height: 1;
    margin-bottom: 10px;
    font-weight: normal;
}

div#contact_area .tel:before {
    content: "";
    background: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/freedial.svg);
    width: 60px;
    height: 34px;
    background-size: 100%;
    -webkit-text-stroke: #82552f;
    display: inline-block;
    margin-right: 3px;
}

div#contact_area .txt {
    text-align: center;
    color: #000;
    font-size: 16px;
}

div#contact_area .txt .red {
    margin-bottom: 20px;
    color: #a20101;
}

div#contact_area .btn {
    text-align: center;
    margin: 20px 0 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
中ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body:not(.home).page #contents_area {
    position: relative;
    padding-top: 180px!important;
}

body:not(.home).page #contents_area:before {
    content: "";
    background: url(https://cinqile.com/wordpress/wp-content/themes/cyber-child/images/content_area_before.jpg);
    width: 257px;
    height: 61px;
    background-size: 100%;
    display: inline-block;
    margin: 0 auto;
    position: absolute;
    right: 50%;
    top: 60px;
    margin-right: -128px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
中ページ＞ナビゲーション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo2 {
    height: 280px;
}

.page_promo2 .txt_box {
    text-align: left;
    left: 50%;
    width: 1100px;
    position: relative;
    margin-left: 20px;
}

.page_promo2 .txt_box:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
}

.page_promo2 .ttl {
    font-size: 32px;
    font-family: "my_mincho",serif;
    color: #fff;
    font-weight: normal;
    padding: 16px 0 10px;
}

.page_promo2 .slug {
    font-size: 32px;
    font-family: 'La Belle Aurore', cursive;
    color: #e3d4ba;
}

.page_promo2 .sub_ttl {
    font-size: 18px;
    padding: 0 10px 10px 0;
    position: relative;
    background: inherit;
    color: #fff;
    /* margin-bottom: 11px; */
    font-family: "my_mincho",serif;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
}

.page_promo2 .sub_ttl:after {
    content: '';
    width: 83px;
    height: 1px;
    background: #ffffff;
    position: absolute;
    left: 0px;
    bottom: 0;
    display: none;
}