@charset "UTF-8";

/* =================================================================
2.base
=================================================================*/

/*  padding/margin
-------------------------------------------------------------*/
.m0 {
	margin: 0;
}

.mT0 {
	margin-top: 0;
}

.mB0 {
	margin-bottom: 0;
}

.mR0 {
	margin-right: 0;
}

.mL0 {
	margin-left: 0;
}

.mT10 {
	margin-top: 10px;
}

.mB10 {
	margin-bottom: 10px;
}

.mR10 {
	margin-right: 10px;
}

.mL10 {
	margin-left: 10px;
}

.mT20 {
	margin-top: 20px;
}

.mB20 {
	margin-bottom: 20px;
}

.mR20 {
	margin-right: 20px;
}

.mL20 {
	margin-left: 20px;
}

.mT30 {
	margin-top: 30px;
}

.mB30 {
	margin-bottom: 30px;
}

.mR30 {
	margin-right: 30px;
}

.mL30 {
	margin-left: 30px;
}

.mT40 {
	margin-top: 40px;
}

.mB40 {
	margin-bottom: 40px;
}

.mR40 {
	margin-right: 40px;
}

.mL40 {
	margin-left: 40px;
}

.mT50 {
	margin-top: 50px;
}

.mB50 {
	margin-bottom: 50px;
}

.mR50 {
	margin-right: 50px;
}

.mL50 {
	margin-left: 50px;
}

/*------------------------------*/
.p0 {
	padding: 0;
}

.pT0 {
	padding-top: 0;
}

.pB0 {
	padding-bottom: 0;
}

.pR0 {
	padding-right: 0;
}

.pL0 {
	padding-left: 0;
}

.pT10 {
	padding-top: 10px;
}

.pB10 {
	padding-bottom: 10px;
}

.pR10 {
	padding-right: 10px;
}

.pL10 {
	padding-left: 10px;
}

.pT20 {
	padding-top: 20px;
}

.pB20 {
	padding-bottom: 20px;
}

.pR20 {
	padding-right: 20px;
}

.pL20 {
	padding-left: 20px;
}

.pT30 {
	padding-top: 30px;
}

.pB30 {
	padding-bottom: 30px;
}

.pR30 {
	padding-right: 30px;
}

.pL30 {
	padding-left: 30px;
}

.pT40 {
	padding-top: 40px;
}

.pB40 {
	padding-bottom: 40px;
}

.pR40 {
	padding-right: 40px;
}

.pL40 {
	padding-left: 40px;
}

.pT50 {
	padding-top: 50px;
}

.pB50 {
	padding-bottom: 50px;
}

.pR50 {
	padding-right: 50px;
}

.pL50 {
	padding-left: 50px;
}

/*  clear
-------------------------------------------------------------*/
.clear {
	clear: both;
}

.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/*  左・右寄せ
-------------------------------------------------------------*/
.fL {
	float: left;
}

.fR {
	float: right;
}

.txC {
	text-align: center;
}

.txR {
	text-align: right;
}


/* =================================================================
3.コンテナ・サイドバー・メインコンテンツ
使用ファイル：すべてのファイル
=================================================================*/

/* container - サイドバー・メインコンテンツを格納するコンテナ
-------------------------------------------------------------*/
/* #container{width:100%; padding:0 0 107px 0; background:#fbfbfb url(/img/usr/freepage/itemimage/container_bg_t.gif) repeat-x;} */
#container {
	width: 100%;
	padding: 64px 0 64px 0;
	background: #fbfbfb url(/img/usr/freepage/itemimage/container_bg_t.gif) repeat-x;
}

#containerInner {
	margin: 0 auto;
	width: 980px;
}

.pane-contents div.block-topic-path {
	margin: 0 0 0;
}

/* sidebar - コンテナ内サイドバー
-------------------------------------------------------------*/
#sidebar {
	position: relative;
	float: left;
	width: 220px;
	z-index: 100;
}

/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
#main {
	position: relative;
	float: right;
	width: 720px;
}

#main h2 {
	font-weight: normal;
	font-size: 100%;
}

#main p {
	font-size: 87.5%;
	line-height: 150%;
}

#main table {
	width: 700px;
	margin: 10px 0;
	font-size: 87.5%;
	border: 1px solid #CCC;
	line-height: 160%;
}

#main th {
	border: 1px solid #d9d8d8;
	border-right: none;
	background: #a4a6ab;
	vertical-align: top;
	font-weight: normal;
	color: #fff;
}

#main th.title {
	width: 160px;
	text-align: left;
}

#main th.address {
	width: 150px;
}

#main td {
	border: 1px solid #d9d8d8;
	border-left: none;
	vertical-align: middle;
	background: #f5f4f4;
}

#main .buttonarea {
	padding-top: 20px;
	text-align: center;
}

#main .buttonarea a {
	padding: 0 10px;
}

#main .buttonareaFR {
	margin: 0 20px;
	float: right;
}

#main .buttonareaFR:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* clearfix */
#main .action {
	border-top: #96938a 1px dotted;
	border-bottom: #96938a 1px dotted;
	padding: 2px 0;
	text-align: center;
}

#main .action .inner {
	padding: 18px 0 11px;
	background: #f5f2e9;
}

#main .hissu {
	color: #b02929;
}

/* form - フォーム
-------------------------------------------------------------*/
#main input[type="text"],
#main input[type="password"],
#main textarea {
	padding: 4px 3px;
	border: #c9c9c9 1px solid;
	border-radius: 2px;
	font-size: 13px;
}

#main select {
	font-size: 14px;
	-webkit-appearance: menulist-button;
}

/* no-sidebar - サイドバー無し
-------------------------------------------------------------*/
#main.no-sidebar {
	float: none !important;
	width: 980px !important;
}

#main.no-sidebar .island {
	border: #d9d8d8 1px solid;
	padding: 39px 39px;
	width: 900px;
	margin: 0 auto;
	background: #fff;
}

#main.no-sidebar table {
	width: 900px !important;
}

#main.no-sidebar th {
	padding: 20px;
}

#main.no-sidebar th.title {
	width: 200px;
	vertical-align: middle;
}

#main.no-sidebar td {
	padding: 20px 30px;
}

/* sectionBox - セクションボックス
-------------------------------------------------------------*/
#main .sectionBox {
	border-top: #164885 4px solid;
	background: #fff;
}

#main .sectionBox>.inner {
	border: #d9d8d8 1px solid;
	border-top: none;
}

#main .sectionBox .head {
	border-bottom: #e4e4e4 1px solid;
}

/* breadcrumbs - パンくず
-------------------------------------------------------------*/
#breadcrumbs {
	padding: 24px 0 17px 260px;
	font-size: 62.5%;
}

/* displaynone - 非表示
-------------------------------------------------------------*/
.displaynone {
	display: none;
}


/* =================================================================
6.extファイル用
使用ファイル：ext/company.html
　　　　　　　ext/tokushou.html
　　　　　　　ext/guide.html
=================================================================*/

#ext h2 {
	display: block;
	height: 25px;
	padding: 3px 10px 3px 25px;
	background: url("/img/usr/freepage/itemimage/title_bg.gif") no-repeat;
	font-size: 85%;
}

#ext h3 {
	display: block;
	margin: 30px 20px 10px 10px;
	padding: 5px;
	border-bottom: #DDD 1px solid;
	border-left: #960 6px solid;
	font-size: 80%;
}

#ext th {
	text-align: left;
}

#ext ul {
	padding-bottom: 10px;
}

#ext li {
	list-style: disc;
	margin: 5px 40px;
	font-size: 80%;
}


/* =================================================================
18.静的ページテンプレート
使用ファイル：ext/template.xhtml
=================================================================*/

#article {
	padding: 40px 40px;
	background: url(/img/usr/freepage/itemimage/article_bg.gif);
}

#article>.inner {
	border: #e5e5e5 1px solid;
	padding: 59px 59px;
	background: #fff;
}

/* add_miz ---------*/
#article h1 {
	border-top: #164885 4px solid;
	background: #fff url(/img/usr/freepage/itemimage/mkr_h2.gif) no-repeat 12px -4px;
	z-index: 2;
}

#article h1 span {
	display: block;
	border-right: #d9d8d8 1px solid;
	border-left: #d9d8d8 1px solid;
	padding: 22px 10px 19px 44px;
	font-weight: bold;
	font-size: 21px;
}

/* -----------------*/
#article h2 {
	border: none;
}

#article h2 img {
	display: block;
}

#article .section {
	border-bottom: #ddd 1px solid;
	padding: 0 0 30px 0;
}

#article .section h3 {
	padding: 50px 0 0 0;
	border-bottom: #164885 1px solid;
	color: #164885;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.5;
}

#article .section h3 span {
	display: inline-block;
	position: relative;
	top: -3px;
	margin: 0 5px 0 0;
	padding: 5px 14px 0 10px;
	height: 26px;
	background: #164885 url(/img/usr/freepage/itemimage/article_sect_h_bg.gif) no-repeat right top;
	color: #fff;
	font-weight: normal;
	font-size: 13px;
}

#article .section .txt {
	padding: 30px 0 0 0;
	font-size: 13px;
	line-height: 1.923;
}

#article .section .img {
	padding: 30px 0 1em 0;
}

#article .section .img.right {
	float: right;
	padding-left: 30px;
}

#article .section .img.left {
	float: left;
	padding-right: 30px;
}

#article .item {
	padding: 50px 50px;
	background: #f5f6f8;
}

#article .itemDetail {
	margin-top: 50px;
}

#article .itemDetail .lead {
	color: #164885;
	font-weight: bold;
	font-size: 20px;
}

#article .itemDetail .txtArea {
	float: right;
	padding: 32px 0 0 0;
	width: 374px;
}

#article .itemDetail .txtArea h4 {
	font-weight: bold;
	font-size: 20px;
}

#article .itemDetail .txtArea .txt {
	padding: 15px 0 0 0;
	font-size: 13px;
	line-height: 1.769;
}

#article .itemDetail .txtArea .btn {
	padding: 20px 0 0 0;
}

#article .itemDetail .txtArea .btn img {
	display: block;
}

#article .itemDetail .imgArea {
	float: left;
	padding: 15px 0 0 0;
	width: 277px;
}

#article .itemDetail .imgArea img {
	border: #dbdada 1px solid;
	width: 275px;
	height: 330px;
}

/* add_miz ---------*/
#article .itemDetail .txt {
	padding: 30px 0 0 0;
	font-size: 13px;
	line-height: 1.769;
}

#article .itemDetail .img.right {
	float: right;
	padding-left: 30px;
}

#article .itemDetail .img.left {
	float: left;
	padding-right: 30px;
}

/* -----------------*/
#article .itemRelation {
	margin-top: 60px;
}

#article .itemRelation h4 {
	border-bottom: #c4c5c6 1px solid;
	font-size: 16px;
}

#article .item3 ul {
	padding: 29px 0 0 0;
}

#article .item3 ul li {
	float: left;
	width: 207px;
}

#article .item3 ul li+li {
	padding: 0 0 0 29px;
}

#article .item3 ul li img,
#article .item3 ul li span {
	display: block;
}

#article .item3 ul li .img img {
	border: #dcdddf 1px solid;
	width: 205px;
	height: 246px;
}

#article .item3 ul li .txt {
	padding: 7px 0 0 0;
	font-size: 13px;
	line-height: 1.53;
}

#article .item3 ul li .btn {
	padding: 15px 0 0 0;
}

#article .item4 ul {
	padding: 24px 0 0 0;
}

#article .item4 ul li {
	float: left;
	width: 148px;
}

#article .item4 ul li+li {
	/*padding:0 0 0 29px;*/
	margin: 0 0 0 29px;
}

#article .item4 ul li img,
#article .item4 ul li span {
	display: block;
}

#article .item4 ul li .img img {
	border: #dcdddf 1px solid;
	width: 145px;
	height: 174px;
}

#article .item4 ul li .txt {
	padding: 7px 0 0 0;
	font-size: 12px;
	line-height: 1.58;
}

#article .item4 ul li .btn {
	padding: 10px 0 0 0;
}

#article .feature {
	margin-top: 50px;
}

#article .feature h3 {
	padding: 2px 0 0 26px;
	height: 23px;
	background: url(/img/usr/freepage/itemimage/ico_check.gif) no-repeat 0 48%;
	color: #164885;
	font-weight: bold;
	font-size: 16px;
	border-bottom: none;
}

#article .feature ul {
	position: relative;
	margin: -3px 0 0 -23px;
}

#article .feature ul li {
	float: left;
	padding: 19px 0 0 22px;
	width: 245px;
}

#article .feature ul li a {
	display: block;
	padding: 0 0 0 17px;
	background: url(/img/usr/freepage/itemimage/feature_list_arw.gif) no-repeat;
}

#article .feature ul li a span {
	display: block;
	padding: 10px 10px 10px 17px;
	border: #dbdce0 1px solid;
	border-left: none;
}

#article .feature ul li img {
	display: block;
}

#article .merit {
	margin-top: 60px;
	padding: 8px 8px;
	background: url(/img/usr/freepage/itemimage/article_merit_bg.gif) no-repeat;
}

#article .merit li {
	float: left;
	font-size: 0;
	line-height: 1;
}

/* クーポンラジオボタン制御に仕様 */
.couponHide {
	display: none;
}

/* Youtube等埋め込み */
.movie-wrap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* トップ記事更新 */
.toparticle {
	clear: both;
	display: flex;
}

.articleleft {
	width: 760px;
}

.articleright {
	margin-left: 10px;
	margin-top: 10px;
}

.articleright img {
	margin-bottom: 10px;
}

.articleline1,
.articleline2,
.articleline3,
.articleline4 {
	display: flex;
	justify-content: space-between;
	padding-top: 10px;
}

body #cover .toparticle ul li {
	font-size: 90%;
	background: #fff;
	border: 1px solid #e6e6e6;
}

.toparticle ul a {
	text-decoration: none;
}

.toparticle ul li p {
	padding: 0 1em 1em;
	line-height: 1.2em;
}

.article_l {
	width: 371px;
}

.article_m {
	width: 245px;
}

.article_s {
	width: 181px;
}

.toparticle ul li img {
	width: 100%;
}

.toparticle ul li i {
	padding-left: 20px;
	background-size: 15px;
	margin: 0.8em 1em;
	display: block;
	font-size: 80%;
	font-style: normal;
	height: 15px;
	line-height: 15px;
}

.articletrial {
	display: flex;
	width: 210px;
	justify-content: space-between;
}

.icon_column {
	background: url(/img/usr/freepage/itemimage/icon_column.png) no-repeat left top;
}

.icon_column:before {
	content: "コラム";
}

.icon_recipe {
	background: url(/img/usr/freepage/itemimage/icon_recipe.png) no-repeat left top;
}

.icon_recipe:before {
	content: "レシピ";
}

.icon_newbook {
	background: url(/img/usr/freepage/itemimage/icon_newbook.png) no-repeat left top;
}

.icon_newbook:before {
	content: "新着記事";
}

.icon_feature {
	background: url(/img/usr/freepage/itemimage/icon_feature.png) no-repeat left top;
}

.icon_feature:before {
	content: "特集";
}

.icon_cp {
	background: url(/img/usr/freepage/itemimage/icon_cp.png) no-repeat left top;
}

.icon_cp:before {
	content: "キャンペーン";
}

.icon_info {
	background: url(/img/usr/freepage/itemimage/icon_info.png) no-repeat left top;
}

.icon_info:before {
	content: "インフォメーション";
}

.icon_reading {
	background: url(/img/usr/freepage/itemimage/icon_reading.png) no-repeat left top;
}

.icon_reading:before {
	content: "読みもの";
}

.icon_shopping {
	background: url(/img/usr/freepage/itemimage/icon_shopping.png) no-repeat left top;
}

.icon_shopping:before {
	content: "お買もの";
}

/* トップSNSボタン用 */
body.toppage #subcontent .bnr {
	font-size: 70%;
}

body.toppage #subcontent .bnr .topsns {
	float: left;
	margin: 0 6px 0 0;
}