/*
  Skin Name: スキンテンプレート
  Description: スキンのひな形
  Skin URI: https://wp-cocoon.com/
  Author: わいひら
  Author URI: https://nelog.jp/
  Screenshot URI: https://im-cocoon.net/wp-content/uploads/skin-template.png
  Version: 0.0.2
  Priority: 10010
*/
/*以下にスタイルシートを記入してください*/


/* ロゴの上部の隙間消す */
.logo-image {
    padding: 0px 0;
}

/* メニューとコンテンツの隙間を詰める */
.content {
	margin-top: 0;
}

/* 外側 */

.content-in {
background-color: #F2AF58;
padding:20px 20px 20px 20px;
}

/* 内側 */
.main,
.sidebar {
background-color: #F9EFDF;
padding : 20px;
}



h1.entry-title {
    height: 100%;
    font-size: 24px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    background-image: url(/wp-content/uploads/topcontent-bg.jpg);
    background-repeat: repeat;
    line-height: 1.5;
    margin: 0 0 20px 0;
}

.article h2 {
	font-size: 20px;
    color: #fff;
    background-image: url(/wp-content/uploads/h4-bg-new.png);
	background-image: url(/wp-content/uploads/h2.jpg);
    background-repeat: repeat;
    text-align: center;
    height: 100%;
	line-height: 1.5;
    margin: 0 0 20px 0;
	padding: 0;
}


table td {
	/*    padding: 10px 0 5px 5px;
    border-bottom: dotted 1px #484207;
 */
	line-height: 1.5;
	border: none;
	font-weight: bold;
	font-size: 14px;
}

table tr:nth-of-type(2n) {
    background-color: rgba(102, 30, 6, .15);	
}

td.price {
    width: 30%;
    text-align: right;
}


.header {
    background-color: #F2AF58;
    line-height: 0;
}


/*メニューバー*/

/*メニューバー背景*/

#navi .navi-in > ul{
	background-image: url(/wp-content/uploads/navbg-top.jpg);
}

#navi .navi-in > ul li{
	line-height: normal;
}

#navi .navi-in > ul >li {
	width: 25%;
}

/*各カテゴリーのトップ画像*/
.party #navi .navi-in > ul,
.party-chile #navi .navi-in > ul
{
	background-image: url(/wp-content/uploads/navbg-party.jpg);
}

.food #navi .navi-in > ul,
.food-chile #navi .navi-in > ul{
	background-image: url(/wp-content/uploads/navbg-food.jpg);
}

.drink #navi .navi-in > ul,
.drink-chile #navi .navi-in > ul{
	background-image: url(/wp-content/uploads/navbg-drink.jpg);
}

/*　.cake #navi .navi-in > ul,
.cake-chile #navi .navi-in > ul{
	background-image: url(/wp-content/uploads/navbg-cake.jpg);
}　*/

.space #navi .navi-in > ul,
.space-chile #navi .navi-in > ul{
	background-image: url(/wp-content/uploads/navbg-rental.jpg);
}


.photo #navi .navi-in > ul,
.photo-chile #navi .navi-in > ul{
	background-image: url(/wp-content/uploads/navbg-photo.jpg);
}

.access #navi .navi-in > ul,
.access-chile #navi .navi-in > ul{
	background-image: url(/wp-content/uploads/navbg-access.jpg);
}

.reserve #navi .navi-in > ul,
.reserve-chile #navi .navi-in > ul{
	background-image: url(/wp-content/uploads/navbg-reserve.jpg);
}

.staff #navi .navi-in > ul,
.staff-chile #navi .navi-in > ul{
	background-image: url(/wp-content/uploads/navbg-staff.jpg);
}





/*トップページ*/
/*上半分*/
#navi .navi-in > ul > li:nth-child(n+1):nth-child(-n+4)
 {
	padding-bottom:300px;
}

#navi .navi-in > ul > li:nth-child(n+5):nth-child(-n+8)
 {
	padding-top:0px;
}

body.home #navi .navi-in a, #navi .navi-in a:hover{
	position: relative;
	height: 180px; 
	transition: 0.1s;
}

body.home #navi .navi-in > ul > li:nth-child(n+5):nth-child(-n+8)>a
{
	position: relative;
    top: -120px;
	background-position: bottom;
}

body.home #navi .navi-in > ul > li:nth-child(n+5):nth-child(-n+8)>a>div
{
	position: absolute;
    bottom: -3%;
}

#navi .navi-in a, #navi .navi-in a:hover{
	position: relative;
	height: auto;
    transition: 0.1s;
}

/* メニューバー（通常）*/

#navi .navi-in > ul > li a {
	background-repeat: no-repeat;
}



#navi .navi-in > ul > li.party a {
	background-image: url("/wp-content/uploads/gnav-off-party.png");
}
#navi .navi-in > ul > li.food a {
	background-image: url("/wp-content/uploads/gnav-off-food.png");
}
#navi .navi-in > ul > li.drink a {
	background-image: url("/wp-content/uploads/gnav-off-drink.png");
}
#navi .navi-in > ul > li.cake a {
	background-image: url("/wp-content/uploads/gnav-off-cake.png");
}
#navi .navi-in > ul > li.photo a {
	background-image: url("/wp-content/uploads/gnav-off-photo.png");
}
#navi .navi-in > ul > li.access a {
	background-image: url("/wp-content/uploads/gnav-off-access.png");
}
#navi .navi-in > ul > li.space a {
	background-image: url("/wp-content/uploads/gnav-off-space.png");
}
#navi .navi-in > ul > li.reserve a {
	background-image: url("/wp-content/uploads/gnav-off-reserve.png");
}
#navi .navi-in > ul > li.staff a {
	background-image: url("/wp-content/uploads/gnav-off-staff.png");
}

#navi .navi-in > ul > li a:hover {
	background-color:  rgba(255,255,255,.2); /* IE6対応 */
}

#navi .navi-in > ul > li.party a:hover {
	background-image: url("/wp-content/uploads/gnav-on-party.png");
}
#navi .navi-in > ul > li.food a:hover {
	background-image: url("/wp-content/uploads/gnav-on-food.png");
}
#navi .navi-in > ul > li.drink a:hover {
	background-image: url("/wp-content/uploads/gnav-on-drink.png");
}
#navi .navi-in > ul > li.cake a:hover {
	background-image: url("/wp-content/uploads/gnav-on-cake.png");
}
#navi .navi-in > ul > li.photo a:hover {
	background-image: url("/wp-content/uploads/gnav-on-photo.png");
}
#navi .navi-in > ul > li.access a:hover {
	background-image: url("/wp-content/uploads/gnav-on-access.png");
}
#navi .navi-in > ul > li.space a:hover {
	background-image: url("/wp-content/uploads/gnav-on-space.png");
}
#navi .navi-in > ul > li.reserve a:hover {
	background-image: url("/wp-content/uploads/gnav-on-reserve.png");
}
#navi .navi-in > ul > li.staff a:hover {
	background-image: url("/wp-content/uploads/gnav-on-staff.png");
}

.item-label {
    color: transparent;
	height: 60px;
}


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


.post-template-default .sidebar {
    width: 308px;
}

/*トップページInstagramスマホ版調整*/
@media screen and (max-width: 480px){
	.main-contents #sb_instagram.sbi_col_6 #sbi_images .sbi_item{
	width:33%;
    }
}


@media screen and (max-width: 768px){
	
	#sbi_images a.sbi_photo{
		height: 100px;
	}
}




/*パーティーメニュー調整*/
.courseBox {
    position: relative;
}

p.courseName {
    position: absolute;
    color: white;
    top: 63%;
    left: 30px;
}

ul.courseMenu {
    position: absolute;
    display: block;
    color: white;
    top: 5px;
    left: 40%;
    line-height: 1.3;
    right: 20px;
}

.partyTable, .weddingPlan {
    position: relative;
}

p#course-caption {
    position: absolute;
    color: white;
    top: 70%;
    left: 5%;
    background: rgba(200,200,200,0.5);
}

p.weddingName {
    position: absolute;
    background-image: none;
    font-size: 25px;
    text-align: left;
    top: 0px;
    left: 50px;
    color: #661E06;
    font-weight: bold;
    text-shadow: 2px 2px 1px rgba(150, 150, 150, 1);
}

#weddingtext {
    position: absolute;
    top: 60px;
    left: 470px;
}

#nomi-houdai {
    font-size: 19px;
    font-weight: bold;
    line-height: 1.8;
}








/* ドリンク・フード見出し */
.drink h3 {
    margin:  0;                 /* デフォルトCSS打ち消し */
    font-size:  24px;           /* 文字サイズ指定 */
    border-bottom: solid 3px;   /* 線指定 */
    border-top: none;   /* 線指定 */
    border-left: none;   /* 線指定 */
    border-right: none;   /* 線指定 */
    padding-bottom:  5px;       /* 余白指定 */
    margin-bottom: 15px;        /* 周りの余白指定 */
    position:  relative;        /* 位置調整 */
    font-weight:  normal;       /* 文字の太さ調整 */
}

.drink h3:before {
    content:  '';               /* 空白の要素を作る */
    width: 100%;                /* 幅指定 */
    height: 1px;                /* 高さ指定 */
    background-color: #000;     /* 背景色指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left:  0;                   /* 位置調整 */
    bottom: -6px;               /* 位置調整 */
}




/* フッター画像調整　*/
.foot-banner01 {
    width: 690px;
    float: left;
    margin: 5px 10px 0 0;
}

.foot-banner02 {
    width: 230px;
    float: right;
    margin: 5px 5px 0 0;
}

.foot-banner03 {
    width: 230px;
    float: right;
    margin: -25px 5px 0 0;
}

div#footer-banner:after {
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
    content: ".";
}

p.party-title{
	display:none;
}


/*ブログ更新情報　表示デザイン*/

.blog-info h3{
    border: none;
    background-color: #661e06;
    color: white;
    padding: 8px 12px;
    font-size: 20px;
}

.blog-info .widget-entry-card-content{
	margin-left:0;
}



.blog-info .new-entry-cards a {
    border: solid 1px #ccc;
    margin: 10px 0px;
    padding: 10px;
    background-color: antiquewhite;
}


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

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
	
	.foot-banner01 {
		width: 700px;
		float: left;
		margin-top: 30px;
}
	
#navi .navi-in > ul#menu-main_menu {
		background-image:none;
}
	
#navi .navi-in > ul > li.menu-item a {
    background-size: contain;
	height: 60px;
}

body.home #navi .navi-in > ul > li:nth-child(n+5):nth-child(-n+8)>a {
    top: 0;
    background-position: top;
}

body.home #navi .navi-in > ul > li:nth-child(n+5):nth-child(-n+8)>a>div {
	bottom: auto;
	}
	
#navi .navi-in > ul > li:nth-child(n+1):nth-child(-n+4) {
    padding-bottom: 10px;
}
	
.courseBox{
	font-size:9pt;
}

	#weddingtext {
    top: 20px;
    left: 345px;
    font-size: 9pt;
	}	

	p.weddingName {
		left:20px;
		font-size:20px;
	}
	p#course-caption {
    	top: 60%;
		font-size:13px;
    }
	
	#nomi-houdai {
    font-size: 14px;
}

.foot-banner03 {
    width: 230px;
    float: right;
    margin: 6px 5px 0 0;
}
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
.food .entry-content img{
	max-width:360px ;
	width:98%;
	}
.food .entry-content .column-3 img{
	max-width:270px ;		
	}

	.courseBox img, .partyTable img{
		display:none;
	}	
	
	
	p.courseName, ul.courseMenu, p#course-caption, #weddingtext{
		position:relative;
		color: black;
		left:0;
		font-size:10pt;
		
	}

p.party-title {
  display:inherit;
  position: relative;
  padding: 0.5em;
  background: #661e06;
  color: white;
  left:-22px;
  top:10px;
}

p.party-title::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 9px transparent;
  border-right: solid 12px rgb(102, 93, 90);
}
	
	#weddingtext {
		top:-10px;
	}
	
.item-label {
    color: white;
    font-weight:600;
}


/*ブログ更新情報　表示デザイン*/

.blog-info .widget-entry-cards figure {
	width:100%;
}

	.blog-info .widget-entry-card-thumb{
		float: none;
	}
	
	
	
	
}


/*480px以下*/
@media screen and (max-width: 480px){
	/*必要ならばここにコードを書く*/
p.weddingName {
    font-size: 14px;
	line-height: 1.2;
}
}