@charset "UTF-8";

/*
base setting
*/

@font-face {
  font-family: 'myk';
  src:url('/cpn_cmn/font/myk.eot?-blbizj');
  src:url('/cpn_cmn/font/myk.eot?#iefix-blbizj') format('embedded-opentype'),
    url('/cpn_cmn/font/myk.woff?-blbizj') format('woff'),
    url('/cpn_cmn/font/myk.ttf?-blbizj') format('truetype'),
    url('/cpn_cmn/font/myk.svg?-blbizj#myk') format('svg');
}
.mm-header > .site-search > form > input[type="submit"]:before,
.mm-list a.mm-subopen:after,
.mm-list a.mm-subclose:before,
.mm-header > .site-search > form > .submit-btn:before,
.global-nav-wrap .global-nav-switch p a:before,
.g-nav-vertical ul.first > li:after,
.g-nav-megapop > ul > li > a:before,
.g-nav-horizontal ul.first > li > a:before,
.g-nav-horizontal ul.second > li > a:before,
.g-nav-horizontal ul.third > li > a:before,
.g-nav-vertical ul.first > li > a:after,
.g-nav-vertical ul.second > li > a:after,
.sp-acc .heading-2 h2:after,
.topic-tab-type .tab-link > ul > li:after,
.card-box a .heading:before,
.card-box a .heading02:before,
.card-box-3 a .heading > *:before,
.card-box-3 a .heading03 > *:before,
.card-box-4 > a:before,
.card-box-ctgTop a .heading:before,
.faq-wrap .open-close-button:after,
.faq-wrap .first > li > a:after,
a.icon-linkarea-arrow-01 span:before,
a.icon-linkarea-arrow-06 span:before,
.icon-link-arrow-02-block:before,
.icon-link-tel span:before,
.icon-link-arrow-02 span:before,
.icon-linkarea-mail-wrap > .icon-linkarea-mail > span:before,
.icon-linkarea-mail-wrap > .icon-linkarea-mail:hover > span:before,
div[class^="column-"] .card-box-2 > a:before,
*[class^="glyph-m"] span:before, [class*=" glyph-m"] span:before {
  display: block;
  position: absolute;
  bottom:5px;
  left: 50%;
  font-family: 'myk';
  color: #ffffff;
  font-size: 5px;
  font-size:0.5rem;
  line-height: 1;
  margin-left: -0.5em;
  font-weight: normal !important ;
  font-style: normal !important;
}
.asset span:before,
.example span:before,
.original span:before {
  font-family: 'myk'; 
}
*[class^="glyph-"] span, [class*=" glyph-"] span {
  position: relative;
  padding-left: 1.4em;
}
.topic-tab-type .tab-link > ul > li a:before,
.topic-list dl > dd a:before,
.topic-title-type-wrap .tab-link > ul > li .link a:before,
.topic-title-type *[class^="heading-"] .link > li > a:before,
.icon-link-arrow-01:before,
a.icon-linkarea-arrow-01 span:before,
.card-box-2 .box-inner > .heading:before,
.icon-link-arrow-03 span:before,
.icon-link-arrow-01:before,
*[class^="heading-"] .head-text-link:before,
*[class^="glyph-t-"] span:before, [class*=" glyph-t-"] span:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'myk';
  color: #333;
  font-size: 1em;
  font-weight: normal !important ;
  font-style: normal !important;
}
.rem span:before{
  font-size: 1.6rem;
}
/* フォント確認用　ここから*/

.font {
  font-family: 'myk';
  font-size: 100px;  
}

/* フォント確認用　ここまで*/

/*
icon type
*/
/*a icon type new  window*/
.glyph-t-open-window span:before,
.glyph-m-open-window span:before {
  content: "\e612";
}
/*b icon type login*/
.glyph-t-login > span:before,
.glyph-m-login > span:before {
  content: "\e613";
}
/*c icon type login*/
.glyph-t-print > span:before,
.glyph-m-print > span:before {
  content: "\e614";
}
/*d icon type login*/
.glyph-t-download > span:before,
.glyph-m-download > span:before {
  content: "\e615";
}
/*e icon type tel*/
.icon-link-tel span:before,
.glyph-t-tel span:before,
.glyph-m-tel span:before {
  content: "\e616";
}
/*f icon type new window*/
.side-nav-wrap ul li.blank > a:after,
.glyph-t-blank span:before,
.glyph-m-blank span:before {
  content: "\e617";
}
/*g icon type hamburger menu*/
.global-nav-wrap .global-nav-switch p a:before,
.glyph-t-menu span:before,
.glyph-m-menu span:before  {
  content: "\e618";  
}
/*i icon type search*/
.mm-header > .site-search > form > .submit-btn:before, 
.glyph-t-search span:before,
.glyph-m-search span:before {
  content: "\e61a";
}
/*j icon type rss*/
.glyph-t-rss span:before,
.glyph-m-rss span:before {
  content: "\e61b";
  font-size: 0.7rem;
}
/*k icon type bottom line　arrow*/
.faq-wrap .open-close-button.close:after,
.faq-wrap .first > li > a:after,
.glyph-t-line-arrow-bottom span:before,
.glyph-m-line-arrow-bottom span:before {
  content: "\e620"; 
  font-size: 0.75em;
}
/*l icon type top line　arrow*/
.faq-wrap .open-close-button:after,
.faq-wrap .first > li > a.current:after,
.glyph-t-line-arrow-top span:before,
.glyph-m-line-arrow-top span:before {
  content: "\e621";
  font-size: 0.75em;
}
/*m icon type left line　arrow*/
.mm-list a.mm-subclose:before,
.glyph-t-pager-prev span:before,
.glyph-m-pager-prev span:before,
.glyph-t-line-arrow-left span:before,
.glyph-m-line-arrow-left span:before {
  content: "\e61e";
}
/*n icon type right line　arrow*/
.mm-list a.mm-subopen:after,
.glyph-t-pager-next span:before,
.glyph-m-pager-next span:before,
.glyph-t-line-arrow-right span:before,
.glyph-m-line-arrow-right span:before,
.card-box a .heading:before,
.card-box a .heading02:before,
.card-box a .heading03:before,
.card-box-3 a .heading > *:before,
.card-box-ctgTop a .heading:before,
.topic-tab-type .tab-link > ul > li a:before,
.icon-link-arrow-02 span:before,
.icon-link-arrow-02-block:before,
.g-nav-vertical ul.second > li > a:after,
.g-nav-horizontal ul.second > li > a:before {
  content: "\e61f";
}
@media screen and (max-width: 767px) {
  .card-box-4 > a:before,
  div[class^="column-"] .card-box-2 > a:before {

  }  
}
.glyph-t-line-arrow-bold-bottom span:before,
.glyph-m-line-arrow-bold-bottom span:before {
  content: "\e620";
}
.glyph-t-line-arrow-bold-top span:before,
.glyph-m-line-arrow-bold-top span:before {
  content: "\e621";
}
.glyph-t-line-arrow-bold-left span:before,
.glyph-m-line-arrow-bold-left span:before {
  content: "\e622";
}
.glyph-t-line-arrow-bold-right span:before,
.glyph-m-line-arrow-bold-right span:before {
  content: "\e623";
}
.glyph-t-mark-arrow-bottom span:before,
.glyph-m-mark-arrow-bottom span:before {
  content: "\e624";
}
.glyph-t-mark-arrow-top span:before,
.glyph-m-mark-arrow-top span:before {
  content: "\e625";
}
.glyph-t-mark-arrow-left span:before,
.glyph-m-mark-arrow-left span:before {
  content: "\e626";
}
.glyph-t-mark-arrow-right span:before,
.glyph-m-mark-arrow-right span:before {
  content: "\e627";
}
/*m icon type bottom circle　line　arrow*/
.side-nav-wrap .second > li > a:after,
.sp-acc .heading-2 h2:after,
.glyph-t-square-plus span:before,
.glyph-m-square-plus span:before  {

}
.sp-acc .heading-2 h2.open:after,
.glyph-t-square-minus span:before,
.glyph-m-square-minus span:before  {
  content: "\e60c";
}
@media screen and (max-width: 767px) {
  .sp-acc .card-box-3 .heading > *:before,
  .topic-tab-type .tab-link > ul > li:after {
    content: "\e60b";    
  }
  .sp-acc .card-box-3 .heading.open > *:before,
  .topic-tab-type .tab-link > ul > li.open:after {
    content: "\e60c"
  }

}
/*w icon type plus*/
.side-nav-wrap .first > li > a:after,
.side-nav-wrap .third > li > a > span:after,
.glyph-t-plus span:before,
.glyph-m-plus span:before  {

}
/*x icon type　minus*/
.side-nav-wrap .first > li.current > a:after,
.side-nav-wrap .third > li.current > a > span:after,
.glyph-t-minus span:before,
.glyph-m-minus span:before {
}
/*y icon type under triangle　arrow*/
.g-nav-megapop > ul > li > a:before,
.glyph-t-arrow-triangle-bottom span:before,
.glyph-m-arrow-triangle-bottom span:before  {
  content: "\e62a";
}
.glyph-t-arrow-triangle-left span:before,
.glyph-m-arrow-triangle-left span:before {
  content: "\e600";
}
/*B icon type right triangle　arrow*/
.topic-title-type *[class^="heading-"] .link > li > a:before,
.topic-title-type-wrap .tab-link > ul > li .link a:before,
.topic-list dl > dd a:before,
.glyph-t-arrow-triangle-right span:before,
.glyph-m-arrow-triangle-right span:before,
.icon-link-arrow-03 span:before,
*[class^="heading-"] .head-text-link:before {
  content: "\e601";
  font-size: 0.813em;
}
.glyph-t-arrow-triangle-top span:before,
.glyph-m-arrow-triangle-top span:before {
  content: "\e62b";
}
/*C icon type mail-01*/
.glyph-t-mail span:before,
.glyph-m-mail span:before {
    content: "\e602";
}
/*D icon type mail-02*/
.icon-linkarea-mail-wrap > .icon-linkarea-mail > span:before,
.icon-linkarea-mail-wrap > .icon-linkarea-mail:hover > span:before,
.glyph-t-mail-through span:before,
.glyph-m-mail-through span:before{
  content: "\e603";
}
.glyph-t-circle-arrow-bottom span:before,
.glyph-m-circle-arrow-bottom span:before {
  content: "\e657";
}
.glyph-t-circle-arrow-top span:before,
.glyph-m-circle-arrow-top span:before {
  content: "\e604";
}
.glyph-t-circle-arrow-left span:before,
.glyph-m-circle-arrow-left span:before {
  content: "\e605";
}
/*H icon type bottom circle　line　arrow*/
.card-box-2 .box-inner > .heading:before,
.glyph-t-circle-arrow-right span:before,
.glyph-m-circle-arrow-right span:before {

}
.glyph-t-square-arrow-bottom span:before,
.glyph-m-square-arrow-bottom span:before {
  content: "\e607";
}
.glyph-t-square-arrow-top span:before,
.glyph-m-square-arrow-top span:before {
  content: "\e608";
}
.glyph-t-square-arrow-left span:before,
.glyph-m-square-arrow-left span:before {
  content: "\e609";
}
a.icon-linkarea-arrow-06 span:before,
.glyph-t-square-arrow-right span:before,
.glyph-m-square-arrow-right span:before {

}
/*N icon type bottom circle　line　arrow*/
.side-nav-wrap .second > li.current > a:after {

}
/*O icon type close*/
.glyph-t-close span:before,
.glyph-m-close span:before {
  content: "\e60d";
}
/*P icon type bottom circle　line　arrow*/
.g-nav-vertical ul.first > li > a:after,
.g-nav-horizontal ul.first > li > a:before,
.glyph-t-circle-line-arrow-bottom span:before,
.glyph-m-circle-line-arrow-bottom span:before {
  content: "\e620";
}
.glyph-t-circle-line-arrow-top span:before,
.glyph-m-circle-line-arrow-top span:before {
  content: "\e60f";
}
.glyph-t-circle-line-arrow-left span:before,
.glyph-m-circle-line-arrow-left span:before {
  content: "\e610";
}
.icon-link-arrow-01:before,
a.icon-linkarea-arrow-01 span:before,
.glyph-t-circle-line-arrow-right span:before,
.glyph-m-circle-line-arrow-right span:before {
    content: "\e611";
}
/*icon type enlarge*/
.glyph-t-enlarge span:before,
.glyph-m-enlarge span:before {
  content: "\e62c";
}
/*icon type reduction*/
.glyph-t-reduction span:before,
.glyph-m-reduction span:before {
  content: "\e62d";
}
/*icon type smart phone*/
.glyph-t-sp-01 span:before,
.glyph-m-sp-01 span:before {
  content: "\e62e";
}
.glyph-t-sp-02 span:before,
.glyph-m-sp-02 span:before {
  content: "\e62f";
}
/*icon type desktop*/
.glyph-t-desktop span:before,
.glyph-m-desktop span:before {
  content: "\e630";
}
/*icon type notepc*/
.glyph-t-notepc span:before,
.glyph-m-notepc span:before {
  content: "\e631";
}
/*icon type present*/
.glyph-t-present span:before,
.glyph-m-present span:before {
  content: "\e632";
}
/*icon type user*/
.glyph-t-user span:before,
.glyph-m-user span:before {
  content: "\e633";
}
/*icon type travel*/
.glyph-t-travel span:before,
.glyph-m-travel span:before {
  content: "\e634";
}
/*icon type check*/
.glyph-t-check-01 span:before,
.glyph-m-check-01 span:before {
  content: "\e635";
}
.glyph-t-check-02 span:before,
.glyph-m-check-02 span:before {
  content: "\e636";
}
/*icon type return*/
.glyph-t-return span:before,
.glyph-m-return span:before {
  content: "\e637";
}
/*icon type comment*/
.glyph-t-comment span:before,
.glyph-m-comment span:before {
  content: "\e638";
}
/*icon type card*/
.glyph-t-card span:before,
.glyph-m-card span:before {
  content: "\e639";
}
/*icon type i*/
.glyph-t-i span:before,
.glyph-m-i span:before {
  content: "\e63a";
}
/*icon type tel*/
.glyph-t-tel-02 span:before,
.glyph-m-tel-02 span:before {
  content: "\e63b";
}
.glyph-t-tel-03 span:before,
.glyph-m-tel-03 span:before {
  content: "\e63c";
}
/*icon type audio playback*/
.glyph-t-audio-playback span:before,
.glyph-m-audio-playback span:before {
  content: "\e63d";
}
/*icon type audio forward*/
.glyph-t-audio-forward span:before,
.glyph-m-audio-forward span:before {
  content: "\e63e";
}
/*icon type audio rewind*/
.glyph-t-audio-rewind span:before,
.glyph-m-audio-rewind span:before {
  content: "\e63f";
}
/*icon type audio stop*/
.glyph-t-audio-stop span:before,
.glyph-m-audio-stop span:before {
  content: "\e640";
}
/*icon type audio volume*/
.glyph-t-audio-volume span:before,
.glyph-m-audio-volume span:before {
  content: "\e641";
}
/*icon type favorite*/
.glyph-t-favorite span:before,
.glyph-m-favorite span:before {
  content: "\e642";
}
/*icon type home*/
.glyph-t-home span:before,
.glyph-m-home span:before {
  content: "\e643";
}
/*icon type good*/
.glyph-t-good span:before,
.glyph-m-good span:before {
  content: "\e644";
}
/*icon type waza*/
.glyph-t-waza span:before,
.glyph-m-waza span:before {
  content: "\e645";
}
/*icon type current-place*/
.glyph-t-current-place span:before,
.glyph-m-current-place span:before {
  content: "\e646";
}
/*icon type setting*/
.glyph-t-setting span:before,
.glyph-m-setting span:before {
  content: "\e647";
}
/*icon type flag*/
.glyph-t-flag span:before,
.glyph-m-flag span:before {
  content: "\e648";
}
/*icon type cart*/
.glyph-t-delete span:before,
.glyph-m-delete span:before {
  content: "\e649";
}
/*icon type cart*/
.glyph-t-cart span:before,
.glyph-m-cart span:before {
  content: "\e64a";
}
/*icon type procession*/
.glyph-t-procession span:before,
.glyph-m-procession span:before {
  content: "\e64b";
}
/*icon type memo*/
.glyph-t-memo span:before,
.glyph-m-memo span:before {
  content: "\e64c";
}
.glyph-t-prohibition span:before,
.glyph-m-prohibition span:before {
  content: "\e64d";
}
.glyph-t-attention span:before,
.glyph-m-attention span:before {
  content: "\e64e";
}
.glyph-t-date span:before,
.glyph-m-date span:before {
  content: "\e656";
}
 
/*
parts customize
*/
.g-nav-vertical ul.third > li > a:before,
.g-nav-horizontal ul.third > li > a:before,
.btn-type-color > span:before,
.btn-type-box-01 span:before,
.btn-type-box-02 span:before,
.icon-linkarea-mail-wrap > .icon-linkarea-mail > span:before,
.icon-linkarea-mail-wrap > .icon-linkarea-mail:hover > span:before {
  left: 10px;
}
.g-nav-vertical ul.first > li > a:after,
.g-nav-vertical ul.second > li > a:after,
.g-nav-horizontal ul.first > li > a:before,
.g-nav-horizontal ul.second > li > a:before,
.faq-wrap .first > li > a:after,
.icon-link-arrow-02-block:before {

}
.card-box-3 a .heading > *:before{
  left: auto;
  right: -0.5em;
}
.card-box a .heading:before,
.card-box-ctgTop a .heading:before,
.card-box a .heading02:before,
.card-box-ctgTop a .heading02:before{
  left: auto;
  right:0px;
}

a.icon-linkarea-arrow-01 span:before {
  top: 0.2em;
  left: 0;
  color: #000;
}
.btn-type-box-01 span:before {
  top: 0.5em;
  left: 10px;
}

.card-box-2 .box-inner > .heading:before,
.icon-link-arrow-01:before {
  top: 0;
  left: 0;
}
.side-nav-wrap .third > li > a > span:after,
.sp-acc .heading-2 h2:after {
  left: auto;
  right: 0;
}
.side-nav-wrap .first > li > a:after,
.side-nav-wrap .second > li > a:after {

}
.topic-title-type *[class^="heading-"] .link > li > a:before,
.topic-title-type-wrap .tab-link > ul > li .link a:before,
.topic-list dl > dd a:before,
.glyph-t-arrow-triangle-right span:before,
.icon-link-arrow-03 span:before,
*[class^="heading-"] .head-text-link:before {
  top: 0.3em;
}
.icon-link-arrow-02 span:before,
.icon-link-arrow-02-block:before,
.glyph-t-line-arrow-right span:before,
.topic-tab-type .tab-link > ul > li a:before {
  font-size: 0.75em;
  top: 0.3em;
}
.g-nav-horizontal ul.second > li > a:before {
  font-size: 0.75rem;
}
.g-nav-megapop > ul > li > a:before {
  top: auto;
  bottom: 10px;
  left: 50%;
  margin-left: -0.5em;
}
.icon-link-arrow-02 span:before {
  top: 0.8em;
}
.btn-type-normal.btn-s-small span:before,
.btn-type-normal.btn-s-msmall span:before {
  left: 5px;
}
.faq-wrap .open-close-button:after {
  left: 10px;
}
.btn-type-split > span:before {
  left: 15px;
}
*[class^="glyph-t-"] span, [class*=" glyph-t-"] span {
  display: inline-block;
}
.btn-type-split[class*=" glyph-t"] > span:before {
  top: 1.5em;  
}
.btn-type-color[class*=" glyph-t"] > span:before {
  top: 0.5em;
}
.btn-type-box-01[class*=" glyph-t"] > span:before {
  top: 0;
}
.mm-header > .site-search > form > .submit-btn:before {
  text-indent: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  color: #fff;
}
.mm-list a.mm-subclose:before {
  top: 41px;
}
.side-nav-wrap .third > li > a > span:after {
  right: 2px;
}
@media screen and (max-width:767px) {
  .card-box-4 > a:before {
    position: absolute;
    top: 50%;
    right: 24px;
    left: auto;
    margin-top: -0.5em;
  }
  .topic-tab-type .tab-link > ul > li:after {
    top: 1.85em;
    right: 6px;
    left: auto;
  }
  div[class^="column-"] .card-box-2 > a:before {
    right: 15px;
    left: auto;
  }
}

/*font-size*/
.g-nav-vertical ul.second > li > a:after,
.g-nav-horizontal ul.second > li > a:hover:before,
.g-nav-megapop > ul > li > a:before,
.side-nav-wrap .third > li > a > span:after,
.glyph-m-pager-prev span:before,
.glyph-m-pager-next span:before {
  font-size: 12px;
  font-size: 0.75rem !important;
}
.mm-list a.mm-subopen:after,
.mm-list a.mm-subclose:before,
.icon-linkarea-mail-wrap > .icon-linkarea-mail > span:before,
.icon-linkarea-mail-wrap > .icon-linkarea-mail:hover > span:before,
.mm-header > .site-search > form > .submit-btn:before,
.g-nav-megapop > ul > li > a:before,
.card-box-3 .heading > *:before {
  color: #fff;
}

.global-nav-wrap .global-nav-switch p a:before,
.card-box-3 .heading > *:before {

}
.card-box a .heading:before,
.card-box-ctgTop a .heading:before {
  font-size: 16px;
  font-size: 1.6rem;
  top: 0.25em;
  margin-top:0;
}

.card-box a .heading02:before,
.card-box-ctgTop a .heading02:before {
  font-size: 16px;
  font-size: 1.6rem;
  top: 50%;
  margin-top:-8px;
}

.g-nav-vertical ul.first > li > a:after,
.g-nav-horizontal ul.first > li > a:before {
  color: #ffffff;
}
.g-nav-vertical ul.first > li:hover > a:after,
.g-nav-vertical ul.first > li.open > a:after {
  color:  #ffffff;
}
.g-nav-vertical ul.first > li.no-exp > a:after,
.g-nav-horizontal ul.first > li.no-exp > a:before,
.g-nav-vertical ul.second > li.no-exp > a:after,
.side-nav-wrap ul li.plain > a:after  {
  content: "";
}
.g-nav-horizontal ul.second > li > a:hover:before,
.g-nav-horizontal ul.second > li.open > a:before,
.g-nav-vertical ul.second > li.open > a:after {
  color: #fff;
}
.g-nav-vertical ul.second > li > a:after {
  color: #666;
}
.side-nav-wrap .second > li > a:after,
.side-nav-wrap .second > li.current > a:after,
.side-nav-wrap .third > li > a > span:after {
  color: #9a9a9a;
}
.glyph-m-mail span:before,
.glyph-m-login span:before,
.glyph-m-print span:before,
.glyph-m-download span:before {
  font-size: 1.357em;
}

@media screen and (max-width: 600px) {
  .topic-tab-type .tab-link > ul > li a:before {
    content: "";
  }
}