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

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

.menu-drawer li {
    border-bottom: solid 1px;
}
.pro01{
float:right;
width: 300px;
margin-left: 2%;
margin-bottom:10px;
}
.tt010{
	width: 112%;
    display: block;
    margin: auto;
}

.t0100{

    width: 26%;
    padding: 13px
}

.main-body h3{border-bottom: solid #485859;}
.menuleft{
    float: left;
width:46.7%;
    margin: 1em 2px;
    text-align: center;
    color: #fff;
}
.menuright{
    float: right;
width:46.7%;
    margin: 1em 2px;
    text-align: center;
    color: #fff;
}

.main-image div{
margin:auto;
}
.pro01{
float:right;
width: 200px;
margin-left: 2%;
}


.g001{list-style-type: upper-latin;}

.sita01{
margin:1em;
}

.menuflow01{
    width: 80%;
    margin: auto;
    min-height: 200px;
    text-align: left;
}
.menuflow01 img{
float:left;
margin:1em;
}

.san01{float:right;}
.side09{margin: 0 auto 21px;display: block;box-shadow: 5px 5px 10px;box-shadow: 5px 5px 10px;}

.border03{
border-bottom: solid 2px #9d733a;
    display: inline-block;
}
.note01 {
    background-image: url(/wp-content/themes/nanyo/images/dot01.gif) !important;
    line-height: 25px !important;
    margin: 0px !important;
    padding: 0px !important;
}
.site-title a img {max-width: 80% !important;}

.clear01{clear:both}

.box{
    background-image: url(/wp-content/themes/nanyo/images/suisyouumi01.jpg);
    background-repeat: no-repeat;
background-size: contain;
	text-align:center;
}
.box p{margin-left:1em;}

.box02{
background: url(/wp-content/themes/nanyo/images/boxback.png) no-repeat center;
    background-size: contain;

}

.left15em{
	margin-left:1.5em;
}
.prof01{
text-align: right;
    display: block;
}
.aloe{
float: right;
    width: 30%;
}
.box00{
    padding: 0 0 20px;
    border: 1px solid #b5a58e;
    background: #a794851c;
    box-shadow: 5px 5px 10px;
    margin: 15px 0;
    border-radius: 5px;
}
.box01{
    padding: 0 20px 20px;
    border: 1px solid #b5a58e;
    background: #a794851c;
    box-shadow: 5px 5px 10px;
    margin: 15px 0;
    border-radius: 5px;
}
.center01{
margin: 0 auto;
    display: block;
}

.topslider{
    margin-top: -18px;
    margin-bottom: 10px;
}
.toph1{
    text-indent: -9999px;
line-height:1px;
}
.navi-in > ul{
    background: url(/wp-content/themes/cocoon-child-master/img/nav01.jpg);
    height: 100px;
padding: 1em 0;

}
.navi-in > ul li{
    border-left: solid 1px #bd7f4b;
    display: table;

}
.navi-in a{
color: #ffffff;
    font-weight: 900;
}

.logo-image {
    padding: 50px 0;
}
.header-in{
display: block;
}
.tagline {
    font-weight: 500;
    color: #ffffff;
    font-size: 19px;
    margin: -0.4em 1em;
text-shadow:-1px -1px 0 var(--wp--preset--color--black), 1px -1px 0 var(--cocoon-x-pallid-text-color), -1px 1px 0 var(--cocoon-x-pallid-text-color), 1px 1px 0 var(--wp--preset--color--black);
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.logo-image {
    padding: 50px 0;
}
.header-in{
display: block;
}
}

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

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