/* ==============================================
	link decoration & color & img
============================================== */

a:visited {
	text-decoration: none;
	color: #B24268 !important;
}
a:hover {
	text-decoration: none;
	color: #cc0033 !important;
}
a:hover img { opacity: 0.7 }
/* ==============================================
	#header global-nav
============================================== */
#header {
  	border-bottom: solid 4px #9B0032;
}
.global-nav ul li a {
	font-size: 121.42857%;
	display: block;
	padding: 15px 8px 1px;
	color: #000 !important;
	font-weight: 800;
	text-decoration: none;
	border-bottom: none;
	transition: border-color .1s ease-in,background-color .1s ease-in;
  }
.global-nav ul li ul li a {
	font-size: 100%;
  	font-weight: 600;
  }
#header .global-nav ul li:hover>a,
#header .global-nav ul li a:hover,
#header .global-nav ul li a:active,
#header .global-nav ul li.current-menu-item>a,
#header .global-nav ul li.current_page_ancestor>a,
#header .global-nav ul li.current_page_item>a,
#header .global-nav ul li.current_page_parent>a {
    border-bottom-color: #ddd !important;
	border-bottom: none;
	color: #AF0F0F !important;
	}

/***** @media screen under 645px *****/
/***** responsive-nav Style *****/
@media screen and (max-width: 645px) { 
	.global-nav ul li a,
  	.global-nav ul li ul li a {
    font-size: 100%;
	font-weight: 500;
    padding: 15px 18px 1px;
	color: #fff !important;
	}
}

/* ==============================================
	PAGE LAYOUT WIDTH
	---------------------------------------------
	Media Queries col-12 #
============================================== */
.row .col-12 {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 700px !important;
	}

/***** @media screen under 980px NAV *****/
@media screen and (max-width: 980px) { 
	.row .col-12 {
		width: 700px;
	}
}
/***** @media screen under 740px *****/
@media screen and (max-width: 740px) { 
	.row .col-12 {
		padding-left: 10px;
		padding-right: 10px;
		width: auto !important;
	}
}
/* ==============================================
	Media Queries col-9
============================================== */
.row .col-9 {
		width: 510px;
	}
/***** @media screen under 980px NAV *****/
@media screen and (max-width: 980px) { 
	.row .col-9 {
		width: 510px;
	}
}
/***** @media screen under 740px *****/
@media screen and (max-width: 740px) { 
	.row .col-9 {
		width: auto;
	}
}
/* ==============================================
	Media Queries col-7
============================================== */
.row .col-7 {
		width: 400px;
	}
/***** @media screen under 980px NAV *****/
@media screen and (max-width: 980px) { 
	.row .col-7 {
		width: 400px;
	}
}
/* ==============================================
	Media Queries col-6 #
============================================== */
.row .col-6 {
		width: 340px !important;
        margin-left: 10px;
      	margin-right: 10px;
	}
/***** @media screen under 980px NAV *****/
@media screen and (max-width: 980px) { 
	.row .col-6 {
		width: 340px;
	}
}
/***** @media screen under 740px *****/
@media screen and (max-width: 740px) {
  	.row .col-6 {
		width: auto !important;
    	padding-left: 10px;
		padding-right: 10px;
	}
	.row .col-6 .thumbnail {
		text-align: center;
	}
}

/* ==============================================
	Media Queries col-4 #
============================================== */
.row .col-4 {
		width: 220px;
	}
/***** @media screen under 980px NAV *****/
@media screen and (max-width: 980px) { 
	.row .col-4 {
		width: 220px;
	}
}
/***** @media screen under 740px *****/
@media screen and (max-width: 740px) { 
	.row .col-4 {
		width: auto;
	}
	.row .col-4 .thumbnail {
		text-align: center;
	}
}
/***** 3point *****/
.row .col-4 .circle {
	text-align: center;
	padding: 0 auto;
}
.row .col-4 .circle img {
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}
/* ==============================================
	Media Queries col-3
============================================== */
.row .col-3 {
		width: 160px;
	}
/***** @media screen under 980px NAV *****/
@media screen and (max-width: 980px) { 
	.row .col-3 {
		width: 160px;
	}
}
/* ==============================================
	TOP PAGE / PAGE
	---------------------------------------------
	アイキャッチャー画像
============================================== */
.main-visual {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #000;
	text-align: center;
	box-sizing: border-box;
}
.main-visual img {
	width: 100%;
	max-width: 1280px;
	height: auto;
	vertical-align: top;
}
.main-visual div {
	position: relative;
	max-width: none;
	height: auto;
}

/***** @media screen under 645px *****/
@media screen and (max-width: 645px) { 
    /* 4x3 Landscape Shape (Default) */
    .main-visual div {
        margin: 0 -80% !important;
    }
  
    /* Landscape up (Total 6em) */
    .up-6 div {
        margin-top:    0;
        margin-bottom: 0;
    }
      
    .right-6 div {
        margin-left:  -40%;
        margin-right: -40%;
    }
    .up-9 div {
        margin-top:    0;
        margin-bottom: 0;
    }
      
    .right-9 div {
        margin-left:  -30%;
        margin-right: -30%;
    }
}

/* ==============================================
	12col in 1/2in TOP COUPON-OBI
============================================== */
.full-back.cpn-obi {
    margin-top: 20px;
  	background: #DC9FBE;
  	padding-top: 10px;
  	padding-bottom: 40px;
}
.cpn-obi h2 {
    color: #fff;
	text-align: center;
  	padding: 0;
  	margin: 0;
}
.top2in {
  
}
.col12-2 {
	float: left;
	margin: 0;
	padding: 0;
	width: 50% !important;
}
.col12-2.cpnleft img {
  border-radius: 100px 0 0 100px !important;
}
.col12-2.cpnrigth img {
  border-radius: 0 100px 100px 0 !important;
}
.col12-2 img {
	display:block
  }
@media screen and (max-width: 540px) {/* 740-540 */
  	.full-back.cpn-obi {
    	padding-bottom: 20px;
	}
	.col12-2 {
		float: none;
    	margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
		width: 100% !important;
	}
  	.col12-2.cpnleft {
    	display: none;
	}
	.col12-2.cpnrigth img {
  		border-radius: 100px !important;
	}
}

/* ==============================================
	ボタン
============================================== */
.gbtan {
	margin: 20px auto 0 auto;
	text-align: center;
}
.btn {
	background: #B24268;
	border: 0px solid #fff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #fff;
	min-width: 180px;
	margin-top: 20px;
	padding: 5px 20px;
}
a.btn {
	color: #fff !important;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 400;
}
.btn:hover {
	color: #fff !important;
	background-color: #cc0033;
	text-decoration: none !important;
}


/* ==============================================
	ボタン
============================================== */
.btancover {
	margin: 20px auto 0 auto;
	text-align: center;
}
.btancover .revbtn {
	border: 1px solid #B24268 !important;
	color: #B24268;
	min-width: 180px;
	padding: 5px 20px;
  	background-color: #fff !important;
}
a.revbtn {
	color: #B24268 !important;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 400;
}
.btancover .revbtn:hover {
	background-color: #B24268 !important;
  	color: #fff !important;
	text-decoration: none !important;
}

/* ==============================================
	Menu page / Shop page /
============================================== */
.row .col-6t {
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 15px;
}
.rightimg {
  float: right !important;
  margin-left: 2em;
  margin-bottom: 1em;
}
.leftimg {
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}

.col-6t h2 {
	clear: none;
	font-size: 157.14286%
	font-weight: 400;
	margin: 0 0 20px;
	padding: 0;
}
.clear {
      clear: both;
	}

/***** @media screen under 740px *****/
@media screen and (max-width: 740px) {
    	.row .col-6 {
    	padding-left: 10px;
		padding-right: 10px;
	}
	.rightimg.col-6 {
  		float: none !important;
  		margin-left: 0;
    	margin-right: 0;
  		margin-bottom: 0;
    	padding-left: 0;
		padding-right: 0;
	}
	.leftimg.col-6 {
  		float: none !important;
  		margin-left: 10px;
  		margin-bottom: 0;
    	padding-left: 0;
		padding-right: 0;
	}
    .cphoto.col-6 img {
		width: 100% !important;
	}
    .row .leftside.col-6t {
		margin-left: 0;
		margin-right: 0;
    	padding-left: 0;
		padding-right: 0;  	
	}
    .row .rightside.col-6t {
		margin-left: 10px;
		margin-right: 10px;
		padding-right: 0;
	}
	.row .shoparea {
		padding-top: 40px;
	}
  	.textwidget .shopimg img {
		width: 100%;
	}
}

/* ==============================================
	Top & Concept / 太樹苑紹介
============================================== */
.tjarea {
	clear: both;
	margin: 40px auto 0px auto;
	padding: 0;
	border: solid 0px #4c4c4c;
	background: #fff;
	}
.tjlogo {
		text-align: center;
	margin: 0 auto 10px auto;
	}
.tjcopy {text-align: center;
	font-size: 85%;
	margin: 15px auto;
	padding: 0;	
	}

.tjshop {
	clear: both;
	margin: 10px 10px;
	font-size: 90%;
	}
.tjshop a {
	margin: 0 8px;	
	}

/* ==============================================
	Menu page / gnav menu
============================================== */
.gmenuimg img {
	margin-bottom: 20px;
	}
/***** @media screen under 740px *****/
@media screen and (max-width: 740px) { 
	#text-9 .gmenuimg {
		margin-bottom: 60px;
	}
}

/* ==============================================
	ShopPhoto Mark
============================================== */
.row .shopimg {
    position:relative;
    display:block;
}
.callout {
    position: absolute;
    left: 15px;
    top: 10px;
    z-index: 9;
    text-transform: uppercase;
    pointer-events: none;
    opacity: .80;
}
.callout.has-open {
    margin-top: 40px;
    -webkit-transform: scale(0.8);
    opacity: .9;
}
.callout .inner {
    background: #ff0000;
    position: relative;
    display: table;
}
.callout .inner2 {
    background: #ff8000;
    position: relative;
    display: table;
}
.callout.style1 .inner2,
.callout.style1 .inner {
    width: 55px;
    height: 55px;
    border-radius: 999px;
}
.callout .inner2 .inner-text,
.callout .inner .inner-text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    font-weight: 700;
}

/* ==============================================
	Shop page / single / other / google map
============================================== */
.mapp-layout,
.mapp-map-links {
	border: none;
}
/* ==============================================
	Shop Telephone
============================================== */
h4.telh4 {
    text-align: center;
    margin-top: 20px;
}
h4.telh4 a {
    font-weight: 700;
}
.telh4:before {
	
}
/* ==============================================
	Shop  single / table .shop
============================================== */
.entry-content table,
.page-content table {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	width: 100%;
}

.shopgaiyo table {
	border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    width: 100%;
    margin-bottom: 1.1em;
}

.shopgaiyo table th,
.shopgaiyo table td {
	padding: 2%;
	margin: 0;
	overflow: visible;
	border-bottom: 1px solid #DDD;
}

.shopgaiyo tablep th { padding-top: 0; }

table .shop caption {
	color: #111;
	text-align: center;
	padding: 2%;
}

table .shop thead {
	vertical-align: bottom;
	white-space: nowrap;
}

.shopgaiyo table th {
	font-weight: bold;
	color: #111;
}

.shopgaiyo table tbody > tr:nth-child(odd) > td { background: #f9f9f9; }

/* ==============================================
	新着情報 お知らせ-TOPPAGE
============================================== */

.textwidget.whatsnew {
  margin-bottom: 0;
}

div.whatsnew {
	margin: 0 0;
	font-size: 100%;
	word-break: break-all;
	overflow: hidden;
	border: 0px;
}
div.wn-head,
div.wn-title {
  	display: none;
}

div.wn-item .wn-date {
	font-size: 12px;
	color: #555;
	margin: 0;
	float: none;
	overflow: hidden;
	white-space: nowrap;
}
div.wn-item .wn-article {
	margin: 0 0 10px 0;
	margin: 0 0 0.625rem 0;
	padding: 0;
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
}
.nav-links a:link,
.entry-summary a:link,
.wn-article a:link {
	text-decoration: none;
	color: #cc0033 !important;
	}

div.wn-item .wn-article .newmark {
	font-size: 74%;
	padding: 1px 5px;
	vertical-align: middle;
	color: White;
	background-color: #cc0033;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.motto {
	font-size: 12px;
	margin: 0;
	text-align: right;
}
.motto a:link {
	text-decoration: none;
	color: #cc0033 !important;
	}
.motto a:hover,
.motto a:active {
	text-decoration: underline;
}

/* ==============================================
	news category (all)
============================================== */
.entry-title a {
  	color: #000;
  	font-size: 85.71429%;
}
.entry-title a:hover,
.entries .hentry .entry-summary a:hover {
	color: #cc0033;
  	text-decoration: underline;
}
.nnnews-date,
.entry-summary {
	margin-bottom: 20px;
}
.entries .hentry {
	padding-bottom: 0;
    border-bottom: 1px solid #ccc;
}
.hentry {
	margin: 20px 0 0;
}
#sub .widget_recent_entries ul li {
  margin-bottom: 20px;
}
/* ==============================================
	Coupon / 乾杯ドリンク無料券
============================================== */
p.kigen {
    color: #cc0000;
    font-weight: bold;
    text-align: center;
	}
/* ==============================================
	Footer NAV & copyright
============================================== */
#footer {
	margin-top: 200px;
	background-color: #000;
	color: #fff;
}
#footer .footer-nav ul li a {
	color: #fff !important;
}
.copyright {
	background-color: #9B0032;
	color: #fff;
	font-size: 11px;
	padding: 10px 0;
	margin: 30px 0 0;
	text-align: center;
}

/* ==============================================
	記事 ナビゲーションボタン
============================================== */

.newsnavigation {
	clear: both;
	text-align: center;
	padding: 0;
	margin-top: 90px;
}

/* ------- 矢印付きボタン --------------- */
.newsnavigation .aleft,
.newsnavigation .aall,
.newsnavigation .aright {
	overflow: visible;
	margin: 0 1px;
	position: relative;
	display: inline-block;
}
.aleft a,
.aall a,
.aright a {
	background-color: #B24268;
	padding: 5px 20px;
	color: #fff !important;
	font-size: 85%;
	text-decoration: none;
	border: 0px solid #DDD;
	}
.aleft a {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	}
.aright a {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	}

.aleft a:hover,
.aall a:hover,
.aright a:hover {
	background-color: #cc0033;
	text-decoration: none;
	color: #fff !important;
}

/* ==============================================
	お知らせ-CATEGORY
============================================== */
.entry-summary a:visited {
	text-decoration: none;
	color: #cc0033 !important;
	}

/* ------- sidebar --------------- */
/***** @media screen under 740px *****/
@media screen and (max-width: 740px) { 
#sub .widget-container {
	display: none;
}
}