@charset "utf-8";


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

.titlebar_list > .accordion {
	display: none;
}
#cate_wrap p, #cate_wrap h3 {
	margin: 0;
	padding: 0;
}
#cate_wrap .navi_top_title {
	display: none;
}

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

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

/*  a.a_tx2 テキスト（インライン）
------------------------*/

#cate_wrap a.a_tx2 {
	display: inline!important;
}
#cate_wrap a.a_tx2:active {
	opacity: 0.6!important;
}

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

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

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

#cate_wrap section {
	padding-top: 20px!important;
	margin-top: -20px!important;
	margin-bottom: 40px!important;
}

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

#cate_wrap h2.bar {
	margin-top: 0px!important;
	line-height: 1.4;
	font-size: 15px;
}
#cate_wrap h2.bar + p { /* h2.bar直下のpの余白調整 */
	margin-bottom: 20px!important;
	font-size: 12px;
}
#cate_wrap h2.bar.bar_smp_multiline { /* 複数行用 */
	line-height: 1.5!important;
	/* padding: 6px 4%!important;*/
}

/* プレゼント */
#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: -4px 8px -4px -20px;
	    display: inline-block;
}

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

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

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

#cate_wrap section ul {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	flex-wrap: wrap;
}
#cate_wrap section ul li a {
	display: block;
}


/*  カテゴリ上部 既存スタイル調整
------------------------*/

/* 最上部ナビ */
#cate_wrap #navi_top {
	display: none;
}
/* リード */
#cate_wrap .cate_lead.cate_lead_high { /* 下余白調整 */
	margin-bottom: 40px;
}
/* h3 */ 
#cate_wrap .cate_lead h3 {
	margin-bottom: 10px;
	font-size: 12px;
}

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

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

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

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

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

/*  1カラム
------------------------*/

#cate_wrap ul.column1 li {
	margin-top: 35px;
}
#cate_wrap ul.column1 li:first-child {
	margin-top: 0;
}

#cate_wrap ul.column1 h3 {
	font-size: 13px;
	margin-top: 10px;
}

#cate_wrap ul.column1 p {
	margin-top: 8px;
}

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

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

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

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


#cate_wrap section ul img + h3 {
	display: inline-block;
	margin-top: 8px;
	font-size: 12px;
	line-height: 1.5;
}
#cate_wrap section ul h3 + p {
	margin-top: 3px;
}
#cate_wrap section ul h3 + p.catch {
	margin-top: 3px;
	font-weight: normal;
	font-size: 11px;
	color: #333;
}


/*  カラム テキスト（p h3）
------------------------*/
#cate_wrap section ul img + p {
	margin-top: 3px;
	font-size: 12px;
}

#cate_wrap section ul p + h3 {
	display: inline-block;
	font-size: 12px;
	margin-top: 8px;
}

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

#cate_wrap section ul img + p.catch {
	margin-top: 8px;
	font-weight: normal;
	font-size: 11px;
	color: #333;
}
#cate_wrap section ul p.catch + h3 {
	display: inline-block;
	margin-top: 2px;
	font-size: 12px;
	line-height: 1.5;
}

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

#cate_wrap ul.column_pc2_smp1 li {
	margin-top: 20px;
}
#cate_wrap ul.column_pc2_smp1 li:first-child {
	margin-top: 0;
}
/* テキストサイズ調整 */
#cate_wrap section ul.column_pc2_smp1 img + p.catch {
	font-weight: bold;
	font-size: 12px;
}
#cate_wrap section ul.column_pc2_smp1 p.catch + h3 {
	font-size: 13px;
	margin-top: 4px;
}


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

}

/*  特長02 縦並び
------------------------*/
.feature02 li {
	margin-top: 30px;
}
.feature02 li:first-child {
	margin-top: 0;
}
.feature02 li h3 {
	font-size: 14px!important;
	margin: 0 0 10px!important;
}
.feature02 li h3.ico_pen {
	content: "";
	padding-left: 25px!important;
	background: transparent url(img/ico_pen.png) no-repeat left center;
	background-size: 18px 18px;
}
.feature02 li p {
	font-size: 12px;
	line-height: 1.6;
	margin-top: 10px!important;
}

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

.checklist {
	margin-bottom: 30px;
}
.checklist h3 {
	font-size: 12.5px;
}
.checklist ul{
	flex-flow: column nowrap;
	margin-top: 10px!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: 12px;
}
.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;
}

/*  その他
------------------------*/

/*サブカテ非表示*/
.titlebar_list > .accordion {
	display: none;
}


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

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

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

.pc_only {
	display: none!important;
}