@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;}
#sidebar .author-content .author-name a{font-size:90%;}

/*この記事を執筆した人（ウジェットに追加）*/
.prof-a{border:5px solid #8fbbea;margin:10px;padding:20px 20px 10px 20px;border-radius:10px;}
.prof-a .phot-l{text-align:left;}
.prof-a .text-r{margin-left:220px;}
.prof-a .text-r .name{font-size:130%;font-weight:bold;border-bottom:2px solid #ccc;}
.prof-a .text-r ul li{margin-bottom:5px;}
.button-yb a {background:#ff0000 url(https://www.osaka-tounyoubyou.jp/syoujou/wp-content/uploads/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: 500px;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(https://www.osaka-tounyoubyou.jp/syoujou/wp-content/uploads/youtube_social_circle_red.png)no-repeat left center;;color: #FFF;}


.c-annai{border-left:15px solid #91ca44;border-right:15px solid #91ca44;border-bottom:15px solid #91ca44;margin:0;padding:0;}

.footer-left .textwidget{font-size:12px;}
.footer-left .textwidget .w-address{padding-left:10px;}
.footer-center ul#menu-footer-center_navi li{font-size:80%;border-bottom:1px dotted #ccc;}
.footer-right ul li{font-size:82%;border-bottom:1px dotted #ccc;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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 .phot-l{text-align:center;}
.prof-a .text-r{ clear: both;margin-left:5px;}

	.mobile-footer-menu-buttons{height:62px;}
	.mobile-footer-menu-buttons > li{padding:5px 2px 8px 2px;border-right:1px dotted #ccc;}
	.mobile-footer-menu-buttons .menu-button{color:#42210b;width:25%!important;}
	.mobile-footer-menu-buttons .menu-button a:hover{color:#fff;}
	.mobile-footer-menu-buttons .menu-caption{font-size:12px;}
	
}