/* カスタマイズ用CSS */

h1, h2, .ec-eyecatchRole__introTitle, .ec-shelfGrid__item-name {
    font-family: "游明朝","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG教科書体","ＭＳ Ｐ明朝","MS PMincho",serif;
}
h1 {
    font-size: 2.8rem;
}
.ec-secHeading h2 {
    font-size: 2.6rem;
}
h3 {
    font-size: 2.2rem;
}

a {
    color: #44617b;
    text-decoration: none;
}
a:hover {
    border-bottom: none;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
.padding_start20 {
    padding-inline-start: 20px;
}
.list_none {
    list-style: none;
}
.mgnbtm0 {
    margin-bottom: 0;
}
.mgnbtm10 {
    margin-bottom: 10px;
}
.mgnbtm20 {
    margin-bottom: 20px;
}
.mgnbtm40 {
    margin-bottom: 40px;
}
.mgnbtm-60 {
    margin-bottom: -60px !important;
}
.alncnt {
    text-align: center;
}
.alnlft {
    text-align: left;
}
.alnmdl {
    vertical-align: middle;
}
.bdrbtm {
    border-bottom: 1px dashed tan;
}
.slick-slide a {
    display: block;
}

.ec-layoutRole {
    background-image: url(../img/bg_sankuzushi.png);
}
.ec-layoutRole .ec-layoutRole__contents {
    max-width: none;
}
.asanoha {
    background: url(../img/bg_asanoha.png), #F8F8F8;
}

/* ヘッダー */

.ec-layoutRole__header {
    background: floralwhite;
    /*margin-bottom: 40px;*/
}
.headerNavi {
    background-color: rgba(255, 255, 255);
    width: 100%;
}
.ec-headerTitle__title h1 img {
    width: 380px;
}
.ec-headerTitle__title p img {
    width: 380px;
}
.ec-headerTitle .ec-headerTitle__title a {
}
.mg_headerfixed {
    background-color: rgb(255,255,255,0.8)
}
/* カテゴリナビ */

.ec-categoryNaviRole {
    background: black;
    max-width: none;
    padding: 0;
}
.ec-itemNav {
    border-bottom: 1px solid #E8E8E8;
}
.ec-itemNav__nav {
    max-width: 1130px;
    width: 100%;
}
.ec-itemNav__nav li:first-child {
    /*border-left: none;*/
}
.ec-itemNav__nav li:last-child {
    border-right: solid 1px dimgray;
}
.ec-itemNav__nav li {
    border-left: solid 1px dimgray;
}
.ec-itemNav__nav li a {
    color: lightgray;
    background: none;
}
.ec-itemNav__nav li ul {
    width: 100%;
}
.ec-itemNav__nav li ul li {
    border-left: none;
}
.ec-itemNav__nav li ul li a {
    border-bottom: 1px solid darkgray;
    background: slategray;
}
.ec-itemNav__nav li ul li a:hover {
    opacity: unset;
}
.ec-itemNav__nav > li:hover li:hover > a {
    background: #44617b;
}

.ec-headingTitle {
    font-weight: bold;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 15px;
}

/* TOPページ トピック */

.bg_topic {
    /*margin-top: -40px;*/
}
.bg_topic .ec-topicRole {
	padding: 20px;
}
.bg_topic .ec-topicRole h2 {
	margin-top: 0;
}
.ec-topicRole {
    background: url(../img/bg_seigaiha.png), brown;
}
.ec-topicRole h2 {
    color: antiquewhite;
}
.ec-topicRole .ec-topicRole__listItemTitle {
    color: antiquewhite;
}
.ec-topicRole__listItem a {
    display: block;
}
.ec-topicRole__listItem .boder {
    /*border: 5px solid antiquewhite;*/
}
.bg_topic .ec-topicRole .ec-topicRole__listItem {
	margin-bottom: 0;
}
section #guide .bg_topic p.ec-topicRole__listItemTitle {
	margin: 5px 0 0;
}

/* TOPページ 商品カテゴリ*/

.ec-secHeading {
    color: brown;
}
.ec-secHeading .ec-secHeading__ja {
    font-size: 2.2rem;
    font-weight: bold;
}
.ec-secHeading .ec-secHeading__en {
    font-size: 1.6rem;
    font-weight: normal;
}
.ec-categoryRole {
    background: url(../img/bg_sankuzushi.png), oldlace;
}

.ec-categoryRole__listItem h3 {
    font-size: 1.8rem;
    font-weight: bold;
    color: black;
    margin-bottom: 5px;
}
.ec-categoryRole__listItem a {
    color: #525263;
    display: block;
}
.ec-newItemRole__listItem a {
    display: block;
    border-bottom: 2px solid lightgray;
    padding-bottom: 10px;
}
.ec-newItemRole .ec-newItemRole__listItemTitle, .ec-newItemRole {
    font-size: 1.6rem;
}
.ec-newItemRole .ec-newItemRole__listItemPrice {
    color: brown;
    font-size: 2rem;
    font-weight: bold;
}
.ec-topicRole__listItemPrice {
    color: brown;
    font-size: 2rem;
    font-weight: bold;
}
.w100 .freeArea2.freeTop {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* TOPページ ランキング **/
.ec-secHeading--tandem .ec-secHeading__ja {
    display: block;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.2em;
}
.ec-inlineBtn--top {
    background-color: darkgoldenrod;
    border-color: darkgoldenrod;
    letter-spacing: 5px;
}
.ec-inlineBtn--top:hover {
    background-color: darkgoldenrod;
    border-color: darkgoldenrod;
}
.ec-secHeading--tandem .ec-secHeading__ja {
    margin-bottom: 0;
}

.item {
    width: 150px;
}

/* TOPページ 印鑑ケース **/

.ec-sliderRole h3 {
    display: block;
    color: black;
    font-size: 1.8rem;
    font-weight: bold;
    margin-top: 0;
}
.ec-sliderRole .price {
    color: brown;
    font-size: 2rem;
    font-weight: bold;
}

/* TOPページ 各種サービス **/

.service {
    width: 100%;
    /*max-width: 1150px;*/
    margin: 0 auto;
    padding: 20px 0;
    background: url(../img/bg_sankuzushi.png), ghostwhite;
}
.service img {
    border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
    width:  50%;
    margin: auto;
    display: block;
}
.service h3 {
    text-align: center;
}

#businessday_calendar {
    max-width: none !important;
}

/* TOPページ ニュース **/

.ec-newsRole {
    padding: 20px 0 0;
}
#businessday_calendar {
    padding: 0;
}

/* 左カラム */

.ec-layoutRole__left {
}
.ec-layoutRole__left .ec-headerNav {
    text-align: left;
}
.ec-layoutRole__left .ec-headerNav .ec-headerNav__item {
    display: block;
}
.ec-layoutRole__left .ec-headerNav .ec-headerNav__item a {
    font-weight: bold;
    border-bottom: 1px solid #E8E8E8;
    display: block;
    padding: 7px 1px;
}
.ec-layoutRole__left .ec-headerNav .ec-headerNav__item a:hover {
    background: #fafafa;
}
.ec-layoutRole__left .ec-headerNav .ec-headerNav__itemLink {
    font-size: 1.8rem;
    color: initial;;
}
.ec-layoutRole__left .ec-cartNaviWrap {
    padding: 0 20px;
}
.ec-layoutRole__left .ec-cartNavi {
    padding: 10px 20px;
}
.ec-layoutRole__left .service {
    background: #F8F8F8;
}

.ec-layoutRole__left .ec-categoryNaviRole {
    background: none;
}
.ec-layoutRole__left .ec-itemNav {
    border: none;
}
.ec-layoutRole__left .ec-itemNav__nav li {
    border: none;
    width: 100%;
}
.ec-layoutRole__left .ec-itemNav__nav li:last-child {
    border: none;
}
.ec-layoutRole__left .ec-itemNav__nav li a {
    font-size: 1.8rem;
    color: initial;
    text-align: left;
    border-bottom: 1px solid #E8E8E8;
}
.ec-layoutRole__left .ec-itemNav__nav li ul {
    top: 0;
    left: 100%;
    width: auto;
}
.ec-layoutRole__left .ec-itemNav__nav li ul li a {
    color: white;
}

.ec-layoutRole__left .ec-newsRole__newsHeading {
    display: block;
}
.ec-layoutRole__left .ec-newsRole__news {
    border: 8px solid #F8F8F8;
    padding: 0 10px;    
}
.ec-layoutRole__left .ec-newsRole__newsCloseBtn {
    position: absolute;
    right: 0;
    top: -20px;
}
.service_left img {

}

/* TOPページ 店舗紹介 **/

.ec-eyecatchRole__introTitle {
    color: black;
}

/* TOPページ ご案内 */

#information {
    color: black;
    background: #F8F8F8;
    border-top: 1px solid #ccc;
}
#information h2 {
    color: black;
}
#information h3 {
    font-size: 1.8rem;
    font-weight: bold;
}

/* フッター */
.ec-layoutRole__footer {
    margin-top: 40px;
}
.ec-footerRole {
    background: url(../img/bg_seigaiha.png), black;
    margin-top: 0;
}
.phone {
    color: indianred;
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 3px;
    margin: 0;
}

.ec-footerRole__inner .ec-footerTitle img {
    width: 300px;
}
.ec-footerTitle .ec-footerTitle__copyright {
    font-size: 1.2rem;
}

/* 商品一覧ページ */
.list h1, .list .list_start {
    border-top: none;
    border-bottom: 1px solid #ccc;
    margin: 10px 0 48px;
    padding: 8px;
    font-size: 2.8rem;
    font-weight: bold;
}
.list .list_start {
    border: none;
    margin-bottom: 0px;
}
.list h2 {
    font-size: 2.2rem;
}
.rating thead {
    background: lightslategray;
    color: white;
}
.rating .size50 {
    width: 50%;
    margin: auto;
}
.ec-shelfGrid__item .ec-shelfGrid__item-name {
    font-size: 2rem;
    margin-bottom: 8px;
    font-weight: bold;
    text-align: center;
}
.ec-shelfGrid__item-description {
    margin-bottom: 8px;
}
.ec-shelfGrid__item-price {
    font-size: 2rem;
    color: #DE5D50;
    font-weight: bold;
    text-align: center;
}
/* 商品詳細ページ */
.ec-productRole .ec-productRole__title .ec-headingTitle {
    font-size: 3rem;
}
.ec-productRole__profile h2 {
    font-size: 2.4rem;
}
.ec-productRole__description p {
    margin-bottom: 10px;
}
.ec-productRole .ec-productRole__tag {
    padding: 10px;
    color: white;
    background: steelblue;
    border: none;
    font-size: inherit;
}
.ec-productRole .ec-productRole__price {
    color: #525263;
}
.ec-productRole .member_price {
    color: #DE5D50;
}
.ec-numberInput {
    padding-top: 20px;
}
.price01-default {
    text-decoration: line-through;
}
.rankname {
    font-size: 1.6rem;
}

/* ヘルプ&ガイドページ */
.ec-pageHeader h1 {
    margin: 10px 0 48px;
}
.ec-borderedDefs dd {
    line-height: initial;
}
.width25 {
    width: 25%;
}
.pref span {
    margin-right: 5px;
    display: inline-block;
}
.hedding {
    font-size: 2rem;
}
.rating th, .rating td {
    text-align: center;
}
.rating .alnlft {
    text-align: left;
}
.rating-on {
    color: goldenrod;
}
.rating-off {
    color: gainsboro;
}

/* 管理画面 */



@media only screen and (min-width: 768px) {
    .ec-headerNaviRole {
        max-width: none;
        padding: 0 20px 5px;
    }
    .ec-eyecatchRole {
        margin-bottom: 0;
    }
    .ec-eyecatchRole .ec-eyecatchRole__image {
        width: 50%;
    }
    .ec-eyecatchRole .ec-eyecatchRole__intro {
        color: #525263;
    }
    .ec-topicpath {
        padding-top: 0;
    }
    .ec-itemNav__nav li {
        width: 20%;
    }
    .ProductImage {
        margin-top: -30px;
    }
    
    /* TOPページ */
    .ec-topicRole {
    }
    .ec-topicRole, .ec-categoryRole {
        /*padding: 20px 0 30px;*/
    }
    .ec-footerNavi .ec-footerNavi__link a {
        text-decoration: none;
    }
    .ec-newItemRole {
        padding: 20px 0;
    }
    .ec-categoryRole {
        margin-right: 20px;
    }
    .ec-categoryRole .ec-categoryRole__listItem {
        width: calc(100% / 2);
    }
    .ec-newItemRole .ec-newItemRole__listItemTitle {
        margin: 20px 0 0;
    }
    
    /* 商品一覧ページ */
    .ec-shelfGrid .ec-shelfGrid__tax {
        font-size: 0.6em;
    }
    
    /* 商品詳細ページ */
    .ec-price .ec-price__tax {
        font-size: 0.6em;
    }
    
    /* プライバシー&特定商取引ページ */
    
    .ec-pageHeader h1 {
        font-size: 2.8rem;
    }
    .ec-borderedDefs dt {
        padding-top: 0;
    }
}
@media only screen and (max-width: 767px) {

    .ec-newItemRole {
        padding: 2vw 0;
    }
	.ec-sliderRole {
		margin-bottom: 0 !important;
	}
	.slick-slider {
		margin-bottom: 0 !important;
	}
	a {
		text-decoration: none !important;
	}
	#gnav div.cart-nav ul li a:hover, #gnav div.cart-nav ul li a:active, #gnav nav ul li a:hover, #gnav nav ul li a:active, article a:hover p, div.cart-article a:hover p, #sub-column div.snav_mailMag_cont input.submit_mailMag:hover, #Journal a .more:hover, input[type="submit"].btn-confirmPost:hover, input[type="button"].btn-confirmBack:hover, #contact input.btn-confirmNext:hover, #contact .btn-enq input.btn-confirmNext:hover, #contact .mailMF input.btn-confirmNext:hover, #contact .mailMC input.btn-confirmNext:hover, #sub-column .link.keyword nav ul li a:hover, #sub-column div.snav_mailMag_cont input.submit_mailMag:hover {
		background: none;
		text-decoration: none;
	}
	.snsArea {
		height: auto;
	}
	article#Detail .itemOutline ul.infoArea {
		margin: 0;
	}
	section#itemDetail-wrap .description {
		margin-top: 0;
	}

}

@media only screen and (max-width: 479px) {
    
    .ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input,
    .ec-select select {
        font-size: 16px;
    }
    .ec-productRole .ec-productRole__title .ec-headingTitle {
        font-size: 2.4rem;
    }
    .ec-productRole__profile h2 {
        font-size: 2.4rem;
    }
    .ec-footerTitle .ec-footerTitle__logo {
        padding: 0 20px;
    }
    .ec-footerRole .ec-footerRole__inner .ec-footerTitle__logo img {
        width: 70%;
    }
    .service img {
        width: 50%;
    }
    
    /* 商品一覧ページ */
    
    .list {
        border-top: 1px solid #ccc;
    }
    .list h1 ,.ec-pageHeader h1 {

    }
    .list h2 {
        font-family: initial;
        font-size: 1.6rem;
        font-weight: bold;
    }
    .list .list_start {
        font-size: 1.6rem;
    }
    .list .description {
        font-size: 1.4rem;
    }
    
    /* 商品詳細ページ */
    
    .ec-productRole__price {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 768px) {
	.ec-headerRole {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		margin: 0 auto 20px !important;
		padding: 0 !important;
	}
	.ec-headerRole__title {
		width: 380px !important;
		margin: 0 auto;
	}
	.ec-headerTitle .ec-headerTitle__title a {
		margin-bottom: 0 !important;
	}
	.ec-headerRole__left {
		width: 350px;
	}
	.ec-headerRole__left ul {
		display: flex;
	}
	.ec-headerRole__left ul li {
		width: 49%;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
	}
	.ec-headerRole__left ul li + li {
		margin-left: auto;
	}
	.ec-headerRole__left svg {
		display: block;
		max-width: 100%;
		height: 40px;
		margin: 0 0 5px;
		line-height: 1.0;
		fill: #000;
	}
	.ec-headerRole__left ul li span {
		color: brown;
	}
	.ec-headerRole__right {
		display: flex;
		align-items: center;
		width: 350px;
		font-weight: bold;
	}
	.ec-headerRole__right img {
		width: auto !important;
		height: 80px;
		margin: 0 0 0 auto;
	}
	.bg_topic__label {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.ec-headerNaviRole .ec-headerNaviRole__nav .ec-role {
		padding: 0;
	}
	.ec-headerRole__left {
		display: none;
	}
	.ec-headerRole__right {
		display: none;
	}
	.bg_topic {
		display: flex;
	}
	.bg_topic__label {
		background: #000;
		padding: 5px;
		color: #fff;
		writing-mode: vertical-rl;
		text-align: center;
		letter-spacing: .2em;
	}
	.text-combine {
		-webkit-text-combine: horizontal;
		-ms-text-combine-horizontal: all;
		text-combine-upright: all;
		font-weight: bold;
	}
	.bg_topic__label svg {
		display: inline-block;
		width: auto;
		height: 2rem;
		margin: 0 0 10px;
		line-height: 1.0;
		fill: #fff;
	}
	.bg_topic .ec-topicRole {
		padding: 10px;
	}
}