*
{
  margin:0;
  padding:0;
  font-family:Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',meiryo,sans-serif;
  }
body
{
  color:#333;
  width:100%;
  min-width: 320px;
  background-image:url(/common/img/bg1160.gif);
  background-repeat:repeat-y;
  background-position:center top;
 -webkit-text-size-adjust: 100%;

  }
a
{
  color:#6c8367;
  text-decoration:none;
  }
a:hover
{
  color:#00aa3c;
  }
img
{
  -ms-interpolation-mode: bicubic;
  border:0;
  }
.important
{
    color: red;
    }
#container
{
  width:1160px;
  margin:0 auto;
  }
#container-inner
{
  float:left;
 }
.print_logo{display: none;}
#header
{
  width:20%;
  float:left;
  position: relative;
  z-index: 100001;
  background-color: #fff;
  }
#logo
{
  float:left;
  width:100%;
  /*background-image:url(/common/img/main_border.gif);*/
  background-position:bottom left;
  background-repeat:repeat-x;
  }
#logo a
{
  display:block;
  float:left;
  width:100%;
  height:210px;
  overflow:hidden;
  }
#logo img
{
  display: block;
  margin: 43px auto 0;
  width: 159px;
  /*height: 174px;*/
  }
.mainmenu
{
  list-style:none;
  width:100%;
  float:left;
  /*background-image:url(/common/img/main_border.gif);*/
  background-position:bottom left;
  background-repeat:repeat-x;
  }
.mainmenu .mainmenu-item
{
  width:100%;
  float:left;
  /*background-image:url(/common/img/menu_border_over.gif);
  background-position:top left;
  background-repeat:repeat-y;
  */
  }
.mainmenu .mainmenu-item:hover
{
  /*background-image:url(/common/img/menu_border.gif);*/
  }
.mainmenu .mainmenu-item em
{
  font-style: normal;
  }
.mainmenu .mainmenu-item.active .a
{
  color: #6c8367;
  }
.mainmenu .mainmenu-item.active:hover
{
  background-image:none;
  }
.mainmenu .active
{
    color:#6c8367;
/*
  background-color:#00aa3c;
  background-image:url(/common/img/main_border.gif);
  background-position:bottom left;
  background-repeat:repeat-x;
*/
  }
.mainmenu .mainmenu-item .a
{
  box-sizing:border-box;
  display:inline-block;
  /*width:100%;*/
  height:auto;
  /*float:left;*/
  /*background-image:url(/common/img/main_border.gif);*/
  background-position:bottom left;
  background-repeat:repeat-x;
  font-size:10.5pt;
  line-height:1.1;
  letter-spacing:0.1em;
  color: #007e00;
  margin-left: 32px;
  margin-bottom: 20px;
  }
.mainmenu .active .a
{
  /*color:#6c8367;*/
  }
.mainmenu .active .submenu .submenu-item
{
/*  background-color:#fff;
  background-image:url(/common/img/submenu_border.gif);
  background-repeat:repeat-y;
  background-position:left top;
*/
}
.mainmenu .inactive .submenu
{
  display:none;
  }
.submenu
{
  list-style:none;
  width:100%;
  float:left;
  /*background-image:url(/common/img/main_border.gif);*/
  background-repeat:repeat-x;
  background-position:left bottom;
  padding:0 0 1px 0;
  }
.submenu .submenu-item
{
  width:100%;
  height:36px;
  float:left;
  }
.submenu .submenu-item.empty
{
  display:none;
  }
.submenu .submenu-item .a-sub
{
  display:inline-block;
  /*width:100%;*/
  height:22px;
  padding:1px 0 0 0;
  margin-left: 45px;
  text-indent:17px;
  font-size:10pt;
  line-height:1.0em;
  /*float:left;*/
  color:#999;
  }
.submenu .submenu-item .a-sub:hover
{
  color:#00aa3c;
  }
.submenu .active .a-sub
{
  color:#00aa3c;
  }
.header-toggle,
.header-close {
  display: none;
}
.header-btn {
  display: none;
  clear: both;
  overflow: hidden;
  background-color: #fff;
}
#main-container
{
  width:60%;
 }
.layout-column #main-container
{
  width:80%;
  }
#bc
{
  width:100%;
  font-size:8pt;
  float:left;
  height:36px;
  padding: 0 0 1px 1px;
  background-image:url(/common/img/main_border.gif);
  background-repeat:repeat-x;
  background-position:left bottom;
  overflow:hidden;
  }
#bc a {
  color:#007e00;
  text-decoration:none;
  }
  #bc a:hover {
    text-decoration:underline;;
  }
#bc .bc-home
{
  display:block;
  background-image:url(/common/img/bc_home.gif);
  background-repeat:no-repeat;
  background-position:left top;
  padding:10px 0 0 30px;
  height:26px;
  float:left;
  }
#bc .bc-arrow
{
  display:block;
  background-image:url(/common/img/bc_arrow.gif);
  background-repeat:no-repeat;
  background-position:left top;
  padding:10px 0 0 20px;
  height:26px;
  float:left;
  }
#main-header
{
  width:100%;
  float:left;
 }
#main-title
{
  padding: 31px 22px;
  float:left;
  font-size:14pt;
  letter-spacing:0.3em;
  font-weight:normal;
  line-height: 1.3em;
  color:#007e00;
  }
#main-image
{
  margin:0 0 24px 0px;
  overflow:hidden;
  width:100%;
  height:257px;
  position:relative;
  }
#main-image img
{
  display:block;
  position:absolute;
  }
#main-image .main-image-popup-icon
{
  width: 48px !important;
  height: 48px !important;
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
}
#article
{
  width:100%;
  float:left;
  }
#article-inner
{
  padding:0 16px 28px;
  float:left;
 }
.layout-column #right
{
  display:none;
  }
#right
{
  display:block;
  width:19%;
  background-color:#fff;
  background-image:url(/common/img/main_border.gif);
  background-repeat:repeat-y;
  background-position:left top;
  float:left;
  height:100px;
  }
#footer
{
  clear: both;
  background-image:url(/common/img/main_border.gif);
  background-repeat:repeat-x;
  background-position:left top;
  width:100%;
  padding-top: 30px;
  text-align: center;
  }
#footer-menu
{
  clear: both;
  list-style:none;
  /*float:left;*/
  margin-bottom: 30px;
  }
#footer-menu li
{
  /*padding:16px 9px 8px;*/
  /*float:left;*/
  display: inline-block;
  border-left: 1px solid #007e00;
  padding-left: 10px;
  padding-right: 8px;
  }
#footer-menu li:first-child
{
  border-left: 0;
  }
#footer-menu li a
{
  display:block;
  /*height:29px;*/
  font-size:12px;
  line-height: 1.1;
  color:#007e00;
  padding-top: 1px;
  }
#footer-menu li .lang
{
  color:#007e00;
  }
#footer-menu li a:hover
{
  text-decoration:underline;
  }
#footer-share
{
  list-style:none;
  /*width:132px;*/
  /*height:53px;*/
  /*float:left;*/
  margin-bottom: 20px;
  }
#footer-share li
{
  /*float:left;*/
  display: inline-block;
  margin-left: 30px;
  }
#footer-share li:first-child
{
  margin-left: 0;
  }
#footer-share li a
{
  display:block;
  background-repeat:no-repeat;
  background-position:center top;
  overflow:hidden;
  height:30px;
  /*float:left;*/
  }
#footer-share li img
{
  height: 30px;
  width: auto;
  }
#footer-share-fb
{
  width:32px;
  }
#footer-share-tw
{
  width:38px;
  }
#footer-share-ig
{
  width:38px;
  }
#footer-share-fl
{
  background-image:url(/common/img/share_fl.gif);
  width:40px;
  }
#footer-share-yt
{
  width:44px;
  }
#footer-search
{
  display:none;
  }
.search-container
{
  position:relative;
  float:left;
  width:70%;
  margin:0 20px 0 32px;
  }
.search
{
  border-collapse: collapse;
  /*height:20px;*/
  float:left;
  margin:9px 0;
  }
.td-i-search
{
  width:70%;
  background-repeat:no-repeat;
  background-position: 0 50%;
  background-image: url(/common/img/2015/search_left.png);
  /*background-color:#ececec;*/
  }

/*.i-search
{
  border:0;
  float:left;
  color:#666;
  font-size:14px;
  margin:2px 0 0 22px;
  background-color:#efefef;
  }*/

.td-i-search .i-search
{
  box-sizing: border-box;
  border: 0;
  float: left;
  color: #666;
  width: 100%;
  height: auto;
  padding: 10px 0 7px 48px;
  font-size: 12px;
  margin: 2px 0 0 0px;
  background-image: url(/common/img/search_left.gif);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-color: #ececec;
  background-size: 48px 35px;
  border-radius: 4px;
  }


.i-search:focus
{
  outline:none;
  outline:0;
  }


.td-a-search
{
  width:30%;
  display: none;
/*
  background-image:url(/common/img/search_right.gif);
  background-repeat:no-repeat;
  background-position:right top;
*/
  }
#copy
{
  width:100%;
  text-align: center;
  color: #00aa3c;
  }
#copy-text
{
  width:100%;
  margin:8px 0;
  height:19px;
  float:left;
  font-size:6pt;
  text-indent:12px;
  color:#007e00;
  }

#main-container
{
  min-height:850px;
  float:left;
  background-image:url(/common/img/main_border.gif);
  background-repeat:repeat-y;
  background-position:left top;
  }
#content-menu
{
  width:100%;
  float:left;
  background-image:url(/common/img/main_border.gif);
  background-position:bottom left;
  background-repeat:repeat-x;
 }
#content-menu-inner
{
  padding:12px;
  float:left;
 }
#ul-content-menu
{
  list-style:none !important;
  }
#ul-content-menu li
{
  font-size:9pt !important;
  line-height:1.8em;
  float:left;
  padding:0 15px 0 0 !important;
  background-image:url(/common/img/content_menu_sep.gif);
  background-repeat:no-repeat;
  background-position:right center;
  margin:0 !important;
  }
#ul-content-menu li:last-child
{
  background-image:none;
  }

#memo
{
  margin:28px 28px 28px 22px;
  padding:4px;
  float:left;
  color:#fff;
  background-color:#f00;
  font-size:8pt;
  border-radius:3px;
  }
#memo a
{
  color:#fff;
  text-decoration:underline;
 }
#footnote
{
  margin:32px 16px 16px;
  font-size:9pt;
  color:#333;
  line-height:1.8em;
  float:left;
  }

/****** main ******/
#main
{
  width: 100%;
  float: left;
}

#main p
{
  font-size:11pt;
  line-height:2.0em;
  margin: 0 0 18px 0;
  }
#main ol
{
  font-size:11pt;
  list-style-type:decimal;
  list-style-position:inside;
  }
#main ul
{
  list-style-type:disc;
  list-style-position:inside;
  font-size:11pt;
  }
#main a.link
{
  background-color:#fff;
  color:#007e00;
  font-size:10pt;
  text-decoration:underline;
  background-image:url(/common/img/2015/arrow_green_s_left.png);
  background-repeat:no-repeat;
  background-position:left center;
  padding:0 0 0 18px;
  letter-spacing:0.1em;
  }
  #main a.link:hover
  {
    text-decoration:none;
  }
#main a.link2
{
  background-color:#fff;
  color:#007e00;
  font-size:9pt;
  text-decoration:none;
  background-image:url(/common/img/s_arrow_left2.gif);
  background-repeat:no-repeat;
  background-position:left center;
  padding:0 0 0 18px;
  letter-spacing:0.1em;
  }
  #main a.link2:hover
  {
    text-decoration:underline;
    }
#main a
{
  color:#007e00;
  text-decoration:underline;
  }
#main a:hover
{
  text-decoration:none;
  }
/*h2相当モジュール*/
.main-heading
{
  padding:36px 0 8px;
  font-size:14pt;
  color:#333;
  font-weight:bold;
 }
#main h3
{
  padding:16px 0 8px;
  font-size:13pt;
  color:#333;
  font-weight:bold;
 }
#main h4
{
  font-size:12pt;
  color:#333;
  font-weight:bold;
  padding:16px 0 8px;
 }
#main h5
{
  font-size:10.5pt;
  color:#333;
  font-weight:bold;
  padding:16px 0 8px;
 }
#main h6
{
  font-size:10pt;
  color:#333;
  font-weight:bold;
  padding:16px 0 8px;
 }
#main .button,
#main .no-link-button
{
  display:inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  margin: 12px 0;
  padding: 12px 24px;
  border-color: #007e00;
  border-radius: 4px;
  border-style: solid;
  border-width: 3px;
  color: #fff;
  background-color: #007e00;
  text-decoration: none;
  transition: 0.2s;
  }
  #main .button:hover
  {
    border-color: #00aa3c;
    color: #000;
    background-color: #fff;
    }
#main .button .text
{
  font-size: 13pt;
  }
#main .button .subtext
{
  font-size: 9pt;
  }
#main .no-link-button
{
  border-color: #ccc;
  color: #fff;
  background-color: #ccc;
  }
  #main .no-link-button:hover
  {
    border-color: #ccc;
    color: #fff;
    background-color: #ccc;
  }
#main p
{
  margin:8px 0 24px;
  font-size:10.5pt;
  color:#666;
 }
#main p.caption
{
  font-size:9pt;
  line-height:1.4em;
  color:#666;
 }
#main li
{
  font-size:10pt;
  color:#666;
  margin:6px 0 0 16px;
 }
#main li p
{
  font-size:10pt;
  margin:6px 0 6px 16px;
  }
#main dt
{
  font-size:10pt;
 }
#main dd
{
  font-size:10pt;
  margin:0 0 6px 12px;
 }

#main .list-no-style{
  list-style: none;
}
#main .list .list-no-style {
  margin: 0;
}

.enclosure-block{
  border: 1px solid #ccc;
  padding: 15px;
}
/****** content ******/

#content img
{
  display:block;
  }
#content h3
{
  padding:16px 16px 8px;
  font-size:13pt;
  color:#333;
  font-weight:bold;
 }
#content .content-subheading
{
  padding:0 16px;
  font-size:10pt;
  color:#333;
  font-weight:bold;
 }
#content h4
{
  padding:0 16px;
  font-size:12pt;
  color:#333;
  font-weight:bold;
 }
#content p
{
  padding:0 16px;
  margin:8px 0 24px;
  font-size:10pt;
  color:#666;
 }
#content p.box
{
  margin: 8px 16px 24px;
  padding: 16px;
  font-size:10pt;
  color:#333;
  background-color:#eee;
  }
#content div.box
{
  margin: 8px 16px 24px;
  padding: 16px;
  font-size:10pt;
  color:#333;
  background-color:#eee;
  }
#content div.box p
{
  padding:0 ;
  margin:8px 0 24px;
  font-size:10pt;
 }
#content div.box h3
{
    margin:0;
  padding:0 16px 12px;
  font-size:13pt;
  color:#333;
  font-weight:bold;
 }
#content div.box  h4
{
  padding:0 ;
  font-size:10pt;
  color:#333;
  font-weight:bold;
 }
#content p.caption
{
  padding:0 16px 0;
  font-size: 8pt;
  line-height:1.7em;
  color:#666;
 }
#content span.caption,
#content figcaption.caption
{
  float:left;
  font-size:8pt;
  line-height:1.6em;
  color:#666;
  margin:4px 0 0 0;
 }
#content ol
{
  margin:6px 16px 12px;
 }
#content ul
{
  list-style-type:disc;
  list-style-position:inside;
  margin:6px 16px 12px;
  }
#content li
{
  font-size:10pt;
  color:#666;
  margin:0 0 4px;
 }
#content table h2,
#content table h3,
#content table h4,
#content table h5,
#content table h6,
#content table p {
  padding-right: 0;
  padding-left: 0;
}
.res-br-sp { display: none;}
.res-br-pc { display: inline;}

.youtube-frame {
  width: 100%;
  position: relative;
}
.youtube-frame::before {
  display: block;
  padding-top: 56.25%; /* (315/560) * 100 */
  position: relative;
  top: 0;
  left: 0;
  content: '';
}
.youtube-frame iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}


/* Search */
#search-result a
{
  text-decoration: none;
}

#search-result a:hover
{
  text-decoration: underline;
}

#search-result .search-result-url
{
  font-size: 0.8em;
  line-height: 1.5em;
  margin-bottom: 10px;
  display: block;
}


@media (max-width: 1160px) {
  body
  {
    background-image:none;
    }
  #container
  {
    width:100%;
    }
}

@media (max-width: 1024px) {
  #header
  {
    width:25%;
    float:left;
    }
  .layout-column #main-container, #main-container
  {
    width:75%;
    }
  #right
  {
    display:none;
    }
}
@media (max-width: 768px) {
  #footer-menu
  {
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
    }
  #footer-menu li:nth-child(5)
  {
    border-left: none;
    }
}

/*
@media (max-width: 768px) {
  body
  {
    background-image:none;
    }
  #container
  {
    width:100%;
    }
  #header
  {
    width:33.333333333333333333%;
    }
  .layout-column #main-container,  #main-container
  {
    width:66.666666666666666666%;
    }
}
*/


@media (max-width:640px) {
  #container
  {
    width:100%;
    }
  #header
  {
    width:100%;
    /*height: 60px;*/
    position:relative;
    background-color:#ececec;
    }
  #logo
  {
    box-sizing: border-box;
    position: relative;
    float: none;
    width:100%;
    height: 60px;
    background-color:#fff;
    /*border-bottom: 2px solid #00aa3c;*/
    }
  #logo a
  {
    position: absolute;
    top: 18px;
    left: 20px;
    width: 135px;
    height: 24px;
    background-image:url(/common/img/2015/logo_sp@2x.png);
    background-position: center center;
    -webkit-background-size: 135px auto;
    background-size: 135px auto;
    }
  #bc
  {
    display:none;
    }
  .layout-column #main-container, #main-container
  {
    width:100%;
    float:left;
    padding:0 0 0 0;
    }
  .layout-who-active #main-container
  {
    padding:12px 0 0 0;
    }
  .layout-what-active #main-container
  {
    padding:12px 0 0 0;
    }
  .layout-csr-active #main-container
  {
    padding:12px 0 0 0;
    }
  #main-title
  {
    padding:12px 22px 12px 22px;
    }
  #footer-menu
  {
    max-width: 243px;
    margin-left: auto;
    margin-right: auto;
    }
  #footer-menu li:nth-child(3),
  #footer-menu li:nth-child(5),
  #footer-menu li:nth-child(6)
  {
    border-left: none;
    }
  /*
  #header-search
  {
    display:none;
    }
  #footer-search
  {
    display:block;
    }
  */
  .mainmenu
  {
    position:static;
    width:100%;
    /*height:36px;*/
    top:80px;
    background-color:#fff;
    float:left;
    }
  .mainmenu .mainmenu-item
  {
    box-sizing: border-box;
    height:auto;
    border-top: 2px solid #00aa3c;
    /*background-image:url(/common/img/main_border2.gif);*/
    /*background-position:left bottom;*/
    /*background-repeat:repeat-x;*/
    }
  .mainmenu .mainmenu-item.inactive .a:hover
  {
    color: #007e00;
  }
  .mainmenu .mainmenu-item.has-submenu.inactive .a::after
  {
    margin-top: -3px;
    width: 12px;
    height: 6px;
    background-image:url(/common/img/2015/menu_downArrow@2x.png);
    background-size: 12px auto;
    background-repeat: no-repeat;
    }
  .mainmenu .mainmenu-item.active.has-submenu .a::after
  {
    margin-top: -3px;
    width: 12px;
    height: 6px;
    background-image:url(/common/img/2015/menu_downArrow@2x.png);
    background-size: 12px auto;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    }
  .mainmenu .mainmenu-item.active.has-submenu .active .a::after {
    transform: rotate(0);
    -webkit-transform: rotate(0);

    }
  .mainmenu .mainmenu-item:hover
  {
    /*background-image:url(/common/img/menu_border2_over.gif);*/
    }
  .mainmenu .mainmenu-item .a {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 100%;
    height:60px;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 20px;
    background-position: right center;
    background-repeat:no-repeat;
    font-size:18px;
    /*letter-spacing:0;*/
    text-align:left;
    text-indent:0;
    line-height:60px;
  }
  .mainmenu .mainmenu-item .a br,
  .mainmenu .mainmenu-item .a img
  {
    display: none;
    }
  .mainmenu .mainmenu-item a::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -9px;
    display: block;
    width: 10px;
    height: 18px;
    background-image:url(/common/img/2015/menu_linkArrow@2x.png);
    background-repeat: no-repeat;
    background-size: 10px auto;
  }

  .header-search {
    clear: both;
    padding: 30px;
    border-top: 2px solid #00aa3c;
    border-bottom: 0;
  }
  .header-search .a {
    padding-left: 0px;
  }
  .header-search label img {
    display: none;
  }
  .header-search .i-search {
    box-sizing: border-box;
    color:#666;
    border: 2px solid #00aa3c;
    width: 100%;
    height: 60px;
    padding: 3px;
    padding-left: 50px;
    font-size:18px;
    margin:2px 0 0 0px;
    background-image: url(/common/img/2015/search_left@2x.png);
    background-size: 25px auto;
    background-repeat: no-repeat;
    background-position: 15px center;
  }
  .header-menu .header-lang {
    padding-top: 13px;
    padding-bottom: 26px;
    background: white;
    font-size: 14px;
    text-align: center;
        color: #000;
  }
  .header-menu .header-lang a {
    color: #007e00;
  }
  .header-menu .header-lang .header-lang__sep {
    display: inline-block;
    margin: 0 29px;
  }
  .submenu
  {
    /*position:absolute;*/
    width:100%;
    border-top: 2px solid #BABABA;
    /* height:72px; */
    /*top:116px;*/
    /*left:0;*/
    /*background-image:url(/common/img/submenu_border_h_s.gif);*/
    }
  .submenu .submenu-item
  {
    height: auto;
    float: none;
  }
  .mainmenu .mainmenu-item .a {
    color: #007e00;
  }
  .mainmenu .active .a,
  .mainmenu .active .a:hover,
  .mainmenu .active .a:active {
    color: #000000;
  }
  .mainmenu .active .a.active {
    color: #6c8367;
  }
  .mainmenu .active .submenu .submenu-item
  {
    box-sizing: border-box;
    width:100%;
    height:60px;
    }
  .mainmenu .active .submenu .submenu-item.empty
  {
    display:block;
    }
  .submenu .submenu-item .a-sub
  {
    box-sizing: border-box;
    position: relative;
    width:100%;
    height:60px;
    padding:0 0 0 40px;
    font-size:18px;
    display:block;
    margin:0;
    text-indent:0;
    line-height: 60px;
    color: #007e00;
  }
  .submenu .submenu-item.active .a-sub {
    color: #6c8367;
    }
  .submenu .submenu-item.active .a-sub:hover,
  .submenu .submenu-item.active .a-sub:active {
    color: #000000;
    }
  .submenu .submenu-item .a-sub > span
  {
    display: block;
    margin-right: 10px;
    border-bottom: 1px solid #BABABA;

  }
  .submenu .submenu-item:last-child .a-sub > span {
    border-bottom: 0;
  }
  .header-menu {
    display: none;
    position: absolute;
    top: 60px;
    left:0;
    width: 100%;
    background: white;
  }
  .header-btn {
    display: block;
    padding: 0px 30px 0;
  }
  .header-btn-item {
    list-style: none;
    margin-bottom: 8px;
    line-height: 1;
  }
  .header-btn-item a {
    display: block;
    border: 3px solid #00aa3c;
    overflow: hidden;
  }
  .header-btn-item img{
    box-sizing: border-box;
    width:100%;
    height: auto;
    margin-bottom: -32.1%;
  }
  .header-btn-item--izou img{
    margin-bottom: 0;
  }
  .header-close{
    display: block;
    clear: both;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #007e00;
    color: #fff;
    cursor: pointer;
  }
  .header-toggle{
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 15px;
    right: 20px;
    width: 31px;
    height: 30px;
    /*padding-top: 7px;*/
    text-align: center;
    background-image: url(/common/img/2015/menu_close@2x.png);
    background-size: 17px auto;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
  }
  .header-toggle.open{
    background-color: #007e00;
  }
  .header-toggle.open img{
    opacity: 0;
  }
  #main,
  #main-lead-inner{line-height: 1.6em!important;}
  #bc    {  font-size:10pt;  }
  #main-title{   font-size:16pt;  }
  #main p{   font-size:13pt;  line-height: 1.6em!important;}
  #main ol{   font-size:13pt;  }
  #main ul{  font-size:13pt;  }
    #main a.link{   font-size:12pt;  }
    #main a.link2{   font-size:11pt;  }
  #main .main-heading{ font-size:16pt; }
  #main h3{   font-size:15pt; }
  #main h4{   font-size:14pt; }
  #main h5{   font-size:12.5pt; }
  #main h6{   font-size:12pt; }
    #main p{   font-size:12.5pt; }
    #main p.caption{   font-size:11pt; }
    #main li{   font-size:12pt; }
    #main li p{   font-size:12pt;  }
    #main dt{   font-size:12pt; }
    #main dd{   font-size:12pt; }
    #content h3{   font-size:15pt; }
    #content h4{   font-size:12pt; }
    #content p{   font-size:12pt; }
    #content p.box{   font-size:12pt;  }
    #content p.caption{   font-size:10pt; }
    #content span.caption, #content figcaption.caption{   font-size:10pt; }
  #content li{   font-size:12pt; }
  table.list td,table.list th{ font-size:12pt; }
  .res-br-sp { display: inline;}
  .res-br-pc { display: none;}

  #search-result .search-result-url
  {
    width: 340px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
  }

}
@media (max-width:480px) {
  .header-search {
    padding: 20px;
  }
  .header-btn {
    padding: 0 20px 0px;
  }
}
@media (max-width:340px) {
  #search-result .search-result-url
  {
    width: 280px;
  }
}

@media (min-width:641px) {
  .header-menu {
    display: block !important;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) {
  .td-i-search
  {
    background-image:url(/common/img/search_left_retina.gif);
    -webkit-background-size:48px 35px;
    }
  #logo a
  {
/*    background-image:url(/common/img/logo1024_retina.gif);
    -webkit-background-size:216px 215px;
*/
    }

  #footer-share li a
  {
    -webkit-background-size: auto 30px;
    background-size: auto 30px;
    }
  #footer-share-fl
  {
    /*background-image:url(/common/img/share_fl.gif);*/
    /*width:40px;*/
    }

  #main a.link2
  {
    background-image:url(/common/img/s_arrow_left2_retina.gif);
    -webkit-background-size:17px 17px;
    }
}
/*@media (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 640px) {
  #logo a
  {
    background-image:url(/common/img/logo_s_retina.gif);
    -webkit-background-size:309px 68px;
    }
}
*/


/* TOP */



/* Recent Action */
.recent-actions
{
  clear: both;
  margin-bottom: -1px;
  padding-top: 80px;
  }
  /* en */
  #article-inner .recent-actions
  {
    margin-right: -17px;
    margin-left: -16px;
    }
.recent-actions-header
{
  padding: 20px;
  }
.recent-actions-header .title
{
  color: #007e00;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.5;
  }
.recent-actions-header .description
{
  color: #666;
  font-size: 14px;
  line-height: 1.5;
  }
.recent-actions .actions
{
  display: block;
  display: table;
  width: 100%;
  width: calc(100% - 1px);
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  word-spacing: -1em;
  }
.recent-actions .actions-item
{
  display: table-cell;
  width: 33.333%;
  height: 88px;
  margin: 0 0 0 -1px;
  border: 1px solid #ececec;
  vertical-align: middle;
  word-spacing: normal;
  }
.recent-actions .actions-item-link
{
  display: block;
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  /* NOTE: 他に移動することを考慮して、 !important を使っています。
           ここでしか使用しない場合、 #main 使うほうが良いかもしれません。
  */
  text-decoration: none !important;
  word-spacing: -1em;
  }
.recent-actions .actions-item-text
{
  display: table-cell;
  width: 64%;
  padding: 12px 19px;
  font-size: 12pt;
  vertical-align: middle;
  letter-spacing: -0.01em;
  word-spacing: normal;
  }
  .recent-actions .actions-item-text:hover
  {
    text-decoration: underline;
    }
.recent-actions .actions-item-image
{
  display: table-cell;
  width: 110px;
  vertical-align: middle;
  }
.recent-actions .actions-item-image figure
{
  width: 100% !important;
  margin: 0;
  }
.recent-actions .actions-item-image img
{
  width: 100%;
  height: auto;
  vertical-align: middle;
  }
.recent-actions .actions-item-sub-text
{
  display: block;
  font-size: 11px;
  line-height: 1.7;
  }
.panorama-altimg {
  cursor: default;
}
.panorama-altimg img {
  cursor: pointer;
}
.panorama-altimg figure {
  margin-bottom: 0 !important;
}

body.popup img {
  max-width: 100%;
}

/* NOTE: デザインのレイアウトでは、1100px 付近で崩れてしまうため、早めにSP用へ切り替えています */
@media (max-width: 1100px) {
  #main .recent-actions .actions-item
  {
    display: block;
    width: 100%;
    height: auto;
    margin-top: -1px;
    margin-left: 0;
    }
}

.discon-fs-x-small,
.discon-fs-small {
  display: inline-block;
  line-height: 1.6em;
}
.discon-fs-x-small {
  font-size: x-small;
}
.discon-fs-small {
  font-size: small;
}

.social-tools.social-tools__articlehead {
  padding: 0 20px 5px;

}

.social-tools.social-tools__articlehead:after {
  clear: both;
  display: inline-block;
  content: '';
}

img.icon_new-window {
  display: inline;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: -2px;
}

.icon_new-window-button > a > span.nf-button-text::after {
    content: "";
    display: inline-block;
    margin-bottom: 3px;
    margin-left: 5px;
    margin-right: 5px;
    background: url(/common/img/icon_new-window.png) no-repeat 0 0;
    width: 12px;
    height: 12px;
    vertical-align: middle;
}
@media (-webkit-min-device-pixel-ratio: 1.5) {
    .icon_new-window-button > a > span.nf-button-text::after {
        background-image: url(/common/img/icon_new-window@2x.png) 0 0;
        background-size: 12px auto; }
}

.icon_new-window-button > a:hover > span.nf-button-text::after, .icon_new-window-button > a:focus > span.nf-button-text::after {
    background-position: 0 -12px; }

.nf-completion-text {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -10px;
}