@charset "utf-8";
/* CSS Document */



/*----------------------------------------
  header
----------------------------------------*/
header{
  font-family: "Noto Sans", sans-serif, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryoans;
}
header{
  height: 90px;
  background-color: #fff;
}
.wrap_header{
  height: 90px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .logo {
  max-width: 300px;
}
header .contact_header{
  margin-right: 200px;
}
header .top_contact{
  font-size: 15px;
  color: #E696A6;
  margin-bottom: 4px;
  text-align: center;
}
header .phone_contact{
  display: flex;
  align-items: flex-end;
}
header .contact_header .phone_contact .phone_num{
  font-size: 42px;
  font-weight: bold;
  line-height: 30px;
}
header .link_header ul li a {
  display: block;
  width: 140px;
  height: 70px;
}
header .link_header ul li a:hover {
  opacity: 0.5;
}
header .link_header ul li.request a {
  background: url(../img/share/ico-arrow_white.png) 123px 50% no-repeat #009944;
  padding: 10px;
  font-size: 17px;
  box-sizing: border-box;
  color: #fff;
	font-weight: bold;
}
header .link_header ul li a span {
  font-size: 14px;
} 


/* ---------------------------------------PC--------------------------------------- */
@media screen and (min-width: 768px) {
	.menu_btn {
    	border-left: 1px solid #aaa; border-right: 1px solid #aaa;
	}
	.menu_btn li img.main_global_navigation_img{
    	height: 2em!important;
		margin-bottom: 3px;
	}
	

	.menu_btn li img {
	margin: 0 5px 5px 0!important;		
	}
	
	.menu_btn li img.global-navi_emergency_btn {
	  height: 1.8em;
	  margin: 2px 5px 3px 0!important;				
	}

  	li.transport {
		display: none;
	}
  	header .link_header ul li {
		float: right;
	}
	/*Aタグあり*/
	ul.menu_btn li div.main_global_navigation_layout a{
	    display: flex;
		align-items: center;		    	
		width: 100%;/* 4番目のボタンを100%へ */
		padding: 6px 0 6px 0;
	}
	/*Aタグなし*/
	ul.menu_btn li div.main_global_navigation_layout{
	    display: flex;
		align-items: center;		
		justify-content: center;
		padding: 10px 0 10px 0;		
	}	
  	ul.menu_btn li span.main_global_navigation_txt{   
		margin: 1px 0px 0 0;
		font-size: 16px;/*フォントサイズ大　20260430*/
	}	
	
  	ul.menu_btn li span.main_global_navigation_txt.emergency_txt{   
		margin: 3px 0px 0 0;
	}	
	
	.dropdown.is-active::before {
    margin: 10px 10px 0 40px!important;
    }
	
	.dropdown.is-active::before {
    /* 「×」アイコンの挿入 */
    float: left;
    line-height: 1.5!important;
	position: relative;
    left: 10px;	
	}
	
	.dropdown.is-active::after {
    margin-top: 0!important;
	position: relative;
    left: -20px;	
	}	
}



/* ---------------------------------------スマホ--------------------------------------- */
@media screen and (max-width: 767px) {
	header{
		margin-bottom: 15px;
    	height: 60px!important;
    	padding: 0 1em;
	}
  	header:after {
    	content: ".";
    	display: block; 
    	visibility: hidden; 
    	height: 0.1px; 
    	font-size: 0.1em; 
    	line-height: 0; 
    	clear: both;
	}
  	.wrap_header{
    	height: 60px;
	}
	header .wrap_header .logo {
    	width: 48%;
    	height: auto;
	}
  	header .wrap_header .header_copy{
    	line-height: 1.4;
    	border-left: 1px solid #ccc;
    	padding-left: 8px;
	} 
  	header .wrap_header .header_copy p{
    	font-size: 13px;
	}
  	ul.menu_btn li span.main_global_navigation_txt{   
		font-size: 3.6vw;/*フォントサイズ大　20260430*/
	}		
}


/*スマホページのプランバナーの横余白*/
html body {
    overflow: visible;
}
/*ヘッダー固定分調整*/

/*ナビゲーションメニュー*/
.menu_btn_area {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #fff;
	font-weight: bold;/*今回追加　20260417*/
}
.menu_btn {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    background: #fff;
    z-index: 1000;
    max-width: 960px;
    margin: 0 auto;
}
.menu_btn li {
    flex: 1;
    text-align: center;
    padding: 0 0;
    text-decoration: none;
    color: #cc3366;
    /* ピンク系 */
    border-right: 1px solid #aaa;
    font-size: 14px;
	letter-spacing: -0.5px;
}
	
.menu_btn li a {
    display: block;
    color: #cc3366;
	height: 100%;
}

.menu_btn li a .menu_btn li:last-child {
    border-right: none;
}
.menu_btn li .icon {
    display: block;
    font-size: 18px;
}
.urgent {
    color: #fff !important;
}


ul li.dropdown.urgent_dropdown{
    background: #cc525b;
}

ul li.callphone{
    background: #cc525b;
}






.menu_btn li img {
    padding-top: 0.2em;
    height: 2.8em;
    width: auto;
    display: block;
    margin: 0 auto;
}


.menu_btn li:last-child {
    border-right: none;
}	

	
/*.menu_btn li.dropdown:last-child{
    padding: 5px 0;
}*/
	
	
html .singlepost #topic_path {
    padding-top: 0.5em;
    background-color: #fff;
    height: 2em;
    z-index: 99;
}
html #topic_path {
    padding-top: 0.5em;
    background-color: #fff;
    height: 2em;
    z-index: 99;
}
#topic_path .inner {
    font-size: 0.85em;
    width: auto;
    border-bottom: none;
}
#topic_path .inner ul {
    border-bottom: 1px solid #aaa;
    padding-bottom: 0.4em;
    max-width: 960px;
    margin: 0 auto;
}
header .wrap_header {
    margin: 0;
}
html #topic_path ul li a {
    color: #777;
}
html #topic_path ul li+li {
    padding-left: 0;
    background: none;
    margin-right: 1rem;
}


/* ---------------------------------------PC--------------------------------------- */
@media screen and (min-width: 768px) {
	.menu_btn {
    	border-left: 1px solid #aaa; border-right: 1px solid #aaa;
	}
	li.transport {
		display: none;
	}
	header .link_header ul li {
    	float: right;
	}
}

/* ---------------------------------------スマホ--------------------------------------- */
@media screen and (max-width: 767px) {
	html header {
    	margin-bottom: 0em;
    	height: auto;
    	position: relative;
	}
	.menu_btn li{
		font-size: 2.73vw!important;
		padding: 5px 0;
		}	
}


/*ドロップダウンメニュー*/
/* -------------------------------------- */
/* 追記・変更するCSS */
/* -------------------------------------- */

/* ドロップダウンメニューの子メニューをデフォルトで非表示にする */
.dropdown_menu {
    /* ... 既存のスタイルを維持 ... */
    position: absolute;
    top: 100%;
    right: -1px;
    background: #ffffff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    padding: 10px 0;
    cursor: pointer;
    width: 40.2%;
    /* アニメーション関連のスタイル */
    opacity: 0;               /* 初期状態は透明 */
    max-height: 0;            /* 初期状態は高さゼロ（スライドアップ/ダウン効果） */
    visibility: hidden;       /* 初期状態は非表示 */
    transition: /*opacity 0.3s*/ ease-out, max-height 0.3s ease-out, padding 0.3s ease-out; /* アニメーションの時間と種類 */
    overflow: hidden;         /* 高さがゼロのときに内容を隠す */
    padding-top: 0;           /* 初期状態のpaddingをゼロに */
    padding-bottom: 0;        /* 初期状態のpaddingをゼロに */
}
/* is-active クラスが付いたときの表示状態（アニメーション完了状態） */
.dropdown.is-active .dropdown_menu {
    opacity: 1;               /* 不透明にして表示 */
    max-height: 500px;        /* 実際のメニューの高さより十分に大きな値を設定 */
    visibility: visible;      /* 表示状態にする */
}
/* メニューのボタン風 (span.btn_menu) のスタイルを修正 */
.dropdown ul li {
    padding: 15px 0;
    box-sizing: border-box;
    /* border: none; */
    border-right: 0;
    /* width: 25%; */
    border-top: 1px solid #ddd;
    padding-left: 15px;
    position: relative;
    padding-right: 15px;
}
.dropdown ul li a {
    text-align: left;
}
.dropdown ul li a::after {
  transform: translateY(-25%) rotate(-45deg);
  width: 7px;
  height: 7px;
  right: 16px;
  top: 45%;
  border-bottom: 2px solid #cc3366;
  border-right: 2px solid #cc3366;
  content: '';
  transition: transform .3s;
  position: absolute;
}
.dropdown ul li:first-child {
    border-top: none;
    border-bottom: none;
}
.dropdown ul li:last-child {
/* background: #F894B8;
    padding: 5px 0;*/
}
.dropdown ul li:last-child img {
    width: 15%;
    height: auto;
}
.menu_btn .dropdown_menu .half_flex {
    display: flex;
    display: -webkit-flex; /* safari */
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    justify-content: space-between;
    /*align-items: center;*/
    -webkit-box-pack: center;
	height: 54px;
}
.half_flex li {
    width: 50%; height: 54px;
}
.dropdown_menu > ul > .half_flex:nth-child(6) > li:first-child {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.dropdown_menu > ul > .half_flex:nth-child(7) > li:last-child {
		position: relative;
    top: -1px;
	}
/* 2つ目の.half_flex内の最初のli（供花のご注文）を特定し、ボーダーを確実に解除 */
.dropdown_menu > ul > .half_flex > li:first-child {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
/*お急ぎの方はこちら、資料請求、会員登録ボタン*/
.menu_btn .dropdown_menu li a.dropbtn_request_emergency{
  background-color: #cc525b;
  color: #fff;
  font-size: 16px;
  border-radius: 10px;
  padding: 10px 24px;
  position: relative;
  box-shadow: 0px 4px 0px 0px rgba(163, 19, 29, 1);
  margin-bottom: 8px;
}
.menu_btn .dropdown_menu li a.dropbtn_request_emergency p{
  padding-left: 20px;
}

.menu_btn .dropdown_menu li a.dropbtn_request_emergency::before{
  content: "";
  width: 30px;
  height: 30px;
  top: 10px;
  left: 12px;
  display: inline-block;
  position: absolute;
  background-image: url(/tpl/img/header/icon_caution.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.menu_btn .dropdown_menu li a.dropbtn_request_emergency::after{
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-45deg);
  top: 18px;
  right: 16px;
}
.menu_btn .dropdown_menu li .urgent_menu_btn_cap{
  color: #333;
  text-align: left;
  margin-bottom: 12px;
  margin-left: 4px;
}
.menu_btn .dropdown_menu li a.dropbtn_request_siryou, .menu_btn .dropdown_menu li a.dropbtn_request_member {
    border: solid 2px #0070c0;
    color: #0070c0;
    font-weight: bold;
    border-radius: 10px;
    padding: 9px 0 7px;
    position: relative;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.menu_btn .dropdown_menu li a.dropbtn_request_member {
    color: /*#b63963*/#c00045;
    border: solid 2px #c00045/*#b63963*/;
}
.menu_btn .dropdown_menu li a.dropbtn_request_siryou::after {
  position: absolute;
    content: '';
    top: 0%;
    /* left: 0; */
    display: block;
    width: 16.5%;
    height: 70px;
    background-image: url(/img/share/header/panf_header_cta_pc.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: 9.4%;
    border: none;
    transform: rotate(0deg);
}
.menu_btn .dropdown_menu li a.dropbtn_request_member::after {
  position: absolute;
    content: '';
    top: 13%;
    /* left: 0; */
    display: block;
    width: 21%;
    height: 50px;
    background-image: url(/contact/img/member_card.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: 6.3%;
    border: none;
    transform: rotate(0deg);
}
.menu_btn .dropdown_menu li a.dropbtn_request_siryou p, .menu_btn .dropdown_menu li a.dropbtn_request_member p {
    text-align: center;
    width: 73%;
    font-size: 19px;
    line-height: 1.1;
    letter-spacing: 1.5px;
}
.menu_btn .dropdown_menu li a.dropbtn_request_siryou p span, .menu_btn .dropdown_menu li a.dropbtn_request_member p span {
    font-size: 75%;
    font-weight: normal;
}
.dropdown ul li.othe_btn {
    border-bottom: none;
    border-top: none;
    padding: 10px 15px 0;
}
.dropdown ul li:first-child.othe_btn {
  padding-top: 16px;
}
.dropdown_menu li .to_concept,
.dropdown_menu li .to_search,
.dropdown_menu .has_sub a{
  padding-left: 30px!important;
}
.dropdown_menu li .to_concept::before,
.dropdown_menu li .to_search::before,
.dropdown_menu .has_sub a::before{
  content: "";
  width: 30px;
  height: 30px;
  top: 12px;
  left: 12px;
  display: inline-block;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}


@media screen and (max-width: 767px) {	
.dropdown_menu li .to_concept::before,
.dropdown_menu li .to_search::before,
.dropdown_menu .has_sub a::before{
  top: 12px;
  left: 12px;
	}	
}


.dropdown_menu li .to_concept::before{
  background-image: url(/tpl/img/header/icon_famille.png);
}
.dropdown_menu li .to_search::before{
  background-image: url(/tpl/img/header/icon_finder.png);
}
.dropdown_menu .has_sub a::before{
  background-image: url(/tpl/img/header/icon_price.png);
}
.dropdown ul li:nth-child(2) {
  padding-bottom: 16px;
}
/* ドロップダウンメニューがアクティブなとき (メニューが開いているとき) のボタン変更 */

/* 1. 通常時の画像とテキストを非表示にする */
.dropdown.is-active img,
.dropdown.is-active .btn_menu,
.dropdown.is-active .btn_urgent,
.dropdown.is-active .btn_urgent/*追加20260417*/{
    display: none;
}

/*  お急ぎ用ドロップダウンだけ有効にする */
.urgent_dropdown.is-active .urgent_menu img {
  display: revert;
}

/* 2. 閉じるアイコン用の新しいスタイルを適用 */
.dropdown.is-active {
    /* 閉じるボタンのベーススタイル */
    /*position: relative;*/
}

/* 3. 閉じるアイコンとテキストをCSSで挿入 */
.dropdown.is-active::before {
    /* 「×」アイコンの挿入 */
    content: "×";
    display: block;
    font-size: 1.7em;
    /*line-height: 1.15;
    margin-top: 0.5em;*/
	line-height: 1.45;
    margin-top: 0.3em;
    color: #cc3366;
}

.dropdown.is-active::after {
    /* 「閉じる」テキストの挿入 */
    content: "閉じる";
    display: block;
    font-size: 16px; /* テキストのサイズをメニューボタンの文字サイズに合わせる */
    line-height: 1;
    margin-top: 0.1em; /* 垂直位置の微調整 */
    color: #cc3366;
}

/* お急ぎ用ドロップダウンの閉じるアイコンとテキスト */
.urgent_dropdown.is-active{
  background: #cc525b;
}
.urgent_dropdown.is-active::before,
.urgent_dropdown.is-active::after{
  color: #fff;
}


/* 4. メニューボタンの文字色を強調色（例：赤）に変更する (任意) */
.dropdown.is-active {
    color: #cc525b; /* お急ぎボタンと同じ赤色など */
}


/* ====================================
　　お急ぎ用ドロップダウン
==================================== */
.urgent_dropdown .urgent_menu {
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);

  background-color: #fff5f5;
}
.urgent_dropdown .urgent_menu .urgent_menu_title{
  background-color: #ee859c;
  color: #FFF;
  font-size: 16px;
  padding: 6px 16px;
  text-align: left;
}
.urgent_dropdown .urgent_menu .urgent_menu_box_top{
  padding: 18px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.urgent_dropdown .urgent_menu .urgent_menu_box_top_text p{
  color: #333;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
}
.urgent_dropdown .urgent_menu .urgent_menu_box_top_text p:nth-of-type(2),
.urgent_dropdown .urgent_menu .urgent_menu_box_top_text p:nth-of-type(3){
  font-size: 24px;
  line-height: 1.3;
  font-weight: 600;
  padding-left: 3px;
}
.urgent_dropdown .urgent_menu .urgent_menu_box_top_image{
  width: 36%;
  height: auto;
  margin: 0;
}
.urgent_dropdown .urgent_menu ul li{
  border: none;
}
.urgent_dropdown .urgent_menu .urgent_menu_btn{
  padding: 0 16px ;
}
.urgent_dropdown .urgent_menu .urgent_menu_btn .dropbtn_request_emergency{
  background-color: #cc525b;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 8px;
  padding: 15px 24px;
  position: relative;
  box-shadow: 0px 4px 0px 0px rgba(163, 19, 29, 1);
}
.urgent_dropdown .urgent_menu .urgent_menu_btn .dropbtn_request_emergency p{
  padding-left: 40px;
}
.urgent_dropdown .urgent_menu .urgent_menu_btn .dropbtn_request_emergency::before{
  content: "";
  width: 30px;
  height: 30px;
  top: 21%;
  left: 20px;
  display: inline-block;
  position: absolute;
  background-image: url(/index/img/tel_anime.gif);
  background-size: contain;
  background-repeat: no-repeat;
}
.urgent_dropdown .urgent_menu .urgent_menu_btn .dropbtn_request_emergency::after{
  width: 10px;
  height: 10px;
  top: 42%;
}
.urgent_dropdown .urgent_menu .urgent_menu_btn:nth-of-type(n+2) .dropbtn_request_emergency{
  background-color: #fff;
  color: #cc525b;
  font-size: 16px;
  border: 2px solid #cc525b;
  box-shadow: none;
  padding: 8px 24px;
  margin-bottom: 12px;
}
.urgent_dropdown .urgent_menu .urgent_menu_btn:nth-of-type(n+2) .dropbtn_request_emergency::before{
  background-image: url(/tpl/img/header/tel_anime_pink.gif);
  width: 24px;
  height: 24px;
}
.urgent_dropdown .urgent_menu .urgent_menu_btn:nth-of-type(n+2) .dropbtn_request_emergency::after{
  border-bottom: 2px solid #cc525b;
  border-right: 2px solid #cc525b;
  top: 37%;
}
.urgent_dropdown .urgent_menu .urgent_menu_box_bottom{
  padding-bottom: 16px;
}
.urgent_dropdown .urgent_menu .urgent_menu_box_bottom p{
  color: #333;
  font-size: 14px;
  font-weight: bold;
}
.urgent_dropdown .urgent_menu .urgent_menu_box_bottom p span{
  font-size: 18px;
}
.urgent_dropdown .urgent_menu .urgent_menu_box_bottom_inner{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 6px;
}
.urgent_dropdown .urgent_menu .urgent_menu_box_bottom_inner_item p{
  font-size: 10px;
  font-weight: normal;
}
.urgent_dropdown .urgent_menu .urgent_menu_box_bottom_inner_item_image{
  border: 2px solid #ee859c;
  width: 70px;
  height: 70px;
  padding: 10px;
  border-radius: 50%;
  background-color: #fff;
}
.urgent_dropdown .urgent_menu .urgent_menu_box_bottom_inner_item_image img{
  width: 100%;
  height: auto;
}



@media screen and (max-width: 767px) {
	/* 【最重要】既存の display: none; を上書きし、アニメーション制御に切り替えるための設定 */
	.dropdown_menu {
    /* 親 li の左端に揃え、PCでの right: 0; の影響をリセット */
		left: 0;
		right: auto;
		/* もし display: none; がどこかで設定されていたら、この行で確実に表示させる（アニメーション起動のため） */
		display: block !important;
		/* 非アクティブ時のアニメーション用初期値（visibility/opacity）を強制適用 */
		visibility: hidden !important;
		opacity: 0 !important;
		max-height: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.dropdown.is-active::after {
	    font-size: 3.47vw; /* テキストのサイズをメニューボタンの文字サイズに合わせる 20260430 */
	}
	
		/* アクティブ時（メニューオープン時）の表示状態を強制する */
		.dropdown.is-active .dropdown_menu {
		visibility: visible !important;
		opacity: 1 !important;
		max-height: 500px !important;
	}
		.urgent_dropdown.is-active .urgent_menu{
  		max-height: 550px!important;
	}
	.menu_btn .dropdown_menu {
    	height: auto;
	}
	/* 補足: 親 li の幅いっぱいに子メニューを広げる（前回の設定を維持） */
	.dropdown_menu {
    	width: 100%;
	}
	.menu_btn .dropdown_menu > ul > li > a, .dropdown_menu > ul > li > span, .dropdown_menu > ul > li.wrap_link a {
    	padding: 0;
	}
	.menu_btn .dropdown_menu .btn_close {
    	padding: 0;
	}
	/* ドロップダウンメニュー内のフォントサイズ調整 */
	.menu_btn .dropdown ul li{
    	font-size: 3.73vw!important;
	}	
	.menu_btn .dropdown ul li:last-child img {
    	width: 8%;
	}
	.menu_btn .dropdown_menu > ul > li > a, .dropdown_menu > ul > li.wrap_link a {
    	background: none;
	}
		/*資料画像*/
	.menu_btn .dropdown_menu li a.dropbtn_request_siryou::after {
    	top: 0%;
        width: 16%;
        height: 78px;
        right: 9%;
	}	
	.menu_btn .dropdown_menu li a.dropbtn_request_member::after {
    	top: 13%;
    	/* left: 0; */
    	width: 20%;
    	height: 50px;
    	right: 6%;
	}
}
	
    @media screen and (max-width: 767px) {
/*パンくずスクロール*/
 #topic_path ul {
            display: flex
;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            overflow-scrolling: touch;
            overflow: auto;
            white-space: nowrap;
        }
/*プラン用メインビジュアルがパンくずと被るのを防ぐ*/
   main#content #plan-main {
        padding-top: 15px !important;
    }
}

@media screen and (max-width: 430px) {
	
	/*資料画像*/
.menu_btn .dropdown_menu li a.dropbtn_request_siryou::after {
        top: 0%;
        width: 13%;
        height: 78px;
        right: 10.5%;
}	
.menu_btn .dropdown_menu li a.dropbtn_request_member::after {
        top: 10%;
        /* left: 0; */
        width: 20%;
        height: 50px;
        right: 6%;
    }
	}	
@media screen and (max-width: 414px) {
	
	/*資料画像*/
.menu_btn .dropdown_menu li a.dropbtn_request_siryou::after {
        top: 3%;
        width: 14%;
        height: 78px;
        right: 9%;
}	
.menu_btn .dropdown_menu li a.dropbtn_request_member::after {
        top: 10%;
        /* left: 0; */
        width: 20%;
        height: 50px;
        right: 6%;
    }
	}	
@media screen and (max-width: 375px) {
	
	/*資料画像*/
	.menu_btn .dropdown_menu li a.dropbtn_request_siryou::after {
        top: 0%;
        width: 16%;
        height: 78px;
        right: 9%;
	}	
	.menu_btn .dropdown_menu li a.dropbtn_request_member::after {
    	top: 13%;
    	/* left: 0; */
    	width: 20%;
    	height: 50px;
    	right: 6%;
	}	
}


	/*パンくず*/
	#topic_path ul li + li::before{
		display: inline-block;
    content: ">";
    font-size: 12px;
	padding-right: 15px;
}