@charset "utf-8"; 
/* @import url('https://fonts.googleapis.com/css?family=Crimson+Text:400i'); ★「:400i」をつけるとiphoneで不具合が発生する */
@import url('https://fonts.googleapis.com/css?family=Crimson+Text');
@import url('https://fonts.googleapis.com/css?family=Allura');

@import url('./css/jewelry_picture.css');
@import url('./css/jewelry_reform.css');
@import url('./css/aboutus.css');

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
外部　＞　Google reCAPTCHAバッチ　邪魔なため非表示に
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.grecaptcha-badge {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
言語切替ボタンを一時的に非表示に(2021-06-28)mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body:not(.logged-in) div#header_right_section [id*="polylang"],
body:not(.logged-in) #header_area .btns .widget_polylang{
    /* display: none; */
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページネーション(2021-06-01)mori
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.next_prev_wrap > * {
	padding: 1.5em 10px 0;
	margin: 0;
	width: 300px;
}

.next_prev_wrap:after {
	height: 100%;
}

.next_prev_wrap > p.prev {
	text-align: right;
}

.next_prev_wrap > p.single > a:before {
	height: auto;
    width: auto;
	background: none;
    bottom: 20px;
	color: #aaa;
	top: -22px;
}

.next_prev_wrap > p.next > a:before {
	content: 'Prev';
    left: 25px;
}

.next_prev_wrap > p.prev > a:before {
	content: 'Next';
	left: auto;
    right: 25px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞　youtube
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_movie {
	margin-top: 30px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グロッサリーのギャラリー機能のスタイル調整
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.grocery_item .gallery-item {
    float: none !important;
	width: auto !important;
	max-width: 50%;
}

/* .grocery_item div[id*="gallery"] { */
.grocery_item div[class*="gallery-columns-"] {	
    display: flex;
    justify-content: center;
	flex-wrap: wrap;
}
.grocery_item img {
    width: auto;
}
.grocery_item.bottle img {
    max-height: 280px;
}
.grocery_item.curry img {
    max-height: 220px;
}
.grocery_item.goods img {
    max-height: 250px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
縦横のサイズ固定のボックス内にある画像について、比率を保ったまま縦横中央揃え＆トリミングして表示
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.img_container img {
    height: 100%!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お得なWEBクーポン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.coupon {
    background-color: #fbf8f1;
    border: solid 2px #855e23;
    padding: 5px;
}

.coupon > * {
    border: solid 1px #855e23;
    padding: 35px 10px;
    background-image: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/webcoupon_01.jpg),url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/webcoupon_02.jpg),url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/webcoupon_03.jpg),url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/webcoupon_04.jpg);
    background-repeat: no-repeat;
    background-position: top left,top right,bottom left,bottom right;
}

.coupon .area_a {
    font-family: "my_mincho";
    font-size: 40px;
    color: #885e24;
    line-height: 1.2;
    letter-spacing: 4px;
    margin: 10px;
}

.coupon .area_a p:last-child{
    margin-top: 15px;
}

.coupon .area_b .inner {
    background-color: #ece6d8;
    margin: 0px 30px 0px 20px;
    padding: 15px 10px;
    font-family: "my_mincho";
    letter-spacing: 2px;
}

.coupon .area_b p:not(:last-child) {
    margin-bottom: 10px;
}

.coupon .area_b .txt {
    font-size: 18px;
    color: #885e24;
}

.coupon .area_b strong {
    font-size: 50px;
    font-weight: normal;
    line-height: 1.2;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
BOX2
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.box02 {
    border-color: #939fc3;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
タグクラウド
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tagcloud {
    margin: 15px -2.5px -5px;
    display: flex;
    flex-wrap: wrap;
}

.tagcloud a {
    margin: 0 2.5px 5px;
    width: calc(50% - 5px);
    font-size: 13px!important;
    border: 1px solid #121b33;
    padding: 6px 8px 4px;
    border-radius: 5px;
    text-align: center;
}

.tagcloud a span.tag-link-count {
    display: inline-block;
    margin-left: 3px;
}

.tagcloud a:hover {
    text-decoration: none;
    background: #121b33;
    color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト02（BOXタイプ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ol.list02 > li > h4 {
    font-family: "my_mincho",serif;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ用プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo {
    height: 350px;
    background: transparent;
    padding-top: 200px;
}

.page_promo img {
    top: 0%;
    transform: translate(-50%, 0%);
}

.page_promo .sub_ttl {
    display: none;
}

.page_promo .ttl {
    font-weight: normal;
    font-size: 32px;
    font-family: "my_mincho",serif;
}

.page_promo .slug {
    display: block;
    font-family: 'Allura', cursive;
    font-size: 28px;
    margin-top: 10px;
    line-height: 1;	
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページのプロモスライダーに限ったカスタマイズ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ページャー位置の調整 */
#promo_area .bx-wrapper .bx-pager {
    bottom: -30px!important;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
h2[class*="common_ttl"] {
    text-align: center;
    font-family: 'Crimson Text', serif;
    letter-spacing: 5px;	
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 1.2;
}

h2[class*="common_ttl"]:before {
    content: '';
    background: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/diamond2.svg) no-repeat 50% / contain;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -5px;
    width: 33px;
    height: 26px;
    margin-left: -50px;
}
h2[class*="common_ttl2"]:before {
    margin-right: 0;
    margin-left: 0;
    display:table;
    margin:0 auto 10px;
}
h2[class*="common_ttl2"] .en {
    font-size: 30px;
    display:block;
    line-height: 1.2;
}
h2[class*="common_ttl2"] .ja {
    font-size: 18px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用リスト（各階層トップページなどで使用）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.photo {
    display: flex;
}

ul.photo li:not(:last-child){
    margin-right:1px;
}

ul.photo img{
    margin-bottom:0!important;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップのみ　＞　ページ送り(一覧／詳細共通部分)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 前後に隣り合う要素がある場合に限りマージンを確保 */
body.home .paging_common {
    margin: 3em 0 2em;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページ送り(シングルページ用[次のページは〇〇])
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.next_pickup a {

    background: #667ebc;
    color: #fff;
}

.next_pickup a:hover {
    border-color: #2d4a8c;
    color: #2d4a8c;
}

.next_pickup a:hover:before, 
.next_pickup a:hover:after {
    color: #2d4a8c;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿タイプ「作品紹介」　＞　一覧ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.works_archive {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

ul.works_archive > * {
    width: calc(33.333% - 20px);
    margin: 0 10px 25px!important;
}
ul.works_archive .img_container {
    /* padding-top:49%; */
    padding-top:57%;
}

ul.works_archive .img_container img {
    height: 100%!important;
}

ul.works_archive .ttl {
    margin: 5px 0 0;
    line-height: 1.4;
}

ul.works_archive .ttl a {
    font-size: 20px;
}

ul.works_archive .yomigana {
    line-height: 1.4;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿タイプ「お客様の声」　＞　詳細ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.voice_detail {
    background: #fff;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-image: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/kazari2_r_t.svg) ,url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/kazari2_l_b.svg);
    background-position: calc(100% - 5px) 5px, 5px calc(100% - 5px);
    border: 2px solid #c1b482;
    padding: 30px;
	margin-bottom:25px;
}

.voice_detail .inner {
    overflow: hidden;
}

.voice_detail .inner > *:first-child {
    float: left;
    width: 190px;
    border: 1px solid #ccc;
}

.voice_detail .inner > *:first-child .img_container {
    padding-top: 190px;
}

.voice_detail .inner > *:last-child {
    float: right;
    width: calc(100% - 230px);
}

.voice_detail .ttl {
    margin: 0 0 10px;
    padding: 15px 0;
    font-size: 20px;
    border-bottom: 1px solid #ccc;
}

.voice_detail .message {
    margin: 15px auto;
    font-size: 26px;
    font-family: "my_mincho",serif;
    padding-left: 50px;
    position: relative;
}

.voice_detail .message:before {
    content: "\f075";
    color: #cfb68d;
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
    font-size: 37px;
}

.voice_detail .name {
    text-align: right;
    font-size: 18px;
    font-family: "my_mincho",serif;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿タイプ「お客様の声」　＞　一覧ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.voice_archive {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px -30px;
}

ul.voice_archive li {
    width: calc(50% - 40px);
    margin: 0 20px 30px!important;
    background: #fff;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-image: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/kazari2_r_t.svg) ,url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/kazari2_l_b.svg);
    background-position: calc(100% - 5px) 5px, 5px calc(100% - 5px);
    border: 2px solid #c1b482;
    padding: 30px;
}
ul.voice_archive li:hover {
    background-color:#fffae7;
}

ul.voice_archive li .inner {
    overflow: hidden;
}

ul.voice_archive li .inner > *:first-child {
    float: left;
    width: 190px;
    border: 1px solid #ccc;
}

ul.voice_archive li .inner > *:first-child .img_container {
    padding-top: 190px;
}

ul.voice_archive li .inner > *:last-child {
    float: right;
    width: calc(100% - 210px);
}

ul.voice_archive li .message {
    margin: 15px auto;
    font-size: 19px;
    font-family: "my_mincho",serif;
    text-decoration: underline;
}

ul.voice_archive li .ttl {
    margin: 10px auto;
}

ul.voice_archive li .name {
    text-align: right;
    font-size: 18px;
    font-family: "my_mincho",serif;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ用プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 下層プロモ画像（帯）再度掲載する可能性を考慮して一旦非表示 (2021-07-27)mf */
/* .page_promo {
    height: 350px;
    background: transparent;
    padding-top: 200px;
} */

.page_promo {
    height: 150px;
    padding-top: 0;
}

/* .page_promo img {
    top: 0%;
    transform: translate(-50%, 0%);
} */

.page_promo .sub_ttl {
    display: none;
}

.page_promo .ttl {
    font-weight: normal;
    font-size: 32px;
    font-family: "my_mincho",serif;
}

.page_promo .slug {
    display: block;
    font-family: 'Allura', cursive;
    font-size: 28px;
    margin-top: 10px;
    line-height: 1;	
}

/*固定ページ用プロモ > ディズニーページだけプロモ画像表示（2022-02-14）mf*/
/*body[class*="page-disney"] .page_promo {
    height: 200px;
}

body:not([class*="page-disney"]) .page_promo img {
    display: none;
}

body[class*="page-disney"] .page_promo .inner {
    display: none;
}*/

/* 固定ページ用プロモ > ディズニーページのプロモ画像削除（2023-07-21）fuji*/
body[class*="page-disney"] .page_promo {
    height: 70px;
}

body .page_promo img,
body[class*="page-disney"] .page_promo .inner{
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* [.h2a]のスタイル */
h2[class*="h2a"] {
    font-size: 30px;
    font-family: "my_mincho",serif;
}

/* [.h2b]のスタイル */
h2[class*="h2b"] {
    padding: 50px 0 0px;
    font-size: 30px;
    font-family: "my_mincho",serif;
}

h2[class*="h2b"]:before {
    width: 40px;
    height: 40px;
    right: calc(50% - 25px);
    background-color: transparent;
    background-image:url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/diamond2.svg);
}

/* [.h3a]のスタイル */
h3[class*="h3a"] {
    border-color: #041237;
    font-family: "my_mincho",serif;
}

/* [.h3b]のスタイル */
h3[class*="h3b"] {
    background-color: #041237;
    font-family: "my_mincho",serif;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
テーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.table01 th, .table01 td {
    border-color: #a4b6ca;
}

.table01 th {
    background-color: #f2f5ff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト01（シンプルなリスト）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.list01 li:before {
    color: #041237;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト02（BOXタイプ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* OL,UL共通 */
.list02 > li {
    border-color: #939fc3;
}

ol.list02 > li:after {
    color: #041237;
}

ol.list02 > li:before {
    background-color: #939fc3;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
BXスライダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #f00;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッターSNSボタン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#footer .icons a .fa {
    background: #fff;
    border-radius: 50%;
    color: #000e32;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
キーフレームアニメーション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@keyframes arrow_right {
    0% {
        transform: translateX(-5px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes up_down_s {
    0% {
        transform: translateY(-3px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes up_down {
    0% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.btn01 {
    background: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/btn_bg.jpg) repeat 50% / cover;
    font-family: "my_mincho",serif;
    background-size: 100%;
}

.home a.btn01 {
    padding: 25px;
    min-width: 370px;
}

a.btn01:hover {
    background-size: 115%;
    opacity: 1;
}

a.btn01:hover:after {
    animation: arrow_right .3s 0s ease-in-out infinite alternate;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボタン02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.btn02 {
    color: #041237;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　セクションの区切り
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[class*="section_kugiri"] {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.section_kugiri02 {
    background-image: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/bg01.jpg);
}

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

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

/*
.section_kugiri05.in_window_target {
    background-position: calc(50% - 100px) 50%;
    background-size: auto;
    opacity: .2;
}
.section_kugiri05.in_window_target.active {
    background-position: 50% 50%;
    opacity: 1;
}
*/

.section_kugiri06 {
    background-image: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/bg04.jpg);
}

.section_kugiri07 {
    background-image: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/bg05.jpg?ver=0917);
}

/*
.section_kugiri07.in_window_target {
    background-position: calc(50% + 100px) 50%;
    background-size: auto;
    opacity: .2;
}
.section_kugiri07.in_window_target.active {
    background-position: 50% 50%;
    opacity: 1;
}
*/

.section_kugiri08 {
    background-image: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/bg06.jpg);
}
.section_kugiri09 {
    position:relative;
}

body:not(.home) .section_kugiri09:before {
    content:'';
    height:1px;
    /* width:1100px; */
    width: 100%;
    background: #9eaec5;
    position:absolute;
    top:0;
    /* left:calc(50% - 550px); */
    left:0;
}
body.page-index.page-jewelry-reform-child .section_kugiri09,
body.page-vision.page-jewelry-pictures-child .section_kugiri09{
	/* padding-top:0; */
}
body.page-index.page-jewelry-reform-child .section_kugiri09:before,
body.page-vision.page-jewelry-pictures-child .section_kugiri09:before{
	/* display:none; */
}

.section_kugiri10 {
    background: #041237;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ul.common_post_list
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.common_post_list {
    display: flex;
    margin-right: -25px;
}

ul.common_post_list li {
    border: 1px solid #c3c3c3;
    padding: 15px 15px 20px;
    width: calc((100% - 50px) * .3333);
    margin-right: 25px;
}

/*
ul.common_post_list li.in_window_target {
    position: relative;
    bottom: -50px;
    opacity: 0;
}

ul.common_post_list li.in_window_target.active {
    bottom: 0px;
    opacity: 1;
}
*/

ul.common_post_list .area_b {
    margin-top: -15px;
}

ul.common_post_list .img {
    text-align: center;
    background: #eee;
}

ul.common_post_list .img.img_container img {
    height: auto!important;
    width: 100%;
}

ul.common_post_list .cat {
    background: #ccc;
    color: #fff;
    font-size: 15px;
    padding: 5px 10px;
    min-width: 150px;
    display: inline-block;
    text-align: center;
    margin-left: -25px;
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
}

ul.common_post_list .ttl {
    line-height: 1.4;
}

ul.common_post_list .date {
    font-size: 14px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
h2[class*="common_ttl"] {
    text-align: center;
    font-family: 'Crimson Text', serif;
    letter-spacing: 5px;	
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 1.2;
}

h2[class*="common_ttl"]:before {
    content: '';
    background: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/diamond2.svg) no-repeat 50% / contain;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -5px;
    width: 33px;
    height: 26px;
    margin-left: -50px;
}
h2[class*="common_ttl2"]:before {
    margin-right: 0;
    margin-left: 0;
    display:table;
    margin:0 auto 10px;
}
h2[class*="common_ttl2"] .en {
    font-size: 30px;
    display:block;
    line-height: 1.2;
}
h2[class*="common_ttl2"] .ja {
    font-size: 18px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「公式SNS」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

div#home_sns{
	margin-bottom:50px;
	border-bottom: 1px solid #c2c2c2;
	padding-bottom: 40px;
}

div#home_sns .f_wrap{
    display:flex;
    justify-content: space-between;
	flex-wrap:wrap;
}

div#home_sns .f_wrap > div {
    width: 520px;
	width:32%;
    /* border: 2px solid; */
    position: relative;
}

.timeline-Tweet-text {
    font-size: 16px!important;
}

div#home_sns .f_wrap dd{
    /* padding: 15px 15px 55px; */
}

div#home_sns dt{
    width: 100%;
    height: 75px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

div#home_sns .ttl {
    text-align: center;
    font-size: 23px;
}

div#home_sns .ttl:before {
    content: "";
    display: inline-block;
}

div#home_sns .f_wrap .twitter {
    border-color: #1da1f2;
}

div#home_sns .twitter .ttl {
    background: #ffffff;
    color: #1da1f2;
    font-family: "my_mincho",serif;
}

div#home_sns .insta {
    border-color: #000;
}

div#home_sns .insta dd{
    margin: -10px -10px 0;
}

div#home_sns .insta .ttl {
    background: #ffffff;
    color: #000;
}

div#home_sns .insta .ttl:before {
    background: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/insta_icon.jpg) no-repeat 50% / contain;
    width: 42px;
    height: 42px;
    vertical-align: -7px;
    margin-right: 10px;
    margin-left: -42px;
}

div#home_sns .twitter .ttl:before {
    background: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/twitter_icon.svg) no-repeat 50% / contain;
    width: 42px;
    height: 42px;
    vertical-align: -11px;
    margin-right: 10px;
    border-radius: 10px;
    margin-left: -42px;
}

div#home_sns .f_wrap .btn{
    text-align:center;
    /* padding-bottom:20px; */
    position: absolute;
    right: 0;
    top: 20px;
}

div#home_sns .f_wrap .btn a {
    text-decoration: none;
    padding: 2px 25px;
    font-size:14px;
    border: 2px solid;
    font-family: "my_mincho",serif;
    border-radius: 5px;
}

div#home_sns .f_wrap .btn a:hover{
    opacity:1;
}

div#home_sns .f_wrap .twitter .btn a{
    color:#1da1f2;
    border-color:#1da1f2;
}

div#home_sns .f_wrap .twitter .btn a:hover{
    color:#fff;
    background:#1da1f2;
}

div#home_sns .f_wrap .insta .btn a{
    color:#000000;
    border-color:#000;
}

div#home_sns .f_wrap .insta .btn a:hover{
    color:#fff;
    background:#000000;
}

div#home_sns .f_wrap .recruit a{
	text-decoration: none;
}

div#home_sns .f_wrap .recruit .img_container {
    padding-top: 162px;
	display: block;
}

div#home_sns .f_wrap .recruit .img_container img {
    height: 101%!important;
}

div#home_sns .f_wrap .recruit .ttl {
    background: #fff;
    display: block;
    text-align: center;
    font-size: 20px;
    padding: 20px 10px;
    position: relative;
    font-weight: bold;
}

div#home_sns .f_wrap .recruit .ttl {
    background: #a20000;
    color: #fff;
    line-height: 1.2;
    /* font-family: "my_mincho",serif; */
    /* font-size: 21px; */
    padding: 14px 10px;
    font-weight: normal;
}

div#home_sns .f_wrap .recruit .ttl:after {
    color: #fff;
    top: 10px;
    font-size: 28px;
}

div#home_sns .f_wrap .recruit .ttl:after {
    font-family: "fontello";
    content: '\e80f';
    font-size: 1.5em;
    position: absolute;
    line-height: 1;
    right: 15px;
    font-weight: normal;
}

div#home_sns .f_wrap .recruit .inner:hover .ttl:after {
    animation: arrow_right .3s 0s ease-in-out infinite alternate;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「PICK UP」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_pickup .sogyonen {
    background: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/sogyonen.jpg?ver=1020) no-repeat 0% 50% / 160px auto;
    padding: 25px 0px 30px 160px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
}

div#home_pickup .sogyonen .sub {
    font-size: 15px;
}

div#home_pickup .sogyonen .main {
    font-size: 30px;
    font-family: "my_mincho",serif;
    line-height: 1.4;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「NEWS」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_news > div {
    position: relative;
}

div#home_news ul.tab_header {
    display: flex;
    justify-content: space-around;
    border: 1px solid #dfdfdf;
}

div#home_news ul.tab_header li {
    width: 20%;
    text-align: center;
    background: #fff;
}

div#home_news ul.tab_header li:not(:first-child) {
    border-left: 1px solid #dfdfdf;
}

div#home_news ul.tab_header li a {
    display: flex;
    height: 68px;
    justify-content: center;
    align-items: center;
    color: #848484;
}

div#home_news ul.tab_header li.active a, div#home_news ul.tab_header li a:hover {
    text-decoration: none;
    background: #001140;
    color: #fff;
}

div#home_news .tab_body_wrap {
    background: #fff;
    border: 1px solid #dfdfdf;
    margin-top: -1px;
    padding: 50px;
}

div#home_news .tab_body:not(:nth-of-type(1)) {
    display: none;
}

div#home_news .tab_body li {
    display:flex;
    flex-wrap:wrap;
}

div#home_news .tab_body li:not(:last-child) {
    margin-bottom: 10px;
}

div#home_news .tab_body .cat {
    background: #ccc;
    font-size: 13px;
    padding: 5px;
    color: #fff;
    min-width: 120px;
    display: inline-block;
    text-align: center;
    margin-right: 1em;
}

div#home_news .tab_body .date {
    margin-right: 1em;
}

div#home_news .tab_body .ttl {
    width:calc(100% - 270px);
}

div#home_news .tab_body .ttl a {
    text-decoration: underline;
}

div#home_news .tab_body .ttl a:hover {
    text-decoration: none;
}

div#home_news .tab_body .more {
    position: absolute;
    top: 10px;
    right: 0;
}

div#home_news .tab_body .more a {
    color: #333;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「ジュリーカミネ」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

div#home_kamine p {
    color: #fff;
    text-align: center;
    line-height: 1.4;
}

div#home_kamine p.en {
    font-size: 40px;
    font-family: 'Crimson Text', serif;
    letter-spacing: 5px;	
}

div#home_kamine p.ja {
    font-family: "my_mincho",serif;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「ジュリーカミネの強み」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_usp > div {
    background-repeat: no-repeat;
    background-size: 74px 74px;
    background-image: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/kazari_l_t.svg) ,url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/kazari_r_t.svg) ,url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/kazari_l_b.svg) ,url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/kazari_r_b.svg);
    background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%;
    padding-bottom: 50px;
}

div#home_usp h2 {
    background: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/frame01.png) no-repeat 50% / contain;
    margin: 0 auto;
    font-size: 26px;
    font-family: "my_mincho",serif;
    width: 465px;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

div#home_usp ol.items {
    display: flex;
    text-align: center;
    margin: 0 -30px;
}

div#home_usp ol.items li {
    width: calc((100% - 0px) * .333);
    padding: 0 30px;
}

div#home_usp ol.items li:not(:first-child) {
    border-left: 1px solid #ddd;
}

div#home_usp ol.items .num {
    font-size: 18px;
    font-family: "my_mincho",serif;
    background: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/leaf.svg) no-repeat 50% / contain;
    width: 137px;
    height: 128px;
    padding-top: 10px;
    margin: 0 auto 20px;
    position: relative;
}

div#home_usp ol.items .num:before {
    content: '';
    background: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/crown.svg) no-repeat 50% / contain;
    width: 44px;
    height: 42px;
    display: table;
    margin: 0 auto;
}

/*
div#home_usp ol.items .num.in_window_target.active {
    transform: rotateY(360deg);
}

div#home_usp ol.items .num.in_window_target:before {
    transition: all .3s ease;
}

div#home_usp ol.items .num.in_window_target.active:before {
    transform: rotateY(180deg);
}
*/

div#home_usp ol.items .num strong {
    font-size: 48px;
    font-weight: normal;
    vertical-align: -2px;
    margin-left: 3px;
    line-height: 1;
}

div#home_usp ol.items .sub_ttl {
    font-family: "my_mincho",serif;
    font-size: 16px;
    line-height: 1.4;
}

div#home_usp ol.items .ttl {
    font-size: 26px;
    font-family: "my_mincho",serif;
    line-height: 1.4;
}

div#home_usp ol.items .img {
    margin: 20px auto;
}

div#home_usp ol.items .txt {
    font-size: 15px;
    line-height: 1.4;
    text-align: left;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「世代をこえて100年以上愛されるジュエリーを」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_miryoku > div {
    padding-left: 520px;
}

div#home_miryoku .lead {
    font-family: "my_mincho",serif;
    font-size: 38px;
    line-height: 1.4;
}

div#home_miryoku .ttl {
    font-family: "my_mincho",serif;
    font-size: 22px;
    line-height: 1.4;
    border-top: 1px solid #869ac8;
    border-bottom: 1px solid #869ac8;
    padding: 15px 0;
    margin: 20px auto;
}

div#home_miryoku .txt {
    margin-bottom: 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「Service」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_service h2:before {
    content: 'Service';
    font-size: 40px;
    font-family: 'Crimson Text', serif;
    letter-spacing: 5px;	
    color: #fff;
    display: block;
}

div#home_service h2 {
    color: #fff;
    font-family: "my_mincho",serif;
    text-align: center;

    margin-bottom: 30px;
    line-height: 1.2;
}

div#home_service ol.items > li {
    background: no-repeat 100% 50%/contain #fff;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    font-size: 26px;
    font-family: "my_mincho",serif;
    line-height: 1.4;
    position: relative;
}

div#home_service ol.items > li.large {
    /* padding-right: 628px; */
    justify-content: center;
    text-align: center;
}

div#home_service ol.items > li.small {
    padding-left: 50px;
}

/*
div#home_service ol.items > li.in_window_target {
    position: relative;
    bottom: -50px;
    opacity: 0;
}

div#home_service ol.items > li.in_window_target.active {
    bottom: 0px;
    opacity: 1;
}
*/

div#home_service ol.items > li:nth-child(3) {
    width: calc(50% - 10px);
    float: left;
}

div#home_service ol.items > li:nth-child(4) {
    width: calc(50% - 10px);
    float: right;
}

div#home_service ol.items > li.large .txt {
    width: calc(100% - 628px);
}

div#home_service ol.items > li.small .txt {
    width: calc(100% - 300px);
}

div#home_service ol.items > li .inner {
    position: relative;
}

div#home_service ol.items > li .img {
    height: 100%;
    background: no-repeat 100% 50% / 100% auto;
    background-size: 100% auto;
    transition: all .2s linear;
}

div#home_service ol.items > li.large .img {
    width: 628px;
    height: 360px;
}

div#home_service ol.items > li.small .img {
    width: 300px;
    height: 260px;
    background-size: 95% auto;
}
div#home_service ol.items > li.shopping .img {
    background-size: auto 95%;
    background-position:bottom right;
}
div#home_service ol.items > li.small:hover .img {
    background-size: 100% auto!important;
}
div#home_service ol.items > li.shopping:hover .img {
    background-size: auto 100%!important;
}

div#home_service ol.items > li:not(:nth-child(2)):hover .img {
	/* ※IE11ではBGサイズの拡大にトランジションが効かない */
    background-size: 105% auto;
}

div#home_service ol.items > li:nth-child(1) .img {
    background-image: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/service01a.jpg);
}

div#home_service ol.items > li:nth-child(2) .img {
    background-image: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/service01b.jpg);
}

div#home_service ol.items > li:nth-child(3) .img {
    background-image: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/service01c.jpg);
}

div#home_service ol.items > li:nth-child(4) .img {
    background-image: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/service01d.jpg);
}

div#home_service ol.items .ttl {
    line-height: 1.2;
}

div#home_service ol.items .sub_ttl {
    font-size: 18px;
}

div#home_service ol.items [class*="ttl"] a {
    color: #333;
    text-decoration: none;
}

div#home_service ol.items > li .inner:before {
    content: "0"counters(ol_cnt, "");
    border-bottom: 4px solid #556a9f;
    font-size: 18px;
    font-family: 'Crimson Text', serif;
    letter-spacing: 5px;	
    font-weight: bold;
    padding: 5px;
}

div#home_service ol.items > li.large .inner:before {
    position: absolute;
    left: calc(50% - 15px);
    top: -100px;
}

div#home_service ol.items > li.small .inner:before {
    position: relative;
    top: -20px;
}

div#home_service ol.items > li .inner:after {
    font-family: "fontello";
    content: '\e80f';
    border: 1px solid #2a4386;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2a4386;
    background: #fff;
    z-index: 1;
    position: relative;
}

div#home_service ol.items > li:nth-child(2) .inner:after {
    display: none;
}

div#home_service ol.items > li.large .inner:after {
    position: absolute;
    left: calc(50% - 20px);
    bottom: -100%;
}

div#home_service ol.items > li.small .inner:after {
    position: relative;
    bottom: -10px;
}

div#home_service ol.items ul {
    display: flex;

    margin-top: 20px;
    justify-content: center;
}

div#home_service ol.items ul li {
    position:relative;
}

div#home_service ol.items ul li:not(:last-child) {
    border-right: 1px solid #333;
}

div#home_service ol.items ul li:before {
    font-family: "fontello";
    content: '\e80f';
    position: absolute;
    left: 20px;
    top:10px;
    color: #2a4386;
    font-size: 20px;
}

div#home_service ol.items ul a {
    font-size: 20px;
    text-decoration: underline;
    padding: 10px 20px 10px 44px;
    display: inline-block;
    position: relative;
}

div#home_service ol.items ul a:hover {
    text-decoration: none;
}

div#home_service ol.items .shop {
    font-family: 'Crimson Text', serif;
    letter-spacing: 5px;	
    /* font-size: 30px; */
	font-size: 20px;
    font-weight: bold;
}

div#home_service ol.items .shop:before {
    content: "\f07a";
    font-family: "FontAwesome";
    margin-right: 10px;
    font-size: 1.2em;
    font-weight: normal;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「資格を持った宝石のプロが在籍」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_pro > div {
    /*padding-right: 500px;*/
	padding-left: 500px;
}

div#home_pro h2 {
    background: #351e1e;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-family: "my_mincho",serif;
    padding: 10px;
    min-width: 324px;
    text-align: center;
}

div#home_pro .lead {
    font-size: 36px;
    font-family: "my_mincho",serif;
    line-height: 1.2;
    margin: 20px 0;
}

div#home_pro ul.items {
    display: flex;
    margin: 20px -10px 30px;
}

div#home_pro ul.items li {
    font-family: "my_mincho",serif;
    line-height: 1.2;
    border: 3px solid #a5b2d3;
    display: flex;
    height: 150px;
    align-items: center;
    margin: 0 10px;
    width: 33.333%;
    background: #fff;
    justify-content: center;
    text-align: center;
}

div#home_pro ul.items li .inner:after {
    content: '';
    background: no-repeat 50% /contain;
    display: block;
    margin: 5px auto 0;
}

div#home_pro ul.items li:nth-child(1) .inner:after {
    background-image: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/license01a.jpg);
    width: 80px;

    height: 40px;
}

div#home_pro ul.items li:nth-child(2) .inner:after {
    background-image: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/license01b.jpg);
    width: 83px;
    height: 67px;
}

div#home_pro ul.items li:nth-child(3) .inner:after {
    background-image: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/license01c.jpg);
    width: 79px;
    height: 61px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「代表者メッセージ」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_message .message_wrap {
    margin-bottom: 35px;
    display: flex;
}
/*
div#home_message .in_window_target {
    position: relative;
    bottom: -50px;
    opacity: 0;
}

div#home_message .in_window_target.active {
    bottom: 0px;
    opacity: 1;
}
*/
div#home_message .message_wrap .area_a {
    background: #0a1437;
    width: 440px;
    color: #fff;
}

div#home_message .message_wrap .area_a .txt_wrap {
    margin : 0 20px 20px;
}

div#home_message .message_wrap .area_a .ttl {
    border-bottom: 1px solid #bcbcbc;
    font-size: 28px;
    font-family: "my_mincho",serif;
    line-height: 1.2;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: -40px;
    text-align: center;
}

div#home_message .message_wrap .area_a .ttl img {
    margin-right: 10px;
}

div#home_message .message_wrap .area_a .txt {
    line-height: 1.6;
    font-size: 13px;
    margin-bottom: 5px;
}

div#home_message .message_wrap .area_a .copy {
    text-align: right;
}

div#home_message .message_wrap .area_b {
    background: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/message01b.jpg) no-repeat #fff;
	/* for IE11（バックグラウンドポジションへのcalcの使用は、IEでは、一括指定に未対応らしい */
	background-position:calc(100% - 40px) 10px;
    padding: 50px;
    width: 660px;
}

div#home_message .area_b h2 {
    font-family: "my_mincho",serif;
    line-height: 1.2;
    font-size: 18px;
}

div#home_message .area_b h2:before {
    content: '';
    background: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/message.png) no-repeat 50% / contain;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    width: 182px;
    height: 49px;
}

div#home_message .area_b .lead {
    font-family: "my_mincho",serif;
    line-height: 1.2;
    font-size: 48px;
    margin: 20px auto 30px;
}

div#home_message .area_b .txt {
    margin-bottom: 30px;
}

div#home_message .area_b .sign {
    text-align: right;
    font-family: "my_mincho",serif;
    line-height: 1.2;
    font-size: 20px;
}

div#home_message .area_b .sign strong {
    font-size: 25px;
    font-weight: normal;
}

div#home_message .area_b .sign:before {
    content: '';
    background: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/sign.png) no-repeat 50% / contain;
    display: inline-block;
    margin-right: 15px;
    vertical-align: -3px;
    width: 183px;

    height: 22px;
}

div#home_message ul.items {
    display: flex;
    margin: 0 -10px;
}

div#home_message ul.items li {
    width: calc((100% - 40px) * .333);
    margin: 0 10px;
}

div#home_message ul.items li.recruit {
	display: none;
}

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

div#home_message ul.items li .img {
    background: #fff;
    display: block;
}
div#home_message ul.items li .img_container {
    padding-top: 278px;
}
div#home_message ul.items li:nth-child(3) .img_container {
    padding-top: 162px;
}
div#home_message ul.items li .img_container img {
    height: 101%!important;
}

div#home_message ul.items li .ttl {
    background: #fff;
    display: block;
    text-align: center;
    font-size: 20px;
    padding: 20px 10px;
    position: relative;
    font-weight: bold;
}

div#home_message ul.items li.recruit .ttl {
    background: #a20000;
    color: #fff;
    line-height: 1.2;
    /* font-family: "my_mincho",serif; */
    /* font-size: 21px; */
    padding: 14px 10px;
    font-weight: normal;
}

div#home_message ul.items li.recruit .ttl:after {
    color: #fff;
    top: 10px;
    font-size: 28px;
}

div#home_message ul.items li .ttl:after {
    font-family: "fontello";
    content: '\e80f';
    font-size: 1.5em;
    position: absolute;
    line-height: 1;
    right: 15px;
    font-weight: normal;
    color: #213874;
}

div#home_message ul.items li .inner:hover .ttl:after {
    animation: arrow_right .3s 0s ease-in-out infinite alternate;
}

div#home_message ul.items li .bnr {
    margin-top: 20px;
    background: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「Shop list」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_shops > * {
    position: relative;
}

div#home_shops h2 {
    font-size: 36px;
    text-align: center;
    font-family: 'Crimson Text', serif;
    letter-spacing: 5px;	
    line-height: 1.2;
    margin-bottom: 25px;
}

div#home_shops .lead {
    line-height: 1.2;
    font-family: "my_mincho",serif;
    font-size: 22px;
    text-align: center;
    margin-bottom: 25px;
}

div#home_shops ul.items {
    display: flex;
    flex-wrap: wrap;
}

div#home_shops ul.items li {
    width: calc((25% - 30px));
    margin: 0 15px 15px;
}

div#home_shops ul.items li a {
    line-height: 1.2;
    font-family: "my_mincho",serif;
    font-size: 18px;
    border: 1px solid #333;
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow:hidden;
}

div#home_shops ul.items li a:hover {
    text-decoration:none;
}

div#home_shops ul.items li a:before,
div#home_shops ul.items li a:after {
    content:'';
    height:1px;
    position:absolute;
    background:#333;
    transition:all .2s linear;
    width:0;
}
div#home_shops ul.items li a:before {
    left:5px;

    top:5px;
}
div#home_shops ul.items li a:after {
    right:5px;
    bottom:5px;
}
div#home_shops ul.items li a:hover:before,
div#home_shops ul.items li a:hover:after {
    width:calc(100% - 10px);
}

div#home_shops .more {
    position: absolute;
    top: 30px;
    right: 0;
}

div#home_shops .more a {
    color: #000;
}
div#home_shops .more a:before {
    top: 3px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンタクトエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#contact_area {
    line-height: 1.2;
    font-family: "my_mincho",serif;
}

div#contact_area p.lead {
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
    font-size: 17px;
}

div#contact_area .tel_wrap {
    display: flex;
    background: #fff;
    background-repeat: no-repeat;
    background-size: 74px 74px;
    background-image: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/kazari_r_t.svg) ,url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/kazari_l_b.svg);
    background-position: calc(100% - 5px) 5px, 5px calc(100% - 5px);
}

div#contact_area .tel_wrap > div {
    width: 50%;
    text-align: center;
    padding: 25px;
    position: relative;
}

div#contact_area .tel_wrap > div:first-child:after {
    content: '';
    width: 1px;
    height: 80%;
    background: #333;
    position: absolute;
    right: 0;
    top: 10%;
}

div#contact_area .sub {
    font-size: 18px;
}

div#contact_area .main {
    font-size: 30px;
    margin: 10px auto 15px;
}

div#contact_area .tel {
    font-size: 40px;
}

div#contact_area .free:before {
    content: '';
    width: 55px;
    overflow: hidden;
    background: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/freedial.svg) no-repeat 50% / contain;
    height: 33px;
    display: inline-block;
    vertical-align: -4px;
    margin-right: 10px;
    margin-left: -55px;
}

div#contact_area .normal:before {
    content: "\f095";
    color: #041237;
    font-family: "FontAwesome";
    display: inline-block;
    margin-right: 5px;
}

div#contact_area .open {
    font-size: 16px;
    margin-top: 10px;
}

div#contact_area .btn_wrap {
    display: flex;
    margin: 30px -20px 0;
}

div#contact_area .btn {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b51423+0,5b0509+100 */
    background: #b51423;
    /* Old browsers */
    background: -moz-linear-gradient(left, #b51423 0%, #5b0509 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #b51423 0%,#5b0509 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #b51423 0%,#5b0509 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b51423', endColorstr='#5b0509',GradientType=1 );
    /* IE6-9 */
    margin: 0 20px;
    width: 100%;
}

div#contact_area .btn a {
    height: 120px;
    align-items: center;
    display: flex;
    justify-content: center;
    background: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/bg.png);
    font-size: 22px;
    color: #fff;
    text-decoration: none;
}

div#contact_area .btn a:hover {
    opacity: 1;
}

div#contact_area .btn a:before {
    content: '';
    background: no-repeat 50% / contain;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

div#contact_area .btn a:hover:before {
    animation: up_down .3s 0s ease-in-out infinite alternate;
}

div#contact_area .btn:nth-child(1) a:before {
    background-image: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/mail.svg);
    width: 43px;
    height: 30px;
}

div#contact_area .btn:nth-child(2) a:before {
    background-image: url(https://kaminesz.com/wordpress/wp-content/themes/cyber-child/images/diamond.svg);
    width: 45px;
    height: 36px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　インフォメーションエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#footer_info{
	display: none;
}
div#footer_info .addr_wrap span.addr {
    margin: 0 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　バナーエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#footer_bottom_section ul {
    display: flex;
    margin: 0 -6.25px 30px;
}

div#footer_bottom_section li {
    margin: 0 6.25px;
    width: 210px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　コピーライトのエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#copy_frame {
    background: #021036;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コピーエリア住所追加
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#copy_area p {
    font-size: 12px;
}