@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

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

/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}

#login h1 a {
    height: 105px !important;
		}

* { 
margin: 0px; 
padding: 0px; 
}

.c-both {
    clear: both;
}

.letxt table th, table td {
    border: 0px solid #ddd;
    padding: 6px;
}

@media all and (-ms-high-contrast:none) {
.header-container {
    background-color: #fff;
    height: 120px !important;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: #00afec;
}
	
.go-to-top img {
    width: 100%;
    height: auto;
    border: 0;
    -webkit-backface-visibility: hidden;
}
	
}

.content a:hover img, .footer a:hover img{
  opacity:0.80;  
  -ms-filter: "alpha( opacity=80 )";
}


.header-container-in.hlt-top-menu .logo-header img {
    max-height: 105px;
    height: 100%;
    width: auto;
}

.header-container-in.hlt-top-menu.hlt-tm-small .logo-header {
    height: auto;
}

.header-container-in.hlt-top-menu .logo-header {
    max-height: auto;
}

div.header-container-in.hlt-top-menu .logo-header img {
   height: auto;
   max-height: 105px !important;
   width: 288px;
  max-width: none;
}

.wrap {
    width: 960px;
    margin: 0 auto;
}

.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text-link {
    margin: 0 0px;
}

.logo-image {
    padding: 0px 0;
    font-size: inherit;
}

.header-container-in.hlt-top-menu {
    display: flex;
    justify-content: space-between;
    align-items: unset;
    align-content: center;
}

.header-container {
	background-color: #fff;
	height: 110px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #00afec;
}

.header-container-in.hlt-top-menu.hlt-tm-small .navi-in > ul > li, .header-container-in.hlt-top-menu.hlt-tm-small .navi-in > ul > .menu-item-has-description > a > .caption-wrap {
    line-height: 25px;
    height: auto;
    display: block;
}

.content {
    margin-top: 0px;
}

.main {
    /*width: 700px;*/
    margin-right: 10px;
    padding: 0px 0px 20px 0px;
    border: 1px solid transparent;
    border-radius: 4px;
    position: relative;
}

.main {
    width: 73%;
}

.sidebar {
    padding: 0 0px;
    width: 24%;
}

figure {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/*アイキャッチ背景*/

.page-id-2 .eye-catch-wrap {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fcfdf0;
    padding: 0;
}
.page-id-2 .eye-catch{
	margin: 0 auto;
	padding: 0px;
}

.page-id-25 .eye-catch-wrap{
	width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #d3edfb;
    padding: 0px;
}
.page-id-25 .eye-catch{
	margin: 0 auto;
	padding: 0px;
}

.page-id-27 .eye-catch-wrap{
	width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #9d5523;
    padding: 0px;
}
.page-id-27 .eye-catch{
	margin: 0 auto;
	padding: 0px;
}

.page-id-29 .eye-catch-wrap{
	width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #bc852e;
    padding: 0px;
}
.page-id-29 .eye-catch{
	margin: 0 auto;
	padding: 0px;
}

.entry-header {
    margin-bottom: 1.4em;
}	

#post-21 .eye-catch img {
    display: none;
}

/*******************/

/*投稿日・更新日を消す場合*/
/*.page .date-tags {
    display: none;
}*/

.footer-bottom.fdt-up-and-down .footer-bottom-content {
    float: none;
    display: block;
    text-align: center;
    background-color: #00afec;
	width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px;
	color: #fff;
}

.footer-left, .footer-right {
    width: 50%;
}

.footer-center {
    display: none !important;
}



.footer-left, .footer-center, .footer-right, .footer-mobile {
    padding: 10px 5px;
}

.footer-bottom {
    margin-top: 0px;
    padding: 0px;
    position: relative;
    font-size: 12px;
}

.footer-widgets, .footer-widgets-mobile {
    margin: 0px auto;
    display: flex;
}

.footer-widgets .widget {
    margin-bottom: 0px;
}

.sns-box{
	width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fdf1f7;
    padding: 0px;
}
.sns-box-inner{
	margin: 0 auto;
	padding: 20px;
	/*background-color: #fdf1f7;*/
	text-align: center;
	font-size: 18px;
	line-height: 1.4em;
}

.entry-card-thumb {
    width: 20%;
}

.entry-card-content {
    margin-left: 22%;
}

.cat-label {
    display: none;
}

.lr{
	margin: 5px;
	display: inline-table;
}

.lru{
	margin: 0 5px 10px 5px;
}

.page-id-21 .main-catch-wrap {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background: #00afec;
    padding: 0;
}

.page-id-21 .main-catch {
    margin: 0 auto;
    padding: 0px;
}

.entry-content {
    margin-top: 0em;
    margin-bottom: 0em;
}

.movie-catch-wrap {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color:#DFF2FC;
    padding: 0px;
	
}

.movie-wrap {
     position: relative;
     padding-bottom: 45%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0; 
	width: 100%;
	padding-top: 20px;
}

.movie-catch-wrapw {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color:#fff;
    padding: 0px;
	margin-bottom: 20px;
}

.movie-wrapw {
     position: relative;
     padding-bottom: 49.5%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0; 
	width: 100%;
	padding-top: 20px;
}

/* Firefox */
@-moz-document url-prefix() {
    .movie-wrap {
     position: relative;
     padding-bottom: 31.5%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0; 
	width: 100%;
	padding-top: 20px;
}
	
	.movie-wrapw {
     position: relative;
     padding-bottom: 31.5%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0; 
	width: 100%;
	padding-top: 20px;
	}
}

.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.video-container, .instagram-container, .facebook-container {
    max-width: 960px;
    margin: 0px auto;
}

.video-container .video {
    position: relative;
    padding-bottom: 56.25%;
    margin-top: 0px;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.page-id-21 .profile-catch-wrap {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fcfdf0;
    padding: 0;
}

.page-id-21 .profile-catch {
    margin: 0 auto;
    padding: 0px;
}

.page-id-21 .results-catch-wrap {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #d3edfb;
    padding: 0px;
}

.page-id-21 .results-catch {
    margin: 0 auto;
    padding: 0px;
}

.page-id-21 .white-catch-wrap, .page-id-27 .white-catch-wrap {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    padding: 0px;
}

.page-id-21 .white-catch, .page-id-27 .white-catch {
    margin: 0 auto;
    padding: 40px 10px 20px 10px;
}

.page-id-21 .blue-catch-wrap, .page-id-27 .blue-catch-wrap {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #d3edfb;
    padding: 0px;
}

.page-id-21 .blue-catch, .page-id-27 .blue-catch {
    margin: 0 auto;
    padding: 40px 10px 20px 10px;
	text-align:center;
}

.page-id-21 .green-catch-wrap, .page-id-27 .green-catch-wrap {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f6ffe9;
    padding: 0px;
}

.page-id-21 .green-catch, .page-id-27 .green-catch {
    margin: 0 auto;
    padding: 40px 10px 20px 10px;
	text-align:center;
}


.ctxt-big {
    font-size: 23px;
    text-align: center;
    line-height: 1.8em;
    padding: 5px 10px 20px 10px;
    color: #565656;
}

.letxt-big {
    font-size: 20px;
    text-align: left;
    line-height: 1.8em;
    padding: 5px 10px 20px 10px;
    color: #565656;
}

.stitle{
	margin: 10px 0 10px 0;
	text-align: center;
}

.letxt {
    font-size: 19px;
    text-align: left;
    line-height: 1.8em;
    padding: 5px 10px 20px 10px;
    color: #565656;
}

.cetxt {
    font-size: 19px;
    text-align: center;
    line-height: 1.8em;
    padding: 5px 10px 20px 10px;
    color: #565656;
}

.ritxt {
    font-size: 19px;
    text-align: right;
    line-height: 1.8em;
    padding: 5px 10px 20px 10px;
    color: #565656;
}

.tpink{
    color: #ED7DAE;
}

.grid {
    margin: 0 auto 0px;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    list-style: none;
	width: 960px;
    max-width: 100%;
}

.grid-cell {
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.6em;
    width: 100%;
}

.rspace {
    padding: 0 20px 0 0;
}

.flex1 {
    flex: 1 2 0%;
}

.flex2 {
    flex: 2 2 0%;
}

.flex4 {
    flex: .4 1 0%;
}

.grid ul {
    margin: 1em 0 0em 0;
    padding-left: 0px;
}

.sei {
    margin-bottom: 0px;
}

.sei ul {
    list-style-type: none;
	width: 960px;
	font-size: 14px;
}

.sei .le {
    width: 33.3%;
    padding: 0;
    float: left;
    border: 15px solid #fff;
    box-sizing: border-box;
    margin: 0 0 6px 0;
	text-align: center;
}

.sei .ce {
    width: 33.3%;
    padding: 0;
    float: left;
    border: 15px solid #fff;
    box-sizing: border-box;
    margin: 0 0 6px 0;
	text-align: center;
}

.sei .ri {
    width: 33.3%;
    padding: 0;
    float: left;
    border: 15px solid #fff;
    box-sizing: border-box;
    margin: 0 0 6px 0;
	text-align: center;
}

.footer {
	margin-top: 0px;
	padding-top: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e2e2e2;
}

.go-to-top {
    position: fixed;
    display: none;
    right: 10px;
    bottom: 69px;
    z-index: 99999;
}

.go-to-top-button {
    background-color: #eee;
    color: #333;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
    text-align: center;
    line-height: 1;
    border-radius: 0px;
    font-size: 22px;
}

.new-entry-cards .display-none, .no-post-date .post-date {
display: block;
}

.type-page .date-tags .post-date {
    display: none;
}

.type-page .entry-title, .type-page .archive-title {
    font-size: 10px;
    margin: 3px 0 35px 0;
    line-height: 1.3;
	color: #00afec;
	font-weight:normal;
	text-align:right;
}

.widget-entry-cards .widget-entry-card {
    font-size: 1.2em;
    position: relative;
}

.saboxplugin-wrap {
    margin-top: 40px !important;
    margin-bottom: 0px;
    padding: 0px 0px;
}

.page-id-21 .white-catch1 {
    margin: 0 auto;
    padding: 40px 0px 20px 0px;
}

.widget-entry-cards figure {
    display: none;
}

.widget-entry-cards .widget-entry-card-content {
    margin-left: 0px;
}

.widget-entry-cards .a-wrap {
	padding: 5px 3px;
	line-height: 1.3;
	margin-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.newlist {
	margin: 10px 10px 30px 10px;
}

#archives-4 {
	margin: 10px 10px 30px 10px;
}

.main-widget-label{
	font-size: 1.2em;
	margin: 5px 0px 5px 0px;
}

.mlm {
	display: block;
	font-size: 12px;
	text-align:left;
}

.rect-vartical-card .related-entry-card-title {
    font-size: 14px;
}

.type-post .eye-catch-wrap {
	display:none;
}

.home .entry-content>*, .home .demo .entry-content p {
    margin-top: 0em;
    margin-bottom: 0em;
}

.navi-in a:hover, .navi-in a:visited {
    background-color: #9fd9ff;
    transition: all .3s ease-in-out;
    color: #333;
}

.page-id-27 .eye-catch-wrap {
	display:none;
}

.menu-item a img, img.menu-image-title-after, img.menu-image-title-before, img.menu-image-title-above, img.menu-image-title-below, .menu-image-hover-wrapper .menu-image-title-above {
    border: 0;
    box-shadow: none;
    vertical-align: unset !important;
    width: auto;
    display: inline;
}

.menu-image-title-before.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper, .menu-image-title-after.menu-image-title {
    padding-left: 0px !important;
}

.entry-header {
    margin-bottom: 0em;
}

.eye-catch {
    position: relative;
    margin-bottom: .0em;
    max-width: 100%;
}

.navi {
    background-color: rgb(255,255,255,0);
}

.t10 {margin-top: 10px;}

.b10 {margin-bottom: 10px;}

.b20 {margin-bottom:20px;}

.rtlink a {
  display: block;
  border-radius: 4px;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  /*line-height: 20px;*/
  text-decoration: none;
  text-align: center;
  word-spacing: .0001em;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 10px !important;
  margin-left: 0;
  padding-right: 15px;
  letter-spacing: .0001em;
  background-color: #00afec;
  padding-top: 1px;
  padding-bottom: 0px;
  padding-left: 15px;
}

.rtlink a:hover {
    color: #fff;
    background-color: #33caff;
}

.rtlinkb a {
  display: block;
  border-radius: 4px;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  text-decoration: none;
  text-align: center;
  word-spacing: .0001em;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 10px !important;
  margin-left: 0;
  padding-right: 15px;
  letter-spacing: .0001em;
  background-color: #000;
  padding-top: 1px;
  padding-bottom: 0px;
  padding-left: 15px;
}

.rtlinkb a:hover {
    color: #fff;
    background-color: #3a3939;
}

.rtlinkr a {
  display: block;
  border-radius: 4px;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  text-decoration: none;
  text-align: center;
  word-spacing: .0001em;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 10px !important;
  margin-left: 0;
  padding-right: 15px;
  letter-spacing: .0001em;
  background-color: #e51373;
  padding-top: 1px;
  padding-bottom: 0px;
  padding-left: 15px;
}

.rtlinkr a:hover {
    color: #fff;
    background-color: #f54696;
}

.rtlinkred a {
  display: block;
  border-radius: 4px;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  text-decoration: none;
  text-align: center;
  word-spacing: .0001em;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 10px !important;
  margin-left: 0;
  padding-right: 15px;
  letter-spacing: .0001em;
  background-color: #ff0000;
  padding-top: 1px;
  padding-bottom: 0px;
  padding-left: 15px;
}

.rtlinkred a:hover {
    color: #fff;
    background-color: #fe5555;
}




/***************************************************************************************************************************************************************
** レスポンシブデザイン用のメディアクエリ
***************************************************************************************************************************************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
	
.footer-left, .footer-right {
    width: 100%;
display: block;
}

.footer-center {
    width: 0%;
display: block;
}
	
.footer-left, .footer-right {
    width: 50%;
}
	
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
	
.footer-left, .footer-right {
    width: 100%;
display: block;
}

.footer-center {
    width: 0%;
display: block;
}
	
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	
.wrap {
    width: auto;
    margin: 0 auto;
}
	
.footer-left, .footer-right {
    width: 100%;
display: block;
}

.footer-center {
    width: 0%;
display: block;
}

.ftitle {
    margin: 0 15px;
}
	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
.wrap {
    width: auto;
    margin: 0 auto;
}
	
.footer-left, .footer-right {
    width: 100%;
display: block;
}

.footer-center {
    width: 0%;
display: block;
}
	
.footer-bottom.fdt-up-and-down .footer-bottom-content {
    float: none;
    display: block;
    text-align: center;
    background-color: #00afec;
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px;
    color: #fff;
}

.ftitle {
    margin: 0 10px;
	text-align: center;
}
	
.footer-widgets, .footer-widgets-mobile {
    margin: 0px 5px;
    display: block;
}

div.header-container-in.hlt-top-menu .logo-header img {
    height: auto;
    max-height: none;
    width: 188px;
    max-width: none;
}
	
.header-container {
    background-color: #fff;
    height: 70px;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: #00afec;
}
	
.main {
    /*width: 700px;*/
    margin-right: 10px;
    padding: 0px 10px 20px 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    position: relative;
}

.movie-wrap {
    position: relative;
    padding-bottom: 59.5%;
    height: 0;
    width: 100%;
    padding-top: 10px;
}

.sei li {
    display: list-item;
    text-align: center;
}
	
main.main, div.sidebar {
    padding: 0px;
    margin: 10px 0;
    border-width: 0;
}

.movie-wrapw {
    position: relative;
    padding-bottom: 56.5%;
    height: 0;
    width: 100%;
    padding-top: 0px;
}
	
.stitle {
    margin: 10px 10px 0px 10px;
}
	
.letxt {
    font-size: 16px;
    text-align: left;
    line-height: 1.5em;
    padding: 5px 15px 20px 15px;
    color: #565656;
}

.ctxt-big {
    font-size: 15px;
    text-align: center;
    line-height: 1.7em;
    padding: 5px 10px 20px 10px;
    color: #000;
}

.letxt-big {
    font-size: 13px;
    text-align: center;
    line-height: 1.8em;
    padding: 5px 10px 20px 10px;
    color: #565656;
}

.grid {
    margin: 0 auto 0px;
    padding: 0;
    display: block;
    /* display: flex; */
    list-style: none;
    width: 960px;
    max-width: 100%;
}
	
.flex1 {
    display: block;
}
	
.flex2 {
    /* flex: 0 0 0%; */
    display: block;
}

.rspace {
    padding: 0 0px 0 0;
}

.flex4 {
    flex: 0 0 0%;
    display: block;
}

.grid {
    margin: 0 auto 0px;
    padding: 0;
    display: block;
    /* display: flex; */
    list-style: none;
    /* width: 960px; */
    max-width: 100%;
}

.sei ul {
    list-style-type: none;
    /* width: 960px; */
    font-size: 14px;
    max-width: 100%;
}

.sei .le {
    width: 100%;
    padding: 0;
    float: none;
    border: 15px solid #fff;
    box-sizing: border-box;
    margin: 0 0 6px 0;
    text-align: center;
}

.sei .ri {
    width: 100%;
    padding: 0;
    float: none;
    border: 15px solid #fff;
    box-sizing: border-box;
    margin: 0 0 6px 0;
    text-align: center;
}	
	
.page-id-21 .white-catch1 {
    margin: 0 auto;
    padding: 0px 0px 20px 0px;
}

.sei .ce {
    width: 100%;
    padding: 0;
    float: none;
    border: 15px solid #d3edfb;
    box-sizing: border-box;
    margin: 0 0 6px 0;
    text-align: center;
    background-color: #d3edfb;
}

.cetxt {
    font-size: 16px;
    text-align: left;
    line-height: 1.5em;
    padding: 5px 10px 20px 10px;
    color: #565656;
}

.type-post .entry-content {
    margin-top: 2em;
    margin-bottom: 0em;
    margin-left: 10px;
    margin-right: 10px;
}

.entry-categories-tags > div {
    margin-bottom: 0.5em;
    margin-left: 10px;
    margin-right: 10px;
}	

.date-tags span:last-child {
    margin-right: 1.0em;
}
	
.widget_recent_entries ul {
    padding: 5px;
    margin: 0;
    list-style: none;
}

.menu-drawer a {
    color: #333;
    text-decoration: none;
    padding: 0px;
    display: block;
}
	
.tcenter {
	text-align: center;
	}
	
/*.image-wrapper .image-box {
    width: 23.0% !important;
}*/
	
}