/*****
Theme Name: Grilled Meat Bal Taiju Theme
Description: white-room の子テーマです
Template: white-room
*/


/*****************************************************
	Color
=====================================================
LINK -> B24268
HOVER,ACTIV  -> cc0033

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



/* ==============================================
	Google Font
============================================== */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);



body{
    font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
nav {
    font-family: 'Noto Sans Japanese', sans-serif;
}
nav.global-nav {
    font-weight: 600;
}
nav.footer-nav {
    font-weight: 400;
}

#responsive-nav-wrapper nav.global-nav {
    font-weight: 400;
}

h1 {
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 600;
}

h2,h3 {
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 500;
}

/* ==============================================
	本文
============================================== */

#main {
	padding: 0 0 0 !important;
 }




/* ==============================================
	link color
============================================== */

a:link {
	text-decoration: none;
	color: #B24268;
	}
a:visited {
	text-decoration: none;
	color: #B24268;
}
a:active {
	text-decoration: none;
	color: #cc0033;
}
a:hover {
	text-decoration: none;
	color: #cc0033;
}


/* ==============================================
	Media Queries
============================================== */
.row .col-12 {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 900px !important;
	}
/***** @media screen under 1240px *****/
@media screen and (max-width: 1240px) { 
	.row .col-12 {
		width: 800px !important;
	}
}
/***** @media screen under 980px NAV *****/
@media screen and (max-width: 980px) { 
	.row .col-12 {
		width: 700px !important;
	}
}
/***** @media screen under 740px *****/
@media screen and (max-width: 740px) { 
	.row .col-12 {
		padding-left: 20px;
		padding-right: 20px;
		width: auto !important;
	}
}

/* ==============================================
	col-6
============================================== */
.row .col-6 {
		width: 435px !important;
	}
/***** @media screen under 1240px *****/
@media screen and (max-width: 1240px) { 
	.row .col-6 {
		width: 385px !important;
	}
}
/***** @media screen under 980px NAV *****/
@media screen and (max-width: 980px) { 
	.row .col-6 {
		width: 340px !important;
	}
}
/***** @media screen under 740px *****/
@media screen and (max-width: 740px) { 
	.row .col-6 {
		width: auto !important;
	}
}
/* ==============================================
	A
============================================== */
.page-header,
.entry-header,
.entry-title,
.front-page-widget-column,
.hentry { /* yellow F3F781 */

 }

/* ==============================================
	A
============================================== */

.front-page-widget-column .col-6 { /* blue A9D0F5 */
    }


/* ==============================================
	ABOUT SLIDER
============================================== */

.metaslider {
	margin: 0 auto 0;
 }

/* ==============================================
	SNS Share BTN
============================================== */

#sharebtn {
	clear:both;
	padding: 0 0;
	display: block;
	position: relative;
	background: #fff;
}
#snsbtn ul {
	overflow: hidden;
	_zoom: 1;
	margin: 0;
	padding: 0;
	list-style-type: none !important;
}

#sharebtn .share-twitter,
#sharebtn .share-facebook,
#sharebtn .share-gplus,
#sharebtn .share-pocket
 {
	width: 50px;
	height: 50px;
	margin-right: 20px;
	float: left !important;
	position: relative !important;
}
#sharebtn .share-line
 {
	width: 50px;
	height: 50px;
	margin-right: 0;
	float: left !important;
	position: relative !important;
}
#snsbtn li:first-child {
	margin-left: 0 !important;
}
#sharebtn a {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#sharebtn .share-twitter a {
	background: url(shareimg/share_twitter.png) no-repeat right bottom; 
}
#sharebtn .share-facebook a {
	background: url(shareimg/share_facebook.png) no-repeat right bottom;
}
#sharebtn .share-gplus a {
	background: url(shareimg/share_gplus.png) no-repeat right bottom;
}
#sharebtn .share-pocket a {
	background: url(shareimg/share_pocket.png) no-repeat right bottom;
}
#sharebtn .share-line a {
	background: url(shareimg/share_line.png) no-repeat right bottom;
}

#sharebtn .share-twitter a:hover,
#sharebtn .share-facebook a:hover,
#sharebtn .share-gplus a:hover,
#sharebtn .share-hatena a:hover,
#sharebtn .share-pocket a:hover,
#sharebtn .share-line a:hover {
	filter:alpha(opacity=60);
	opacity:0.6;
	}

/***** @media screen under 740px *****/
@media screen and (max-width: 740px) { 
#sharebtn a {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
}

/***** @media screen under 740px *****/
@media screen and (max-width: 740px) { 
#sharebtn .share-twitter a {
	background: url(shareimg/sm_share_twitter.png) no-repeat right bottom; 
	}
#sharebtn .share-facebook a {
	background: url(shareimg/sm_share_facebook.png) no-repeat right bottom;
	}
#sharebtn .share-gplus a {
	background: url(shareimg/sm_share_gplus.png) no-repeat right bottom;
	}
#sharebtn .share-pocket a {
	background: url(shareimg/sm_share_pocket.png) no-repeat right bottom;
	}
#sharebtn .share-line a {
	background: url(shareimg/sm_share_line.png) no-repeat right bottom;
	}
}

/* ==============================================
	Social Bookmar BTN
============================================== */

#snsbtn ul li {
	background-image: none !important;
 }


#snsbtn {
	clear:both;
	padding: 0 0;
	display: block;
	position: relative;
	background: #fff;
}
#snsbtn ul {
	overflow: hidden;
	_zoom: 1;
	margin: 0;
	padding: 0;
	list-style-type: none !important;
}
#snsbtn li {
	list-style-type: none !important;
}
#snsbtn li {
	width: 50px;
	height: 50px;
	margin-left: 30px;
	float: left !important;
	position: relative !important;
}
#snsbtn li:first-child {
	margin-left: 0 !important;
}
#snsbtn li a {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute !important;
	bottom: 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
#snsbtn li.share-twitter a {
	background: url(shareimg/share_twitter.png) no-repeat right bottom; 
}
#snsbtn li.share-facebook a {
	background: url(shareimg/share_facebook.png) no-repeat right bottom;
}
#snsbtn li.share-gplus a {
	background: url(shareimg/share_gplus.png) no-repeat right bottom;
}
#snsbtn li.share-hatena a {
	background: url(shareimg/share_hatena.png) no-repeat right bottom;
}
#snsbtn li.share-pocket a {
	background: url(shareimg/share_pocket.png) no-repeat right bottom;
}
#snsbtn li.share-line a {
	background: url(shareimg/share_line.png) no-repeat right bottom;
}

#snsbtn li.share-twitter a:hover,
#snsbtn li.share-facebook a:hover,
#snsbtn li.share-gplus a:hover,
#snsbtn li.share-hatena a:hover,
#snsbtn li.share-pocket a:hover,
#snsbtn li.share-line a:hover {
	filter:alpha(opacity=60);
	opacity:0.6;
	}

/* ==============================================
	global-nav
============================================== */
.global-nav ul li a:active,
.global-nav ul li a:hover,
.global-nav ul li.current-menu-item>a,
.global-nav ul li.current_page_ancestor>a,
.global-nav ul li.current_page_item>a,
.global-nav ul li.current_page_parent>a,
.global-nav ul li:hover>a {
	border-bottom-color: #CC0000 !important;
	}

/* ==============================================
	Contact Form
============================================== */
.contactform {
	background-color: #efefef;
	margin: 30px 0 0;
	padding: 30px 30px 40px;
	border-radius: 20px;
	max-width: 540px;
}
/***** @media screen under 740px *****/
@media screen and (max-width: 740px) { 
.contactform {

	padding: 10px 10px 40px;
	border-radius: 10px;
}
}

.goform,
.contactform .wpcf7-reset,
.contactform .wpcf7-submit {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 400;
	background-color: #708090;
	color: #fff;
	margin: 10px;
	padding: 5px 30px;
	border: none !important;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	min-width: 120px;
	box-shadow: none !important;
	text-shadow: none !important;
}
.contactform .wpcf7-reset:hover,
.contactform .wpcf7-submit:hover {
	background-color: #cc0033;
}


/* ==============================================
	!
============================================== */

.ptile .pl,
.ptile .pr {
	margin: 0 20px 10px 0;	padding-bottom: 30px;
}

.ptile .pl a img:hove,
.ptile .pr a img:hove {
	opacity : 0.7;
}

/* ==============================================
	!
============================================== */
.byline,
.vcard,
.entry-categories {
	display: none;
}