/*
Theme Name: Sakafuji Suisan (ACTIVE)
Author: Gourmet Partners Inc.
Author URI: http://www.g-p.co.jp/
Version: 1.0.0
Template: sakafujji_base
*/


/* ::::::::::::::::::::::::::::::::::
	BASE
::::::::::::::::::::::::::::::::::: */

/*
  clearfix
*/

.cf {width:100%;}
.cf:after {
  content: ""; 
  display: block; 
  clear: both;
 }
body, p {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
	font-weight: bold;
	color: #2d70b6;
	letter-spacing: 3px;

}
.white {
	color: #fff !important;
}
.center {
	text-align: center !important;
}
.ac {
	color: #2d70b6;
}
.pswp__button.pswp__button--share {
	display: none;
}
.mb {
	margin-bottom: 14px;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.menu-item-text .menu-text, .menu-item-text .subtitle-text {
	letter-spacing: 2px;
}
table, th, td {
	border-top: none !important;
	border-bottom: none !important;
}


/* ::::::::::::::::::::::::::::::::::
	HEADER
::::::::::::::::::::::::::::::::::: */
#primary-menu .subtitle-text {
	text-align: center;
}



/* ::::::::::::::::::::::::::::::::::
	Footer
::::::::::::::::::::::::::::::::::: */
#bottom-menu .subtitle-text {
	display: none !important;
}
.menu-item-text:hover {
	text-decoration-line: none !important;
}
#bottom-menu .act .menu-item-text{
	text-decoration-line: none !important;
}
@media screen and (max-width: 780px) {
	#bottom-bar .mini-nav.wf-float-right {
		display: none !important;}
}


/* ::::::::::::::::::::::::::::::::::
	CUSTOM
::::::::::::::::::::::::::::::::::: */
h2.title {
	display: table;
	text-align: center;
	white-space: nowrap;
	margin-bottom: 0px;
}
h2.title:before, h2.title:after {
	content: '';
	display: table-cell;
	width: 50%;
	background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
	background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
	-webkit-background-clip: padding;
	background-clip: padding;
}
h2.title:before {
  border-right: 20px solid transparent;
}
h2.title:after {
  border-left: 20px solid transparent;
}
.top-c {
	margin-top: 180px;
}
.top-l {
	display: inline-block;
	width: 620px;
	margin-right: 50px;
	padding-top: 60px;
}
.top-r {
	display: inline-block;
	background: rgba(255,255,255,0.8);
	width: 430px;
	padding: 10px;
	vertical-align: top;
}
.top-l img {
	width: 100%;
}
@media screen and (max-width: 1200px) {
	.top-l {
		width: 520px;
		padding-top: 80px;}
}
@media screen and (max-width: 1100px) {
	.top-l {
		width: 420px;
		padding-top: 115px;}
}
@media screen and (max-width: 990px) {
	.top-c {
	margin-top: 60px;}
	.top-l {
		padding-top: 60px;
		margin-left: 25px;
		margin-right: 25px;
		margin-bottom: 25px;}
}
@media screen and (max-width: 940px) {
	.top-l {
		width: 100%; }
	.top-l {
		padding-top: 30px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;}
}
@media screen and (min-width: 990px) {
	.sp-only2 {
		display: none;
	}
}
@media screen and (max-width: 990px) {
	.pc-only2 {
		display: none;
	}
}
.uridashi_base {
	border: 4px solid #2d70b6; 
	padding: 10px;
	padding-top: -44px !important;
	text-align: left;
}
.uridashi_1 {
	position: relative;
	top: -44px;
	left: -44px;
	margin-bottom: -70px !important;
}
.img-center {
	display: block;
	text-align: center !important;
}
.top {
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	line-height: 1.4;
	font-size: 17px;
}
.s-title {
	text-align: center;
	font-family: "Arial", Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: 2px;
	margin-bottom: 60px;
	color: #2d70b6;
}
.about {
	text-align: center;
	font-size: 20px;
	line-height: 2;
	letter-spacing: 3px;
}
.five_img img {
	transition: 0.3s;
}
.five_img img:hover{
	opacity: 0.7;
}
.five_img p{
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.content {
	display: block;
	width: 1140px;
	padding: 0px;
	text-align: center;
}
.adv_1, .adv_2, .adv_3 {
	display: inline-block;
	width: 313px;
	vertical-align: top;
	text-align: center;
}
.adv_1 img, .adv_2 img, .adv_3 img, .adv_4 img, .adv_5 img{
	width: 100%;
	margin-bottom: 0px;
}
.adv_1, .adv_2 {
	margin-right: 100px;
}
.adv_4, .adv_5 {
	display: inline-block;
	width: 520px;
	vertical-align: top;
	text-align: justify;
	text-justify: inter-ideograph;
}
.adv_4 {
	margin-right: 100px;
}
@media screen and (max-width: 1200px) {
	.adv_1, .adv_2, .adv_4 {
		margin-right: 50px; }
	.adv_4, .adv_5 {
		width: 400px;
	}
}
@media screen and (max-width: 1100px) {
	.adv_1, .adv_2 {
		margin-right: 25px; }
}
@media screen and (max-width: 1049px) {
	.adv_1 {
		margin-right: 50px; }
	.adv_2 {
		margin-right: 0px; }
}
@media screen and (max-width: 905px) {
	.adv_4, .adv_5 {
		width: 313px;
	}
}
@media screen and (max-width: 701px) {
	.adv_1, .adv_2, .adv_3 {
		margin-left: 0px;
		margin-right: 0px; }
	.adv_4, .adv_5 {
		margin-left: 0px;
		margin-right: 0px; }
}

.sns-container {
	width: 950px;
	margin: 0 auto;
}
@media screen and (max-width: 769px) {
	.sns-container {
		width: 100%;
	}
}

.sns-txt {
	float: left;
	margin-right: 20px;
}
.line-contents {
	float: left;
	margin-bottom: 25px !important;
}

.single .line-contents {
		float: none !important;
}

@media screen and (max-width: 769px) {
	.sns-txt {
		float: none;
	}
	.line-contents {
		float: none !important;
		margin-top: 25px;
	}
}
.sns {
	margin-bottom: 2px;
	font-size: 30px;
	color: #2d70b6;
	letter-spacing: 3px;
	line-height: 1.8;
	text-align: left;
}

@media screen and (max-width: 769px) {
	.sns{
		text-align: center;
	}
}
.sns-s {
	font-size: 23px;
	margin-bottom: 30px;
	text-align: left;
}
@media screen and (max-width: 769px) {
	.sns-s{
		text-align: center;
	}
}
.sns-demo {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	background: #e1e1e1;
	font-size: 16px;
	line-height: 16px;
	width: 100%;
	height: 400px;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 20px;
}
#map_canvas {
	width: 100%;
	height: 400px;
	margin-bottom: 60px;
}
p.eigyo {
	display: inline-block;
	width: 65%;
	font-size: 26px;
	letter-spacing: 3px;
	padding-bottom: 10px;
	border-bottom: 1px solid #2d70b6;
	margin-bottom: 30px;
}
p.eigyo:before, p.eigyo:after {
	content: "◆◆◆";
	display: inline-block;
	position: relative;
	top: -6px;
	font-size: 12px;
	margin-right: 10px;
	margin-left: 10px;
}
.table {
	display: inline-block;
	width: 65% !important;
	letter-spacing: 3px;
}
.table th {
	width: 18%;
}
.table td {
	text-align: left;
}
img.co-logo {
	width: 60%;
	text-align: center;
}
.table2 {
	width: 100% !important;
}
.table2 th {
	width: 30%;
}
.dummy p{
	display: inline-block;
	background: rgba(255,255,0,0.85);
	padding: 20px;
}



/* ::::::::::::::::::::::::::::::::::
	whatsnew
::::::::::::::::::::::::::::::::::: */
.whatsnew {
	font-family: "Arial", Helvetica, Arial, Verdana, sans-serif;
}
.whatsnew dt{
	color: #000 !important;
	width: auto !important;
	padding-right: 4px !important;
}
div.whatsnew .newmark {
	background-color: #ed5a24;
	font-size: 13px;
	position: relative;
	top: -1px;
	padding: 3px 5px 2px;
}
div.whatsnew a {
	transition: 0.3s;
	padding-bottom: 3px;
}
div.whatsnew a:hover {
	background-color: rgba(45,112,182,0.1) !important;
}


/* ::::::::::::::::::::::::::::::::::
	PC only （768px以上）
::::::::::::::::::::::::::::::::::: */
@media screen and (min-width: 770px) {
	.br-sp {
		display: none !important;
	}
	.sp-only {
		display: none !important;
	}
}



/* ::::::::::::::::::::::::::::::::::
	● スマホ （768px以下）
::::::::::::::::::::::::::::::::::: */
@media screen and (max-width: 770px) {
	.br-pc {
		display: none !important;
	}
	.about {
		font-size: 18px;
		letter-spacing: 1px;
	}
	.pc-only {
		display: none !important;
	}
	.sp-mb {
		margin-bottom: 50px !important;
	}
	.top-c {
		margin-top: 20px;
	}
	.top-l {
		width: 100%;
		margin-bottom: 30px;
	}
	.top-r {
		width: calc(100% - 20px);
	}
	.uridashi_2 {
		width: 100%;
	}
	p.eigyo:before, p.eigyo:after {
		content: "";
	}
	p.eigyo, .table {
		width: 100% !important;
	}
	.table th, .table td {
		display: block;
		width: 100%;
		text-align: center;
		line-height: 1.4;
	}
	.table td {
		margin-bottom: 20px !important;
	}
	.table2 {
		margin-top: 30px !important;
	}
}



/* ---------------------------------
	iPhone5
---------------------------------- */
@media (max-width: 320px) {
	h1.title {
		font-size: 30px;
	}
	.about {
		font-size: 16px;
		letter-spacing: 1px;
	}
	.adv_1, .adv_2, .adv_3, .adv_4, .adv_5 {
		width: 265px;
	}
}

/* ---------------------------------
	20170808以降 追記
---------------------------------- */

.tsuyomi-ttl {
font-size:25px;
}

/* グローバルメニュー 文字サイズ */

.main-nav > li:not(.wpml-ls-item) > a .menu-text {
    font-size: 14px;
}
#primary-menu .subtitle-text {
    text-align: center;
    font-size: 10px;
}

/* h1の設定 */
h1#main-read{
	color: #fff;
    font-size: 22px;
    margin-bottom: 30px;
    line-height: 1.6;
}
@media screen and (max-width: 780px) {
h1#main-read{
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.5;
}
}

/* 文字サイズや余白などの調整 */
@media screen and (max-width: 780px) {
h2{
	font-size: 28px;
}
}
@media screen and (max-width: 780px) {
.about{
	font-size: 16px;
}
}
@media screen and (max-width: 780px) {
.s-title{
	margin-bottom: 30px;
}
}

.instagram-container {
	background: #fff;
	padding: 10px 30px 10px 10px;
}

#sb_instagram .sbi_header_text h3 ,
#sb_instagram .sbi_header_text p {
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}