@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/*ピンク蛍光ペン太め*/
.pinkline {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFDFEF 0%) repeat scroll 0 0;}
/*ピンク蛍光ペン細め*/
.pinkline-s{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffb2d8 0%) repeat scroll 0 0;}


/*ブルー蛍光ペン太め*/
.blueline {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #abc5ff 0%) repeat scroll 0 0;}
/*ブルー蛍光ペン細め*/
.blueline-s{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #5f81d2 0%) repeat scroll 0 0;}


/*黄色蛍光ペン太め*/
.yellowline {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fffeaa 0%) repeat scroll 0 0;}
/*黄色蛍光ペン細め*/
.yellowline-s{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffeb00 0%) repeat scroll 0 0;}


/*緑色蛍光ペン太め*/
.gleenline {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #b1ffc7 0%) repeat scroll 0 0;}
/*緑色蛍光ペン細め*/
.gleenline-s{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #41e06e  0%) repeat scroll 0 0;}





.content-map .menu {
    width: 99%;
    overflow: hidden;
    background: url(https://nikka-saga.com/wp-content/uploads/2019/04/4fd34aaa65dde64eac34eae1479f62a2.png)!important;
}

.content-map {
    overflow: hidden;
    display: block;
}


a.appeal-button.sale-link-color {
    background: #ffe900;
    color: #ff6060;
}

.appeal-content {
    max-width: 800px;
    background-color: rgba(255, 255, 255, 0.85);
    margin: auto;
    padding: 1em;
    text-align: center;
    border-radius: 4px;
    display: block;
    box-shadow: #adadad 2px 2px 11px;
    border: 1px solid #bebebe;
}

.appeal .appeal-in {
    min-height: 200px;
    position: inherit;
    /* border: 1px solid #ddd; */
}

div#appeal:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background: rgba(255, 255, 255, 0.95);
    /* z-index: 99999999999; */
    height: 100%;
    /* display: block; */
    /* overflow: hidden; */
}
div#appeal {
    margin-bottom: 54px;
    position: relative;
}

a.top-link-1 {
    padding: 0!important;
}

span.top-tel-link1 a {
    padding: 0!important;
}




span.related-entry-main-heading.main-caption {
    font-weight: bold;
}


twitter-widget {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    border: 6px solid #f80;
    border-radius: 10px;
}


div#appeal {
    margin-bottom: 54px;
}

.home #appeal {
    margin-bottom: 0px;
}

.appeal {
    background-size: auto;
    background-repeat: repeat;
}

h1#archive-title {
    background: #ff8800;
    padding: 20px;
    color: #ffffff;
}

.site-name-text {    color: #ddd;}

aside#nav_menu-2 a {    font-size: 24px;}
aside#text-2 a {font-size: 20px;}
.footer-meta {    display: none;}

.content {    margin-top: 0px;}
.main {    border: inherit!important;}

.widget-entry-cards figure {
    width: 120px;
    overflow: hidden;
    height: 72px;
}


img {
    -webkit-backface-visibility:inherit!important;
}


a.con-botoom-tel,
span.top-tel-link1 a {
    pointer-events: none;
}

span.top-tel-link1 {
    display: grid;
    /* float: left; */
    margin-top: -10px;
}

a.top-link-1 {
    /* float: left; */
    padding-right: 17px;
}	

span.top-tel-link1 a {
    font-size: 18px!important;
    font-weight: bold;
    padding-top: 13px;
    padding-bottom: 13px;
}


/*必要ならばここにコードを書く*/
.footer-center .popular-entry-cards,
.footer-left .new-entry-cards.widget-entry-cards.no-icon.cf {
	height: 800px;
    overflow-y: scroll;
}

/* スクロールバー全体*/
.footer-center .popular-entry-cards.widget-entry-cards::-webkit-scrollbar,
.footer-left  .new-entry-cards.widget-entry-cards::-webkit-scrollbar{
  width:10px;
  background:#f4fff8;
}
/*横スクロールバー全体*/
.footer-center .popular-entry-cards.widget-entry-cards::-webkit-scrollbar:horizonta,
.footer-left  .new-entry-cards.widget-entry-cards::-webkit-scrollbar:horizontal {
  height:10px;
}
/*スクロールバー上下左右末端のボタン*/
.footer-center .popular-entry-cards.widget-entry-cards::-webkit-scrollbar-button,
.footer-left  .new-entry-cards.widget-entry-cards::-webkit-scrollbar-button {
  width:10px;
  height:10px;
  background: #b56100;
}

/*ドラッグするツマミ部分*/
.footer-center .popular-entry-cards.widget-entry-cards::-webkit-scrollbar-thumb,
.footer-left  .new-entry-cards.widget-entry-cards::-webkit-scrollbar-thumb {
  background: #ff8800;
}
/*右下角部分*/
.footer-left  .new-entry-cards.widget-entry-cards::-webkit-scrollbar-corner,
aside#new_entries-2 .new-entry-cards::-webkit-scrollbar-corner {
  background:#ddd;
}


.date-tags {    display: none;}


.sidebar-scroll {
    top: 53px;
	z-index:99999999999999999;
}

.widget-entry-cards .a-wrap {
    margin-bottom: 0px;
}


p {    font-weight: 100;}

span.blue-color {
    color: #8db0ff;
}

span.red-color {
    color: #ff6e6e;
}

.cta-thumb img {
    width: 60%;
}

.bottom-page {
    position: relative;
    color: #fff;
    text-align: center;
}
.footer {
    background: url(https://nikka-saga.com/wp-content/uploads/2019/03/1553300808423.jpg);
    background-size: cover;
    background-position: 0;
	position: relative;
}
div#wpadminbar {
    background: rgba(157, 146, 0, 0.88);
    z-index: 99999999999999999999999999999;
}

.footer {
    margin-top: 0px!important;
    padding-top: 0px!important;
}

.footer-widgets, .footer-widgets-mobile {
    margin: 0px auto 10px auto!important;
}

main#main {
    border-radius: 0px;
}


li.menu-item {
    border-bottom: 1px solid rgba(150, 150, 150, 0.5);
}

li.cat-item {
    border-bottom: 1px solid rgba(150, 150, 150, 0.5);
}

.cta-box {
    background-color: rgba(0, 0, 0, 0.65);
    color: #fff;
    padding: 10px;
}

.top-menulist:hover:after {
    background: rgba(0, 0, 0, 0.27)!important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/************************************
** ヘッダーフロートメニュー
************************************/
.footer-right aside#nav_menu-2{
    position: fixed;
    top: 0px;
    right: 0;
    width: auto;
    z-index: 9999999999999999999999;
    background: rgba(0, 0, 0, 0.19);
}

.footer-right aside#nav_menu-2 li.menu-item {
    float: left;
    width: fit-content;
    display: block;
    border-bottom: inherit;
}

.footer-right aside#nav_menu-2 .menu-navi-container {
    float: right;
    margin-right: 1%;
}



.footer-right aside#nav_menu-2 li.menu-item a:hover {
    background: rgba(151, 96, 0, 0.68);
    color: #fffeda;
    display: block;
}

.footer-left aside#text-2 {
    position: fixed;
    z-index: 9999999999999;
    width: 100%;
    top: 0;
    left: 0;
    height: 60px;
    overflow: hidden;
    background: rgba(255, 218, 0, 0.93);
    box-shadow: #967300 2px 2px 10px;
}

.footer-left aside#text-2 img {
    width: auto;
    height: 49px;
    overflow: hidden;
    display: block;
    margin-left: 22px;
    margin-top: 6px;
}

.footer-left aside#text-2 p {
    margin: 0;
    padding: 0;
}

.footer-right aside#nav_menu-2 li.menu-item a {
    padding: 13px 10px;
    font-size: 19px;
    letter-spacing: 0.5px;
    display: block;
    margin-left: 0!important;
}

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

h3.widget-footer-mobile-title.footer-title {
    background: #ff8800;
    text-align: center;
    color: #f3f3f3;
    font-weight: bold;
}

a.new-entry-card-link.widget-entry-card-link.a-wrap {
    border-bottom: 1px solid rgba(150, 150, 150, 0.5);
}

a.popular-entry-card-link.a-wrap {
    border-bottom: 1px solid rgba(150, 150, 150, 0.5);
}


h2.related-entry-heading {
    padding: 10px;
    color: #fff;
    background: #ff8800;
    font-weight: 100;
    letter-spacing: 2px;
    font-size: 20px;
}


h1.entry-title {
    background: #ff8800;
    padding: 20px;
    color: #ffffff;
}

.article h2 {
    padding: 14px;
    background: #ffb700;
    color: #fff;
    font-weight: 700;
    }

h3.widget-sidebar-title.widget-title {
    background: #ff8800;
    color: #ffffff;
    font-weight: bold;
}

div#footer-in {
    padding-top: 69px;
}

h3.widget-footer-left-title.footer-title {
    background: #ff8800;
    text-align: center;
    color: #f3f3f3;
    font-weight: 100;
}

h3.widget-footer-center-title.footer-title {
    background: #ff8800;
    text-align: center;
    color: #f3f3f3;
    font-weight: 100;
}

h3.widget-footer-right-title.footer-title {
    background: #ff8800;
    text-align: center;
    color: #f3f3f3;
    font-weight: 100;
}

.article h3 {
border-left: 6px solid #ff8800;
    border-right: 1px solid #ff8800;
    border-top: 1px solid #ff8800;
    border-bottom: 1px solid #ff8800;
    font-size: 22px;
    padding: 12px 20px;
}


.footer-bottom.fdt-up-and-down.fnm-text-width.cf {
    font-size: 17px;
}

footer#footer:after {
    /* content: ""; */
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
}

footer#footer:before {
    content: "";
    background: rgba(0, 0, 0, 0.33);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div#footer-in {
    position: relative;
}

div#footer-in a {
    color: #fff;
    padding-bottom: 8px;
    margin-top: 1px;
    margin-left: 12px!important;
    font-weight: bold;
    /* letter-spacing: 1.5px; */
    /* display: block; */
}

#footer-in a:hover {
    background: rgba(124, 101, 0, 0.41);
}

a{
    text-decoration:none;
}

.footer-bottom-content {
    position: relative;
}

.footer-widgets.cf {
    position: relative;
}

.footer-bottom.fdt-up-and-down.fnm-text-width.cf {
    position: relative;
}

div#footer-in {
    position: relative;
    color: #fff;
    font-weight: 100;
}

div#header-in {
    margin-top: 60px;
}

header#header {
    background: url(https://nikka-saga.com/wp-content/uploads/2019/03/7375853f5f69db07c500fe8f8b847cc8-1-e1553533199579.jpg);
    background-size: cover;
    position: relative;
    background-position: top;
}

header#header:before {
    content: "";
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home header#header:before {
    position: inherit;
}



span.site-name-text {
    position: relative;
}

.logo-header img {
    position: relative;
}

.cta-center {
    text-align: center;
}


.a-wrap:hover {
    background-color: rgba(255, 136, 0, 0.12);
    transition: all 0.5s ease;
    color: #333;
}
.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: rgba(124, 0, 0, 0.16);
    transition: all 0.5s ease;
    color: #333;
}




/************************************
** 記事・固定ページ下のメニュー
************************************/
.content-bottom-menu {
    overflow: hidden;
	    text-align: center;
}

h3.menu {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
    font-size: 22px;
    padding: 0px;
    width: 49%;
    display: block;
    overflow: hidden;
    float: left;
    height: 150px;
    position: relative;
	margin: 0.5%;
}

.widget-page-content-bottom-title.main-widget-label,
h2.widget-below-related-entries-title.main-widget-label {
    padding: 10px;
    color: #fff;
    background: #ff8800;
    font-weight: bold;
    letter-spacing: 2px;
}

a.con-botoom-tel {
    clear: both;
    display: block;
    padding: 12px;
    background: #ff7979;
    width: 80%;
    text-align: center;
    font-size: 27px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    border-radius: 49px;
}
.textwidget h3:nth-child(1) {
    background-size: cover;
    background: url(https://nikka-saga.com/wp-content/uploads/2019/03/a818afa55f86dc5f4d9dc81f2fa93ee5.jpg);
}

.textwidget h3:nth-child(2) {
    background-size: cover!important;
    background: url(https://nikka-saga.com/wp-content/uploads/2019/03/8980765967260.jpg);
    background-repeat: no-repeat;
    background-position: 0;
}

.textwidget h3:nth-child(3) {
    background-size: cover!important;
    background: url(https://nikka-saga.com/wp-content/uploads/2019/04/71ffd19cb0e5e8a4893f6e226bd88ddc.png);
    background-repeat: no-repeat;
    background-position: 0;
}

.textwidget h3:nth-child(4) {
    background-size: cover!important;
    background-position: 0px -120px;
    background: url(https://nikka-saga.com/wp-content/uploads/2019/04/9478090799328-1.jpg);
    background-repeat: no-repeat;
}

.textwidget h3:nth-child(5) {
    background-size: cover;
}


.textwidget h3:nth-child(6) {
    background-size: cover;
}


.textwidget h3:nth-child(8) {
    background-size: cover;
    background-position:0px -60px;
}


.textwidget h3:nth-child(7) {
    background-size: cover;
    background-position:0px -80px;
}


.textwidget h3:nth-child(8) {
    background-size: cover;
    background-position:0px -0px;
}


.textwidget h3:nth-child(9) {
    background: url();
    background-size: cover;
}


.textwidget h3:nth-child(10) {
    background: url();
    background-size: cover;
}

a.top-menulist {
    width: 100%;
    display: block;
    overflow: hidden;
    float: left;
    height: 150px;
    line-height: 23px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff!important;
    z-index: 99;
    text-shadow: #000 2px 1px 3px;
    padding-top: 63px;
    position: relative;
    text-decoration: none;
	border: 1px solid #4b4b4b;
}

.top-menulist:after {
    background: rgba(0, 0, 0, 0.6)!important;
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -9;
}


.mobile-menu-buttons {
    z-index: 99999999999999999;
    border-top: 0.5px solid #6a6a6a;
}

.top-lp-section-comment h2 {
    font-size: 18px;
}

li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item {
    border-bottom: 1px solid #515252;
}


p.foot-link {
    font-size: 8px;
    font-weight: inherit!important;
    color: #cecece;
    margin-top: -15px;
}

p.foot-link a {
    font-size: 8px;
    font-weight: inherit!important;
    color: #cecece!important;
}

p.foot-link a:hover {
    background: rgba(124, 101, 0, 0)!important;
}


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




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

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

	
	.footer-right aside#nav_menu-3 a {
    font-size: 15px!important;
}

.footer-right aside#nav_menu-3 li.menu-item a {
    padding: 14px 5px!important;
}
	
	.home-menu-button.menu-button.menu-button1 { background: url();background-size: cover; line-height: 54px;}
	.home-menu-button.menu-button.menu-button2 { background: url();background-size: cover; line-height: 54px;}
	.home-menu-button.menu-button.menu-button3 { background: url();background-size: cover;line-height: 54px;}	
	.home-menu-button.menu-button.menu-button4 { background: url();background-size:cover}
	.home-menu-caption.menu-caption { font-size: 17px;}

	.home-menu-button.menu-button a {
    color: #fff!important;
    font-weight: bold!important;
    display: block;
    background: rgba(0, 0, 0, 0.79);
    height: 100%;
    border-right: 0.2px solid #6a6a6a;
	}
	.home-menu-caption.menu-caption {    font-size: 14px;}	
	.menu-caption-tel {    line-height: 35px;    padding-top: 9px;}	
	.ryokin {    line-height: 15px;}
	.home-menu-caption.menu-caption.menu-caption-menu {    line-height: 15px;    padding-top: 11px; font-size: 14px;}
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	a.con-botoom-tel,
	span.top-tel-link1 a {
    pointer-events: inherit;
}
	div#header-in {    margin-top: 15px;}
	.home div#header-in {margin:0!important;}

.appeal-content {
    background-color: rgb(255, 255, 255);
}




	
	
}




/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.mobiile-foot-tel {font-size: 10px;}
	.ryokin {    line-height: 15px;}
	.home-menu-caption.menu-caption.menu-caption-menu {    line-height: 15px;    padding-top: 11px; font-size: 14px;}
	
	a.con-botoom-tel, span.top-tel-link1 a{
		font-size:19px;
	}

	.logo-text {
    padding: 0px 0px 15px 0px;
    font-size: 1em;
	}

	div#header-in {    margin-top: 15px;}

	.home div#header-in {margin:0!important;}
	
	footer#footer:before { background: rgba(0, 0, 0, 0.5);}
	
	.source-org.copyright {    font-weight: bold;    text-shadow: #000 2px 2px 7px;}
	
}