@charset "utf-8";

/* -----------------------------------------------------------------
MODULE CSS
LAST UPDATE:
--------------------------------------------------------------------*/
/*--------------------------------
TEXT
---------------------------------*/
a.defaultTextLink01{text-decoration: underline;color: #0093BF;}
a.notBlanckIcon01[target="_blank"] {background: none !important; padding-right: 0 !important;}

.cationLev01{ color: #F01E1E;font-weight: normal;}
.cationLev02{ color: #F01E1E; }
.cationLev03{ text-decoration: underline;font-weight: normal;}

.notice01{text-indent: -1em; padding-left: 1em; font-size: 1.1rem;}
.notice01+.notice01{margin-top: 0 !important;}

.notice02{font-size: 1.1rem;}
.notice02+.notice02{margin-top: 0 !important;}

.notice03{text-indent: -2em; padding-left: 2em; font-size: 1.1rem;}
.notice03+.notice03{margin-top: 0 !important;}

.leadFont01{font-size: 4.8rem; font-weight: bold;line-height: 1.2 !important;}
.leadFont02{font-size: 3.6rem; font-weight: bold;line-height: 1.2 !important;}
.leadFont03{font-size: 2.4rem; font-weight: bold;line-height: 1.2 !important;}
.leadFont04{font-size: 2rem; font-weight: bold;line-height: 1.2 !important;}
.leadFont05{font-size: 2.8rem; font-weight: bold;line-height: 1.6 !important;}

.leadFont01en{font-size: 6rem; font-family: 'MQ'; line-height: 1.2 !important; font-weight: normal;}
.leadFont02en{font-size: 4.6rem; font-family: 'MQ'; line-height: 1.2 !important;font-weight: normal;}
.leadFont03en{font-size: 3.4rem; font-family: 'MQ'; line-height: 1.2 !important;font-weight: normal;}


.address{background: url("/common/img/icon_map_01.png") no-repeat 0 0.2em; padding-left: 20px; background-size: 15px auto;}
.address a{font-size: 1.2rem; color: #0093BF; border: 1px solid #0093BF; border-radius: 3px; line-height: 1; padding: 8px !important; display: inline-block; margin-left: 20px; background: none !important; text-decoration: none;}
.address a.visit{background: url("/common/img/calendar_shop.png") no-repeat 8px center !important; background-size: 15px auto !important;font-size: 1.2rem; color: #000; border: 1px solid #000; border-radius: 3px; line-height: 1; padding: 8px 8px 8px 28px !important; display: inline-block; margin-left:10px;  text-decoration: none;}
.address a:hover{background:#0093BF !important; color: #fff; transition: 0.6; }
.address a.visit:hover{background: url("/common/img/calendar_shop_on.png") no-repeat 8px center #000 !important; background-size: 15px auto !important; color: #fff; transition: 0.6; }
.address a.insta{background: url("/common/img/insta_shop.png") no-repeat 8px center !important; background-size: 15px auto !important;font-size: 1.2rem; color: #F01E1E; border: 1px solid #F01E1E; border-radius: 3px; line-height: 1; padding: 8px 8px 8px 28px!important; display: inline-block; margin-left: 10px;  text-decoration: none;}
.address a.insta:hover{background: url("/common/img/insta_shop_on.png") no-repeat 8px center #F01E1E!important; background-size: 15px auto !important;color: #fff; transition: 0.6; }


.tell01{display: inline-block; margin-right: 40px;background: url("/common/img/icon_tell_01.png") no-repeat 0 0.2em; padding-left:28px;pointer-events: none; text-decoration: none; color: #333; background-size: 20px auto;}
.tell01time{background: url("/common/img/icon_time_01.png") no-repeat 0 0.1em; padding-left: 25px; background-size: 19px auto;line-height: 21px;display: inline-block;}
.shop_url{background: url("/common/img/icon_link_01.png") no-repeat 0 0.1em; padding-left: 25px; background-size: 18px auto;line-height: 21px;display: inline-block; }


.secPageTop01{text-align: right; font-size: 1.4rem; }
.secPageTop01 a{color: #000; font-size: 1.2rem; text-decoration: none;background: url("/common/img/icon_sec_pagetop.png") no-repeat 0 0.4em; padding-left: 20px;background-size: 12px auto;}
.secPageTop01 a:hover{color: #000;text-decoration: underline;}

.secPageTop02{text-align: right; padding-top: 20px;border-top: 1px solid #C4C4C4; font-size: 1.4rem;}
.secPageTop02 a{color: #000; font-size: 1.2rem; text-decoration: none;background: url("/common/img/icon_sec_pagetop.png") no-repeat 0 0.4em; padding-left: 20px;background-size: 12px auto;}
.secPageTop02 a:hover{color: #000;text-decoration: underline;}

.secPageTop01.outsideSec,
.secPageTop02.outsideSec{width: 1200px; margin: 20px auto 0 auto;}

.secPageTop01.outsideSec+section{margin-top: 40px;}
.secPageTop02.outsideSec+section{margin-top: 40px;}

.label01{background: #AD8A00; color: #fff; line-height: 1; padding: 5px; font-size: 1.2rem; display: inline-block; margin-left: 20px; vertical-align: middle;}

.mgBrnR20{margin-right: 20px; display: inline-block;}
.iconNone{background-image: none !important;padding-right: 0!important ;}

.discLink:hover{color:#0093BF; }

.fs18B{font-size: 1.8rem !important; font-weight: bold;}
.fs18{font-size: 1.8rem !important;}
.enTtl01{font-size: 2.8rem; font-family: 'MQ';}

.makerT01{font-weight: bold;display: inline-block;line-height: 1;padding: 10px 15px; background: #F3F3F3;}

.giftLimited { color: #fff; margin-right: 8px; padding: 4px 6px; background: #168ABE;}

@media screen and (max-width: 768px){
.notice01,
.notice02{font-size: 1rem;}

.leadFont01{font-size: 2.8rem;}
.leadFont02{font-size: 2.2rem;}
.leadFont03{font-size: 1.6rem; }
.leadFont04{font-size: 1.4rem;}
.leadFont05{font-size: 2.0rem;}

.leadFont01en{font-size: 4rem;}
.leadFont02en{font-size: 3.2rem;}
.leadFont03en{font-size: 2.4rem;}
   
   

   
.address a{margin-left: 0; margin-top: 5px;}
.address a:hover{background:#0093BF !important; color: #fff; transition: 0.6; }
.tell01{display: inline-block; margin-right: 0;margin-top: 5px;pointer-events:all; text-decoration: underline; color: #0093BF;}
.tell01time{ display: block;margin-top: 10px;}
.shop_url{display: block;margin-top: 10px;}
.aHead{display: block;}

.secPageTop01.outsideSec,
.secPageTop02.outsideSec{width: 100%; padding: 0 15px; margin: 10px auto 0 auto;}

.secPageTop01.outsideSec+section{margin-top: 20px;}
.secPageTop02.outsideSec+section{margin-top: 20px;}

section+.secPageTop01.outsideSec{margin-top: -30px;}
section+.secPageTop02.outsideSec{margin-top: -30px;}

.secPageTop01,
.secPageTop02{font-size: 1.1rem;}
.secPageTop01 a,
.secPageTop02 a{ font-size: 1.1rem; background: url("/common/img/icon_sec_pagetop.png") no-repeat 0 0.3em;  background-size: 12px auto;}
.label01{ padding: 4px; font-size: 1rem; margin-left: 10px; }
.secPageTop02{padding-top: 10px; }
.mgBrnR20{margin-right: 0; display: block;}

.discLink{ font-size: 1.6rem !important;}

.fs18B{font-size: 1.6rem !important; font-weight: bold;}
.fs18{font-size: 1.6rem !important; }
.enTtl01{font-size: 2.4rem;line-height: 1.2;}

}

/*--------------------------------
Title
---------------------------------*/
.deviceTtl01{font-size: 2.6rem;margin:80px 0 30px;}
.deviceTtl02{font-size: 2rem;margin:40px 0 20px;}
.deviceTtl03{font-size: 1.8rem;margin:40px 0 20px;padding-left: 10px; border-left: 3px solid #000;}
.deviceTtl04{font-size: 1.4rem;margin:40px 0 15px;padding-bottom: 10px;position: relative;}
.deviceTtl04::after{content: '';position: absolute;width: 100px; height: 1px; background: #000; bottom: 0; left: 0;}

.deviceTtl04T{font-size: 1.4rem;margin:40px 0 15px;padding-bottom: 10px;position: relative;display: table;}
.deviceTtl04T::after{content: '';position: absolute;width: 100%; height: 1px; background: #000; bottom: 0; left: 0;}

.deviceTtl05{font-size: 1.4rem;margin:80px 0 20px;font-weight: normal;}
.deviceTtl05 strong{font-size: 2.2rem; display: inline-block; margin-right: 15px;}

.deviceTtl05B{font-size: 2.2rem; color: #fff; margin: 85px 0 0 0;font-weight: bold; background: #000000; padding: 10px 15px; display: block;}

.deviceTtl06{font-size: 1.8rem; color: #fff; margin: 0;font-weight: bold; background: #000000; padding: 10px 15px; display: table;}
.deviceTtl06B{font-size: 2.4rem; margin: 0;font-weight: bold; display: block;}
.deviceTtl06S{font-size: 2.0rem; margin: 30px 0 0 0;font-weight: bold; display: block;}

.labelTtl01{font-size: 1.8rem;margin:40px 0 20px;}
.labelTtl01 span{font-size: 2rem;font-family: 'MQ';line-height: 1; display: inline-block; padding: 5px 12px; margin-right:15px;border: 1px solid #000; vertical-align: middle;}
.labelTtl01 span em{font-size: 2.4rem; margin-left: 4px;}
.labelTtl01 strong{font-weight: normal;}

.bgTtl01{text-align: center; font-size: 2.4rem; color: #fff; background: #000; padding: 10px 0; margin: -80px -80px 80px -80px !important ;}

.iconTtl01{font-size: 1.8rem;margin:40px 0 20px;padding:2px 0 2px 40px; background: url("/common/img/bg_iconttl_01.png") no-repeat 0 0 ; background-size: 30px auto;}

/*title unique*/
.deviceTtl04 + *{margin-top: 0 !important;}

.mqTtl01{font-size: 1.2rem !important;text-align: center;margin-bottom: 40px;}
.mqTtl01 strong{font-size: 4.4rem;line-height: 1; font-family: 'MQ','繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3','Hiragino Kaku Gothic Pro'; display: block;font-weight: normal;}

.ttlLine01{position: relative; display: inline-block; text-align: center; margin: 0 auto 40px !important;}
/*
.ttlLine01::before{content:'';width: 80px; height: 1px; background: #707070; position: absolute; left:-110px; top: 50%;}
.ttlLine01::after{content:'';width: 80px; height: 1px; background: #707070; position: absolute; right:-110px; top: 50%;}
*/

/*discBg01*/
.discBg01{color: #fff; background: #0093bf;border-radius: 100px;display: inline-block;line-height: 1;padding: 5px 25px;font-size: 1.6rem !important;}
.discBg01 a{ color: #fff !important; transition: 0.4s; text-decoration: none !important;}
.discBg01 a:hover{ opacity: 0.7;}
.contentsHeadNotice p{margin-top: 15px;}
.contentsHeadNotice p:first-child{margin-top: 0;}

@media screen and (max-width: 768px){
.deviceTtl01{font-size: 2rem;margin:40px 0 20px;}
.deviceTtl02{font-size: 1.6rem;margin:30px 0 16px;}
.deviceTtl03{font-size: 1.4rem;margin:30px 0 14px;}
.deviceTtl04{font-size: 1.4rem;margin:30px 0 14px;padding-bottom: 5px;position: relative;}
.deviceTtl04::after{width: 50px; height: 1px;}
   
.deviceTtl04T{font-size: 1.4rem;margin:30px 0 14px;padding-bottom: 5px;position: relative;}
.deviceTtl04T::after{ height: 1px;}   
   
.deviceTtl05{ont-size: 1.2rem;margin:40px 0 20px;font-weight: normal;}
.deviceTtl05 strong{font-size: 1.8rem; display: block; margin-right: 0;}

.deviceTtl05B{font-size: 1.8rem; padding: 8px 10px; margin-top: 55px;}   
   
.deviceTtl06{font-size: 1.6rem; padding: 8px 10px;}

.deviceTtl06B{font-size: 1.8rem;}
.deviceTtl06S{font-size: 1.8rem; margin-top: 20px;}
   
.labelTtl01{font-size: 1.4rem;margin:30px 0 16px;display: table;}
.labelTtl01 span{font-size: 2rem;}
.labelTtl01 span em{font-size: 2.6rem; margin-left: 3px;}
.labelTtl01 strong{display: table-cell;vertical-align: top;padding-top: 7px;}

.iconTtl01{font-size: 1.4rem;margin:30px 0 16px;min-height: 30px;}

.bgTtl01{font-size: 1.8rem; padding: 5px 0; margin: -40px -40px 20px -40px !important ;}

.mqTtl01{margin-bottom: 20px;}
.mqTtl01 strong{font-size: 3.4rem;}

.ttlLine01{ margin: 0 auto 30px !important;}
/*
.ttlLine01::before{width: 30px; left:-40px;}
.ttlLine01::after{width: 30px; right:-40px;}
*/

.freedom img{ width: 80% !important;}

/*discBg01*/
.discBg01{line-height: 1.4!important;padding: 5px 25px;font-size: 1.4rem !important;}
.contentsHeadNotice p{margin-top: 10px;}
.contentsHeadNotice{padding-bottom: 20px;}
}



/*--------------------------------
LIST
---------------------------------*/
/*dateList01*/
.dateList01 li{border-top: 1px solid #efefef;}
.dateList01 li a{padding: 15px 50px 15px 15px; display: table; width: 100%; background: url("/common/img/arrow_r_01_hv.png") no-repeat right center #fff;}
.dateList01 li a[target="_blank"]{padding: 15px 50px 15px 15px; display: table; width: 100%; background: url("/common/img/blank_01_hv.png") no-repeat right center #fff;}
.dateList01 li a[target="_blank"]{padding: 15px 50px 15px 15px; display: table; width: 100%; background: url("/common/img/blank_01_hv.png") no-repeat right center #fff;}
.dateList01 li a[href$=".pdf"] {padding: 15px 50px 15px 15px; display: table; width: 100%; background: url("/common/img/icon_pdf_02.png") no-repeat right center #fff;}

.dateList01 li a span{ display: table-cell;vertical-align: top;width: 120px;}
.dateList01 li a strong{ display: table-cell;font-size: 1.2rem;font-weight: normal;}
.dateList01 li a span.date{font-size: 1.2rem;}
span.category{font-size: 1rem; }
span.category em{border-radius: 2em;border: 1px solid #000; padding: 3px 15px; line-height: 1; text-align: center; display: inline-block;width: 105px;}
span.category em.cat_cosmetics{color: #D00080; border-color: #D00080;}
span.category em.cat_information{border-color: #747474}
span.category em.cat_fashion{color: #BE4200; border-color: #BE4200;}
span.category em.cat_campaign{color: #0036B1; border-color: #0036B1;}
.dateList01 li a:hover strong{text-decoration: underline;}

/*dateList02*/
.dateList02{padding: 80px;margin-top: 0 !important;}
.dateList02 li{border-top: 1px solid #efefef;}
.dateList02 li a{padding: 25px 25px 25px 0; display: table; width: 100%; background: url("/common/img/arrow_r_02_hv.png") no-repeat right center #fff;}
.dateList02 li a span{ display: table-cell;vertical-align: top;width: 135px;}
.dateList02 li a strong{ display: table-cell;font-size: 1.4rem;font-weight: normal;}
.dateList02 li a span.date{font-size: 1.4rem;}
.dateList02 li a:hover strong{text-decoration: underline;}
.dateList02 li:last-child{border-bottom: 1px solid #efefef;}


.tabMenu01{display: table;width: 100%;}
.tabMenu01 li{display: table-cell;width: 20%;border-right: 2px solid #fff;background: #fff;}
.tabMenu01.tabs6 li{width: 16.666%;table-layout: fixed;}
.tabMenu01 li:last-child{border: none;}
.tabMenu01 li a{padding: 20px;display: block;background: #000; color: #fff; text-align: center;border-top: 1px solid #000;}
.tabMenu01 li.cur a,
.tabMenu01 li a:hover{background: #fff; color: #000;border-top: 1px solid #000;}
.tabMenu01 li.cur a{pointer-events: none;}
.tabMenu01 li span{padding: 20px;display: block;background: #000; color: #fff; text-align: center;border-top: 1px solid #000; cursor: pointer;}
.tabMenu01 li.cur span,
.tabMenu01 li span:hover{background: #fff; color: #000;border-top: 1px solid #000;}
.tabMenu01 li.cur span{pointer-events: none;}



.pager{padding: 0 80px 80px 80px; text-align: center; line-height: 1;margin-top: 0!important;}
.pager li{display:inline-block;margin: 0 5px; }
.pager li a{display: block;padding: 10px 13px; border-radius: 2px; }
.pager li a:hover,
.pager li.current_page span{display: block; padding: 10px 13px; border-radius: 2px; background: #000; color: #fff;}

/*discList01*/
.discList01{ margin-left:1.5em !important;}
.discList01 li{ list-style:disc; list-style-position: outside; margin-top: 10px;}
.discList01 li a{ color: #0093BF;}

.productsBox01{padding-right: 20px;width: 100%;overflow: hidden;}
.productsBox01 li{width: 50%;margin-right: 10px;float: left;margin-top: 10px;}
.productsBox01 li:nth-child(2n){margin-right: -10px;}
.productsBox01 li:first-child,
.productsBox01 li:nth-child(2){margin-top: 0;}
.productsBox01 li a{width: 100%; background: #fff;padding: 40px; display: table;}
.productsBox01 li a div{display: table-cell; vertical-align: middle;}
.productsBox01 li a .thumb{width:220px; margin-right: 40px; display: inline-block;}
.productsBox01 li a .thumb img{}
.productsBox01 li a .detail{display: inline-block;}
.productsBox01 li a .detail p{font-size: 1.2rem;}
.productsBox01 li a .detail p strong{display: block;font-size: 1.8rem;font-weight: bold;}
.productsBox01 li a .detail p span{font-size: 1.1rem; display: inline-block;line-height: 1; border: 1px solid #000;padding: 10px 40px 10px 10px; background: url("/common/img/arrow_r_01_hv.png") no-repeat right center; background-size: 20px auto;}
.productsBox01 li a:hover .detail p span{ background: url("/common/img/arrow_r_01.png") no-repeat right center #000; color: #fff; background-size: 20px auto; transition: 0.6s;}

.productsBox02{width: 100%; overflow: hidden;padding-right: 90px;}
.productsBox02 li{float:left; width: 25%; margin-right: 30px;margin-top: 30px;}
.productsBox02 li:nth-child(4n){margin-right: -90px;}
.productsBox02 li:nth-child(1),
.productsBox02 li:nth-child(2),
.productsBox02 li:nth-child(3),
.productsBox02 li:nth-child(4){margin-top: 0;}
.productsBox02 li a{ display: block;}
.productsBox02 li a[target="_blank"]{background: none;padding-right: 0;}
.productsBox02 li a:hover .detail p.name span{text-decoration: underline;}
.productsBox02 li a .thumb{background: #fff; text-align: center;padding: 20px;}
.productsBox02 li a .detail p{margin-top: 5px;}
.productsBox02 li a .detail p.label em{font-size: 1rem;line-height: 1; border: 1px solid;padding: 1px 3px;margin-right: 5px;}
.productsBox02 li a .detail p.label em.limited{border-color: #168ABE; color: #168ABE;}
.productsBox02 li a .detail p.label em.new{border-color: #E22B2B; color: #E22B2B;}
.productsBox02 li a .detail p.name span{font-weight: bold; background: url("/common/img/blank_02.png") no-repeat 99% center; padding-right: 20px;}
.productsBox02 li a .detail p.notice{font-size: 1.2rem;color: #565656;}

.pageSkip01{padding-right: 30px;width: 100%; overflow: hidden;}
.pageSkip01 ul{margin-top: 0;}
.pageSkip01 li{margin-right: 10px;width: 25%;float: left;margin-bottom: 10px;}
.pageSkip01 li:nth-child(4n){margin-right: -30px;}
.pageSkip01 li a{display: block;border-radius: 4px; border: 1px solid #979797;font-size: 1rem; padding: 12px; text-align: center; background:url("/common/img/icon_pageSkip01.png") no-repeat right  center;background-size: 30px auto;}
.pageSkip01 li a strong{display: block;font-size: 1.4rem;margin-bottom:2px; }
.pageSkip01 li a:hover{background:url("/common/img/icon_pageSkip01_hv.png") no-repeat right  center #000; color: #fff; transition: 0.6s;background-size: 30px auto;}

.pageSkip02{;width: 100%; overflow: hidden; text-align: center;}
.pageSkip02 ul{margin-top: 0;}
.pageSkip02 li{display: inline-block; margin: 0 15px 0 0;}
.pageSkip02 li a{background: url("/common/img/icon_pageSkip01.png") no-repeat left center; padding-left: 20px;background-size: 30px auto;}
.pageSkip02 li a:hover{opacity: 0.6;}


.pageSkip03{;width: 100%; overflow: hidden; font-size: 1.4rem;}
.pageSkip03 {margin-top: 0 !important; text-align: center !important;}
.pageSkip03 li{display: inline-block; margin-right: 5px; margin-top: 10px;}
.pageSkip03 li a{background: url("/common/img/icon_pageSkip01.png") no-repeat right center; padding: 15px 50px; display: block;border: 1px solid #C4C4C4; border-radius: 4px; background-size: 30px auto;}
.pageSkip03 li a:hover{background:url("/common/img/icon_pageSkip01_hv.png") no-repeat right  center #000; color: #fff; transition: 0.6s;background-size: 30px auto;}
.pageSkip03 li a strong{font-weight: normal;}

.pageSkip04{padding-right: 30px;width: 100%; overflow: hidden;}
.pageSkip04 li{margin-right: 10px;width: 25%;float: left;margin-bottom: 10px;}
.pageSkip04 li:nth-child(4n){margin-right: -30px;}
.pageSkip04 li a{display: block;border-radius: 4px; border: 1px solid #979797;font-size: 1rem; padding: 12px; text-align: center; background:url("/common/img/icon_pageSkip01.png") no-repeat right  center;background-size: 30px auto;}
.pageSkip04 li a strong{display: block;font-size: 1.4rem;margin-bottom:2px; font-weight: normal;}
.pageSkip04 li a:hover{background:url("/common/img/icon_pageSkip01_hv.png") no-repeat right  center #000; color: #fff; transition: 0.6s;background-size: 30px auto;}

.pageSkip05{width: 100%; overflow: hidden; font-size: 0; margin-top: 0 !important; text-align: center !important;}

.pageSkip05 li{display: inline-block; margin-right: 5px; margin-top: 10px; width: calc(25% - 5px);}
.pageSkip05 li:nth-child(4){ margin-right: 0;}
.pageSkip05 li a{background: url("/common/img/icon_pageSkip01_hv.png") no-repeat right center; padding: 15px 0; display: block; border-radius: 4px; background-size: 30px auto; font-family: "MQ"; font-size: 2.8rem; color: #fff;}

.pageSkip05 li:nth-child(1) a{ background-color: #000000;}
.pageSkip05 li:nth-child(2) a{ background-color: #D1BF00;}
.pageSkip05 li:nth-child(3) a{ background-color: #E5004F;}
.pageSkip05 li:nth-child(4) a{ background-color: #00B3DD;}


.pageSkip05 li a:hover{background:url("/common/img/icon_pageSkip01.png") no-repeat right  center #fff; color: #000; transition: 0.6s;background-size: 30px auto;}
.pageSkip05 li a strong{font-weight: normal;}

.categoryMenu02{padding-right: 80px; overflow: hidden;width: 100%;margin-top: 0 !important;}
.categoryMenu02 li{width: 33%; float: left;margin-right: 40px;margin-top: 40px;}
.categoryMenu02 li:nth-child(3n){margin-right: -80px;}
.categoryMenu02 li a{display: block; background: #fff; text-align: center;padding: 60px 20px;font-weight: bold; position: relative;}
.categoryMenu02 li a::before{content: ''; position: absolute; top: 0; left: 50%; margin-left: -120px; height: 4px ;width: 240px; background: #000;}
.categoryMenu02 li a strong{font-family: 'MQ';font-size: 3.6rem; display: block; font-weight: normal;}
.categoryMenu02 li a:hover{transition: 0.6s; opacity: 0.6;}
.categoryMenu02 li a[href$=".pdf"] {padding-right: 10px; background:#fff;}
.categoryMenu02 li a[target="_blank"] { background: url("/common/img/blank_02.png") no-repeat right 15px center #fff;}

.mqList01 li{background: url("/common/img/bg_iconttl_01.png") no-repeat 0 0.1em; padding: 2px 0 2px 30px; font-weight: bold; background-size: 20px auto;margin-top: 5px;}

.numList01 li{display: table; width: 100%;margin-top:2px;}
.numList01 li span{display: table-cell; padding: 10px;}
.numList01 li span.num{background: #F2F2F2; padding: 10px; font-size: 1.2rem;width: 120px;}
.numList01 li a{color: #0093BF;display: table-cell; padding: 10px;}
.numList01 li a:hover{text-decoration: underline;}

.numList02 li{ list-style:decimal;margin-left: 1.7rem;}
.numList02 li a{color: #0093BF;}
.numList02 li a:hover{text-decoration: underline;}

.inlineBList01{text-align: center;}
.inlineBList01 li{display: inline-block; margin: 0 10px;}
.inlineBList02{text-align: center;margin-top: 20px;}
.inlineBList02 li{display: inline-block; margin: 0 30px 20px;}
.inlineBList02 li img{vertical-align: top;}

.numTab01{text-align: center;}
.numTab01 li{display: inline-block;font-size: 4.8rem; line-height: 1;font-family: 'MQ'; margin: 0 15px;color: #C4C4C4; cursor: pointer;padding-bottom: 10px;border-bottom: 1px solid #fff;}
.numTab01 li:hover,
.numTab01 li.cur{color: #000;transition: 0.6s;border-bottom: 1px solid #000;}

.cellList01{border-top: 1px solid #C4C4C4;margin-top: 60px !important;}
.cellList01 li{display: table; width: 100%; border-bottom: 1px solid #C4C4C4;}
.cellList01 li span{display: table-cell;vertical-align: top;padding: 20px 0;}
.cellList01 li span:first-child{font-weight: bold;padding: 20px 20px 20px 0;width: 200px;}

.subNav01{text-align: center;}
.subNav01 ul{}
.subNav01 ul li{display: inline-block; margin: 0 20px;padding: 0 0;position: relative;}
.subNav01 ul li.cur:after,
.subNav01 ul li:hover:after{content: ''; position: absolute;width: 60px; height: 2px; background: #000; bottom: 0; left: 50%; margin-left: -30px; transition: 0.6s; opacity: 0.6;}
.subNav01 ul li a{font-size: 1.4rem; font-weight: bold;padding: 20px 0; display: block;}

.pointBox01{}
.pointBox01 a{ display: block;}
.pointBox01 .thumb{position: relative;border: 1px solid #C4C4C4;margin-bottom: 15px; text-align: center;}
.pointBox01 .thumb img{max-width: 100%; height: auto;}
.pointBox01 .thumb span{position: absolute;}
.pointBox01 .thumb span img{width: auto; height: auto;}
.pointBox01 .thumb span.new{left: 10px;top: 10px;}
.pointBox01 .thumb span.daisy{left: 15px; bottom: 15px;}
.pointBox01 .thumb span.daisy img{width: 38px; height: auto;}
.pointBox01 .detail span{ display: block;}


.siteMap01{margin-top: 0 !important;}
.siteMap01 li{border-bottom: 1px solid #C4C4C4; padding: 0 0 35px 0;margin-bottom: 35px;}
.siteMap01 li a{font-size: 1.6rem; font-weight: bold;}
.siteMap01 li a[target="_blank"]{padding-right: 19px;}
.siteMap01 li a:hover{opacity: 0.5; transition: 0.6s;}
.siteMap01 li ul.child{margin-top: 0;padding-top: 30px;margin-left: 30px;}
.siteMap01 li.simpleLink01,
.siteMap01 li ul.child li{border: none; padding: 5px 0;margin-bottom: 0;}
.siteMap01 li.simpleLink01 a,
.siteMap01 li ul.child li a{font-size: 1.4rem; font-weight: normal;padding-left: 15px;background: url("/common/img/arrow_r_02_hv.png") no-repeat left center; background-size: 5px auto;}
.siteMap01 li.simpleLink01 a[target="_blank"],
.siteMap01 li ul.child li a[target="_blank"]{ position: relative;}
.siteMap01 li.simpleLink01 a[target="_blank"]:before,
.siteMap01 li ul.child li a[target="_blank"]:before{ content: ""; top: 3px; right: 0; background: url("/common/img/blank_02.png") no-repeat; display: block; position: absolute; width: 10px; height: 9px;}

.bnrList01{text-align: center;}
.bnrList01 li{width: 400px; display: inline-block; margin-left: -4px; padding: 0 10px}


@media screen and (max-width: 768px){
/*dateList01*/
.dateList01 li a{padding: 10px 30px 10px 10px;background-size: auto 10px; display: block;}
.dateList01 li a span{ display:block;width: 100px; float: left;}
.dateList01 li a strong{ display:block;font-size: 1.1rem; width: 100%; clear: both;padding-top:5px;}
.dateList01 li a span.date{font-size: 1.1rem;}
.dateList01 li a span.category{font-size: 0.9rem;}
.dateList01 li a span.category em{padding: 2px 5px; width: 90px;}

/*dateList02*/
.dateList02{padding:20px 15px;}
.dateList02 li a{padding: 10px 15px 10px 0;background-size: auto 10px; display: block;}
.dateList02 li a span{ display:block;width: 100px; float: left;}
.dateList02 li a strong{ display:block;font-size: 1.1rem; width: 100%; clear: both;padding-top:5px;}
.dateList02 li a span.date{font-size: 1.1rem;}
.dateList02 li a span.category{font-size: 0.9rem;}
.dateList02 li a span.category em{padding: 2px 5px; width: 90px;}

   
.tabMenu01 li{border-right: 1px solid #fff; word-break: break-all;}
.tabMenu01 li a{padding: 10px 5px;}
.tabMenu01 li span{padding: 5px 0;}

.pager{padding: 0 0 40px 0;}
.pager li{margin: 0 2px; }
.pager li a{display: block;padding: 8px 10px; }
.pager li a:hover,
.pager li.current_page span{padding: 8px 10px;}

.discList01 li{margin-top: 5px;}

.productsBox01{padding-right: 10px;}
.productsBox01 li a{padding: 30px 0 15px; display: block;}
.productsBox01 li a div{display:block;}
.productsBox01 li a .thumb{width:70%; margin: 0 auto 20px; display: block;}
.productsBox01 li a .thumb img{}
.productsBox01 li a .detail{margin-top: 10px; text-align: center;display: block;}
.productsBox01 li a .detail p{font-size: 1rem;}
.productsBox01 li a .detail p strong{font-size: 1.4rem;}
.productsBox01 li a .detail p span{display: none;}

.productsBox02{padding-right: 10px;}
.productsBox02 li{width: 50%; margin-right: 10px;margin-top: 10px;}
.productsBox02 li:nth-child(2n){margin-right: -10px;}
.productsBox02 li:nth-child(1),
.productsBox02 li:nth-child(2){margin-top: 0;}
.productsBox02 li:nth-child(3),
.productsBox02 li:nth-child(4){margin-top: 10px;}
.productsBox02 li a .thumb{background: #fff; text-align: center;padding: 10px;}
.productsBox02 li a .detail p.label em{font-size: 0.9rem;padding: 1px 2px;}
.productsBox02 li a .detail p.name{font-size: 1.2rem;}
.productsBox02 li a .detail p.name span{font-weight: bold; background: url("/common/img/blank_02.png") no-repeat right center; padding-right: 20px;}
.productsBox02 li a .detail p.notice{font-size: 1rem;}

.menuBtn{margin-top: 0;line-height: 1 !important;}
.menuBtn span{border-radius: 4px 4px; color: #fff;font-size: 1.2rem; padding:15px 40px 15px 20px; display: inline-block;background: url("/common/img/skipnav_menu.png") no-repeat right center #000;}
.menuBtn.cur span{border-radius: 4px 4px 0 0; background: url("/common/img/skipnav_close.png") no-repeat right center #000;}
.pageSkip01{padding-right: 0;margin-top: 0!important;}
.pageSkip01 ul{margin-top: 0; display: none;}
.pageSkip01 li{margin-right: 0;width: 100%;float: none;margin-bottom: 0;}
.pageSkip01 li:nth-child(4n){margin-right: 0;}
.pageSkip01 li a{display: block;border-radius: 0; border: none; color: #fff; background: url("/common/img/icon_pageSkip01_hv.png") no-repeat right center #000;background-size: 30px auto;}
.pageSkip01 li a strong{margin-bottom:0; }

.pageSkip02{ text-align: left;}
.pageSkip02 li{display: inline-block; margin: 0 15px 0 0;margin-top: 5px;}

.pageSkip03{width: 100%; overflow: hidden; font-size: 1.0rem;}
.pageSkip03 {margin-top: 0; }
.pageSkip03 li{display: inline-block; margin-right: 5px; margin-top: 10px;}
.pageSkip03 li a{background: url("/common/img/icon_pageSkip01_sp.png") no-repeat right center; background-size: 20px auto;padding: 10px 25px 10px 8px; }
.pageSkip03 li a:hover{background:url("/common/img/icon_pageSkip01_hv.png") no-repeat right  center #000; color: #fff; transition: 0.6s;background-size: 20px auto;}
.pageSkip03 li a strong{font-weight: normal;}

.pageSkip04{padding-right: 10px;}
.pageSkip04 li{width: 50%;float: left; margin-right: 10px;}
.pageSkip04 li:nth-child(2n){margin-right: -10px;}
.pageSkip04 li a{padding: 10px 30px 10px 10px;}
   
.pageSkip05{}
.pageSkip05 li{ width: calc(50% - 3px); margin-top: 6px; margin-right: 6px;}
.pageSkip05 li:nth-child(2n){margin-right: 0;}
.pageSkip05 li a{ background: url("/common/img/icon_pageSkip01_hv.png") no-repeat right -10px center; background-size: 26px auto; padding: 10px 25px 10px 8px; font-size: 1.8rem; border-radius: 6px;}
   
.pageSkip05.enCol1 li{ width: 100%; display: block; margin: 10px 0 0 0;}

.categoryMenu02{padding-right: 15px; margin-top: 5px !important;}
.categoryMenu02 li{width: 50%;margin-right: 15px;margin-top: 15px;}
.categoryMenu02 li:nth-child(2n){margin-right: -15px !important;}
.categoryMenu02 li:nth-child(3n){margin-right: 15px ;}
.categoryMenu02 li a{padding: 30px 5px;font-size: 1rem;}
.categoryMenu02 li a::before{margin-left: -52px; height:3px ;width: 105px; }
.categoryMenu02 li a strong{font-size: 2.2rem; }

.mqList01 li{background: url("/common/img/bg_iconttl_01.png") no-repeat 0 0.2em; padding: 4px 0 4px 30px; font-weight: bold; background-size: 20px auto;}

.numList01 li span.num{font-size: 1.1rem;width: 88px;vertical-align: middle;}
.numList01 li a{padding-right: 0;}

.inlineBList01{text-align: center;}
.inlineBList01 li:first-child{margin-top: 0;}
.inlineBList01 li{margin: 0 5px;width: auto; margin-top: 10px ; }
.inlineBList01 li a{width: 100%; }

.inlineBList02{text-align: center;}
.inlineBList02 li{margin: 20px 0 0 0;width: auto; display: block;}
.inlineBList02 li a{width: 100%; }
.inlineBList02 li a img{width: auto; height: auto;}

.numTab01 li{font-size: 2.4rem;  margin: 0 2px;}
.cellList01{margin-top: 30px !important;}
.cellList01 li{display: block;}
.cellList01 li span{display: block;padding: 0 0 15px 0;}
.cellList01 li span:first-child{padding: 15px 0 5px 0;width: 100%;}


.subNav01{padding-right: 0;margin-top: 0!important;padding-bottom: 0;}
.subNav01 ul{margin-top: 0; display: none;padding: 5px 0; background: #000;}
.subNav01 ul li{margin: 0;width: 100%;float: none;}
.subNav01 ul li:nth-child(4n){margin-right: 0;}
.subNav01 ul li a{padding: 10px 0; display: block;border-radius: 0; border: none; color: #fff; background: url("/common/img/arrow_r_01.png") no-repeat right center #000;background-size: 30px auto;}
.subNav01 ul li a strong{margin-bottom:0; }

.subNav01 .menuBtn{margin-top: 0;line-height: 1 !important;}
.subNav01 .menuBtn span{color: #000;font-size: 1.2rem; padding:10px 25px 10px 0; background: url("/common/img/sp_nav_menu.png") no-repeat right center ; background-size:19px auto;}
.subNav01 .menuBtn.cur span{background: url("/common/img/sp_nav_close.png") no-repeat right center ;background-size:19px auto;}

.pointBox01{margin-top: 20px !important;}
.pointBox01:nth-child(1),
.pointBox01:nth-child(2){margin-top: 0 !important;}
.pointBox01:nth-child(2n){margin-right: 0;}
.pointBox01 .thumb{margin-bottom: 5px;}
.pointBox01 .thumb img{max-width: 100%; height: auto;}
.pointBox01 .thumb span{position: absolute;}
.pointBox01 .thumb span img{width: auto; height: auto;}
.pointBox01 .thumb span.new{left: 5px;top: 5px;}
.pointBox01 .thumb span.new img{width: 25px; height: auto;}
.pointBox01 .thumb span.daisy{left: 5px; bottom: 5px;}
.pointBox01 .thumb span.daisy img{width: 18px; height: auto;}
.pointBox01 .detail span{ display: block;}

.spSlideWrap01{padding: 0 0 10px 0;width: 100%;  overflow: auto;  -webkit-overflow-scrolling: touch;}
#contentsWrap .spSlideWrap01 img.scrollImg01{width: 800px !important; max-width: 800px !important;height: auto;}

#contentsWrap .spSlideWrap01 img.scrollImg02{width: 500px !important; max-width: 500px !important;height: auto;}

.siteMap01 li{padding: 0 0 15px 0;margin-bottom: 15px;}
.siteMap01 li a{font-size: 1.4rem;}
.siteMap01 li ul.child{margin-top: 0;padding-top: 10px;margin-left: 20px;}
.siteMap01 li.simpleLink01 a,
.siteMap01 li ul.child li a{font-size: 1.2rem;} 

.bnrList01{text-align: center;}
.bnrList01 li{width: 100%; display: block; margin-left: 0; padding: 0; margin-top: 15px;}


}

/*--------------------------------
BUTTON
---------------------------------*/
.defaultBtn01{ font-size: 1.4rem;min-width: 340px; display: inline-block; margin: 0 auto; padding: 15px 40px; background: url("/common/img/arrow_r_01.png") no-repeat right center #000; color:#fff; border-radius: 3px; border: 1px solid #000; text-align: center;text-decoration: none;}
.defaultBtn01:hover{color: #000;background: url("/common/img/arrow_r_01_hv.png") no-repeat right center #fff; cursor: pointer;transition: 0.6s;}

.defaultBtn01[target="_blank"]{ background: url("/common/img/blank_01.png") no-repeat right center #000 !important;padding: 15px 40px !important; }
.defaultBtn01[target="_blank"]:hover{background: url("/common/img/blank_01_hv.png") no-repeat right center #fff !important;}

.defaultBtn01S{ font-size: 1.6rem;min-width: 260px; display: inline-block; margin: 0 auto; padding: 15px 40px; color:#fff; border-radius: 3px; border: 1px solid #000; text-align: center;text-decoration: none;}
.defaultBtn01S:hover{color: #000; cursor: pointer;transition: 0.6s;}

.defaultBtn02{ font-size: 1.4rem;min-width: 340px; display: inline-block; margin: 0 auto; padding: 15px 40px; background: url("/common/img/arrow_l_01.png") no-repeat left center #fff; color:#000; border-radius: 3px; border: 1px solid #C4C4C4; text-align: center; text-decoration: none; cursor: pointer;} 
.defaultBtn02:hover{color: #fff;background: url("/common/img/arrow_l_01_hv.png") no-repeat left center #000;}

.defaultBtn02[target="_blank"]{ background: url("/common/img/blank_01.png") no-repeat right center #000; }
.defaultBtn02[target="_blank"]:hover{background: url("/common/img/blank_01_hv.png") no-repeat right center #fff;}

.defaultBtn02r{ font-size: 1.4rem;min-width: 340px; display: inline-block; margin: 0 auto; padding: 15px 40px; background: url("/common/img/arrow_r_01_hv.png") no-repeat right center #fff; color:#000; border-radius: 3px; border: 1px solid #C4C4C4; text-align: center; text-decoration: none; } 
.defaultBtn02r:hover{color: #fff;background: url("/common/img/arrow_r_01.png") no-repeat right center #000;}

.defaultBtn02r[target="_blank"]{ background: url("/common/img/blank_01_hv.png") no-repeat right center #fff; }
.defaultBtn02r[target="_blank"]:hover{background: url("/common/img/blank_01.png") no-repeat right center #000;}

.defaultBtn03{ font-size: 1.4rem;min-width: 340px; display: inline-block; margin: 0 auto; padding: 15px 40px; background: url("/common/img/arrow_l_01.png") no-repeat left center ; color:#000; border-radius: 3px; border: 1px solid #C4C4C4; text-align: center; text-decoration: none; } 
.defaultBtn03:hover{color: #fff;background: url("/common/img/arrow_l_01_hv.png") no-repeat left center ;}

.defaultBtn03[target="_blank"]{ background: url("/common/img/blank_01.png") no-repeat right center ; }
.defaultBtn03[target="_blank"]:hover{background: url("/common/img/blank_01_hv.png") no-repeat right center ;}

.defaultBtn03r{ font-size: 1.4rem;min-width: 340px; display: inline-block; margin: 0 auto; padding: 15px 40px; background: url("/common/img/arrow_r_01_hv.png") no-repeat right center !important; color:#000; border-radius: 3px; border: 1px solid #C4C4C4; text-align: center; text-decoration: none; } 
.defaultBtn03r:hover{color: #fff;background: url("/common/img/arrow_r_01.png") no-repeat right center #000!important;}

.defaultBtn03r[target="_blank"]{ background: url("/common/img/blank_01_hv.png") no-repeat right center !important; }
.defaultBtn03r[target="_blank"]:hover{background: url("/common/img/blank_01.png") no-repeat right center #000!important;}

.defaultBtn01Print{ font-size: 1.6rem; font-weight: bold; min-width: 260px; display: inline-block;  padding: 10px 40px; color:#fff; background: #000; border-radius: 5px; border: 1px solid #000; text-align: center;text-decoration: none; margin: 40px auto 10px;}
.defaultBtn01Print:hover{color: #000; background: #f0f0f0; cursor: pointer;transition: 0.6s;}


.defaultBtnRed01{ font-size: 1.4rem;min-width: 340px; display: inline-block; margin: 0 auto; padding: 15px 40px; background: url("/common/img/arrow_r_01.png") no-repeat right center #F01E1E; color:#fff; border-radius: 3px; border: 1px solid #F01E1E; text-align: center;text-decoration: none;}
.defaultBtnRed01:hover{color: #F01E1E;background: url("/common/img/arrow_r_red_01_hv.png") no-repeat right center #fff; cursor: pointer;transition: 0.6s;}

.defaultBtnRed01[target="_blank"]{ background: url("/common/img/blank_01.png") no-repeat right center #F01E1E !important;padding: 15px 40px !important; }
.defaultBtnRed01[target="_blank"]:hover{background: url("/common/img/blank_01_hv.png") no-repeat right center #fff !important;}


.defaultBtnmini01{ display: inline-block; color: #000;  text-decoration: none;line-height: 1; border: 1px solid #000;padding: 10px 40px 10px 10px; background: url("/common/img/arrow_r_01_hv.png") no-repeat right center; background-size: 20px auto;}
.defaultBtnmini01:hover{ background: url("/common/img/arrow_r_01.png") no-repeat right center #000; color: #fff; background-size: 20px auto; transition: 0.6s;}
.defaultBtnmini01[target="_blank"]{padding-right: 30px !important; background: url(/common/img/blank_02.png) no-repeat 95% center !important;}
.defaultBtnmini01[target="_blank"]:hover{ background: url("/common/img/blank_02_hv.png") no-repeat 95% center #000 !important; color: #fff; background-size: 20px auto; transition: 0.6s;}

.display-more-button {text-align: center;margin-top: 20px;}
.display-more-button a{display: inline-block;line-height: 1; color: #fff; background: #000; border-radius: 3px; text-decoration: none; padding: 10px 30px;border: 1px solid #fff; cursor: pointer;}
.display-more-button a:hover{color: #000; background: #fff; border: 1px solid #000;}
@media screen and (max-width: 768px){
.defaultBtn01{ font-size: 1.3rem;min-width:240px; max-width: 100%;}
.defaultBtn01S{ font-size: 1.3rem;min-width:240px; max-width: 100%;}
   
.defaultBtn02{ font-size: 1.3rem;min-width:240px; max-width: 100%;}
.defaultBtn02r{ font-size: 1.3rem;min-width:240px; max-width: 100%; padding: 15px 40px 15px 20px; }
.defaultBtn03{ font-size: 1.3rem;min-width:240px; max-width: 100%;}
.defaultBtn03r{ font-size: 1.3rem;min-width:240px; max-width: 100%; padding: 15px 40px 15px 20px; }
.defaultBtnRed01{ font-size: 1.3rem;min-width:240px; max-width: 100%;max-width: 308px;}
 .mw308{max-width: 308px;padding-left: 35px;padding-right: 35px;}
 .pdS{padding: 15px 35px 15px 30px !important; }
.display-more-button a:hover{color: #fff; background: #000; border: 1px solid #fff;}
   
.defaultBtn01Print{ font-size: 1.4rem; min-width: 160px; padding: 10px 30px; border-radius: 5px; margin: 0 auto;}   
   
}



/*--------------------------------
Column
---------------------------------*/
.colWrap{width: 100%; overflow: hidden; margin: 20px 0 0 0; }
.colWrap .cell12{width:100%; float:left;}
.colWrap .cell11{width:91.6%; float:left;}
.colWrap .cell10{width:83.3%; float:left;}
.colWrap .cell9{width:75%; float:left;}
.colWrap .cell8{width:66.6%; float:left;}
.colWrap .cell7{width:58.3%; float:left;}
.colWrap .cell6{width:50%; float:left;}
.colWrap .cell5{width:41.6%; float:left;}
.colWrap .cell4{width:33.333%; float:left;}
.colWrap .cell3{width:25%; float:left;}
.colWrap .cell2{width:16.6%; float:left;}
.colWrap .cell1{width:8.3%; float:left;}

.colWrap .pl20{padding-left: 20px;}
.colWrap .pl30{padding-left: 30px;}
.colWrap .pl40{padding-left: 40px;}

.colWrap .cell6 img,
.colWrap .cell5 img,
.colWrap .cell4 img,
.colWrap .cell3 img,
.colWrap .cell2 img,
.colWrap .cell1 img{width:100%;height: auto;}

.colWrap{width: 100%; overflow: hidden; margin: 20px 0 0 0; }
.colWrap.col2 {padding-right: 20px;}
.colWrap.col2 .cell{width: 50%;float: left;margin-right: 20px;}
.colWrap.col2 .cell:last-child{margin-right: -20px;}
.colWrap.col3 {padding-right: 40px;}
.colWrap.col3 .cell{width: 33.33%;float: left; margin-right: 20px;}
.colWrap.col3 .cell:nth-child(3n),
.colWrap.col3 .cell:last-child{margin-right: -40px;}
.colWrap.col4 {padding-right: 60px;}
.colWrap.col4 .cell{width:25%;float: left; margin-right: 20px;}
.colWrap.col4 .cell:last-child{margin-right: -60px;}
.colWrap.col5 {padding-right: 80px;}
.colWrap.col5 .cell{width:20%;float: left; margin-right: 20px;}
.colWrap.col5 .cell:last-child{margin-right: -80px;}

.colWrap.NoneColumn01{margin-top: 0;padding-right: 0 !important;}
.colWrap.NoneColumn01 .cell{ width: 100% !important; float: none !important; margin-top: 40px;margin-right: 0 !important;}
.colWrap.NoneColumn01 .cell:first-child{margin-top: 0 !important;}
.colWrap.NoneColumn01 .cell img{ display: block; margin: 0 auto;} 


.colWrap.col2.Padd80 {padding-right: 80px;}
.colWrap.col2.Padd80 .cell{width: 50%;float: left;margin-right: 80px;}
.colWrap.col2.Padd80 .cell:last-child{margin-right: -80px;}

.colWrap.col2.Padd40 {padding-right: 40px;}
.colWrap.col2.Padd40 .cell{width: 50%;float: left;margin-right: 40px;}
.colWrap.col2.Padd40 .cell:last-child{margin-right: -40px;}
.colWrap.col3.Padd40 {padding-right: 80px;}
.colWrap.col3.Padd40 .cell{width: 33.33%;float: left; margin-right: 40px;}
.colWrap.col3.Padd40 .cell:last-child{margin-right: -80px;}
.colWrap.col4.Padd40 {padding-right: 120px;}
.colWrap.col4.Padd40 .cell{width:25%;float: left; margin-right: 40px;}
.colWrap.col4.Padd40 .cell:last-child{margin-right: -120px;}

.colWrap.col2.Padd30 {padding-right: 30px;}
.colWrap.col2.Padd30 .cell{width: 50%;float: left;margin-right: 30px;}
.colWrap.col2.Padd30 .cell:nth-child(2n),
.colWrap.col2.Padd30 .cell:last-child{margin-right: -30px;}
.colWrap.col3.Padd30 {padding-right: 60px;}
.colWrap.col3.Padd30 .cell{width: 33.33%;float: left; margin-right: 30px; margin-top: 30px;}
.colWrap.col3.Padd30 .cell:nth-child(3n),
.colWrap.col3.Padd30 .cell:last-child{margin-right: -60px;}
.colWrap.col3.Padd30 .cell:nth-child(1),
.colWrap.col3.Padd30 .cell:nth-child(2),
.colWrap.col3.Padd30 .cell:nth-child(3){margin-top: 0;}
.colWrap.col4.Padd30 {padding-right: 90px;}
.colWrap.col4.Padd30 .cell{width:25%;float: left; margin-right: 30px;}
.colWrap.col4.Padd30 .cell:last-child{margin-right: -90px;}

/*cell options*/
.cellMWrap01{display: table;}
.cellMWrap01 .cell{display: table-cell;vertical-align: middle; float: none !important;}

.wMax{width: 100%;}




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

.colWrap{width: 100%; overflow: hidden; margin: 20px 0 0 0; }

.colWrap.spCol1 div:first-child{margin-top: 0;}
.colWrap.spCol1 .cell12,
.colWrap.spCol1 .cell11,
.colWrap.spCol1 .cell10,
.colWrap.spCol1 .cell9,
.colWrap.spCol1 .cell8,
.colWrap.spCol1 .cell7,
.colWrap.spCol1 .cell6,
.colWrap.spCol1 .cell5,
.colWrap.spCol1 .cell4,
.colWrap.spCol1 .cell3,
.colWrap.spCol1 .cell2,
.colWrap.spCol1 .cell1{width:100%; float:none; margin-top: 10px;}

.colWrap.spCol1 .pl20{padding-left: 0;}
.colWrap.spCol1 .pl30{padding-left: 0;}
.colWrap.spCol1 .pl40{padding-left: 0;}

.colWrap .cell{float: none !important;width: 100% !important; margin-top: 20px ;margin-right: 0 !important;}
.colWrap .cell:first-child{margin-top: 0!important;}
.colWrap {padding-right: 0 !important;}

/*cell options*/
.cellMWrap01{display: block;}
.cellMWrap01 .cell{display: block;vertical-align: middle; float: none !important;width: 100%;}

.colWrap.NoneColumn01 .cell{ margin-top:20px;}

.colWrap.spFloatCol2 {padding-right: 10px;}
.colWrap.spFloatCol2 .cell{float: left !important; width: 50% !important; margin-top: 10px ;margin-right: 10px !important;}
.colWrap.spFloatCol2 .cell:nth-child(2){margin-top: 0;}
.colWrap.spFloatCol2 .cell:nth-child(2n){margin-right: -10px !important;}

}



/*---------------------------------
 LINE
-----------------------------------*/
.bdTop01{border-top: 1px solid #C4C4C4;}




/*---------------------------------
 BOX
-----------------------------------*/
.entryBody{padding-bottom: 80px;}
.bgCBox01{background: #f9f9f9; padding: 25px; margin: 20px 0 0 0;}
.bgCBox02{background: #FFF5F5; padding: 25px; margin: 20px 0 0 0;}
.bgCBox03{background: #FFF3F3; padding: 25px; margin: 20px 0 0 0;}
.bdBox01{ padding: 25px; border: 1px solid #C4C4C4; margin: 20px 0 0 0;}
.bdBox01R{color: #E22B2B; border: 1px solid #E22B2B; padding: 25px; margin: 20px 0 0 0;}
.bdBox01B{color: #333; border: 1px solid #333; padding: 25px; margin: 20px 0 0 0;}

.leadBox01{background: #fff;padding: 60px;}
.leadBox01 p{text-align: center;line-height: 1.8;margin-top: 40px;}
.leadBox01 p:first-child{margin-top: 0;}

.padBox01{padding: 80px;}
.padBox02{margin: 0 80px;padding: 0 0 80px 0;}

.miniSecWrap{margin: 80px 0 0;}
.miniSecWrap02{margin: 60px 0 0;}
.miniSec01{padding: 30px 0; border-top: 1px solid #C4C4C4;border-bottom: 1px solid #C4C4C4;margin-top: -1px;}

.miniSec01 .col2Wrap{ overflow: hidden;}
.miniSec01 .col2Wrap .left{ float: left; width: 260px;}
.miniSec01 .col2Wrap .right{ float: right; padding-left: 30px; width: calc(100% - 270px);}

.acBox01{border-top: 1px solid #C4C4C4; margin-top: -1px !important;}
.acBox01 dt{border-bottom: 1px solid #C4C4C4;padding: 20px 40px 20px 20px; background: url("/common/img/ac_plus_01.png") no-repeat right 20px; cursor: pointer;}
.acBox01 dt.cur{ background: url("/common/img/ac_minus_01.png") no-repeat right 20px;}
.acBox01 dd{border-bottom: 1px solid #C4C4C4;padding: 20px; display:none;}

.acBox01.iconQA dt{padding: 20px 40px 20px 40px; background: url("/common/img/ac_plus_01.png") no-repeat right 20px,url("/common/img/icon_q.png") no-repeat 10px 18px;}
.acBox01.iconQA dt.cur{padding: 20px 40px 20px 40px; background: url("/common/img/ac_minus_01.png") no-repeat right 20px,url("/common/img/icon_q.png") no-repeat 10px 18px;}
.acBox01.iconQA dd{padding: 20px 20px 20px 40px; background: url("/common/img/icon_a.png") no-repeat 10px 20px;}

.cationBox01{background: #F9F9F9;padding: 30px; font-size: 1.2rem;}
.cationBox01 .ttl{background: #000; text-align: center; font-weight: bold;font-size: 1.8rem; color: #fff;padding: 5px;margin: -30px -30px 0 -30px;}
.indentBlock01{ display: table; width: 100%;}
.indentBlock01 dt{display: table-cell;font-size: 1.4rem; font-weight: bold; white-space: nowrap;padding-right: 20px;}
.indentBlock01 dd{ display: table-cell;}

.indentBlock02{ padding-left: 1em;}


@media screen and (max-width: 768px){
.entryBody{padding-bottom: 40px;}
.bgCBox01{padding: 15px; }
.bgCBox02{padding: 15px;}
.bgCBox03{padding: 15px;}

.bdBox01{ padding: 15px; }
.bdBox01R{ padding:15px; }
.bdBox01B{ padding:15px; }

.leadBox01{padding: 25px 15px;}
.leadBox01 p{margin-top: 20px;}
.leadBox01 p img{width: 145px; height: auto;}

.padBox01{padding: 20px 15px;}
.padBox02{margin:  0 15px;padding: 0 0 20px 0;}
.miniSecWrap{margin: 40px 0 0;}
.miniSecWrap02{margin: 30px 0 0;}
.miniSec01{padding: 15px 0;}
.miniSec01 .col2Wrap .left{ float: none; width: 100%;}
.miniSec01 .col2Wrap .right{ float: none; padding-left: 0; margin-top: 20px; width: 100%;}

.acBox01 dt{padding:10px 40px 10px 10px; background: url("/common/img/ac_plus_01.png") no-repeat right center; background-size: 30px auto;}
.acBox01 dt.cur{ background: url("/common/img/ac_minus_01.png") no-repeat right 20px;background-size: 30px auto;}
.acBox01 dd{border-bottom: 1px solid #C4C4C4;padding: 20px; display:none;}

.acBox01.iconQA dt{padding: 10px 40px 10px 40px; background: url("/common/img/ac_plus_01.png") no-repeat right center,url("/common/img/icon_q.png") no-repeat 10px 10px; background-size: 30px auto,15px auto;}
.acBox01.iconQA dt.cur{padding: 10px 40px 10px 40px; background: url("/common/img/ac_minus_01.png") no-repeat right center,url("/common/img/icon_q.png") no-repeat 10px 10px; background-size: 30px auto,15px auto;}
.acBox01.iconQA dd{padding: 10px 10px 10px 40px; background: url("/common/img/icon_a.png") no-repeat 10px 10px; background-size: 15px auto;}

.cationBox01{padding: 10px;}
.cationBox01 .ttl{font-size: 1.4rem; padding: 5px;margin: -10px -10px 0 -10px;}
.indentBlock01{ display: block; width: 100%;}
.indentBlock01 dt{display: block;font-size: 1.2rem; padding-right: 0;text-align: center;padding-bottom: 5px;}
.indentBlock01 dd{ display: block;}
   

}


/*---------------------------------
 TABLE
-----------------------------------*/
.dataTable01{border: 1px solid #C4C4C4; width: 100%;}
.dataTable01 thead{}
.dataTable01 thead th{padding: 15px;border: 1px solid #C4C4C4;vertical-align: middle;background: #FBECEC; text-align: center;}
.dataTable01 thead th:first-child{text-align: left;}
.dataTable01 tbody th{padding: 15px;border: 1px solid #C4C4C4;background: #F8F8F8;vertical-align: middle;}
.dataTable01 tbody td{padding: 15px;border: 1px solid #C4C4C4;width: 20%; vertical-align: middle;text-align: center; font-size: 2.5rem;}
.indentTxt7em{ text-indent: -7em !important;padding-left: 7em !important; border-bottom:1px solid #C4C4C4; padding-bottom: 20px; }

.dataTable02{border: 1px solid #C4C4C4; width: 100%;}
.dataTable02 th{padding: 20px;border: 1px solid #C4C4C4; background: #F9F9F9; vertical-align: middle;width: 280px;}
.dataTable02 td{padding: 20px;border: 1px solid #C4C4C4; width: auto}

.dataTable03{border: 1px solid #C4C4C4; width: 100%; max-width: 500px;}
.dataTable03 th{padding: 20px;border: 1px solid #C4C4C4; background: #F9F9F9; vertical-align: middle;width: 250px;}
.dataTable03 td{padding: 20px;border: 1px solid #C4C4C4; width: 250px;}
.dataTable03 td.fontRed{ font-weight: bold; color: #F01E1E;}



@media screen and (max-width: 768px){
.dataTable01 thead th{padding: 5px;}
.dataTable01 thead th:first-child{text-align: left;}
.dataTable01 tbody th{padding: 5px;}
.dataTable01 tbody td{padding: 5px;font-size: 2rem;}
.indentTxt7em{ text-indent: 0 !important;padding-left: 0 !important;padding-bottom: 10px;}

.dataTable02 th{padding: 10px;width: 100px;}
.dataTable02 td{padding: 10px;}
   
.dataTable03{ max-width: 100%;}
.dataTable03 th{padding: 10px; width: 50%;}
.dataTable03 td{padding: 10px; width: 50%;}

}



/*---------------------------------
EntryBodySetting
-----------------------------------*/
section .entryBody h2{font-size: 2rem;margin:40px 0 20px;}
section .entryBody h3{font-size: 1.8rem;margin:40px 0 20px;padding-left: 10px; border-left: 3px solid #000;}
section .entryBody h4{font-size: 1.4rem;margin:40px 0 15px;padding-bottom: 10px;position: relative; font-weight: bold;}
section .entryBody h4::after{content: '';position: absolute;width: 100px; height: 1px; background: #000; bottom: 0; left: 0;}
section .entryBody h5{ont-size: 1.4rem;margin:80px 0 20px;font-weight: normal;}
section .entryBody h5 strong{font-size: 2.2rem; display: inline-block; margin-right: 15px;}

section .entryBody h2 span,
section .entryBody h3 span,
section .entryBody h4 span,
section .entryBody h5 span{font-weight: bold;}

section .entryBody p em{font-style: italic;}

/*discList01*/
section .entryBody ul{ margin-left:1.5em !important;}
section .entryBody ul li{ list-style:disc; list-style-position: outside; margin-top: 10px;}

section .entryBody.evenDir ul li a{color: #0093BF; text-decoration: underline;}
section .entryBody.evenDir ul li a:hover{color: #0093BF; text-decoration: none;}
section .entryBody.evenDir ol{margin-left:1.5em;}
section .entryBody.evenDir ol li{list-style:decimal; list-style-position: outside;}
section .entryBody.evenDir ol li a{color: #0093BF; text-decoration: underline;}
section .entryBody.evenDir ol li a:hover{color: #0093BF; text-decoration: none;}
section .entryBody.newsDir ul li a{color: #0093BF; text-decoration: underline;}
section .entryBody.newsDir ul li a:hover{color: #0093BF; text-decoration: none;}
section .entryBody.newsDir ol li a{color: #0093BF; text-decoration: underline;}
section .entryBody.newsDir ol li a:hover{color: #0093BF; text-decoration: none;}
section .entryBody.newsDir ol{margin-left:1.5em;}
section .entryBody.newsDir ol li{list-style:decimal; list-style-position: outside;}

section.newgraduatesWrap a[target="_blank"]{padding-right: 0; background: none;margin-top: 20px;}
section.newgraduatesWrap a img{margin-top: 20px;}

@media screen and (max-width: 768px){
section .entryBody h2{font-size: 1.6rem;margin:30px 0 16px;}
section .entryBody h3{font-size: 1.4rem;margin:30px 0 14px;}
section .entryBody h4{font-size: 1.4rem;margin:30px 0 14px;padding-bottom: 5px;position: relative;}
section .entryBody h4::after{width: 50px; height: 1px;}
section .entryBody h5{ont-size: 1.2rem;margin:40px 0 20px;font-weight: normal;}
section .entryBody h5 strong{font-size: 1.8rem; display: block; margin-right: 0;}

section .entryBody ul li{margin-top: 5px;}
}


/*---------------------------------
 img
-----------------------------------*/
.imgWmax{width: 100%; height: auto;}

.iconM5{margin: 4px 5px 0 0; display: inline-block; vertical-align: top;}
@media screen and (max-width: 768px){
.imgWmaxSP{width: 100%; height: auto;}
.iconM5{margin: 1px 3px 0 0;}
}

/*---------------------------------
 device
-----------------------------------*/
.spOnly{display: none;}
.spOnlyI{display: none;}
.pcOnly{display: block;}
.pcOnlyI{display: inline-block;}

@media screen and (max-width: 768px){
.spOnly{display: block;}
.spOnlyI{display: inline-block;}
.pcOnly{display: none;}
.pcOnlyI{display: none;}
}

/*---------------------------------
 overlay
-----------------------------------*/
#overlay {
	z-index: 14;
    cursor: pointer;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;

	background-color: rgba( 0,0,0, 0.5 );
}	


/*---------------------------------
 clearfix
-----------------------------------*/
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*ﾂ･*//*/
height: auto;
overflow: hidden;
/**/
}

/*---------------------------------
 margin
-----------------------------------*/
.mb0 { margin-bottom: 0px !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb80 {margin-bottom: 80px !important;}
.mt0 { margin-top: 0px !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}
.ml0 { margin-left: 0px !important;}
.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}
.mr0 { margin-right: 0px !important;}
.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.pAll0{padding: 0 !important;}
.mtx4{margin: 80px 0 0 !important;}
.mtx2{margin: 40px 0 0 !important;}
.mbx4{margin: 0 0 80px 0 !important;}
.mtbx4{margin: 80px 0 !important;}
@media screen and (max-width: 768px){ 
.mb0-sp { margin-bottom: 0px !important;}
.mb5-sp { margin-bottom: 5px !important;}
.mb10-sp { margin-bottom: 10px !important;}
.mb15-sp { margin-bottom: 15px !important;}
.mb20-sp { margin-bottom: 20px !important;}
.mb25-sp { margin-bottom: 25px !important;}
.mb30-sp { margin-bottom: 30px !important;}
.mb35-sp { margin-bottom: 35px !important;}
.mb40-sp { margin-bottom: 40px !important;}
.mb45-sp { margin-bottom: 45px !important;}
.mb50-sp { margin-bottom: 50px !important;}
.mt0-sp { margin-top: 0px !important;}
.mt5-sp { margin-top: 5px !important;}
.mt10-sp { margin-top: 10px !important;}
.mt15-sp { margin-top: 15px !important;}
.mt20-sp { margin-top: 20px !important;}
.mt25-sp { margin-top: 25px !important;}
.mt30-sp { margin-top: 30px !important;}
.mt35-sp { margin-top: 35px !important;}
.mt40-sp { margin-top: 40px !important;}
.mt45-sp { margin-top: 45px !important;}
.mt50-sp { margin-top: 50px !important;}
.ml0-sp { margin-left: 0px !important;}
.ml5-sp { margin-left: 5px !important;}
.ml10-sp { margin-left: 10px !important;}
.ml15-sp { margin-left: 15px !important;}
.ml20-sp { margin-left: 20px !important;}
.ml25-sp { margin-left: 25px !important;}
.ml30-sp { margin-left: 30px !important;}
.ml35-sp { margin-left: 35px !important;}
.ml40-sp { margin-left: 40px !important;}
.ml45-sp { margin-left: 45px !important;}
.ml50-sp { margin-left: 50px !important;}
.mr0-sp { margin-right: 0px !important;}
.mr5-sp { margin-right: 5px !important;}
.mr10-sp { margin-right: 10px !important;}
.mr15-sp { margin-right: 15px !important;}
.mr20-sp { margin-right: 20px !important;}
.mr25-sp { margin-right: 25px !important;}
.mr30-sp { margin-right: 30px !important;}
.mr35-sp { margin-right: 35px !important;}
.mr40-sp { margin-right: 40px !important;}
.mr45-sp { margin-right: 45px !important;}
.mr50-sp { margin-right: 50px !important;}

.mtx4{margin: 40px 0 0 !important;}
.mtx2{margin: 20px 0 0 !important;}
.mbx4{margin: 0 0 40px 0 !important;}
.mtbx4{margin: 40px 0 !important;}

.pr10-sp{padding-right: 10px !important;}
}

/*---------------------------------
 fig
-----------------------------------*/
.figL{ float:left !important;}
.figR{ float:right !important;}
.clear{ clear:both !important;}

.layoutC{ text-align:center !important;}
.layoutR{ text-align:right !important;}
.layoutL{ text-align:left !important;}
.layoutB{ font-weight: bold !important;}