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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/**************************************/
/** YouTube動画を横幅いっぱいにする **/
/*************************************/
.video-container {
	max-width: none;
}
/**************************************/
/** 固定ページの日付を非表示　**/ 
/*************************************/
.page .date-tags {
display: none;
}

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

a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
a{
margin:0;
padding:0;
text-decoration:underline;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#0066ff;
}

.clearfix:after{
content:"";
display:block;
clear:both;
}

/*背景の幅を100％にする*/

.page #content .wrap {
    width: 100%;}
.page #content .wrap .main {
 padding: 0;}

.page #content .wrap .main section {
padding:100px 0;
}
.page #content .wrap .main section .inner{
width: 1000px;
margin:0 auto;}
.main-img {
	text-align:center;
	background: url(images/main-bg.jpg) center bottom repeat-x;
}


.page .article h2 {

    border-radius: 0;
}
.page .article h3 {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
}


/* 下層ページ */

.article ul li, .article ol li {
    list-style: none;
}
.sidebar h2, .sidebar h3  {
background-color:#82cf86 ;
		color: #FFF;
}
.main {padding: 0 29px;}
.entry-title {
	padding: 25px;
    background-color:#82cf86 ;
	color: #FFF;
margin:30px auto;
	max-width:1160px;
}
.article h2 {
	clear:both;
  padding: 0.5em !important;/*文字周りの余白*/
  color: #000;/*文字色*/
  background: #e8f9fe;/*背景色*/
  border-left: solid 5px #1ab3df;/*左線（実線 太さ 色）*/
	margin: 2em 0 1em;
}
.entry-attn{
	margin:3% auto;
	padding:3%;
	background:#f1f8fa;
	border:3px #34c8ef solid;
}
.f-120 {
	font-size:120%;
}
.uline {
	text-decoration:underline;
}
.tab-img { display:none;}
.tabsmt-img { display:none;}
.smt-img { display:none;}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
.pc-img { display:none;}
.tab-img {display:inline;}
.tabsmt-img {display:inline;}
}

/*834px以下*/
@media screen and (max-width: 834px){
.pctab-img { display:none;}
.tab-img { display:none;}
.smt-img { display:inline;}
}

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



/**************************************/
/** ヘッダーメニュー　**/ 
/*************************************/
#header-in {
    width: 1200px;
    margin: 50px auto 0;
    text-align: center;
    position: relative;
    display: block;
	    padding-top: 20px;
}
.logo {
    text-align: left;
}
.content {
    margin-top: 0;
}
.header-container-in.hlt-top-menu .logo-header {
    max-height: 60px;
    text-align: left;
}
.header-btn {
    width: 1200px;
    text-align: right;
    margin: 0 auto;
    margin-bottom: -80px;
    padding-top: 10px;
	padding-right:100px;
    z-index: 500;
    position: relative;
	
}
.home .header-btn {
	padding-right:50px;}
.header-btn li {
	list-style:none;
}
.header-btn li a{
	float: right;
padding:15px 15px 15px 60px;
	color:#FFF;
	text-decoration:none;
}

.header-btn li.hp-btn a {
background:#99df9d url(images/ico-home.png) 10% center  no-repeat;
}
.header-btn li.megane-btn a {
background:#11b0e3 url(images/ico-megane.png) 10% center  no-repeat;
}
.header-btn li.hp-btn a:hover {
background:#77cb7c url(images/ico-home.png) 10% center  no-repeat;
}
.header-btn li.megane-btn a:hover  {
background:#119fcd url(images/ico-megane.png) 10% center  no-repeat;
}

/*1200px以下*/
@media screen and (max-width: 1200px){
	#header-in {
    width: 100%;
}
	.header-btn {
    width: 100%;
}
	}


/*1023px以下*/
@media screen and (max-width: 1023px){
#header-in,
	.header-btn {
		display:none;
}
#menu-header-mobile .navi-menu-button {
            position: initial;
        width: 70px;
        cursor: pointer;
        text-align: right;
        display: block;
        float: right;
        display: grid;
}
    #menu-header-mobile .logo-menu-button {
        position: relative;
        width: 250px;
        cursor: pointer;
        margin: 0 0 0 10px;
        justify-content: left;
    }
#menu-header-mobile .navi-menu-button a .menu-icon {
        color:#77cb7c !important;
    }
#menu-header-mobile .navi-menu-button:last-child a .menu-icon {
        color:#119fcd !important;
    }
#menu-header-mobile .logo-menu-button img {
	padding:5px;
    max-height: 30px;
    display: block;
    margin: 0 auto;
    width: auto;
}
.advanced-hamburger-menu {
    top: 80px !important;
    right: 20px !important;

}
}