@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*tableのフォントサイズ*/
.post_content table {
    font-size: 0.9em;
}

/* この記事を書いた人 */
p.writer-background {
	padding: 10px !important;
}

div.bg-color {
	padding: 10px;
	background-color: #fafafa;
}

/* ボックス②(イエローボックス) */
p.yellow-box.has-border.-border04 {
	border-color: #fffb00;
}

div.wp-block-group.yellow-box.has-border.-border04 {
	border-color: #fffb00;
}

/* ボックス③(ポイントレッド) */
p.red-point{
	border-radius: 100px;
	background-color: #ef5350;
}

p.red-point.is-style-balloon_box:before{
	border-top: 12px solid #ef5350;
}

/* 箇条書き①（青枠チェック） */
div.list-1.has-border.-border04 {
	border-color: #0693e3;
}

/* この記事で解決できるお悩み */
.kaiketsu-title {
    border-bottom: solid;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

ul.square.is-style-num_circle li:before {
	border-radius: 0%;
}

/* 箇条書き②（四角チェック） */
ul.check.is-style-check_list li:before {
	background-color: var(--color_list_num);
	border-radius: 50%;
	color: #fff;
	padding: 0 3.5px;
	width: auto;
}

p.title {
	border-bottom: solid #555;
}

p.rankbox {
	background-repeat: no-repeat;
	background-position: left 50%;
	background-size: auto 2.3rem;
	padding-left: 2.5rem;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 2.5;
	border-bottom: 1px solid var(--color_border);
}


/* ランキング */
p.ranking-title {
	border-left: none;
	background: #4FC3F7;
	color: #fff;
	border-radius: 30px;
	margin: 0 10px 10px 0;
}

p.rank-1 {
	background-image: url(https://ryubunnkai.marketing-partner.co.jp/wp-content/uploads/2024/11/oukan1.png);
	padding: .5rem  2.5rem 0;
}

p.rank-2 {
	background-image: url(https://ryubunnkai.marketing-partner.co.jp/wp-content/uploads/2024/11/oukan2.png);
	padding: .5rem  2.5rem 0;
}

p.rank-3 {
	background-image: url(https://ryubunnkai.marketing-partner.co.jp/wp-content/uploads/2024/11/oukan3.png);
	padding: .5rem  2.5rem 0;
}

p.rank-4 {
	background-image: url(https://ryubunnkai.marketing-partner.co.jp/wp-content/uploads/2024/11/oukan4.png);
	padding: .5rem  2.5rem 0;
}

p.rank-5 {
	background-image: url(https://ryubunnkai.marketing-partner.co.jp/wp-content/uploads/2024/11/oukan4.png);
	padding: .5rem  2.5rem 0;
}

/* h5(グレーボタン見出し)  */
.post_content h5{
    display: inline-block;
    background-color: #f1f1f1;
    color: #333;
    font-weight: bold;
    min-width: 2em;
    border-radius: 100px;
    padding: 0.3em 1.25em;
    margin: 15px 0 5px;
}

/* h6(黄色ボタン見出し)  */
.post_content h6{
    display: inline-block;
    background-color: #FEB20A;
    color: #fff;
    font-weight: bold;
    min-width: 2em;
    border-radius: 100px;
    padding: 0.3em 1.25em;
    margin: 15px 0 5px;
}


/* ヘッダー内部 */
@media (min-width: 960px) {
.-parallel .c-headLogo.-txt {
	justify-content: left;
	}
	
.-parallel .w-header {
        justify-content: right;
    }

.l-header__inner {
	width: 1200px;
	}
	
.c-headLogo__link {
    display: block;
    text-decoration: none;
    text-align: left;
}
	
.-parallel .l-header__logo {
	width: 60%;
	line-height: 100px;
}
	
.l-header.-parallel .w-header {
	width: 40%;
}
}

.l-fixHeader__logo{
	width: 35%;
}

@media (min-width: 960px) {
    .l-fixHeader.-parallel .l-fixHeader__gnav {
        margin: 10px 0px;
        width: 65%;
    }
}


/* サイドボタン */
.side_button {
	padding: 28px 10px 10px 10px;
	position: fixed;
	top: 200px; 
    right: 0;
	color: #ffffff;
	font-weight: bold;
	background: url(https://rose-clinic.or.jp/wp-content/uploads/2023/08/letter.png) center 10px no-repeat,#f79400;
	background-size: 18px;
	border-radius: 6px 0 0 6px;
      -ms-writing-mode: tb-rl;
     writing-mode: vertical-rl;
	z-index: 999;
	cursor: pointer;
}

.side_button:hover {
	background: url(https://rose-clinic.or.jp/wp-content/uploads/2023/08/letter.png) center 10px no-repeat,#f09f4d;
	background-size: 18px;
}

.pc-display {
	display: block;
}

@media screen and (max-width: 960px) {
.pc-display {
	display: none;
	}
}

.l-topTitleArea {
    min-height: 8em;
}
	
@media (min-width: 600px) {
.l-topTitleArea {
        min-height: 140px;
        padding: 1em 0;
    }
}