@charset "utf-8";

	
	
/*****　カテゴリー　ブランド紹介　*****/

#dct_content {
	font-size: 15px;
	margin-bottom: 40px;
	}
#dct_content section {
	padding: 0 0 20px;
	}
/*.category-title + #dct_content {
	margin-top: -20px;
	}
*/
.cat-brand-title {
	background-color: #ddd;
	border-bottom: solid 2px #aaa;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 100%;
	}
.cat-brand-logo {
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
	width: 100%;
	}
.cat-brand-title,
.cat-brand-logo {
	height: 220px;
	}
.cat-brand-summary {
	background-color: #eee;
	padding: 20px;
	}
.cat-brand-summary p {font-size: 16px;}
.cat-brand-summary p.brand-catch {
    font-size: 19px;
    font-weight: bold;
    }
.cat-brand-summary + .btn-normal,
.cat-brand-summary p + .btn-normal {margin: 40px auto 20px;}

.cat-brand-summary p.brand-catch.kum{color: #c9010d;}


/*　メニュー　*/

.cat-menu {
	/*margin-bottom: 20px;*/
	}
.cat-menu h3 {
	background-color: #aaa;
	text-align: center;
	color: #fff;
	font-size: 19px;
	line-height: 100%;
	padding: 7px 0;
	margin: 0 0; 
	}
.cat-menu p {
	padding: 0 20px;
	}
.cat-grid2,
.cat-grid3,
.cat-grid4,
.cat-grid4-ex {
	float: left;
	text-align: center;
	padding-bottom: 20px;
	margin-right: 2.5%;
	margin-bottom: 20px;
	}
	
.cat-grid2 {width: 48.75%;}

.cat-grid3,
.cat-menu-nest3 .nest-1 {width: 31.666%;}

.cat-grid4,
.cat-menu-nest4 .nest-1 {width: 23.125%;}

.cat-grid a,
.cat-grid a:hover {
    color: #525263;
	text-decoration: none;
	outline: none;
	}

.cat-menu-photo {margin-bottom: 20px;}

.cat-menu-logo {
	/*width: 90%;*/
	height: 30px;
	margin-bottom: 5px;
	}
.cat-menu p {
	text-align: left;
	}
p.cat-menu-jp {
	text-align: center;
	font-size: 14px;
	margin-bottom: 0;
	}
p.cat-menu-catch {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 0;
	margin-bottom: 5px;
	}

.cat-menu-nest3 .nest-1,
.cat-menu-nest4 .nest-1 {float: left;}

.cat-menu-nest3 .nest-1 .cat-grid3,
.cat-menu-nest4 .nest-1 .cat-grid4 {width: 100%;}

.cat-menu-nest3 .nest-2,
.cat-menu-nest3 .nest-3,
.cat-menu-nest4 .nest-3 {float: right;}

.cat-menu-nest3 .nest-2,
.cat-menu-nest3 .nest-3 {width: 65.834%;}
.cat-menu-nest4 .nest-3 {width: 74.375%;}

.cat-menu-nest3 .nest-2 .cat-grid3 {
	width: 48.098%;
	margin-right: 3.804%;
	}
.cat-menu-nest3 .nest-3 .cat-grid4-ex,
.cat-menu-nest4 .nest-3 .cat-grid4,
.cat-menu-nest4 .nest-3 .cat-grid4-ex {
	width: 31.09%;
	margin-right: 3.365%;
	}

.cat-grid2:nth-child(even),
.cat-grid3:nth-child(3n),
.cat-grid4:nth-child(4n),
.cat-menu-nest3 .nest-2 .cat-grid3:nth-child(2n),
.cat-menu-nest4 .nest-3 .cat-grid4:nth-child(3n),
.cat-menu-nest3 .nest-3 .cat-grid4-ex:nth-child(3n),
.cat-menu-nest4 .nest-3 .cat-grid4-ex:nth-child(3n) {
	margin-right: 0;
	}
	
/*　ダ・ヴィンチ　*/
section.cat-color-davinci { border-bottom: solid 1px #3c0200;}
.cat-color-davinci .cat-brand-title { background-color: #e3dbd5; border-color: #3c0200; background-image: url(../img/category/davinci/title_bg.png);}
.cat-color-davinci .cat-brand-summary { background-color: #f7f5f1; color: #3c0200;}
.cat-color-davinci .cat-menu h3 { background-color: #3c0200; color:#e3dbd5;}
.cat-color-davinci .cat-grid3,
.cat-color-davinci .cat-grid4 { background-color: #e3dbd5;}

/*　キーワード　*/
section.cat-color-keyword { border-bottom: solid 1px #333399;}
.cat-color-keyword .cat-brand-title { background-color: #e5e5e7; border-color: #333399; background-image: url(../img/category/keyword/title_bg.png);}
.cat-color-keyword .cat-brand-summary { background-color: #f4f4f4;}
.cat-color-keyword .cat-menu h3 { background-color: #333399; color:#e5e5e7;}
.cat-color-keyword .cat-grid3,
.cat-color-keyword .cat-grid4 { background-color: #f3f3f3;}

/*　ラセ　*/
section.cat-color-lacee { border-bottom: solid 1px #ff0066;}
.cat-color-lacee .cat-brand-title { background-color: #f3ded7; border-color: #ff0066; background-image: url(../img/category/lacee/title_bg.png);}
.cat-color-lacee .cat-brand-summary { background-color: #fdf6f3; color: #ff6689;}
.cat-color-lacee .cat-menu h3 { background-color: #ff6689; color:#fdf6f3;}
.cat-color-lacee .cat-grid3 { background-color: #f3ded7;}

/*　グロワール　*/
section.cat-color-gloire { border-bottom: solid 1px #8c8c8c;}
.cat-color-gloire .cat-brand-title { background-color: #eeeeed; border-color: #8c8c8c; background-image: url(../img/category/gloire/title_bg.png);}
.cat-color-gloire .cat-brand-summary { background-color: #f9f9f9;}
.cat-color-gloire .cat-menu h3 { background-color: #8c8c8c; color:#f9f9f9;}
.cat-color-gloire .cat-grid3 { background-color: #eeeeed;}

/*　ツァイトベクター　*/
section.cat-color-zeitvektor { border-bottom: solid 1px #000;}
.cat-color-zeitvektor .cat-brand-title { background-color: #cbcbce; border-color: #000; background-image: url(../img/category/zeitvektor/title_bg.png);}
.cat-color-zeitvektor .cat-brand-summary { background-color: #f9f9f9;}
.cat-color-zeitvektor .cat-menu h3 { background-color: #000; color:#f9f9f9;}
.cat-color-zeitvektor .cat-grid2,
.cat-color-zeitvektor .cat-grid3 { background-color: #cbcbce;}

/*　ブルームズベリー　*/
section.cat-color-bloomsbury { border-bottom: solid 1px #872c2b;}
.cat-color-bloomsbury .cat-brand-title { background-color: #e6dacb; border-color: #872c2b; background-image: url(../img/category/bloomsbury/title_bg.png);}
.cat-color-bloomsbury .cat-brand-summary { background-color: #f7f5f1; color: #872c2b;}
.cat-color-bloomsbury .cat-menu h3 { background-color: #872c2b; color:#e6dacb;}

/*　スポルディング　*/
section.cat-color-spalding { border-bottom: solid 1px #897554;}
.cat-color-spalding .cat-brand-title { background-color: #e9e7d4; border-color: #897554; background-image: url(../img/category/spalding/title_bg.png);}
.cat-color-spalding .cat-brand-summary { background-color: #fefcef; color: #897554;}
.cat-color-spalding .cat-menu h3 { background-color: #897554; color:#fefcef;}
.cat-color-spalding .cat-grid3,
.cat-color-spalding .cat-grid4 { background-color: #e9e7d4;}

/*　kum　*/
section.cat-color-kum { border-bottom: solid 1px #c9000c;}
.cat-color-kum .cat-brand-summary { background-color: #fbdddf;}
.cat-color-kum .cat-menu h3 { background-color: #c9000c; color:#fff;}
.cat-color-kum .cat-grid3 { background-color: #ffede5;}

/*　先生オススメ　*/
section.cat-color-teacher { border-bottom: solid 1px #006934;}
.cat-color-teacher .cat-brand-summary { background-color: #fcfae6; color:#056836;}
/*.cat-color-teacher .cat-menu h3 { background-color: #c9000c; color:#fff;}
.cat-color-teacher .cat-grid3 { background-color: #ffede5;}*/


/*　自然学習館　*/
section.cat-color-nature { border-bottom: solid 1px #75b73a;}
.cat-color-nature .cat-brand-summary { background-color: #fefcef; color: #499731;}
.cat-color-nature .cat-menu h3 { background-color: #75b73a; color:#fff;}
.cat-color-nature .cat-grid4 { background-color: #eef7d8;}

/*　decona　*/
section.cat-color-decona { border-bottom: solid 1px #d391c1;}
.cat-color-decona .cat-brand-summary { background-color: #f3f3ff;}
/*.cat-color-decona .cat-menu h3 { background-color: #8c8c8c; color:#f9f9f9;}
.cat-color-decona .cat-grid3 { background-color: #eeeeed;}*/

/*　イベント　つど変更　*/
section.cat-color-event { border-bottom: solid 1px #f898c8!important;}

section.cat-color-other { border-bottom: solid 1px #8c8c8c;}

/*****　カテゴリー　サブ　*****/

.cat-sub-title {
	margin-bottom: 20px;
	}
.cat-sub-header {
	margin-top: 20px;
	}

.cat-sub .cat-grid2,
.cat-sub .cat-grid3,
.cat-sub .cat-grid4 {
	margin-bottom: 0px;
	}
    

/************************/
/*****　全ラインナップ　*****/
/***********************/

#global-category ul {
	background-color : rgba(255,255,255,0);
	width: 100%;
	margin: 0;
	}
#global-category li {
	display: block;
	float: left;
    text-align: left;
	width: 24.25%;
	background-color:#F7F8Fa;
	margin-bottom: 10px;
	margin-right: 1.0%;
    outline: solid 1px rgba(0,0,0,0.03);
    outline-offset: -1px;
	
	/*-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;*/
	}
#global-category li:nth-child(4n) {margin-right: 0;}

#global-category li a {
	height: 50px;
	line-height: 50px;
    display: block;

	/*color: #525263;*/
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size: 38px;
	padding-left: 58px;
	}

.cat-all a {background-image: url(../img/common/cat_all.png);}
.cat-new a {background-image: url(../img/common/cat_new.png);}
.cat-systembinder a {background-image: url(../img/common/cat_systembinder.png);}
.cat-refill a {background-image: url(../img/common/cat_refill.png);}
.cat-gloire a {background-image: url(../img/common/cat_gloire.png);}
.cat-systemnote a {background-image: url(../img/common/cat_systemnote.png);}
.cat-binder a {background-image: url(../img/common/cat_binder.png);}
.cat-reportpad a {background-image: url(../img/common/cat_reportpad.png);}
.cat-clipfile a {background-image: url(../img/common/cat_clipfile.png);}
.cat-notepad a {background-image: url(../img/common/cat_notepad.png);}
.cat-memopad a {background-image: url(../img/common/cat_memopad.png);}
.cat-bookcover a {background-image: url(../img/common/cat_bookcover.png);}
.cat-namecard a {background-image: url(../img/common/cat_namecard.png);}
.cat-pass a {background-image: url(../img/common/cat_pass.png);}
.cat-coin a {background-image: url(../img/common/cat_coin.png);}
.cat-cardholder a {background-image: url(../img/common/cat_cardholder.png);}
.cat-idholder a {background-image: url(../img/common/cat-idholder.png);}
.cat-pencase a {background-image: url(../img/common/cat_pencase.png);}
.cat-strap a {background-image: url(../img/common/cat_strap.png);}
.cat-keyholder a {background-image: url(../img/common/cat_keyholder.png);}
.cat-keychain a {background-image: url(../img/common/cat_keychain.png);}
.cat-pen a {background-image: url(../img/common/cat_pen.png);}

.cat_bookstand a {background-image: url(../img/common/cat_bookstand.png);}
.cat_loupe a {background-image: url(../img/common/cat_loupe.png);}
.cat_blackboard a {background-image: url(../img/common/cat_blackboard.png);}
.cat_whiteboard a {background-image: url(../img/common/cat_whiteboard.png);}
.cat_corkboard a {background-image: url(../img/common/cat_corkboard.png);}
.cat_easel a {background-image: url(../img/common/cat_easel.png);}
.cat_marker a {background-image: url(../img/common/cat_marker.png);}
.cat_boardaccessories a {background-image: url(../img/common/cat_boardaccessories.png);}
.cat_scissors a {background-image: url(../img/common/cat_scissors.png);}
.cat_ruler a {background-image: url(../img/common/cat_ruler.png);}
.cat_compass a {background-image: url(../img/common/cat_compass.png);}

.cat-pencil a {background-image: url(../img/common/cat_pencil.png);}
.cat_sheet a {background-image: url(../img/common/cat_sheet.png);}
.cat_schoolfile a {background-image: url(../img/common/cat_schoolfile.png);}
.cat_handcraft a {background-image: url(../img/common/cat_handcraft.png);}
.cat_buzzer a {background-image: url(../img/common/cat_buzzer.png);}
.cat_flashcard a {background-image: url(../img/common/cat_flashcard.png);}
.cat-globe a {background-image: url(../img/common/cat_globe.png);}
.cat-astro a {background-image: url(../img/common/cat_astro.png);}
.cat-microscope a {background-image: url(../img/common/cat_microscope.png);}
.cat-binocular a {background-image: url(../img/common/cat_binocular.png);}
.cat-bookbinding a {background-image: url(../img/common/cat_bookbinding.png);}

.item_yearproducts a {background-image: url(../img/common/item_yearproducts.png);}
.cat-diary a {background-image: url(../img/common/cat_diary.png);}
.cat_award a {background-image: url(../img/common/cat_award.png);}
.cat_lefthanded a {background-image: url(../img/common/cat_lefthanded.png);}

.lineup-all h3 span {
    font-size: 16px;
	padding-left: 15px;
	}
.lineup-all li {font-size: 14px!important;}


/*************************/
/*****　アイテムメニュー　*****/
/*************************/

.item-menu {
    border: none;
    padding: 0!important;
    }
    
.item-menu a,
.item-menu h3,
.item-menu p {color: #333;}

/*　サマリー標準 */

.item-menu.standard .summary {
    display: block;
    width: 100%;
    padding: 25px 2.5% 0!important;
    /*border: solid 1px #333;*/
    }
.item-menu.standard .summary .text-area {
    height: 260px;
    display: table-cell;
    vertical-align: middle;
    padding: 0!important;
    /*border: solid 1px #f33;*/
    }
.item-menu.standard .summary h3 {
    line-height: 100%;
    padding: 0;
    margin: 0 0 10px;;
    }
.item-menu.standard .summary h3 img {height: 30px;}
.item-menu.standard .summary .menu-jp {
    text-align: left;
    letter-spacing: 1px;
    }

/*　サマリー・タイトル画像あり */

.item-menu .summary {padding: 25px 2.5% 0!important; /*border: solid 1px*/}
.item-menu .summary.no-menu {padding: 25px 2.5%!important; /*border: solid 1px*/}
.item-menu .summary h3{
    font-size: 20px;
    line-height: 140%;
    padding: 0;
    margin: 0 0 15px;
    }

/*　メニューグリッド　*/

.item-menu .menu-area {padding: 25px 2.5%!important; /*border: solid 1px*/}
.brand-grid  {margin: -28px 0 0;}
.brand-grid .grid-2,
.brand-grid .grid-3,
.brand-grid .grid-4 {
    outline: 1px solid rgba(0,0,0,0.08); 
    outline-offset: -1px;
    background-color: #fff;
    margin-top: 28px;
    margin-bottom: 0;
    }
.brand-grid.no-outline div {outline: none;}
.brand-grid.no-bgcolor div {background-color: initial;}

.decona .brand-grid .grid-2 {outline: 1px solid #f1d4eb; }

/*　テキストあり　*/

.item-menu .text-area {padding: 20px;}
.item-menu img.menu-logo {
    display: block;
    height: 25px;
    margin: 0 auto 10px;
    }
.item-menu .menu-jp {
    font-size: 12px;
    text-align: center;
    line-height: 100%;
    color: rgba(0,0,0,0.6);
    margin: 0 0 10px;
    }

/*　カラー　*/

.item-menu.systembinder,
.item-menu.refill,
.item-menu.diary {background-color: #f2f0ed;}
.item-menu.keyword,
.item-menu.gloire {background-color: #f3f3f3;}
.item-menu.lacee {background-color: #fef6f3;}
.item-menu.decona {background-color: #f3f3ff;}
.item-menu.nature {background-color: #fffcf0;}

/*　背景イメージ　*/
.item-menu.standard,
.item-menu.bg-img,
.item-menu .summary.bg-img {
    background-size:100%;
    background-repeat: no-repeat;
    background-position: top;
    }
.item-menu.systembinder.standard {background-image: url("../img/lineup/systembinder/title_bg.png")}
.item-menu.refill.standard {background-image: url("../img/lineup/refill/title_bg.png")}


/*　nofes　*/
.item-menu.nofes.bg-img {
    /*background-image: url("../img/category/nofes/title2021s_pc_bg.jpg");*/
    background-color: #fffcee;
    }
.item-menu.nofes .summary h3,
.item-menu.nofes .summary p {color: #333;}
.item-menu.nofes .brand-grid .grid-2 {background-color: #fff;}

/*　tinyst　*/
.item-menu.tinyst {background-color: #f7f7f7;}

.item-menu .summary.bg-img h3,
.item-menu .summary.bg-img p { color: #fff;}



/************************/
/*****　詳細検索　*****/
/***********************/

.searchBox-wrapper {
        margin-top:1em;
        display:block;
}

.searchBox {
        margin-top:1em;
	border: solid 1px #ccc !important;
        background-color: #fff;
	
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
	}

.searchBox .panel-heading {
        height: 50px;
        border-bottom:none;
		padding: 10px;
}

.searchBox .panel-body {
        border-top:dotted 1px #ccc !important;
}

.searchBox .panel {
        -webkit-box-shadow:none;
        box-shadow:none;
}

.btn-searchBox-toggle {
	margin-top: 1em;
        color: #fff !important;
}

.btn-searchIn {
        width: 160px !important;
	height: 30px;
	line-height: 14px;
	font-size: 14px;
        float: left !important;
}

.btn-searchBox {
        margin-top: 0 !important;
        background-color: rgba(0,113,195,0.6) !important;
        width: 120px !important;
	height: 30px;
	line-height: 14px;
	font-size: 14px;
	padding-left: 30px;
        float: right;
        display:none;
}

.btn-searchBox.icon-loupe {
	background-image: url(../img/common/nav_icon_search.png) ;
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 10px center;
	}
.btn-searchBox:hover {
	background-color: rgba(0,113,195,0.8) !important;
	}

.searchBox label {
        margin-right: 0.2em !important;
        font-size: 13px;
		line-height: 20px;
        font-weight: bold;
        vertical-align: middle;
}

.searchBox .form-group {
        margin-right: 0.3em !important;
        margin-bottom: 0.5em !important;
}

.searchBox select {
        margin-top: 3px !important;
        height: 30px !important;
        padding:2px 5px;
}

.searchBox :disabled {
        -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
        border: solid 1px #ccc;
        background-color: rgba(0,113,195,0.1);
        /*border: none;*/
        /*background-color: #fff;*/
}



/*********************/
/*****　ランキング　*****/
/********************/

.item-menu.ranking P {color: rgba(255,255,255,0.8);}
.item-menu.ranking .summary P {
    text-align: center;
    font-size: 18px;
    }

.item-menu.ranking .text-area {position: relative; }
.item-menu.ranking .text-area img.flag {
    position: absolute;
    top: -28px;
    width: 38px;
    }
.item-menu.ranking .text-area.top3 img.flag {
    top: -10px;
    width: 46px;
    }
.item-menu.ranking  p.rank-name {
    color: #fef93f;
    line-height: 140%;
    }
.item-menu.ranking .top3 p.rank-name {margin-left: 60px; }

/*　カラー　*/

.item-menu.ranking {background-color: #af0000;}
.ranking .grid-3,
.ranking .grid-4 {background-color: #780000;}

/*　混合グリッド　*/
.ranking .grid-4 {margin-right: 2.5%!important}
.ranking .grid-4:nth-child(7),
.ranking .grid-4:nth-child(11) {margin-right: 0!important;}

/*　システム手帳入り口　*/

.grid-4.enter-systembinder {
    background-image: url("../img/ranking/enter_bg.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    position: relative;
    }
.grid-4.enter-systembinder .text-area {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;bottom: 0;
    margin: auto;
    height: 50%;
    padding-top:0; 
    padding-bottom:0; 
    /*border: solid 1px #fff;*/
    }
.grid-4.enter-systembinder img.enter-title {
    display:block;
    width: 60%;
    margin: 0 0 15px;
    }
.grid-4.enter-systembinder img.arrow {
    display:block;
    width: 40px;
    padding: 6px 5px 6px 7px;
    border: solid 1px rgba(255,255,255,0.7);
    border-radius: 50%;
    }


/*******************/
/*****　日付商品　*****/
/*******************/

/*****　トップページ　*****/

.date-title-area {
    position: relative;
    margin-bottom: 25px;
    }
img.date-title {
    display: block;
    width: 420px;
    position: absolute;
    top: 40px;
    /*left: 40px;*/
    right: 40px;
    padding: 20px;
    background-color: rgba(255,255,255,0.0);
    }

.text-area img.tag-year {
    display: block;
    height: 30px;
    margin-bottom: 15px;
    }
    
.item-menu.systembinder.standard.date,
.item-menu.diary.standard.date  {background-image: none;}

.brand-grid.refill-bgcolor div {background-color: #e2d8ca;}

.refill-size,
.brand-menu {
    background-position: top left;
    background-size: 100%;
    background-color: #f2f0ed;
    }
.refill-size ul,
.brand-menu ul {
    width: 95%;
    padding: 0 0 30px;
    margin: 0 auto;
    }
.refill-size li,
.brand-menu li {
    display: block;
    float: left;
    width: 31.666%;
    padding: 0;
    margin: 0 2.5% 0 0;
    }
.refill-size li:nth-child(3n),
.brand-menu li:nth-child(3n){margin-right: 0;}

.refill-size.menu2 li,
.brand-menu.menu2 li {width: 48.75%;}
.refill-size.menu2 li:nth-child(odd),
.brand-menu.menu2 li:nth-child(odd){margin-right: 2.5%;}
.refill-size.menu2 li:nth-child(even),
.brand-menu.menu2 li:nth-child(even){margin-right: 0;}

.refill-size.menu4 li,
.brand-menu.menu4 li {width: 23.125%;}
.refill-size.menu4 li:nth-child(3n),
.brand-menu.menu4 li:nth-child(3n){margin-right: 2.5%;}
.refill-size.menu4 li:nth-child(4n),
.brand-menu.menu4 li:nth-child(4n){margin-right: 0;}

.refill-size li a,
.brand-menu li a{
    display: block;
    background-color:#e2d8ca;
    background-image: url("../img/common/arrow_black.png");
    background-repeat: no-repeat;
    background-position: center right 5px;
    background-size: 30px;
    text-align: center;
    padding: 15px 0;
    }
.refill-size li img {height: 20px;}
.refill-size li.active a {background-color: #fae79d;}

.brand-menu li a{
    background-position: bottom 7px right 5px;
    padding: 0 0 15px;
    }
.brand-menu li img.item-thumb{height: auto!important;}
.brand-menu li img.item-thumb-name {
    height:18px;
    display: block;
    margin: 15px auto 0;
    }

.refill-size.date.davinci {background-image: url("../img/category/date/refill/davinci_size_bg.png")}
.refill-size.date.keyword {background-image: url("../img/category/date/refill/keyword_size_bg.png")}

/*.brand-menu.date.keyword {background-image: url("../img/category/date/systembinder/keyword_menu_bg.jpg")}*/

.refill-size.date.noterefill {background-image: url("../img/category/date/diary/noterefill_size_bg.jpg")}
/*.refill-size.date.gloire {background-image: url("../img/category/date/diary/gloire_size_bg.jpg")}
.refill-size.date.namecard {background-image: url("../img/category/date/diary/namecard_size_bg.jpg")}
.refill-size.date.nofes {background-image: url("../img/category/date/diary/nofes_size_bg.jpg")}*/


/*****************/
/*****　Kept　*****/
/*****************/

.item-menu.kept {
    background-image: url("../img/category/kept/page_bg.jpg");
    background-size: 100%;
    background-position: top center;
    }

.kept-title img {display: block;}
.kept-title .grid-2 {
    width: 50%;
    margin: 0;
    }
.kept-title img.photo {
    width: 90%;
    margin: 30px auto 0;
    }
.kept-title img.logo {
    width: 60%;
    margin: 36% 0 40px;
    }
.kept-title img.catch {
    width: 70%;
    margin: 0 0 15px;
    }
.kept-title p.text {
    font-size: 14px;
    color: #555;
    font-weight: bold;
    line-height: 180%;
    letter-spacing: 1px;
    margin-bottom: 0;
    }

.kept-title img.go-insta {
    width: 150px;
    background-color: rgba(255,255,255,0.6);
    border-radius: 20px;
    padding: 6px 15px 5px;
    margin: 20px 0 0
    }
.item-menu.kept .menu-area {padding-top: 0px!important;}


.kept-menu {
    background-color: #fff;
    border: none;
    padding: 40px;
    }
.kept-menu + .kept-menu {margin-top: 30px;}
.kept-menu h2{
    display: block!important;
    margin: 0 0 20px;
    }
.kept-menu h2 img {
    height: 24px;
    display: block;
    }
.kept-menu ul.spot-img,
.kept-menu ul.regular-img {
    list-style: none;
    padding: 0;
    margin: 0;
    }
.kept-menu ul.spot-img li {
    display: block;
    float: left;
    width: 19.2%;
    margin: 0 1% 0 0;
    }
.kept-menu ul.regular-img li {
    display: block;
    float: left;
    width: 49.5%;
    margin: 0 1% 0 0;
    }
.kept-menu ul.spot-img li:nth-child(5n),
.kept-menu ul.regular-img li:nth-child(even) {margin-right: 0;}
.kept-menu ul.spot-img li img,
.kept-menu ul.regular-img li img {
    display: block;
    width: 100%;
    margin: auto;
    }



/***********************************************************************************/

@media only screen and (max-width: 1118px) {


/*************************/
/*****　アイテムメニュー　*****/
/*************************/

/*　サマリー標準 */

.item-menu.standard .summary .text-area {height: 230px;}
.item-menu.standard .summary h3 img {height: 28px;}


/*********************/
/*****　ランキング　*****/
/********************/

.item-menu.ranking .text-area img.flag {
    top: -24px;
    width: 34px;
    }
.item-menu.ranking .text-area.top3 img.flag {
    top: -7px;
    width: 40px;
    }
.item-menu.ranking .top3 p.rank-name {margin-left: 54px; }


/*******************/
/*****　日付商品　*****/
/*******************/

/*****　トップページ　*****/

img.date-title {
    width: 45%;
    top: 8%;
    right 4%;
    padding: 10px;
    }






}


/***********************************************************************************/

@media only screen and (max-width: 980px) {


.cat-menu-logo {
	width: 90%;
	height: auto;
	}
}



/***********************************************************************************/

@media only screen and (max-width: 768px) {


/*****　カテゴリー　ブランド紹介　*****/

.category-title + #dct_content {
	margin-top: -11px;
	}
.cat-brand-title,
.cat-brand-logo {height: 170px;}
.cat-brand-logo img {height: 60px;}
.cat-menu h3 {font-size: 18px;}

.cat-brand-summary p.brand-catch {font-size: 18px;}

.cat-menu-logo {width: 100%;}

.cat-menu-catch {
	font-size: 15px;
	}
.cat-grid2,
.cat-grid3,
.cat-grid4,
.cat-grid4-ex {
	padding-bottom: 10px;
	}
.cat-menu h3 {
	font-size: 17px;
	}
.cat-menu p {
	padding-left: 10px;
	padding-right: 10px;
	}


/************************/
/*****　全ラインナップ　*****/
/***********************/

#global-category li {
	width: 32.333%;
	margin-right: 1.5%!important;
	}
#global-category li:nth-child(3n) {margin-right: 0!important;}

#global-category li a {
	background-size: 36px;
	padding-left: 55px;
	}


/*************************/
/*****　アイテムメニュー　*****/
/*************************/

/*　サマリー標準 */

.item-menu.standard .summary .text-area {height: 220px;}
.item-menu.standard .summary h3 img {height: 25px;}

/*　サマリー・タイトル画像あり */

.item-menu .summary {padding: 20px 2.5% 0!important;}
.item-menu .summary h3{
    font-size: 19px;
    margin: 0 0 10px;
    }

/*　メニューグリッド　*/

.item-menu .menu-area {padding: 20px 2.5%!important;}
.brand-grid  {margin: -20px 0 0;}
.brand-grid .grid-2,
.brand-grid .grid-3,
.brand-grid .grid-4 {margin-top: 20px; }

/*　テキストあり　*/

.item-menu .text-area {padding: 15px 10px;}
.item-menu img.menu-logo {height: 20px;}


/*********************/
/*****　ランキング　*****/
/********************/

.item-menu.ranking .summary P {font-size: 17px;}

.item-menu.ranking .text-area img.flag {
    top: -24px;
    width: 30px;
    }
.item-menu.ranking .text-area.top3 img.flag {
    top: -5px;
    width: 36px;
    }
.item-menu.ranking .top3 p.rank-name {margin-left: 45px; }


/************************/
/*****　詳細検索　*****/
/***********************/

.btn-searchBox {
	height: 30px !important;
	line-height: 14px !important;
	font-size: 14px !important;
}


/*******************/
/*****　日付商品　*****/
/*******************/

/*****　トップページ　*****/

img.date-title {
    width: 53%;
    top: 5%;
    right: 3%;
    padding: 15px;
    background-color: rgba(255,255,255,0.5);
    }

.refill-size ul,
.brand-menu ul {padding: 0 0 20px;}

.refill-size li a,
.brand-menu li a{
    background-position: center right 3px;
    background-size: 24px;
    padding: 12px 0;
    }
.refill-size li img {height: 16px;}

.brand-menu li a{
    background-position: bottom 7px right 3px;
    padding: 0 0 12px;
    }

.brand-menu li img.item-thumb-name {
    height:16px;
    display: block;
    margin: 12px auto 0;
    }



/*****************/
/*****　Kept　*****/
/*****************/

.kept-title img.logo {
    width: 65%;
    margin: 20% 0 30px;
    }
.kept-title img.catch {width: 85%;}
.kept-title p.text {padding-right: 20px;}

.kept-title img.go-insta {
    width: 135px;
    margin: 15px 0 0
    }

.kept-menu {padding: 30px;}
.kept-menu + .kept-menu {margin-top: 20px;}

.kept-menu h2 img {height: 21px;}




}



/***********************************************************************************/

@media only screen and (max-width: 600px) {


/*****　カテゴリー　ブランド紹介　*****/

.cat-brand-title {
	border-bottom: solid 1px #aaa;
	}
.cat-brand-logo {
	padding-left: 10px;
	}
.cat-brand-title,
.cat-brand-logo {height: 150px;}
.cat-brand-logo img {height: 50px;}
.cat-brand-summary { padding: 20px 10px;}

.cat-brand-summary p {font-size: 15px;}

/*　メニュー　*/

.cat-menu h3 {
	font-size: 16px;
	}
.cat-grid3,
.cat-grid4,
.cat-menu-nest3 .nest-1 .cat-grid3,
.cat-menu-nest3 .nest-2 .cat-grid3,
.cat-menu-nest4 .nest-1 .cat-grid4,
.cat-menu-nest4 .nest-3 .cat-grid4 {
	width: 48.75%;
	}

.cat-grid3:nth-child(odd),
.cat-grid4:nth-child(odd),
.cat-menu-nest3 .nest-2 .cat-grid3:nth-child(odd),
.cat-menu-nest4 .nest-3 .cat-grid4:nth-child(odd) {
	margin-right: 2.5%;
	}
.cat-grid3:nth-child(even),
.cat-grid4:nth-child(even),
.cat-menu-nest3 .nest-2 .cat-grid3:nth-child(even),
.cat-menu-nest4 .nest-3 .cat-grid4:nth-child(even) {
	margin-right: 0;
	}
	
.cat-menu-nest3 .nest-1,
.cat-menu-nest3 .nest-2,
.cat-menu-nest3 .nest-3,
.cat-menu-nest4 .nest-1,
.cat-menu-nest4 .nest-3 {
	width: 100%;
	float: none;
	}

.cat-menu-logo {width: 80%;}
.cat-menu-jp {font-size: 13px;}

.cat-sub .cat-grid2,
.cat-sub .cat-grid3,
.cat-sub .cat-grid4 {
	margin-bottom: 20px;
	}

.cat-sub .cat-grid4:first-child {
	margin-bottom: 20px;
	}

/************************/
/*****　全ラインナップ　*****/
/***********************/

#global-category li {width: 49.25%;}
#global-category li:nth-child(3n) {margin-right: 1.5%!important;}
#global-category li:nth-child(even) {margin-right: 0!important;}


/*************************/
/*****　アイテムメニュー　*****/
/*************************/

/*　サマリー標準 */

.item-menu.standard .summary h3 img {height: 23px;}

/*　サマリー・タイトル画像あり */

.item-menu .summary {padding: 20px 2.5% 10px!important;}
.item-menu .summary h3{
    font-size: 19px;
    margin: 0 0 10px;
    }

/*　メニューグリッド　*/

.item-menu .menu-area {padding: 15px 2.5%!important;}
.brand-grid  {margin: -15px 0 0;}
.brand-grid .grid-3,
.brand-grid .grid-4 {margin-top: 15px; }

.brand-grid .grid-3 {width: 48.75%}
.brand-grid .grid-3:nth-child(odd) {margin-right: 2.5%}
.brand-grid .grid-3:nth-child(even) {margin-right: 0}

/*　テキストあり　*/

.item-menu .text-area {padding: 15px 10px;}
.item-menu img.menu-logo {height: 20px;}


/*********************/
/*****　ランキング　*****/
/********************/

.item-menu.ranking .summary P {font-size: 16px;}

.item-menu.ranking .text-area img.flag {
    top: -24px;
    width: 30px;
    }
.item-menu.ranking .text-area.top3 img.flag {
    top: -10px;
    width: 40px;
    }
.item-menu.ranking .top3 p.rank-name,
.item-menu.ranking .top3 p {margin-left: 55px; }

/*　混合グリッド　*/
.ranking .grid-3 {
    float: none;
    width: 100%;
    margin-right: 0;
    }
.ranking .grid-4:nth-child(odd){margin-right: 0!important;}



/*****************/
/*****　Kept　*****/
/*****************/

.kept-title .grid-2 {float: left;}
.kept-title .grid-2:first-child {width:45%;}
.kept-title .grid-2:nth-child(2) {width:55%;}

.kept-title img.photo {
    width: 98%;
    margin: 30px auto 0;
    }

.kept-title img.logo {
    width: 60%;
    margin: 8% 0 20px;
    }
.home-title img.catch {
    width: 92%;
    margin-bottom: 10px;
    }
.home-title p.text {line-height: 160%;}

.home-title img.go-insta {margin: 10px 0 0}

.kept-menu {padding: 20px;}
.kept-menu + .kept-menu {margin-top: 15px;}
.kept-menu h2 img {height: 19px;}


}



/***********************************************************************************/

@media only screen and (max-width: 479px) {

#dct_content {margin-bottom: 40px;}
#dct_content section {
	padding-bottom: 0px!important;
	margin-bottom: 10px!important;
    }
#dct_content .btn-normal {margin-top: 20px!important;}


/*****　カテゴリー　ブランド紹介　*****/

.cat-brand-title,
.cat-brand-logo {height: 120px;}
.cat-brand-logo img {height: 40px;}

.cat-menu-photo {margin-bottom: 15px;}
.cat-menu-logo {width: 100%;}

.cat-menu h3 {font-size: 16px;}


/************************/
/*****　全ラインナップ　*****/
/***********************/

#global-category li {
    width: 49.0%;
    margin-right: 2%!important;
    }
#global-category li:nth-child(3n) {margin-right: 2%!important;}
#global-category li:nth-child(even) {margin-right: 0!important;}

#global-category li a {
	height: 46px;
	line-height: 46px;
	background-position: 5px center;
	background-size: 32px;
	padding-left: 42px;
	}

.lineup-all h3 span {
    font-size: 14px;
	padding-left: 15px;
	}
.lineup-all li {font-size: 13px!important;}


/*************************/
/*****　アイテムメニュー　*****/
/*************************/

/*　サマリー標準 */

.item-menu.standard .summary {padding-top: 10px!important;}
.item-menu.standard .summary .text-area {height: 200px;}
.item-menu.standard .summary h3 img {height: 21px;}

/*　サマリー・タイトル画像あり */

.item-menu .summary h3{font-size: 18px;}

/*　メニューグリッド　*/

.item-menu .menu-area {padding: 10px 2.5%!important;}
.brand-grid  {margin: -10px 0 0;}
.brand-grid .grid-3,
.brand-grid .grid-4 {margin-top: 10px; }

.brand-grid.break479 .grid-3 {
    float:none;
    width: 100%;
    }

/*　テキストあり　*/

.item-menu .text-area {padding: 15px 10px;}
.item-menu img.menu-logo {height: 18px;}
.item-menu .text-area p{font-size: 14px!important;}

/*　背景イメージ　*/

/*　nofes　*/
.item-menu.nofes.bg-img {
    /*background-image: url("../img/category/nofes/title2021s_sp_bg.jpg");*/
    background-color: #fffcee;
    }



/*********************/
/*****　ランキング　*****/
/********************/


.item-menu.ranking .text-area p.rank-name {font-size: 15px;}
.item-menu.ranking .text-area p {font-size: 14px; line-height: 140%;}

/************************/
/*****　詳細検索　*****/
/***********************/

#dct_content .searchBox .btn-searchIn {
	margin-top: 0px !important;
    width: 140px !important;
	height: 30px;
	line-height: 14px;
	font-size: 14px;
}

.searchBox .btn-searchBox {
	height: 30px !important;
	line-height: 14px !important;
	font-size: 14px !important;
}


/*******************/
/*****　日付商品　*****/
/*******************/

/*****　トップページ　*****/

img.date-title {
    width: 70%;
    top: 4%;
    right: 3%;
    padding: 10px;
    }
    
.refill-size ul,
.brand-menu ul {
    width: 90%;
    padding: 0 0 20px;}

.refill-size li a,
.brand-menu li a{
    background-position: center right 3px;
    background-size: 24px;
    padding: 12px 0;
    }
.refill-size li img {height: 15px;}

.brand-menu li a{
    background-position: bottom 27px right 3px;
    position: relative;
    padding: 0;
    }

.brand-menu li img.item-thumb-name {
    line-height: 80px;
    position: absolute;
    left: 120px;
    top: 32px;
    margin: 0px auto 0;
    }

.refill-size ul,
.brand-menu ul {padding: 5px 0 10px;}

.refill-size li,
.refill-size.menu2 li,
.refill-size.menu4 li,
.brand-menu li {
    float: none;
    width: 100%;
    padding: 0;
    margin: 0 0 10px!important;
    }

.brand-menu li img.item-thumb{
    height: 80px!important;
    float: left;
    margin: 0;
    }

.brand-menu li a{ height: 80px;}

.refill-size.date.davinci,
.refill-size.date.keyword {background-image: none;}

/*.brand-menu.date.keyword {background-image: url("../img/category/date/systembinder/keyword_menu_bg_sp.jpg")}*/

.refill-size.date.noterefill {background-image: url("../img/category/date/diary/noterefill_size_bg_sp.jpg")}
/*.refill-size.date.gloire {background-image: url("../img/category/date/diary/gloire_size_bg_sp.jpg")}
.refill-size.date.namecard {background-image: url("../img/category/date/diary/namecard_size_bg_sp.jpg")}
.refill-size.date.nofes {background-image: url("../img/category/date/diary/nofes_size_bg_sp.jpg")}*/



/*****************/
/*****　Kept　*****/
/*****************/

.kept-title .grid-2:first-child {
    float: none;
    width:100%;
    }
.kept-title .grid-2:nth-child(2) {
    float: none;
    width:90%;
    background-color: #fff;
    padding: 30px 5% 20px ;
    margin: auto!important;
    }

.kept-title img.photo {width: 60%;}

.kept-title img.logo {
    width: 60%;
    margin: 0 0 25px;
    }
.kept-title img.catch {
    width: 85%;
    margin-bottom: 15px;
    }
.kept-title p.text {
    line-height: 180%;
    padding-right: 0;
    }

.kept-title img.go-insta {
    width: 140px;
    border: solid 1px #aaa;
    padding: 6px 20px 5px;
    margin: 20px 0 0
    }

.kept-menu {
    width: 95%;
    padding: 0px 5% 20px;
    margin: 0 auto;
   /* border: solid 1px;*/
    }

.kept-menu h2 {padding-top: 25px;}
.kept-menu h2 img {height: 18px;}

.kept-menu ul.spot-img li {
    display: block;
    float: left;
    width: 49%;
    margin: 0 2% 0 0;
    }
.kept-menu ul.spot-img li:nth-child(even) {margin-right: 0;}
.kept-menu ul.spot-img li:first-child {margin-bottom: 8px;}

.kept-menu ul.regular-img li {
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    }
.kept-menu ul.regular-img li + li {margin-top: 8px;}


}



/***********************************************************************************/

@media only screen and (max-width: 380px) {


/*****　カテゴリー　ブランド紹介　*****/

.cat-brand-title,
.cat-brand-logo {height: 110px;}
.cat-brand-logo img {height: 36px;}

/************************/
/*****　全ラインナップ　*****/
/***********************/

#global-category li a {
	background-size: 30px;
	padding-left: 38px;
	}
.lineup-all li {font-size: 12px!important;}


/*************************/
/*****　アイテムメニュー　*****/
/*************************/

/*　サマリー標準 */

.item-menu.standard .summary h3 img {height: 19px;}


/*******************/
/*****　日付商品　*****/
/*******************/

/*****　トップページ　*****/




/*****************/
/*****　Kept　*****/
/*****************/

.kept-title img.photo {width: 70%;}

.kept-title img.logo {width: 70%;}
.kept-title img.catch {width: 90%;}

.kept-menu {padding: 0px 4% 15px;}
.kept-menu h2 img {height: 17px;}

.kept-menu ul.spot-img li:first-child {margin-bottom: 5px;}
.kept-menu ul.regular-img li + li {margin-top: 5px;}

}



/***********************************************************************************/

@media only screen and (max-width: 320px) {

}