@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.8 ;
}
/*動画center配置*/
.video-container {margin: 0px auto;}
/**************************************/
/** YouTube動画を横幅いっぱいにする **/
/*************************************/
.video-container {
	max-width: none;
}
/**************************************/
/** 固定ページの日付を非表示　**/ 
/*************************************/
.page .date-tags {
display: none;
}
/*navi*/
#navi{margin-top:-10px;}

/*main位置*/
#main {margin-top:-23px;padding-top:0px;}

.entry-content {background:#fff;padding:20px;border-radius:10px;}

/*side*/
.sidebar{margin-top:-23px;}
.sidebar h2,.sidebar h3{
margin:10px 0px;
line-height: normal;
color:#583822;
border-top:2px solid #28b893;border-bottom:2px solid #28b893;
border-left:none;border-right:none;
background:url(https://www.rybelsus.jp/glp1/wp-content/uploads/sideh2bg.png);
}
.sidebar a:hover{color:#1967d2;font-weight:bold;}

/*sideカテゴリー*/
.sidebar .widget_categories ul li{border-bottom:dotted 2px #bde4d3;padding-left:10px;}
.sidebar .widget_categories ul li a:before{font-family:"Font Awesome 5 Free";content:'\f105';font-weight: 900;color:#28b893;}
.sidebar .widget_categories ul li a:hover{color:#1967d2;}

/*クリニック紹介*/
.kijid-w{background:#fff;border-radius:10px;border:#ccc solid 1px;font-size:90%;}
.prof{padding:15px 15px 0px 15px;}
.cbb-o{border-bottom:dotted 1px #ccc;background:url(https://www.rybelsus.jp/glp1/wp-content/uploads/o-logo.png) right no-repeat;}
.cbb-i{border-bottom:dotted 1px #ccc;background:url(https://www.rybelsus.jp/glp1/wp-content/uploads/ishc_logo.png) right no-repeat;}
.cbb-s{background:url(https://www.rybelsus.jp/glp1/wp-content/uploads/sshc-logo.png) right no-repeat;}
	.clname{font-weight:bold;font-size:120%;color:#006633;}
	.place{margin:-25px 0px -25px 20px;}
	span.shou1{background:#ff69b4;color:#fff;border-radius:6px;padding:3px;margin:5px;font-size:80%;}
	span.shou2{background:#48d1cc;color:#fff;border-radius:6px;padding:3px;margin:5px;font-size:80%;}

/*バナー*/
.bnner1{text-align:center;}


/* プロフィールSNS */
.author-box .sns-follow-buttons a.follow-button{width:32px;height:32px;font-size:22px;margin:10px;}
	/*HOME*/
	.author-box .author-follows .sns-follow a.website-button{background:#66cdaa;color:#fff;}
	/*X*/
	.author-box .author-follows .sns-follow a.twitter-button{background:#0d0015;color:#fff;}
	/*youtube*/
	.author-box .author-follows .sns-follow a.youtube-button{background:#ff0000;color:#fff;}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
#main {margin-top:50px;padding-top:0px;}
.entry-content {background:#fff;padding:10px 5px;}

/*フッターモバイルボタン*/
	.mobile-menu-buttons{height:62px;}
	.mobile-menu-buttons > li{padding-top:10px;}
	.mobile-footer-menu-buttons{background:#E0F1EF;}
	.mobile-menu-buttons .menu-button{color:#42210b;}
	.mobile-menu-buttons .menu-button a:hover{color:#e73562;}
	.mobile-menu-buttons .menu-caption{font-size:12px;}
	
}

/*834px以下*/
@media screen and (max-width: 834px){
	
/*フォローボタン（記事下）の枠組み*/
.sns-follow.sf-bottom .sns-follow-buttons{justify-content: center;flex-wrap: wrap;}
/*フォローボタン（記事下）のリンク*/
.sns-follow.sf-bottom .sns-buttons a{width:45px;height:40px;margin-right:12px;margin-left:12px;border-radius:6px;}
/*フォローボタン（記事下）のアイコン*/
.sns-follow.sf-bottom .sns-follow-buttons .follow-button{font-size:25px;}
}

/*480px以下*/
@media screen and (max-width: 480px){
	.logo > a img {visibility: hidden;}
	/* ページ毎にロゴ画像を指定 */
	.logo > a .site-name-text {
		display: inline-block;
		background: url("https://www.rybelsus.jp/glp1/wp-content/uploads/header-image-m.png") no-repeat;
		background-size: contain;
		background-position: center;}
	
/*クリニック紹介*/
.cbb-o{background:none;}
.cbb-i{background:none;}
.cbb-s{background:none;}

/*テキスト位置調整*/
.fl-c{clear: both;}

}