@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;}

/*グローバルメニュー*/
#navi .navi-in{margin-bottom:0px;}
#navi .navi-in > ul li{font-weight:bold;border-left:5px solid #fff;}
#navi .navi-in > ul li:last-child{border-right:5px solid #fff;}
#navi .navi-in a:hover{color:#0000cd;opacity:1.0;background:#ffff89;}
.content{padding-top:0p;margin-top:10px;}

/*メイン*/
/*Hタグ*/
.article h1,.article h2{padding:0;margin:0;font-size:medium;border-collapse:separate;border-spacing:0;border-top:none;border-right:none;border-bottom:none;border-left:none;line-height:normal;position:relative;}
.article h1{padding: 1rem 1rem;font-size:25px;border-left:10px solid #7f995f;}
.article h2{position:relative;font-size:23px;background:#b7dd89;box-shadow:0px 0px 0px 5px #b7dd89;border:dashed 2px white;padding:10px;color:#454545;margin-bottom:30px;}
.article h2:after{position:absolute;content:'';left:-7px;top:-7px;border-width:0 0 15px 15px;border-style:solid;border-color:#fff #fff #a8d4ff;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.15);}

.widget-index-bottom-title{border-left:10px solid #b7dd89;padding:5px 10px;margin-bottom:20px;}

/*サイドバー*/
.sidebar h3{border-top:3px solid #b7dd89;border-bottom:3px solid #b7dd89;background:#efffe0;padding:5px 10px 5px 10px;font-size:20px;}
.sidebar-scroll .textwidget{font-size:80%;padding:0 10px;}
.widget-sidebar li{border-bottom:1px dotted #ccc;}
.widget-sidebar li a:hover{background-color:#ffffd1!important;}
/*フッター*/
.footer-in{font-size:80%;}
.footer-in h3{border-top:2px solid #7f995f;border-bottom:2px solid #7f995f;padding:5px 10px;text-align:center;}
.footer-in a{border-bottom:0 dotted #bfff7f;}
.footer-in a:hover{color:#3300cc!important;background-color:#ffffd1!important;border-bottom:#bfff7f solid 1px;}
.footer-widgets .textwidget,.footer-widgets .menu-footer-center_officiallink-container,.footer-widgets .menu-footer-right_bloglink-container{padding:0 20px 0 20px;}
.footer-widgets li{line-height:20px;border-bottom:1px dotted #ccc;}
.footer-widgets .mapframe{text-align:center;margin: 0 auto;}
/*SNSリンク*/
.insta-img{padding-left:25px;background:url(https://www.osaka-tounyoubyou.jp/ryouri/wp-content/uploads/Instagram_Glyph_Gradient-copy.png) no-repeat left center;}
.youtube-img{padding-left:25px;background:url(https://www.osaka-tounyoubyou.jp/ryouri/wp-content/uploads/youtube_social_icon_red.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){
  /*必要ならばここにコードを書く*/
	.mobile-footer-menu-buttons .menu-caption{font-size:12px;}
}