@charset "utf-8";


/* =====================
　　共通、既存カスタマイズ
===================== */

.diary p, .diary h3 {
	margin: 0;
	padding: 0;
}

/*  a
------------------------*/

#cate_wrap a {
	color: #333;
}
#cate_wrap a:hover {
	color: #333;
	text-decoration: none;
}
#cate_wrap a:hover p {
	opacity: 1;
}

/*  a.a_tx2（ホバーでアンダーライン）
------------------------*/

#cate_wrap a.a_tx2 {
	display: inline-block!important;
}
#cate_wrap a.a_tx2:hover {
	text-decoration: underline!important;
}


/*  img
------------------------*/

#cate_wrap img {
	width: 100%;
	transition: 0.2s;
	backface-visibility: hidden;
	display: block;
}
#cate_wrap a:hover img {
	opacity: 0.6;
}

/*  section
------------------------*/

#cate_wrap section {
	padding-top: 20px;
	margin-top: -20px;
	margin-bottom: 70px;
}

/*  h2.bar 見出し
------------------------*/

#cate_wrap h2.bar {
	margin-top: 0px!important;
}
#cate_wrap h2.bar + p { /* h2.bar直下のpの余白調整 */
	margin-bottom: 25px!important;
	font-size: 13px;
}
/* プレゼントアイコン */
#cate_wrap h2 .ico_present {
	background-image: url(img/ico_present.png);
	    background-repeat: no-repeat;
	    background-size: 16px 21px;
	    width: 16px;
	    height: 21px;
			margin: -5px 10px -4px -30px;
	    display: inline-block;
}


/*  section h3 span
------------------------*/

#cate_wrap.diary_top section a:hover h3 span { /* h3マウスオーバーで色下線*/
	background: linear-gradient(transparent 70%, #fff474 30%);
}

/*  ul
------------------------*/

#cate_wrap ul {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	flex-wrap: wrap;
}

/*  カテゴリ上部調整
------------------------*/

/* 最上部ナビ */
#cate_wrap #navi_top .navi_top_link a:hover { /* diary.cssで全体にかけたa:hover下線消しを他カテゴリに合わせて打ち消し */
	text-decoration: underline;
}
/* リード */
#cate_wrap .cate_lead.cate_lead_high { /* 下余白調整 */
	margin-bottom: 60px;
}
/* h3 */
#cate_wrap .cate_lead h3 {
	margin-bottom: 10px;
}

/*  1カラムバナー
------------------------*/

#cate_wrap ul.bnr li { /* 既存マージン調整 */
	margin: 30px 0 0;
}
#cate_wrap ul.bnr li:last-child {
	margin: 0;
}

/*  1カラムバナー + テキスト
------------------------*/

#cate_wrap ul.bnr li h3 {
	font-size: 15px;
	font-weight: bold;
	margin-top: 20px;
}
#cate_wrap ul.bnr li p {
	padding-top: 0;
	margin-top: 15px;
	font-size: 12.5px;
	line-height: 1.6;
}

/* TOP調整用 */
#cate_wrap.diary_top ul.bnr li h3 {
	font-size: 14.5px;
	margin-top: 12px;
}
#cate_wrap.diary_top ul.bnr li p {
	margin-top: 5px;
}


/*  1カラム（左画像・右テキスト）
------------------------*/

#cate_wrap ul.column1 li {
	margin-top: 30px;
}
#cate_wrap ul.column1 li:first-child {
	margin-top: 0;
}
#cate_wrap ul.column1 li img, #cate_wrap ul.column1 li a img {
	width: 325px;
	margin-right: 20px;
	float: left;
}
#cate_wrap ul.column1 li img + div, #cate_wrap ul.column1 li a + div {
	width: 325px;
	float: right;
}
#cate_wrap ul.column1 h3 {
	font-size: 14px;
	line-height: 1.7;
}
#cate_wrap ul.column1 p {
	margin-top: 15px;
	line-height: 1.6;
}


/*  2カラム
------------------------*/

#cate_wrap ul.column2 li{
	width: 325px;
	margin: 30px 20px 0 0;
}
#cate_wrap ul.column2 li:nth-child(2n) {
	margin-right: 0;
}
#cate_wrap ul.column2 li:nth-child(-n+2) { /* 最上段のカラムのみ上マージン外す */
	margin-top: 0;
}


/*  リスト横幅強制100%
------------------------*/
#cate_wrap ul li.width100 {
	width: 100%!important;
	margin-right: 0!important;
}


/*  カラム テキスト（p.catch h3）
------------------------*/

#cate_wrap section ul img + p.catch {
	margin-top: 8px;
	font-size: 12.5px;
	font-weight: bold;
}
#cate_wrap section ul p.catch + h3 {
	margin-top: 5px;
	font-size: 15px;
}

/*  カラム テキスト（h3 p）
------------------------*/

#cate_wrap section ul img + h3 {
	display: inline-block;
	font-size: 14.5px;
	margin-top: 10px;
}
#cate_wrap section ul h3 + p {
	margin-top: 5px;
	font-size: 12.5px;
}


/*  PC：2カラム、スマホ：1カラム
------------------------*/

#cate_wrap ul.column_pc2_smp1  li {
	width: 325px;
	margin: 30px 20px 0 0;
}
#cate_wrap ul.column_pc2_smp1 li:nth-child(2n) {
	margin-right: 0;
}
#cate_wrap ul.column_pc2_smp1 li:nth-child(-n+2) { /* 最上段のカラムのみ上マージン外す */
	margin-top: 0;
}


/*  特長01 横並び
------------------------*/
.feature01 {

}

/*  特長02 縦並び
------------------------*/
.feature02 li {
	overflow: hidden;
	margin-top: 40px;
}
.feature02 li:first-child {
	margin-top: 0;
}
.feature02 li:after {
	clear: both;
}
.feature02 li .feature02_right {
	float: right;
	width: 335px;
	margin-left:20px;
}
.feature02 li h3 {
	width: 310px!important;
	font-size: 15px!important;
	margin: 0 0 15px!important;
}
.feature02 li h3.ico_pen {
	content: "";
	padding-left: 25px;
	background: transparent url(img/ico_pen.png) no-repeat;
	background-size: 18px 18px;
}
.feature02 li img {
	float: left;
	width: 315px!important;
}
.feature02 li p {
	font-size: 12.5px;
	line-height: 1.6
}


/*  チェックリスト（こんな人におすすめ）
------------------------*/

.checklist {
	margin-bottom: 50px;
}
.checklist h3 {
	font-size: 14px;
}
.checklist ul{
	flex-flow: column nowrap;
	margin-top: 13px!important;
}
.checklist li {  /* チェックマークアイコン付きテキスト */
	display: inline-block;
	content: "";
	padding-left: 20px;
	background: transparent url(img/ico_check_gray.png) no-repeat;
	margin: .6em 0 0 2px;
	background-size: 13px 10px;
	background-position: left top 4px;
	font-size: 12.5px;
}
.checklist li:first-child {
	margin-top: 0;
}


/*  NEW 色
------------------------*/
#cate_wrap .color_new {
	color: #f4510c;
}

/*  画像に枠線
------------------------*/
#cate_wrap img.img_border {
	border: 1px solid #eee;
	box-sizing: border-box;
}


/* =====================
　　ダイアリーTOP
===================== */

/* 通常のh2部分をh1に */
#cate_wrap.diary_top .cate_lead h1 {
  font-size: 120%;
  padding: 0 0 10px 0;
}
/* リード調整 */
#cate_wrap.diary_top .cate_lead a:hover {
	text-decoration: underline;
}


/* =====================
　　その他
===================== */

.smp_only {
	display: none!important;
}