/* カスタマイズ用CSS */
body{
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.ec-pageHeader h1 {
    font-size: 24px;
}
a {
	outline: none;
	-webkit-transition: 280ms ease-in-out;
	    transition: 280ms ease-in-out;
}

img {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom;
}

#help-images{width: auto;margin-bottom: 40px;margin-top: 10px;}
#help-images-sub{width: auto;margin-top: 10px;}
.ec-headerNaviRole .ec-headerNaviRole__left {
    width:auto;
}
.tabletoppage{min-width: 100px;vertical-align:top;}


.inner {margin: 0 auto;
	max-width: 950px;
	width: 90%;
}
.lmenu{
    -webkit-flex: 0 0 30.05%;
    flex: 0 0 30.05%;
	max-width: 282px;
}

#calendar_menu .lmenu{
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
	max-width: 450px;
    margin-bottom: 20px;
}

#calendar_menu_title {
    display: flex;
    width: 100%;
    justify-content: center;
}
#calendar_menu_title h2 {
    font-size: 22px;
    font-weight: bold;
    justify-content: center;
    text-align: center;
}

.ec-layoutRole .ec-layoutRole__contents {
    max-width: 100%;
}
.ec-headerNav .ec-headerNav__itemIcon {
    vertical-align: middle;
    font-size: 17px;
    color: #676769;
}
.ec-cartNavi {
    color: #676769;
}

.ec-footerRole {
    padding-top: 25px;
    background-color: #676769;
}
.ec-footerNavi .ec-footerNavi__link:nth-child(1),
.ec-footerNavi .ec-footerNavi__link:nth-child(2),
.ec-footerNavi .ec-footerNavi__link:nth-child(3),
.ec-footerNavi .ec-footerNavi__link:nth-child(4) {
    margin-right: 20px;
}
.ec-footerNavi .ec-footerNavi__link a {
    font-size: 13px;
    text-decoration: none;
}
.ec-footerTitle {
    padding: 10px 0 10px;
}
.ec-footerRole .ec-footerRole__inner img {
    width: auto;
}
.ec-footerTitle__copyright {
    margin-top: 10px;
    letter-spacing: 2px;
    font-size: 11px;
}


#topban {
    position: relative;
}
#topban .gmenu_blk {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    margin: auto;
    /*max-width: 950px;*/
}
#topban .gmenu_blk2 {display:none;}
#smaho {display:none;}
#topban .gmenu_blk .inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
   /* width: 950px;*/
}
#topban .gmenu_blk .gmenu {
    -webkit-flex: 0 0 29.79%;
    flex: 0 0 29.79%;
    max-width: 283px;
}

#topban .main_visual2 {display:none;}

.btn-n {
     /*box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);*/
}
.btn-n {
    clear: both;
    display: inline-block;
	cursor:pointer;
    text-decoration: none;
    background: #FFF;
    color: #666;
	 /* padding: 0.7em 1.5em;
    border: solid 1px #666;
    border-radius: 3px;*/
    transition: .4s;
}
.hideContent{display:none}
.innertop{
	margin: 0 auto;
	max-width: 950px;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
    font-size: 14px;
    font-weight: bold;
    color: white;
}

.ec-itemNav__nav li {
    float: left;
}
.ec-itemNav__nav li a {
    display: block;
    border-bottom: 0px solid #E8E8E8;
    margin: 0;
    padding: 14px;
    height: auto;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    text-align: left;
    background: #676769;;
}
.ec-itemNav__nav > li:hover > a {
  background: #676769;
  text-decoration: underline;
}

.ec-itemNav__nav > li:hover li:hover > a {
  background: #676769;
}
.ec-headerCategoryArea__heading {
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: bold;
    color: white;
}

.ec-headerNaviRole .ec-headerNaviRole__right2 {
    width: calc(100% * 3 / 4);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: right;
    align-items: right;
}

#main_contents {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}
#main_contents .lmenu_blk {
    margin-top: 55px;
}
#main_contents .lmenu_blk .inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#main_contents .lmenu_blk .lmenu {
    -webkit-flex: 0 0 45.05%;
    flex: 0 0 45.05%;
    max-width: 428px;
}
#main_contents .about_blk {
    margin-top: 75px;
}
#main_contents .about_blk .title.mt {
    margin-top: 70px;
}
#main_contents .about_blk .lead {
    margin-top: 30px;
}
#main_contents .about_blk .text {
    margin-top: 30px;
    line-height: 1.6;
    font-size: 20px;
	color:#676769;
}
#main_contents .about_blk .rows {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 80px;
}
#main_contents .about_blk .rows .list {
    -webkit-flex: 0 0 33.33333333333333%;
    flex: 0 0 33.33333333333333%;
}
#main_contents .about_blk .rows .list .img {
	/*overflow: hidden;*/ 
    position: relative;
    /* height: 364px; 2020-3-12　noto */ 
}
#main_contents .about_blk .rows .list .img .layer {
	position: absolute;
	left: 0;
	top: 0px;
	display: none;
	max-width: 100%;
}
#main_contents .about_blk .profile1 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 80px;
}
#main_contents .about_blk .profile1.t2 {
    margin-top: 40px;
}
#main_contents .about_blk .profile1 .img {
    -webkit-flex: 0 0 47.15%;
    flex: 0 0 47.15%;
    max-width: 448px;
}
#main_contents .about_blk .profile1 .info {
    -webkit-flex: 0 0 47.36%;
    flex: 0 0 47.36%;
    max-width: 450px;
}
#main_contents .about_blk .profile1 .info .name {
    font-weight: bold;
    font-size: 18px;
}
#main_contents .about_blk .profile1 .info .name span {
    display: inline-block;
    margin-left: 25px;
    font-weight: bold;
    font-size: 25px;
}
#main_contents .about_blk .profile1 .info .text {
    margin-top: 20px;
    line-height: 1.7;
    font-size: 17px;
}
#main_contents .about_blk .profile1.t2 .info .text {
    margin-top: 14px;
}

#main_contents h5 {
     line-height: 1.5em;
}

#main_contents .about_blk .banner2020 {
	display: flex;
	justify-content: space-between;
	margin-top:70px;
}

#main_contents .about_blk .banner2020 img {
    -webkit-flex: 0 0 30.00%;
    flex: 0 0 30.00%;
    max-width: 310px;
}


.ec-newsRole .ec-newsRole__news {
    border: none;
}
.ec-productRole .ec-productRole__price { color: #FF0000;    font-size: 28px;}
.ec-productRole .ec-productRole__category a {    color: #676769;}
.ec-cartNavi .ec-cartNavi__badge {    background-color: #FF0000;}
.ec-cartNaviNull .ec-cartNaviNull__message {   background-color: #FF0000;}
.ec-link {    color: #FF0000;  }
.ec-blockBtn--action {  background-color: #FF0000; border-color: #FF0000;}
.ec-zipInputHelp span {    color: #676769;   }
.ec-progress .is-complete .ec-progress__number {    background: #FF0000;}
.ec-progress .is-complete .ec-progress__label {    color: #FF0000;}
a {    color: #525263;    text-decoration: none;}
.ec-navlistRole .active a {    color: #FF0000;}
.ec-secHeading {    color: #676769;}
.ec-newsRole .ec-newsRole__newsCloseBtn {    background: #676769;}
.ec-newsRole .ec-newsRole__newsDate {color: #676769;}
.ec-secHeading .ec-secHeading__line {  background: #676769;}
.ec-headerNavSP {    color: #676769;}
.ec-drawerRole {   background: #676769;}
.ec-drawerRole .ec-headerCategoryArea .ec-headerCategoryArea__heading {   color: #676769;}
.ec-drawerRole .ec-headerLinkArea {    background: #676769;}
.ec-cartHeader .ec-cartHeader__label {    background: #EAEAEA;}
.ec-headerNav .ec-headerNav__itemLink {    color: #676769;}
.ec-newsRole .ec-newsRole__newsDescription a {    color: #676769;}
.logofotter{ margin-left: 30px;}
.logotop{ margin-left: 20px;}
.reservation4-shipping-date {   color: #676769 !important; }
.reservation4-comment {  color: #676769 !important;	}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li a {    color: #676769;}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {    background: #676769;}
.ec-drawerRoleClose {    color: #676769;}
.ec-headerSearch .ec-headerSearch__category .ec-select select option { color:  #676769;}
.ec-role { margin: 0 auto; padding: 0px;max-width: 950px;  width: 90%; padding-top: 30px;/*width: 79.17%;*/} 
.ec-searchnavRole { margin: 0 auto; padding: 0px;max-width: 950px;  width: 90%;} 
.ec-searchnavRole__infos { margin: 0 auto; padding: 0px;max-width: 950px;  width: 90%;} 
.ec-shelfRole { margin: 0 auto; padding: 0px;max-width: 950px;  width: 90%;} 
.ec-productRole { margin: 0 auto; padding: 0px;max-width: 950px;  width: 90%;margin-top:30px;} 
.ec-contactRole { margin: 0 auto; padding: 0px;max-width: 950px;  width: 90%;} 
.ec-registerRole { margin: 0 auto; padding: 0px;max-width: 950px;  width: 90%;} 
.ec-mypageRole{ margin: 0 auto; padding: 0px;max-width: 950px;  width: 90%;} 
.ec-orderRole{ margin: 0 auto; padding: 0px;max-width: 950px;  width: 90%;} 
.ec-newsRole .ec-newsRole__news {   padding: 0px ;}

.ec-registerRole {    font-size: 14px;}


.ec-borderedDefs dt {    padding-top: 0px;    width: 30%;}
.ec-borderedDefs dd {   line-height: 1.5;}
.ec-newsRole {color: #676769;}
.ec-newsRole__newsTitle {color: #676769;}
.ec-productRole {  color: #676769;}

.ec-blockBtn--cancel{background-color: #676769;border-color: #676769;}


@media screen and (max-width: 767px) {
    .ec-pageHeader h1 {  font-size: 16px;}
	.sp-none {display: none !important;	}
	.pc-none {	display: block !important;	}
	.ec-layoutRole .ec-layoutRole__main {  padding-top: 0px;}

	#help-images{width: 100%;}
	.tabletoppage{min-width: 80px;vertical-align:top;}
	.inner {
		padding: 0 5%;
		max-width: 100%;
		width: 100%;
	}
	.ec-headerNav .ec-headerNav__itemIcon{    margin-right: 0px;   margin-left: 0px;   }
   .ec-headerNaviRole .ec-headerNaviRole__right {
    width: calc(100% * 3 / 3);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
	}

	 .ec-footerRole {
        padding-top: 0;
    }
    .ec-footerTitle {
        padding: 10px 0 10px;
    }
    .ec-footerNavi .ec-footerNavi__link:nth-child(1),
    .ec-footerNavi .ec-footerNavi__link:nth-child(2),
    .ec-footerNavi .ec-footerNavi__link:nth-child(3),
    .ec-footerNavi .ec-footerNavi__link:nth-child(4) {
        margin-right: 0;
    }
    .ec-footerNavi .ec-footerNavi__link:nth-child(5) {

    }
    .ec-footerNavi .ec-footerNavi__link {
        border-bottom: 1px solid #7d7d7d;
    }
    .ec-footerNavi .ec-footerNavi__link:nth-child(5) {
        padding-top: 10px;
        border-bottom: none;
    }
    .ec-footerNavi .ec-footerNavi__link a {
        display: inline-block;
        border-bottom: none;
    }
    .ec-footerNavi .ec-footerNavi__link:nth-child(1) a,
    .ec-footerNavi .ec-footerNavi__link:nth-child(2) a,
    .ec-footerNavi .ec-footerNavi__link:nth-child(3) a,
    .ec-footerNavi .ec-footerNavi__link:nth-child(4) a {
        width: 100%;
    }
    .ec-footerNavi .ec-footerNavi__link a img {
        margin: 0 7px;
        width: 24px;
    }
    .ec-footerRole .ec-footerRole__inner img {
        width: 100px;
    }
    .ec-footerTitle__copyright {
        margin-top: 10px;
        font-size: 10px;
    }
	.ec-itemNav__nav li {
    margin: 0;
    padding: 0 10px;
    text-align: center;
    position: relative;
    float: left;
	}
	.ec-itemNav{
		display: inline-block;
		border-bottom: 1px solid #E8E8E8;
	}
	 #pc {display:none;}
	#smaho {display:block;}
	#topban .main_visual {display:none;}
	#topban .main_visual2 {display:block;}
    #topban .gmenu_blk {
        bottom: 10px;
        width: 100%;
		display:none;
    }
    #topban .gmenu_blk2 {
        bottom: 10px;
        width: 100%;
		display:block;
		position: static;
    }
    #topban .gmenu_blk2 .inner {
        width: 100%;
    }
    #topban .gmenu_blk2 .gmenu {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-top: 10px;
        max-width: 100%;
        text-align: center;
    }
	.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
    font-size: 12px;
    font-weight: bold;
    color: white;
	line-height: 1.1;
	}
	.ec-headerCategoryArea__heading {
		padding: 10px 8px;
		 font-size: 12px;
	}
	.ec-itemNav__nav li a {
		padding: 8px;
		line-height: 1.1;
		 font-size: 12px;

	}
	.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {

		padding: 10px 8px;

	}

    #calendar_menu_sp .lmenu_blk {        
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;        
    }

    #calendar_menu_sp .lmenu {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 100%;
        text-align:center;
    }

    #calendar_menu_sp .lmenu img{
        max-width: 200px;
    }

	  #main_contents .lmenu_blk {
        margin-top: 20px;
    }
    #main_contents .lmenu_blk .lmenu {    -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-top: 20px;
        max-width: 100%;
		text-align:center;
    }
    #main_contents .about_blk {    margin-top: 35px;    }
    #main_contents .about_blk .title.mt {    margin-top: 50px;    }
    #main_contents .about_blk .lead {        margin-top: 20px;    }
    #main_contents .about_blk .text {        margin-top: 20px;        font-size: 14px;    }
    #main_contents .about_blk .rows {        margin-top: 30px;    }
    #main_contents .about_blk .rows .list {
        -webkit-flex: 0 0 90%;
        flex: 0 0 90%;
		margin: 2% auto;
    }
    #main_contents .about_blk .rows .list .img {        height: auto;    }
    #main_contents .about_blk .profile1 {        margin-top: 40px;    }
    #main_contents .about_blk .profile1.t2 {        margin-top: 40px;    }
    #main_contents .about_blk .profile1 .img {        -webkit-flex: 0 0 100%;        flex: 0 0 100%;        max-width: 100%;    }
    #main_contents .about_blk .profile1 .info {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-top: 20px;
        max-width: 100%;
    }
    #main_contents .about_blk .profile1 .info .name {        font-size: 16px;    }
    #main_contents .about_blk .profile1 .info .name span {        margin-left: 25px;        font-size: 22px;    }
    #main_contents .about_blk .profile1 .info .text {        margin-top: 20px;        line-height: 1.6;        font-size: 14px;    }

	.ec-role {  width: 90%;padding-top:5px;}
	.ec-cartNavi {	padding: 10px 0 0 5px;	}

	#main_contents .about_blk .banner2020 {
	 flex: 0 0 100%;
        margin-top: 20px;
        max-width: 100%;
		text-align:center;
	}
	
	#calendar_menu_title h2 {
	    font-size: 16px;
	    font-weight: bold;
	    justify-content: center;
	    text-align: center;
	}


	#main_contents .about_blk .banner2020 img {
    width:100%;
}

}
@media screen and (min-width: 768px) {
	.ec-headerNaviRole{
	max-width:950px;
	width: 79.17%;
	width:90%;
	}
	.sp-none {	display: block !important;	}
	.pc-none {	display: none !important;	}
	.ec-headerNavSP {    display: block !important;	position: relative;top:5px;
	}
	.ec-drawerRole.is_active {
    display: block;
	}
	.ec-drawerRoleClose.is_active {
    display: inline-block;
    transition: all .3s;
	}
	 .ec-headerNav .ec-headerNav__itemIcon {
        margin-left: 0px;
		/*margin-left: 30px;*/
    }
    .ec-headerNaviRole { padding-bottom: 15px;}

	.ec-headerNaviRole {padding: 10px 8px 10px 0px;	}
	.ec-cartNavi {	padding: 10px 0 0 5px;	min-width: 130px;height: auto;background-color: transparent;}
	.ec-headerNaviRole .ec-headerNaviRole__left {	width: auto;		}
	
	 .ec-cartNavi .ec-cartNavi__icon {
        vertical-align: middle;
        font-size: 17px;
    }
}