@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.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

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

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

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


/*reset*/
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,section{ margin: 0px; padding: 0px; }
ul,li{ list-style-type: none; }
input,textarea,select { font-size: 1em; }
form,input,textarea { margin: 0px; }
table { border-collapse:collapse; border-spacing: 0; }
caption,th {text-align: left; }
div { margin:0; padding:0; }
a { outline: none; }
img,a img { vertical-align: bottom; border:none; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; }

/*clearfix*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
*html .clearfix {height: 1%}
.clearfix {display: block}

*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/*PC*/
@media screen and (min-width: 481px) {
.w-pc{max-width: 100%;margin: 0 auto;}
.w-sp{display: none !important; margin: 0 auto;}
}
/*SP*/
@media screen and (max-width: 480px){
.w-pc{display: none !important;}
.w-sp{display: block !important;}
}

.red, .bold-red {color: #f00;}
.t-c {text-align: center;margin: 0 auto;}
@media screen and (max-width: 480px){
.t-c {text-align: left;}
}

.date-tags {display: none;}
.logo.logo-header.logo-text {display: none;}

/*囲み*/
.content {margin: 0 auto;max-width: 1300px;}
.wrap {width: 96%;}
.main {width: 70%;padding: 0 40px;}
.sidebar {width: 30%;padding: 23px 40px 0 0;}
p, .paragraph {margin: 0;}
@media screen and (max-width: 834px){
main.main, div.sidebar {margin: 0 auto;padding: 0;}
}

/*PCメインメニュー*/
#header-container {margin: 10px auto;}
.header-container-in.hlt-top-menu.hlt-tm-small .navi-in > ul > li {
line-height: 30px;height: 30px;}
.navi-in a {font-size: 18px;letter-spacing: 0.5rem;}
.navi-in > ul li {width: 300px;border-right: solid 1px #96d9f5;}
.navi-in > ul li:first-child {border-left: solid 1px #96d9f5;}
/*PCメインメニュー中間幅でのロゴ画像非表示*/
.header-container-in.hlt-top-menu.hlt-tm-small .logo-header img {
    display: none;
}
/*モバイルメニュー*/
@media screen and (max-width: 834px){
#navi .navi-in {width: 96%;}
#navi .navi-in > .menu-mobile li {width: 33%;height: 1.6rem;line-height: 1.6rem;}
#navi .navi-in > .menu-mobile li a {font-size: .9rem;letter-spacing: .05rem;}
#navi .navi-in > ul > li > a {padding: 0;}
}

/*サイドバー*/
.sidebar h3 {width: 100%;margin: .5rem auto .8rem;padding: .5rem .2rem;font-size: 1.2rem;line-height: 1.1;letter-spacing: .15rem;color: #444;border-bottom: solid 2px #ffced7;background-color: transparent;}
.cat-item {font-size: .95rem;}
.widget_pages ul li a {font-size: .95rem;}

/*サイドナビメニュー*/
#nav_menu-2 .widget-sidebar-title.widget-title,
#nav_menu-3 .widget-sidebar-title.widget-title,
#nav_menu-4 .widget-sidebar-title.widget-title {
color: #ff7892;border: none;width: 96%;margin: 0 auto .5rem;padding: 0 0 .3rem .2rem;line-height: 1.2;font-size: 1rem;border-bottom: dotted 1px #ffced7;}
.widget_nav_menu ul {margin: 0 auto 1.1rem;width: 94%;}
.widget_nav_menu ul li a {font-size: .95rem;margin: 0 auto;padding: 0 0 .2rem .5rem;}
.widget_nav_menu ul li a:before {font-family: FontAwesome;content: "\f0da";color: #ffced7;padding-right: .4rem;font-size: 90%;}
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover {background-color: #fef8f9;}
/*サイドバーカテゴリーアイコン
#nav_menu-2 .widget-sidebar-title.widget-title:before {content: url(http://shopwing.net/images/wing_icon_sports.png);padding-right: 0.5em;vertical-align: middle;}
#nav_menu-3 .widget-sidebar-title.widget-title:before {content: url(http://shopwing.net/images/wing_icon_seifuku.png);padding-right: 0.5em;vertical-align: middle;}
#nav_menu-4 .widget-sidebar-title.widget-title:before {content: url(http://shopwing.net/images/wing_icon_sports.png);padding-right: 0.5em;vertical-align: middle;}
*/
.widget-entry-cards.not-default .a-wrap {
max-width: 400px;width: 20%;float: left;}

/*パンくず*/
.breadcrumb {margin: 1.3rem auto .5rem ;font-size: .85rem;}
.breadcrumb, .breadcrumb-caption {color: #ff7892;}
/*投稿枠*/
.article {width: 96%;margin: 0 auto;}

/*タイトル*/
.entry-title, .archive-title {font-size: 1.2rem;line-height: 1.3;letter-spacing: 0.03rem;margin: 1.5rem auto 2rem;padding: .3rem 0;width: 100%;font-weight: 800;
color: #494949;background: transparent;color:#ff7892;border-bottom: solid 2px #ffced7;}

/*見出し*/
.article h2 {font-size: 1.4rem;line-height: 1.3;letter-spacing: 0.03rem;margin: 0 auto 1.6rem;padding: .25rem .8rem;width: 100%;font-weight: 800;color: #444;background: transparent;border-left: solid 5px #ff7892;}
.article h3 {border: none;border-bottom: solid 3px #ffb1be;padding: .3rem .1rem;width: 96%;margin: 0 auto 1rem;font-size: 1.2rem;color: #ff7892;line-height: 1.2;}
.article h4 {border: none;width: 94%;margin: 1.8rem auto .3rem;padding: 0;font-size: 1rem;color: #2af;}
.article h4:before {font-family: FontAwesome;content: '\f14a';color: #2af;padding-right: 0.4rem;font-weight: normal;}
.article h5 {border: none;width: 94%;margin: 0 auto;padding: .4rem 0;font-size: .95rem;border-bottom: 1px solid #999;}
.article h6 {border: none;width: 94%;margin: 0 auto;padding: .3rem 0;font-size: .9rem;border-bottom: 1px dotted #aaa;}
@media only screen and (max-width:480px) {
.article h2 {font-size: 1.1rem;letter-spacing: 0.01rem;}
}

/*本文*/
.article p, .entry-content p {width: 94%;margin: 1rem auto 1.5rem;padding: 0;font-size: .95rem;line-height: 2;letter-spacing: .02rem;font-weight: normal;color: #444;}
.article p strong, .entry-content p strong {color: #f20;}

/*ポイント（BOX）*/
.point-box {position: relative;width: 92%;margin: 1rem auto 2rem;padding: 1rem 1.2rem .8rem;border: solid 2px #ffced7;border-radius: .5rem;
font-size: .9rem;letter-spacing: .05rem;line-height: 1.3;}
.point-box .point-box-t {position: absolute;display: inline-block;top: -.8rem;left: .5rem;padding: .3rem .8rem .3rem;line-height: 1;font-size: .8rem;letter-spacing: .05rem;color: #fff;background-color: #ff7892;font-weight: 800;
border-radius: 1.3rem;}
/*ポイント（text）*/
.point {margin: 0 auto .5rem;padding: .3rem .8rem .2rem;color: #fff;background-color: #f00;font-size: .8rem;
line-height: 1.1;border-radius: 1.3rem;display: inline-block;font-weight: 800;letter-spacing: .05rem;}

/*テーブル*/
.tbl00 {border-collapse: collapse;width: 94%;margin: 2rem auto;font-size: .8rem;display: block;}
.tbl00 th,.tbl00 td {padding: 0;vertical-align: top;text-align: left;border: none;background-color: #fff;}
.tbl00 td {padding: 0 1% 10px;}
@media only screen and (max-width:480px) {
.tbl00 th,.tbl00 td {display: block;width: auto;}
}
	
.tbl01 {border-collapse: collapse;width: 94%;margin: 1em auto;text-align: left;}
.tbl01.t-c {text-align: center;}
.tbl01 th, .tbl01 td {font-size: 0.9rem;padding: 0.7rem 1.1rem;border: 1px solid #77d1f5;vertical-align: top;}
.tbl01 th {color: #2af;font-weight: 800;background: #f6fcfe;letter-spacing: 0.1rem;}
.tbl01.th01 th{width: 14rem;}
.tbl01 td {background: #fff;line-height: 1.6;}
@media only screen and (max-width:480px) {
.tbl01 th,.tbl01 td {display: block;width: auto;border-bottom: none;}
.tbl01.th01 th{width: auto;}
.tbl01 tr:last-child {border-bottom: 1px solid #77d1f5;}

/*▼スマホ*/
.logo-menu-button img {max-height: 38px;}
.mobile-menu-buttons {padding: .1rem .3rem;}
.navi-menu-button.menu-button, .search-menu-button.menu-button {color: #2af;}
/*スマホ ハンバーガーメニュー*/
.fa-remove::before, .fa-close::before, .fa-times::before {color: #77d1f5;}
.menu-drawer a {padding: .7rem;color: #2af;border-bottom: 1px dotted #77d1f5;}


/*▼ その他、フッター・もっと見るボタン・リストなどは、cocoon-masterフォルダ内のstyle.cssに設定*/