@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
a:hover img{opacity:0.5;}
.video-container{margin:0px auto;}
iframe{display:block;}
/*文字色・文字装飾*/
.gold{color:#c5a059;font-weight:bold;}
.navy{color:#1a3b68;font-weight:bold;}
.underline{border-bottom:2px solid #c5a059;}
.al-l{text-align:left!important;}

/*ヘッダー ---------------------------*/
.navi-in li a:hover{border-bottom:4px solid #1a3b68;}

/*フロントページ*/
.list-more-button{background:#eb6100;border:0;color:#fff;border:2px solid #fff;font-weight:bold;}
a.list-more-button:hover{background:#ffff00;color:#333;border:2px solid #ffff00;}


/*本文 ---------------------------*/
/*Hタグ初期化*/
.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{padding:0;margin:0;border-collapse:separate;border-spacing:0;border-top:none;border-right:none;border-bottom:none;border-left:none;line-height:normal;position:relative;}

/*hタグ*/
.article h1{position: relative;margin-bottom:20px;padding-bottom:20px;}
.article h1:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:7px;background:-webkit-repeating-linear-gradient(-45deg, #a8bedb, #a8bedb 2px, #fff 2px, #fff 4px);background:repeating-linear-gradient(-45deg, #a8bedb, #a8bedb 2px, #fff 2px, #fff 4px);}

.article h2{background:#1a3b68;color:#fff;padding:10px;margin:40px 0;box-shadow:0px 0px 0px 5px #1a3b68;border:dashed 1px #c5a059;}
.article h3{background:#dfefff;border-left:10px solid #1a3b68;border-radius:10px;padding:10px;margin-bottom:20px;}
.article h4{color: #1a3b68;padding:10px;margin-bottom:15px;border-top:solid 2px #1a3b68;border-bottom:solid 2px #1a3b68;background:-webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#fff 3px, #fff 7px);background:repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#fff 3px, #fff 7px);}
.article h5{position:relative;padding:0px;margin-bottom:15px;}
.article h5:after{content:"";display:block;height:3px;background:-webkit-linear-gradient(to right, rgb(26, 59, 104), #007bbb);background:linear-gradient(to right, rgb(26, 59, 104), #007bbb);}
.article h6{position:relative;line-height:1.4;padding:0.25em 1em;display:inline-block;top:0;margin-bottom:10px;}
.article h6:before,.article h6:after{position:absolute;top:0;content:'';width:8px;height:100%;display:inline-block;}
.article h6:before{border-left:solid 2px black;border-top:solid 2px black;border-bottom:solid 2px black;left:0;}
.article h6:after {content:'';border-top:solid 2px black;border-right:solid 2px black;border-bottom:solid 2px black;right:0;}

/*本文ウィジェット*/
.article-footer{border-top:0;}
/*この記事を執筆した人（ウジェットに追加）*/
.prof-a{border:1px solid #ccc;margin:10px;padding:20px 20px 10px 20px;border-radius:10px;background: linear-gradient(140deg, rgba(253, 239, 242) 0%, rgba(235, 246, 247) 100%);}
.prof-a h2{padding:0;margin:0;border-collapse:separate;border-spacing:0;border-top:none;border-right:none;border-bottom:none;border-left:none;line-height:normal;position:relative;background:none;box-shadow:0px 0px 0px 0px #1a3b68;}
.prof-a h2{position:relative;color:#1a3b68;background:#fff;padding:10px 20px;margin-bottom:20px;border-left: solid 2.4em #eb6ea5;border-radius:10px;}
.prof-a h2:before {font-family: "Font Awesome 5 Free";content: "\f305";position: absolute;padding: 0em;color: white;font-weight: 900;left: -1.35em;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.prof-a .phot-l{float:left;}
.prof-a .phot-l img{border:4px solid #fff;}
.prof-a .text-r{margin-left:230px;}
.prof-a .text-r .name{font-size:130%;font-weight:bold;border-bottom:2px solid #ccc;}
.prof-a .text-r p.ltitle{font-weight:bold;margin-bottom:3px;}
.prof-a .text-r ul li{margin-bottom:5px;}

.button-yb a {background:#ff0000 url(http://hanafusa-hifuka.com/medicine/wp-content/uploads/2026/03/youtube_social_circle_red.png)no-repeat left center;border-radius: 50px;position: relative;display: flex;justify-content: space-around;align-items: center;margin: 0 auto;max-width: 400px;padding: 10px 25px 10px 70px;text-decoration:none;color:#ffffff !important;transition: 0.3s ease-in-out;font-weight:bold;}
.button-yb a:after {position: absolute;top: 50%;right: 20px;border-radius: 1px;transition: 0.2s ease-in-out;content: "\f0da";font-family: "Font Awesome 5 Free";font-weight: 900;transform:translateY(-50%);}
.button-yb a:hover {background: #f47e83 url(http://hanafusa-hifuka.com/medicine/wp-content/uploads/2026/03/youtube_social_circle_red.png)no-repeat left center;;color: #FFF;}
.hp-guide{margin:50px 30px 30px 30px;}
.hp-guide h5{text-align:center;padding-bottom:15px;}
.hp-guide ul li{font-size:120%;font-weight:bold;width:60% left;}

/*グループクリニック紹介（ウィジェット）*/
#text-6 .widget-title,#text-7 .widget-title,#text-8 .widget-title
{text-align:center;font-weight:bold;border:2px solid #d0256f;box-shadow:5px 5px #d0256f;color:#d0256f;padding:10px 5px;margin:30px 0px 20px 0px;color:#432f2f;background:#fef4f4;}
.gcp1{text-align:center;border:solid #eca0a8 3px;padding:0px;}/*千里中央*/
.gcp1 .wp-image-450{border-top:0;border-left:0;border-right:0;border-bottom:3px solid #eca0a8;background:#fff9fa;margin:0;padding:3px;}
.gcp1 .b-style1{display:block;padding:15px 25px;background-color:#d9534f;color:#fff;text-decoration:none;font-weight:bold;border-radius:50px;font-size:0.9rem;margin:10px;}
.gcp2{text-align:center;border:solid #9b6cb2 3px;padding:3px 0px 10px 0px;}/*江坂駅前*/
.gcp2 .wp-image-448{border-top:0;border-left:0;border-right:0;border-bottom:3px solid #9b6cb2;background:#f9edff;margin:0;padding:3px;}
.gcp2 .b-style2{display:block;padding:15px 25px;background-color:#763f91;color:#fff;text-decoration:none;font-weight:bold;border-radius:50px;font-size:0.9rem;margin:10px;}
.gcp3{text-align:center;border:solid #24929d 3px;padding:3px 0px 10px 0px;}/*みのお*/
.gcp3 .wp-image-592{border-top:0;border-left:0;border-right:0;border-bottom:3px solid #24929d;background:#effdff;margin:0;padding:3px;}
.gcp3 .b-style3{display:block;padding:15px 25px;background-color:#359ba6;color:#fff;text-decoration:none;font-weight:bold;border-radius:50px;font-size:0.9rem;margin:10px;}
.gcp1 p,.gcp2 p,.gcp3 p{font-size:90%;margin:10px 10px 0px 10px;}

/*サイドバー ---------------------------*/
.wp-image-450{border:8px solid #eca0a8;background:#fff9fa;margin:-6px 0;padding:5px;}/*千里中央*/
.wp-image-448{border:8px solid #9b6cb2;background:#f9edff;margin:-6px 0;padding:5px;}/*江坂駅前*/
.wp-image-592{border:8px solid #24929d;background:#effdff;margin:-6px 0;padding:5px;}/*みのお*/
.wp-image-451{border:8px solid #aa9180;background:#fff9fa;margin:-6px 0;padding:5px;}/*千里中央・美容*/

/*フッター ---------------------------*/
.footer-widgets{font-size:90%;}
.textwidget,.menu-footer_center-container,.footer-right,.menu-footer_c_inlink-container{font-size:80%;}

/*フッターH3*/
.footer-in h3{border-bottom:solid 3px #c5a059;position:relative;font-size:18px;margin-bottom:10px;text-align:center;}
.footer-in h3:after {position: absolute;content: " ";display: block;border-bottom: solid 3px #1a3b68;bottom: -3px;width: 10%;}

/*リストアイコン*/
.widget_categories ul,.widget_categories ul li{list-style-position: inside;}
.widget_categories ul > li.cat-item > a {display: block;border-bottom:dotted 1px #ccc;}
.widget_categories li{position:relative;padding:0px 0 0 20px;margin-top:0px;background:url(http://hanafusa-hifuka.com/medicine/wp-content/uploads/2026/03/list-icon.png) no-repeat left top 6px;line-height:1.6;}
.widget_categories li ul.children{padding-left:0px;}
.widget_categories li ul.children li{padding:0px 0 0 20px;background:url(http://hanafusa-hifuka.com/medicine/wp-content/uploads/2026/03/list-icon2.png) no-repeat left 5px center;background-color: #f2faff;}

.insta-img{padding-left:25px;background:url(http://hanafusa-hifuka.com/medicine/wp-content/uploads/2026/03/Instagram_Glyph_Gradient-copy.png) no-repeat left center;}
.youtube-img{padding-left:25px;background:url(http://hanafusa-hifuka.com/medicine/wp-content/uploads/2026/03/youtube_social_icon_red.png) no-repeat left center;}

.hanafusac-icon{padding-left:25px;background:url(http://hanafusa-hifuka.com/medicine/wp-content/uploads/2026/03/senrichuoh_icon.png) no-repeat left center;}
.hanafusab-icon{padding-left:25px;background:url(http://hanafusa-hifuka.com/medicine/wp-content/uploads/2026/03/senrichuoh-bi_icon.png) no-repeat left center;}
.esaka-icon{padding-left:25px;background:url(http://hanafusa-hifuka.com/medicine/wp-content/uploads/2026/03/esaka_icon.png) no-repeat left center;}
.minoh-icon{padding-left:25px;background:url(http://hanafusa-hifuka.com/medicine/wp-content/uploads/2026/03/minoh_icon.png) no-repeat left center;}
.hanafusa-g-icon{padding-left:25px;background:url(http://hanafusa-hifuka.com/medicine/wp-content/uploads/2026/03/hanafusagroup_saiyou_icon.png) no-repeat left center;}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
	
/*この記事を執筆した人（ウジェットに追加）*/
.prof-a{margin:5px;padding:10px;}
.prof-a h2{font-size:22px;padding:5px;}
.prof-a .phot-l{width:100%;text-align:center;margin-bottom:20px;}
.prof-a .text-r{clear:both;margin-left:5px;font-size:nomal;}
/*モバイルフッターボタン*/
.mobile-menu-buttons{height:62px;}
.mobile-menu-buttons .menu-caption{font-size:12px;}
	
}
