@charset "utf-8";
/* Copyright 2023 design hack. */

/* ------------------------------------------------------------
リセット
------------------------------------------------------------ */ 
/* 全ての要素に対する余白初期値設定 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, main, menu, nav, output, ruby, section, summary,time, mark, audio, video{margin:0;padding:0;border: 0;font-size:100%;}
/* デフォルト文字設定 */ 
body{color:#333333;background: #FFFFFF; font-family:'Noto Serif JP',"メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;font-weight: 400; font-size:16px;line-height:1.8;}
main{display:block;}
@media print, screen and (max-width: 767px){body{font-size:14px;}}
/* リストマーカーを非表示 */
ul,ol{list-style-type:none;}
/* テーブルセルのボーダーの設定 */ 
table {	border-collapse: collapse; 	border-spacing: 0;}
table th,table td{box-sizing: border-box;}
/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img, input, select, textarea {vertical-align: middle;box-sizing: border-box;}
/* デフォルトリンク色の設定 */
a{color:#4C4C4C;text-decoration:none;outline: none;-webkit-transition: color 0.3s;transition: color 0.3s;}
/* 青いの消す */
*:focus {outline: none;}
/* 画像リンクの設定 */
a img.opa07:hover{opacity:0.7}
/* ------------------------------------------------------------
初期化
------------------------------------------------------------ */
p{margin-bottom:none;}
img{vertical-align:top;	border:none;}
header, footer, nav, section, article, aside {display:block;}
/* ------------------------------------------------------------
サイト共通設定
------------------------------------------------------------ */
/*	clearfix
---------------------------------------------- */
.clearfix:after{/*for modern browser*/  content: "";  display:block;  clear:both;}
.clearfix{ *zoom:1; } /*for IE6,IE7*/
p#browser{padding:10px 0;background:#000;color:#FFF;text-align:center;}
p#browser span{font-size:86%;}

/* ------------------------------------------------------------

レイアウト

------------------------------------------------------------ */
/* ----------------------------------------------
ヘッダー
---------------------------------------------- */
header{background: #FFFFFF;}
div#wrap_h1{width:1200px;margin: 0 auto;text-align: left;padding-top:10px;}
h1{line-height: 1.0;color: #838383;font-size: 12px;font-weight: normal;}

div#wrap_header{width:1240px;height:120px;margin:0 auto;position:relative;}
p#pc_logo{position:absolute;left:20px;top:30px;}
p#pc_logo img{width:60px;height:60px; }
p#pc_logo a:hover{opacity:0.7;}
p#pc_hdr_member{position: absolute;right:20px;top:0;border: 1px solid #CCCCCC;font-size: 13px;padding: 10px 20px;line-height: 1.0;}
p#pc_hdr_member span{background:url(/common/img/hdr_lock.png) no-repeat 0 0.2em;background-size:14px 14px;padding-left: 22px;}

/* グローバルナビゲーション */
nav#wrap_nav_main{position:absolute;right:20px;top:65px;font-weight: 500;}
nav#wrap_nav_main ul#nav_main {font-size: 0;}
nav#wrap_nav_main ul#nav_main li{display: inline-block;font-size: 15px;margin-right: 70px;line-height: 1.0;}
nav#wrap_nav_main ul#nav_main li:last-child{margin-right: 0;}
nav#wrap_nav_main ul#nav_main li a:hover,p#pc_hdr_member a:hover{color: #7D1B3C;transition: color 0.3s;}

div#sp_nav{display: none;}

@media print, screen and (min-width: 768px){.global_nav{display: none;}}
/* ----------------------------------------------
device
---------------------------------------------- */
@media print, screen and (max-width: 767px){
div#pc_nav{display: none;}
div#sp_nav{display: block;} 
/* ----header---- */
/*--h1--*/ 
div#hdr_h1{height: 20px;}
div#wrap_h1{width: 100%;padding-top:5px;}
h1{line-height: 1.0;color: #838383;font-size: 10px;font-weight: normal;text-align: right;}

header{width:100%;height:65px;position:fixed;top:0;left:0;z-index:8888;background: #FFFFFF;}
#header_fixed{width:100%;height:65px;position:relative;z-index:9999;}
p#sp_logo{position:absolute;left:20px;top:20px;}
p#sp_logo img{width: 35px;height:35px;}
p#sp_logo a{display:block;}
/*--menu button--*/
.toggle {position: fixed;display: block;right: 20px;top: 30px;width: 30px;height: 20px;cursor: pointer;}
.toggle span {display: block;position: absolute;width: 100%;background-color: #333333;content: "";display: block;height: 2px;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;}
.toggle span:nth-child(1) {top: 0px;}
.toggle span:nth-child(2) {top: 10px;}
.toggle span:nth-child(3) {top: 20px;}
.toggle.active span:nth-child(1) {top: 10px;left: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
.toggle.active span:nth-child(2),.toggle.active span:nth-child(3) {top: 10px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}

/* .global_nav */
.global_nav {position: fixed;top: 0;left: 0;width: 100%;height:100%;transform: translateY(-100%);z-index: 110;padding-top:65px;text-align: center;transition: all 0.8s;font-weight: bold;line-height: 1.0;}
#nav_inner{height:100%;overflow-y:auto;}
.global_nav.active {transform: translateY(0%);}
.global_nav ul{background:#B6191C;border-top: 1px solid #DB8C8E;font-size: 15px;}
.global_nav ul li {padding: 30px;border-bottom: 1px solid #DB8C8E;}
.global_nav ul li a{display:block;color: #FFFFFF;}
.global_nav ul li:nth-last-child(3),.global_nav ul li:nth-last-child(2), .global_nav ul li:last-child{font-size: 14px;}
.global_nav ul li:nth-last-child(3) a,.global_nav ul li:nth-last-child(2) a, .global_nav ul li:last-child a{color: #E9B8B9;}
.global_nav ul li:last-child{margin-bottom: 60px;}
}

/* フッター
---------------------------------------------- */
/* footer navi --------------*/
div#bg_ftr{background: #B6191C;color: #FFFFFF;}
footer{margin:0 auto;width: 1200px;padding: 40px 0;text-align: center;line-height: 1.0;}
p#ftr_logo{margin-bottom:40px;}
p#ftr_logo img{width: 80px;height: 80px;}
dl#ftr_access{width: 1200px;border-bottom: 1px solid #DB8C8E;padding-bottom: 60px;margin-bottom: 60px;}
dl#ftr_access dt{font-weight: 600;font-size: 16px;margin: 0 0 20px;}
dl#ftr_access dd#ftr_access_pc{font-size: 14px;color: #E9BABB;font-weight: 400;}
dl#ftr_access dd#ftr_access_sp{display: none;}
    
ul#ftr_nav_main{font-size: 0;margin-bottom: 60px;}
ul#ftr_nav_main li{display: inline-block;font-size: 15px;margin-right: 80px;line-height: 1.0;}
ul#ftr_nav_main li:last-child{margin-right: 0;}
ul#ftr_nav_main li a{color: #FFFFFF;}  
ul#ftr_nav_main li a:hover{color: #E9BABB;transition: color 0.3s;}  
    
ul#ftr_nav_suv{font-size: 0;margin-bottom: 40px;}
ul#ftr_nav_suv li{display: inline-block;font-size: 15px;margin-right: 30px;padding: 0 30px 0 0;border-right: 1px solid #DB8C8E;}
ul#ftr_nav_suv li:last-child{margin-right: 0;border-right: none;}
ul#ftr_nav_suv li a{color: #E9BABB;} 
ul#ftr_nav_suv li a:hover{color: #FFFFFF;transition: color 0.3s;}      

p#ftr_notice{width: 1200px;border: 1px solid #DB8C8E;padding: 20px 0;font-size: 12px;color: #E9BABB;margin-bottom: 40px;}
p#small{line-height: 1.0;font-size: 12px;color: #E9BABB;}

@media print, screen and (max-width: 767px){
/* footer navi --------------*/
div#bg_ftr{padding: 0 20px;}
footer{margin:0;width: 100%;padding: 40px 0;}
p#ftr_logo{margin-bottom:20px;}
p#ftr_logo img{width: 40px;height: 40px;}
dl#ftr_access{width: 100%;border-bottom:none;padding-bottom: 0;margin-bottom: 25px;}
dl#ftr_access dt{font-weight: 600;font-size: 14px;margin: 0 0 20px;}
dl#ftr_access dd#ftr_access_pc{display: none;}
dl#ftr_access dd#ftr_access_sp{display: block;color: #E9BABB;font-size: 12px;line-height: 1.8;font-weight: 400;}
ul#ftr_nav_main{display: none;}
ul#ftr_nav_suv{display: none;}   

p#ftr_notice{width: 100%;padding: 7px;font-size: 11px;box-sizing: border-box;line-height: 1.6}
p#small{font-size: 11px;}
}

/* 下層
---------------------------------------------- */
div#bg_h2{background:url(/common/img/bg_h2.png) no-repeat center 0;background-size: 1920px 170px;text-align: center;}

/* 共通非表示
---------------------------------------------- */
@media print, screen and (max-width: 767px){.sp_none{display: none;}}
@media print, screen and (min-width: 768px){.pc_none{display: none;}}

/* パンくず
---------------------------------------------- */
div#breadcrumb ul{margin:0 auto;width:1200px;font-size:0;line-height: 1.0;text-align: left;padding-top: 30px;}
div#breadcrumb ul li{display: inline-block; color:#838383;background:url(/common/img/bread_ico.png) no-repeat right 0.15em;background-size:6px 10px; padding-right:16px;margin-right:10px;font-size:12px;}
div#breadcrumb ul li:last-child{background:none;padding-right:0;margin-right:0;}
div#breadcrumb ul li a{color:#A42B57;font-weight: normal;}
div#breadcrumb ul li a:hover{text-decoration: underline;}

@media print, screen and (max-width: 767px){
div#breadcrumb{padding: 0 120px 0 20px;}
div#breadcrumb ul{margin:0;width:100%;padding-top: 20px;}
div#breadcrumb ul li{background:url(../img/bread_ico.png) no-repeat right 0.15em;background-size: 5px 8px; padding-right:15px;margin-right:10px;font-size:11px;}
.rcrumbs {white-space: nowrap;}
.rcrumbs > ul {padding: 0;list-style: none;}
.rcrumbs > ul > li {overflow: hidden;display: none;}
.rcrumbs > ul > li.show {display: inline-block;}
.rcrumbs > ul > li.ellipsis {text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;}
}

/* ページトップ
---------------------------------------------- */
p#pagetop{position:fixed;right:50px;bottom:50px;margin-bottom:0;z-index: 100;}
@media print, screen and (max-width: 767px){
p#pagetop img{display: none;}
}
/* コンテンツエリア
---------------------------------------------- */
.bg_gry{background: #F3F2EF;}
.wrap_content{padding: 100px 0 140px; width: 1200px;margin: 0 auto;}
.wrap_content_after{padding: 140px 0; width: 1200px;margin: 0 auto;}
a:hover img.opa07{opacity: 0.7}

/* header */
div#bg_h2{background: #F3F2EF;height:260px;box-sizing: border-box;padding-top: 50px;}
h2#h2_pagettl {font-size: 26px;font-weight: 500;writing-mode: vertical-rl;margin: 0 auto;text-align: left;}
h2#h2_pagettl span {display: block;font-size: 14px;color: #7D1B3C; margin-left: 10px;}

.ttl_red_bdr01{font-size: 30px;font-weight: 900;line-height: 1.0;margin-bottom: 40px;position: relative;display: inline-block;padding-left: 60px;}
.ttl_red_bdr01:before{content: '';position: absolute;top: 50%;left:0;display: inline-block;width: 40px;height: 2px;background-color:#7D1B3C;}

.ttl_black01{font-size: 24px;font-weight: 800;line-height: 1.0;margin-bottom: 40px;}

.ttl_bred_style01{font-size: 36px;font-weight: 800; line-height: 1.0;text-align: center;margin-bottom: 60px;}
.ttl_bred_style01 span{display: block;font-size: 14px;color: #7D1A3B;font-weight: 400;margin-bottom: 20px;}

.ttl_vertical {font-size: 30px;font-weight: 500; line-height: 1.8;writing-mode: vertical-rl;margin: 0 auto 60px;}
.ttl_vertical span {display: block;font-size: 14px;color: #7D1B3C;}

.btn_style01 span{font-size: 14px;background:url(/common/img/btn_style01_pc.png) no-repeat right bottom;background-size:160px 7px;padding-bottom: 24px;line-height: 1.0;display: inline-block;width: 160px;text-align: left;}
.btn_style01 a:hover{color: #838383;}

ul#list_btn{text-align: center;}

.btn_box_arw{width: 380px;height: 100px;border: 1px solid #CCCCCC;box-sizing: border-box;font-size: 26px;text-align: center;line-height: 1.0;padding-top: 35px;font-weight: 700;position: relative;margin: 0 auto;}
.btn_box_arw:after {content: '';width: 6px;height: 6px;border-top: solid 2px #7D1B3C;border-right: solid 2px #7D1B3C;position: absolute;right: 22px;top: 45px;transform: rotate(45deg);transition: all .3s;}
.btn_box_arw:hover{opacity: 0.5;}


/* table */
table#table_style01{width: 100%;}
table#table_style01 th,table#table_style01 td{border: 1px solid #CCCCCC;padding: 15px 20px;text-align: left;}
table#table_style01 th{width: 35%;background: #F3F2EF;font-weight: 700;vertical-align: middle;}
table#table_style01 td{width: 65%;}
table#table_style01 td a{background:url(/common/img/ico_tab.png) no-repeat right 0.4em;background-size:12px 12px;padding-right: 22px;text-decoration: underline;}
table#table_style01 td a:hover{text-decoration: none;}

/* TOPICS */
ul.list_topics{border-top: 1px solid #CCCCCC;font-size:14px;margin-bottom: 60px;}
ul.list_topics li{padding:25px 0;border-bottom: 1px solid #CCCCCC;line-height: 1.0;}
ul.list_topics li p,ul.list_topics li h3{display: inline-block;}
ul.list_topics li p.date{width: 103px;}
ul.list_topics li p.cate{min-width:100px;color: #838383;}
ul.list_topics li h3{font-weight: normal;font-size:15px;line-height: 1.8;}
ul.list_topics li h3 a:hover{color: #838383;}

/* btn_back */
div#btn_back_list{border: 1px solid #CCCCCC; text-align: center;font-size: 15px; line-height: 1.0;position: relative;display:block;width: 240px;height: 60px;margin: 0 auto;}
div#btn_back_list a{display:block;padding:20px 0;width: 240px;height: 60px;box-sizing: border-box;}
div#btn_back_list:after {content: '';width: 6px;height: 6px;border-bottom: solid 2px #7D1B3C;border-left: solid 2px #7D1B3C;position: absolute;left: 21px;top: 25px;transform: rotate(45deg);transition: all .3s;}
div#btn_back_list a:hover {color: #7D1B3C;}
div#btn_back_list:hover::after{left:16px;}

/* wordpress ページネーション */
div.wp-pagenavi{text-align:center;font-weight: bold;line-height: 2.4;font-size: 0;}
div.wp-pagenavi span{background:#7D1B3C;color: #FFFFFF;display:inline-block;margin-right:20px;width:40px;height:40px;font-size: 16px;}
div.wp-pagenavi a{background: #F3F2EF;color: #333333;display:inline-block;margin-right:20px;width:40px;height:40px;font-size: 16px;}
div.wp-pagenavi a:last-child{margin-right:0;}
div.wp-pagenavi a:hover{background:#7D1B3C;color: #FFFFFF;}


@media print, screen and (max-width: 767px){
.wrap_content{padding:50px 0 70px; width: 100%;margin: 0;}
.wrap_content_after{padding: 70px 0; width: 100%;margin: 0;}

.sp_inner_pd{padding: 0 20px;}
    
div#bg_h2{height:150px;padding-top: 24px;}
h2#h2_pagettl {font-size: 17px;}
h2#h2_pagettl span {font-size: 8px;margin-left:9px;}

.ttl_red_bdr01{font-size: 21px;line-height: 1.8;margin-bottom: 30px;padding-left: 35px;}
.ttl_red_bdr01:before{top: 18px;width: 25px;height: 2px;}
    
.ttl_black01{font-size: 18px;margin-bottom: 30px;}

.ttl_bred_style01{font-size: 21px;margin-bottom: 40px;}
.ttl_bred_style01 span{font-size: 12px;margin-bottom: 15px;}
    
.ttl_vertical {font-size: 20px;margin-bottom: 30px;}
.ttl_vertical span {font-size: 12px;margin-left: 10px;}
    
ul#list_btn li img{width: 100%;}
    
.btn_box_arw{width: 85%;height: 80px;font-size:21px;padding-top: 30px;}
.btn_box_arw:after {content: '';width: 6px;height: 6px;border-top: solid 2px #7D1B3C;border-right: solid 2px #7D1B3C;position: absolute;right: 22px;top: 36px;transform: rotate(45deg);transition: all .3s;}

.btn_style01 span{font-size: 13px;background:url(/common/img/btn_style01_sp.png) no-repeat 0 bottom;background-size:130px 6px;padding-bottom: 22px;width: 130px;}


/* table */ 
table#table_style01{width: 100%;border-bottom: 1px solid #CCCCCC;}
table#table_style01 th,table#table_style01 td{width: 100%;display: block;border-bottom:none;}
table#table_style01 td a{background:url(/common/img/ico_tab.png) no-repeat right 0.45em;background-size:10px 10px;padding-right: 15px;}
    
/* TOPICS */   
ul.list_topics{font-size:12px;margin-bottom: 30px;}
ul.list_topics li{padding:20px 0 15px;}
ul.list_topics li p.date{width: auto;margin-right: 20px;}
ul.list_topics li p.cate{min-width:auto;}
ul.list_topics li h3{display: block;font-size:13px;margin-top: 15px;line-height: 1.8;}
    
/* btn_back */
div#btn_back_list{font-size: 13px;width: 180px;height: 45px;}
div#btn_back_list a{padding:15px 0;width: 180px;height: 45px;}
div#btn_back_list:after {border-bottom: solid 1px #7D1B3C;border-left: solid 1px #7D1B3C;left: 16px;top: 20px;}

/* wordpress ページネーション */
div.wp-pagenavi{line-height:1.9;}
div.wp-pagenavi span{margin-right:20px;width:35px;height:35px;font-size: 17px;}
div.wp-pagenavi a{margin-right:20px;width:35px;height:35px;font-size: 17px;}
div.wp-pagenavi a:last-child{margin-right:0;}
div.wp-pagenavi a:hover{background:#D0111A;color: #FFFFFF;}
}

/* ------------------------------------------------------------

ベースCSS

------------------------------------------------------------ */

/* center
---------------------------------------------- */
.center{margin:0 auto;}
/* width
---------------------------------------------- */
.w100per{width: 100%;}
/* clear
---------------------------------------------- */
.overflow_clear{overflow:hidden;height:100%;}
/* text-align
---------------------------------------------- */
.align_right{text-align:right !important;}
.align_left{text-align:left !important;}
.align_center{text-align:center !important;}
/* float
---------------------------------------------- */
.left{float:left;}
.right{float:right;}
/* font
---------------------------------------------- */
.normal{font-weight:normal !important;}
.bold{font-weight:bold !important;}

/* margin
---------------------------------------------- */
.mb_1em{margin-bottom:1em !important;}
.mb_2em{margin-bottom:2em !important;}

.mt_none{margin-top:0px !important;}
.mt_05{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;}

.mr_none{margin-right:0px !important;}
.mr_05{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_60{margin-right:60px !important;}
.mr_65{margin-right:65px !important;}

.mb_none{margin-bottom:0px !important;}
.mb_05{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;}
.mb_120{margin-bottom:120px !important;}
.mb_130{margin-bottom:130px !important;}

@media print, screen and (max-width: 767px){
.mb_55{margin-bottom:25px !important;}
.mb_60{margin-bottom:30px !important;}
.mb_100{margin-bottom:50px !important;}
}

.ml_none{margin-left:0px !important;}
.ml_05{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_42{margin-left:42px !important;}
.ml_45{margin-left:45px !important;}
.ml_50{margin-left:50px !important;}