
/*-----------------------------
　お知らせ　What's new
-----------------------------*/

/* お知らせを表示・非表示 */
/*
 * 表示  initial;
 * 非表示　none;
 */
#information-block{
	display: initial;
}

div.whatsnew hr{
	display:none;
}
div.whatsnew dt{
	padding:4px 0 0 0.5em;
	font-family: 'Montserrat', sans-serif;
	font-size: 76%;
	font-weight: 400;
}
div.whatsnew .newmark{
	font-family: 'Montserrat', sans-serif;
	padding: 1px 10px;
}
/*-----------------------------
　HOME
-----------------------------*/
/*-----------------------------
　header カスタマイズ
-----------------------------*/
/*
#pg-7-1 > .panel-row-style {
    background-position: center right;
}

@media (max-width: 767px) { 
#pg-7-1 > .panel-row-style {
    background-image: url(http://sandpiper.co.jp/wp/wp-content/uploads/2018/08/home-header06-w.png);
	}}
*/
/*ショッピングバッグのアイコン*/
.main-navigation .shopping-cart .shopping-cart-link .shopping-cart-count{
	background-color:#f0adab;
}

/* お知らせ */
@media (max-width: 767px) { 
h2.info{
	text-align:center;
	}
#pl-7 .so-panel:last-child{
	margin:0px 0 -20px 0;
}
	div.whatsnew dd{
		text-align:left;
	}
}
/*-----------------------------
　共通設定
-----------------------------*/
hr {
		background-color: #d4d4d4;
    border: 0;
    height: 1px;
    margin-bottom: 1.9833em;
}

ol,li.notes{
	margin:1em 0 2em 1em;
}
/* ボタンのホバー時の設定 */
.ow-button-base a{
 -webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.ow-button-base a:hover{
	opacity: 1;
}
	
.comments{/* 注釈 */
	background: #eef2f7; 	  
	padding:15px;
	margin: 1em 0;
	font-family: "游明朝", "YuMincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Hiragino Mincho Pro, "メイリオ", Meiryo, sans-serif;
}

@media (max-width: 767px) { 
.comments{
		font-size: 13px;
}
}
/*-----------------------------
　ヘッダロゴの大きさ
-----------------------------*/
@media screen and (min-width: 768px){
	#masthead .site-branding a{
		width:35%;
	}
}
@media screen and (max-width: 767px){
	#masthead .site-branding a{
		width:70%;
	}
}
/*-----------------------------
　ヘッダ
-----------------------------*/
#masthead{
	border-bottom:none;
}
/*-----------------------------
　各ページ タイトルテキスト
-----------------------------*/
/* DeskTop */
h2.sow-headline{
	font-family:"游明朝", "YuMincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Hiragino Mincho Pro, "メイリオ", Meiryo, sans-serif;
	font-weight:normal;
}
/* Mobile */
@media (max-width: 767px) { 
h2.sow-headline{
	line-height:470%;
	font-size:18px;
}
/* SANDPIPERについて */
.so-widget-sow-headline-default-a79910671618{
	font-size:17px;
}
}
/*-----------------------------
　テキストの設定
-----------------------------*/
.entry-title{
	font-size:1.5rem;
}

h1,h4,p,li,dt,dd{
	font-family:"游明朝", "YuMincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Hiragino Mincho Pro, "メイリオ", Meiryo, sans-serif;
}

h2.home,h2.info{
	 font-size: 18px;
	 font-family:"游明朝", "YuMincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Hiragino Mincho Pro, "メイリオ", Meiryo, sans-serif;
}

@media (max-width: 767px) { 
h2.home{
	 font-size: 16px;
	 line-height: 2;
	 font-family:"游明朝", "YuMincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Hiragino Mincho Pro, "メイリオ", Meiryo, sans-serif;
}
}

h3.widget-title{
	font-size:1.2rem;
	font-weight:normal;
	font-family:"游明朝", "YuMincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Hiragino Mincho Pro, "メイリオ", Meiryo, sans-serif;
}
.panel-grid-cell .widget-title {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
    font-weight: 600;
	  font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.panel-grid-cell .widget-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 50px;
    height: 2px;
    margin-left: -25px;
    background-color: #2d2d2d;
}

h3.gs{
	font-size:16px;
	font-family:"游明朝", "YuMincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Hiragino Mincho Pro, "メイリオ", Meiryo, sans-serif;
	color:#333;
	margin: 0;
	padding :3px;
	border-bottom: solid 1px #ccc;
}

h4.gs{
	font-size:15px;
	margin:0 0 1em 0;
	padding:0;
}
.link{
	text-decoration:underline;
	color:#000;
}
.font13{font-size:13px; line-height:1.9;}

.font14{font-size:14px; line-height:1.9;}

.font15{font-size:15px; line-height:1.9;}

.font16{font-size:16px; line-height:1.9;}

@media (max-width: 767px) { 
p,li{
	font-size:13px;
	line-height:2;
	}
}
/*-----------------------------
　投稿ページ
-----------------------------*/

/*ヘッダからのmargin*/
.entry-header{
 margin-top: 100px;
}
/*過去記事プレビュー*/
.post-navigation{
	padding: 3em 0 1em;
}
.post-navigation a div{
	font-weight:normal;
}
/* 投稿者別欄を非表示 */
.site-main .comment-navigation, .site-main .post-navigation, .site-main .posts-navigation{
	margin:initial;
}
.post-navigation{
	border-bottom: initial;
}
.author-box{
	display: none;
}

@media (max-width: 767px) {
/* ヘッダからのmargin */
.entry-header{
  margin-top: 60px;
 }
/* 記事タイトルのサイズ */
.entry-title{
 font-size:15px;	
 }
}
/*過去記事プレビュー*/
.post-navigation a div{
	font-weight:normal;
	font-size:13px;
	line-height:1.7;
}

@media (max-width: 320px) {/*iPhone5*/
/* 記事タイトルのサイズ */
	.entry-title{
	font-size:13px;	
	}
}
/*-----------------------------
　委託販売申し込みフォーム
-----------------------------*/
dl.form{
	width:80%;
	margin:0 auto;
	display: flex;
	flex-wrap:wrap;
}
dl.form dt{
	width:30%;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
dl.form dd{
	width:70%;
	margin: 0 0 1em 0;
	padding: 0;
}
dl.form p{
	width: 100%;
}
dl.form hr{
	width: 100%;
	background-color: #ebebeb;
  border: 0;
  height: 1px;
  margin: 2em 0 3em;
}
span.small{
	font-size: 13px;
}
span.required {/*必須アイコン*/
  background: #ff4500;
  color: #fff;
  font-size: 12px;
  padding: 2px 4px;
  margin-left: 4px;
	border-radius: 4px;
	font-family: -apple-system, Roboto, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.form input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"],
textarea {
	font-size: 14px;
	width: 100%;
}
@media (max-width: 767px) { 
	dl.form,
	dl.form dt,
	dl.form dd,
	dl.form p{
		width:100%;
		font-size: 14px;
	}
}

/*-----------------------------
　特定商取引法に基づく表記
-----------------------------*/
 dl.transactionlaw{
	width:50%;
	margin:0 auto;
}
table thead tr{
	background: initial;
}
.transactionlaw dt{
	margin:0 0 0.5em;
}

.transactionlaw dd{
	margin:0 0 2.5em 0;
	line-height:2;
}

@media (max-width: 767px) { 
 dl.transactionlaw{
	width:90%;
	margin:0 auto;}
}

/*-----------------------------
 ナビゲーション（サブメニュー） 
-----------------------------*/
.main-navigation > div ul ul {
 background: #fff;
 box-shadow:none;
 float: left;
 opacity: 0;
 padding: 0;
 position: absolute;
 text-align: left;
 top: 50px;
 transition: all .1s ease-in-out;
 transform-origin: center top;
 transform: scaleY(0);
 visibility: hidden;
 z-index: 99999;
 filter:alpha(opacity=50);
 -moz-opacity: 0.5;
 opacity: 0.5;
}
/*-----------------------------
　フッターウィジェット（Google Map）
-----------------------------*/
.gmap {
position: relative;
padding-bottom: 60%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*-----------------------------
　フッター
-----------------------------*/
#colophon.footer-active-sidebar{
	border: none;
  background: #fff;
}

#colophon.footer-active-sidebar{
	background-image:url(/wp/wp-content/uploads/2018/08/side-menu-bg.gif;)
}
#colophon .site-info{
	border-top:none;
	background-color:#fff;
}
/*-----------------------------
　営業日カレンダー XO Event Calendar
-----------------------------*/
.xo-event-calendar {
	max-width: 100%;
	margin: 0 auto;
}

.xo-event-calendar table.xo-month .month-dayname td div {
	padding: 0;
	text-align: center;
	font-size: 1em;
}
.xo-event-calendar table.xo-month .month-dayname td div,
.xo-event-calendar table.xo-month .month-week {
	line-height: 2.5em;
	height: 2.5em;
}

/*-- 枠線を消す --*/
.xo-event-calendar table.xo-month,
.xo-event-calendar table.xo-month th, .xo-event-calendar table.xo-month td
{border: initial;}

/*-- 当日のテキストの装飾を消す --*/
.xo-event-calendar table.xo-month .month-dayname td div.today{
	color : initial;
	font-weight: initial;
}
/*-- 凡例の枠を消す --*/
.xo-event-calendar p.holiday-title span{
	border:initial;
}
/*-- 2行ごとに背景色変更を消す --*/
table tr:nth-child(2n+2){
	background: initial;
}
/*-- 土曜日・日曜日 --*/
.xo-event-calendar table.xo-month > thead th.saturday{
	color: #7b9eb0;
}
.xo-event-calendar table.xo-month > thead th.sunday{
	color: #fd8c93;
}
/*-----------------------------
　FAQ
-----------------------------*/

#faq-block .single-faq .faq-question,
#faq-block .single-faq .faq-question a{
	font-family:"游明朝", "YuMincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Hiragino Mincho Pro, "メイリオ", Meiryo, sans-serif;
	font-weight:normal;
}

.single-faq ,.expand-faq h3{
	font-family:"游明朝", "YuMincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Hiragino Mincho Pro, "メイリオ", Meiryo, sans-serif;
	color: #666;
}
/*-----------------------------
　追従TOPへ戻るボタン
-----------------------------*/
#scroll-to-top {
 width: 44px;
 border-radius: 50%;
 padding-top: 16px;
}