/*
for smart phone
*/

body {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* PC時は非表示 */
.pc-only {
	display: none;
}

/* サブメニューにはクリアフィックス */
.sub-menu {zoom:1;}
.sub-menu:after {content: ""; display: block; clear: both;}

/* 画像回り込みの余白 */
img.alignright  {
	margin-left: 30px;
}
img.alignleft  {
	margin-right: 30px;
}

/* grid system */
.grid-sp-12 {	width: 100%;}
.grid-sp-11 {	width: 91.66666667%;}
.grid-sp-10 {	width: 83.33333333%;}
.grid-sp-9 {	width: 75%;}
.grid-sp-8 {	width: 66.66666667%;}
.grid-sp-7 {	width: 58.33333333%;}
.grid-sp-6 {	width: 50%;}
.grid-sp-5 {	width: 41.66666667%;}
.grid-sp-4 {	width: 33.33333333%;}
.grid-sp-3 {	width: 25%;}
.grid-sp-2 {	width: 16.66666667%;}
.grid-sp-1 {	width: 8.33333333%;}

/* card grid system */
.sp-card-1 .post-list {	width: 100%;}
.sp-card-2 .post-list {	width: 50%;}
.sp-card-3 .post-list {	width: 33.33333333%;}
.sp-card-4 .post-list {	width: 25%;}
.sp-card-5 .post-list {	width: 20%;}
.sp-card-6 .post-list {	width: 16.66666666%;}

/* entry table */
.entry table {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.entry th {
	vertical-align: top;
}
.entry td {
}
/*
.entry textarea,
.entry select,
.entry input {
	padding: 4px 5px;
	border: 1px solid #cccccc;
	font-size: 1.6rem;
}
*/
.entry textarea,
.entry select,
.entry input[type="text"] {
/*
	width: 100%;
*/
}

/* inquiry form creator */
.iqfm-inputbutton {
	text-align: center;
}
.iqfm-inputbutton .confirm,
.iqfm-inputbutton .back,
.iqfm-inputbutton .preview {
	border: 1px solid #000;
	border-radius: 5px;
	padding: 0.4em 1.2em;
	font-size: 1.6rem;
	cursor: pointer;
}

/* 羽毛布団リフォーム */
#iqfm-input-5 th {
	width: 30%;
}
.umoureform-bikou {
	font-size: 1.0rem;
	color: #F80;
}

/***** navi *****/
#nav_menu-2 {
	display: none;
}

/***** content ******/
.page-sub-title {
	text-align: center;
}

/***** cta *****/
#pageinserterwidget-22 {
	padding: 20px 0;
}

/* ----------------------------------------------
	タイトル内改行
-------------------------------------------------*/
.page-title span {
  display: block;
  font-weight: bold;
}

/* ----------------------------------------------
	ブロック囲み
-------------------------------------------------*/
/* リード文 */
.lead {	
	text-align: center;
	font-size: 1.6rem;
}

/* グレーの背景 */
.article-1 {
	background: #F0EFEB;
	margin-right: -15px;
	margin-left: -15px;
	padding: 15px 15px;
}

/* 商品 */
.article-item {
	text-align: center;
	margin-right: -15px;
	margin-left: -15px;
	padding: 1px 15px;
}

/* ----------------------------------------------
	文字囲み
-------------------------------------------------*/

/* テキスト左右の線 */
.lines-on-sides {
	display: table;
	text-align: center;
	white-space: nowrap;
}
.lines-on-sides:after, .lines-on-sides:before {
	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;
}
.lines-on-sides:after {
	border-left: 1em solid transparent;
}
.lines-on-sides:before {
	border-right: 1em solid transparent;
}

/* 吹き出し */
#content .fukidashi {
	position: relative;
	background: #E6E2D3;
	text-align: center;
	padding: 0.4em 0.8em;
}
#content .fukidashi:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255,255,255,0);
	border-top-color: #E6E2D3;
	border-width: 13px;
	margin-left: -13px;
}

/* 理由 */
#content .reason {
	position: relative;
	background: #E6E2D3;
	padding: 1.0em 1.9em;
	border-radius: 3px;
}

/* ポイント */
#content .point-text {
	padding: 0.4em 0.8em;
	border: 1px solid #9C958D;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
/* 小さい文字 */
#content .small-text {
	font-size: 1.2rem;
}

/* データ */
#content .data-text {
	padding: 0.2em 0 0.2em 0.8em;
	border-left: 1px dotted #aaa;
}

/* 質問 */
#content .question {
	position: relative;
	background: #E6E2D3;
	padding: 0.3em 0.6em 0.3em 0.45em;
	border-radius: 15px;
}
#content .question:before {
	display: inline-block;
	background: #fff;
	border-radius: 50%;
	content: 'Q';
	padding: 0 0.3em;
	margin-right: 0.2em;
	font-weight: bold;
	color: #CF175A;
}

/* 例 */
.recipe-example {
	background: #FFFFFF;
	border: 1px solid #e1d3b9;
	border-radius: 10px;
	padding: 0.1em 1.0em;
	font-size: 1.1rem;
}
.recipe-example p {
	margin: 0.5em 0;
}

/* 価格表 */
.reform-price {
	margin-top: 20px;
}
.reform-price td,
.reform-price th {
	border: 1px solid #aaa;
	text-align: center;
}
.reform-price th {
	background: #E6E2D3;
	font-weight: bold;
}
.reform-price td {
	background: #FFF;
}

/* 区切り線 */
.center-dot-line {
	width: 10%;
	height: 2px;
	margin: 2em 0;
    border: none;
	border-top: 2px dotted #ccc;
	margin-left: auto;
	margin-right: auto;
}

/* ●●の流れ、説明テキスト */
.step-text {
	font-size: 1.4rem;
}
/* 小さい補足 */
.small-text {
	font-size: 1.0rem;
	font-weight: bold;
}
/* 価格 */
.item-price-text {
	font-size: 1.8rem;
	font-weight: bold;
}

/* フッターのアイコンバナー */
#footer-btn-map {
	float: left;
	display: block;
	width: 15.714%;
}
#footer-btn-line {
	float: left;
	display: block;
	width: 35.714%;
}
#footer-btn-tel {
	float: left;
	display: block;
	width: 48.571%;
}

/* ショッピングカートとの連携 */
.shopping-item .grid-sp {
	text-align: center;
}
.shopping-item .grid-sp h3 {
	font-size: 1.6rem;
}
.shopping-item img {
	width: 75%;
}
.shopping-item .order-data input[type="text"] {
	width: 60px;
	text-align: right;
}
.shopping-item .order-data input[type="submit"] {
}
.shopping-item .remark-text {
	display: inline-block;
	margin-top: 0.5em;
}

.sp-small-banner img {
	width: 75%;
	height: auto;
}

/* ページ下部の６メニュー */
.bottom-navi p {
	margin: 5px 0;
}
.bottom-navi a {
	display: block;
	background: #FFFFFF;
	padding: 10px 0;
	text-decoration: none;
	text-align: center;
	border: 1px solid #888;
	color: #222;
}

.mw_wp_form .horizontal-item + .horizontal-item {
	display: inline-block;
	margin-left: 0;
	margin-bottom: 7px;
}
.mw_wp_form .horizontal-item label {
	margin-right: 7px;
}

/* 布団のホテル右固定パーツ */
.fixed-side_vertical-text {
	display:inline-block;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
.fixed-right {
	position:fixed;
	right:0;
	width:38px;
	top: 50%;
	z-index: 10;
}
.fixed-right:before {
	position: absolute;
	top: -5px;
	left: -5px;
	width: 100%;
	height: 100%;
	content: '';
}

/* この記事を書いた人 */
.post-author {
	background: #eff3f7;
	margin: 50px 0 85px 0;
	border: 1px solid #124a7c22;
	border-radius: 1px;
	padding: 35px 15px;
	box-shadow: 0 2px 8px #00000011;
}
.post-author .written-by {
	margin-bottom: 22px;
	background: #124a7c;
	text-align: center;
	padding: 11px 0;
	font-size: 20px;
	color: #fff;
}
.post-author .author-grid {
	display: grid;
	grid-template-columns: 100px auto;
	grid-template-rows: auto auto auto;
}
.post-author .author-image {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
	margin-bottom: 15px;
	padding-right: 15px;
}
.post-author .author-image img {
	border-radius: 3px;
}
.post-author .author-name {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	margin-bottom: 11px;
	line-height: 1.4;
	font-size: 22px;
}
.post-author .author-qualifications {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: 0.05em;
}
.post-author .author-description {
	grid-column: 1 / 3;
	grid-row: 3 / 4;
	font-size: 13px;
	line-height: 1.8;
}
.post-author .author-description h5 {
	font-size: 14px;
	margin-top: 12px;
	margin-bottom: 7px;
	font-weight: bold;
}
.post-author .author-description ul li {
	margin-left: 2em;
	margin-bottom: 0.25em;
	line-height: 1.4;
	font-size: 12px;
}