@charset "utf-8"; 
@import url('../cyber/frame-pc.css?date=20240501'); 
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　プロモスライダー実装 (2024-05-01)mkw
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promoFrame2 .ms-view {
	overflow: visible;
}
.ms-slide .ms-slide-link:hover {
    opacity: 0.3;
    background:#fff;
    transition: opacity 0.5s, background-color 0.5s;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「殿BLOG」（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.blog_area .body ul {
	overflow:hidden;
}
.blog_area .body li {
    float: left;
    width: 50%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
インスタウィジェット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#sb_instagram {
    margin-top: -10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
BODY
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*スライダー実装にともない変更（2024-05-01）mkw*/
/*body.page-index{
background:url(images/promo_bg.jpg) no-repeat 50% 0 #000;
}*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
セクション1
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.section_edge01 {
    background: url(images/main_img.jpg) no-repeat 50% 0;
    background-size: cover;
    padding: 0 0 80px;
    color:#333;
    overflow:hidden;
}

.section_edge01 .box {
    margin-left: 500px;
    padding-top:1px;
    margin-top:50px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
セクション2「こだわり１～５」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[class*="section_edge02"] {
    color: #fff;
    background:no-repeat 50% 0 #000;
    background-size: auto 100%;
}
[class*="section_edge02"] > div{
    padding: 50px 0;
    border-bottom: 1px solid #333;
}
.section_edge02a {
    background-image: url(images/kodawari01_bg.jpg);
}
.section_edge02b {
    background-image: url(images/kodawari02_bg.jpg);
}
.section_edge02c {
    background-image: url(images/kodawari03_bg.jpg);
}
.section_edge02d {
    background-image: url(images/kodawari04_bg.jpg);
}
.section_edge02e {
    background-image: url(images/kodawari05_bg.jpg);
}
.section_edge02g > div{
    border-bottom: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンタクトエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.contact_bnrs .left {
   width: 480px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー(インフォメーション)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#headerFrame {
    /*background: transparent;*//*スライダー実装にともない変更（2024-05-01）mkw*/
	background-color: #000;
}
#headerArea td {
    padding:0;
}
#headerArea td:first-child {
    color: #fff;
    padding-right: 120px;
}
#headerArea [src*="tel"] {
    margin-top:-10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グローバルナビの固定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#gNaviWrap {
    background: transparent;
}
#gNaviWrap.isStuck {
    background: #000;
    background: rgba(0,0,0,.7);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グローバルナビ（下段）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#gNaviFrame2 {
    border-bottom: none;
    /*background: transparent;*/
	/*スライダー実装にともない変更（2024-05-01）mkw*/
	background-color: #000;
}
#gNaviFrame2:before,
#gNaviFrame2:after {
    content:'';
    background: url(images/hr01.png) repeat-x;
    display: block;
    height: 2px;
}
/* 親メニューのみ */
#gNaviFrame2 ul.gnavi > li {
    min-width: inherit;
}
#gNaviFrame2 ul.gnavi > li > a {
    font-size: 18px;
    font-family: "Sawarabi Mincho";
}
/* HOME */
#gNaviFrame2 ul.gnavi > li:first-child > a {
	font-size:24px;
	padding:0 10px;
}
/* 親メニューのみ(アクティブ状態)（display:table-cellを使用するためAではなくLIに変化をつける） */
#gNaviFrame2 ul.gnavi > li.on {
    background:transparent;
}
#gNaviFrame2 ul.gnavi > li.on > a {
    color: #e20000;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー(プロモ)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promoFrame {
    margin-bottom: 133px;
	display: none;/*スライダー実装にともない変更（2024-05-01）mkw*/
}
#promoFrame [src*="promo01.png"] {
    position: relative;
    left: -105px;
    top: 48px;
}
/*スライダー実装にともない変更（2024-05-01）mkw*/
/*崩れによりoverflow追記（2026-01-22）ya*/
#promoFrame2{
	height: 600px;
	overflow: hidden;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メインカラム
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#mainArea .articleInner {
    background: transparent;
    border: 1px solid #555;
}









/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター(インフォメーション)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footerArea,
#footerArea a {
    color: #fff;
}
#footerFrame {
    background: url(images/footer_bg.jpg) no-repeat 50% 100% #1c1c1c;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター(インフォメーション2)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footerFrame2 {
    display:none;
}