@charset "UTF-8";

/* ==========================================================
html5 elements
========================================================== */
article, aside, figure, figcaption, footer, header, nav, section
{ display: block;}
/* ==========================================================
reseting
========================================================== */

body {
line-height: 1.75;
color: #212121;
font-size: 15px;
-webkit-text-size-adjust: 100%;
}
body.is-fixing {
position: fixed;
width: 100%;
top: 0;
left: 0;
}
body, input, textarea, select, button {
font-family:  YuGothic, '游ゴシック', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
/* 明朝フォント
font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;*/
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, body, input, textarea, select, button {
font-family:  "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, button, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; /*font-size: 100%;*/}
textarea
{ resize: none;}
button
{ border: none; overflow: visible; background: none; vertical-align: top;  font-size: 100%; color: inherit; cursor: pointer; -webkit-appearance: none;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ height: auto; vertical-align: top;}
address, caption, code, em, th
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6, strong, em
{ font-size: 100%; font-weight: normal;}
a, input
{/* outline: none; -webkit-tap-highlight-color:rgba(0,0,0,0);*/}
sup, sub
{ font-size: 63%;}
sup
{ vertical-align: top;}
sub
{ vertical-align: baseline;}
*, ::after, ::before
{ box-sizing: border-box; -webkit-box-sizing: border-box;}
form {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
background:transparent;
}
/* input */
select, input, textarea, button {
vertical-align:middle;
position:relative;
margin: 0;
top: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance:none;
text-overflow:""; /* Firefox用 */
}
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
width: auto;
height: auto;
vertical-align: baseline;
}
figcaption{
margin-top:3px;
font-size:93.3%;
}
/* ==========================================================
base Link
========================================================== */
a {
color: #000;
text-decoration: none;
}
a:visited {}
a:hover,
a:active,
a:focus {
color: #000;
text-decoration: underline;
}
.is-opacity:visited {
text-decoration:none;
}
/* ==========================================================
clearfix
========================================================== */
.clearfix:before, .clearfix:after,
.contents:before, .contents:after,
.header-in:after,
.header-utility .header-detail-top:after,
.area-drawer-menu .area-drawer-top:after,
.hwraap:after{
content: "";
display: table;
}
.clearfix:after,
.contents:after,
.header-in:after,
.header-utility .header-detail-top:after,
.area-drawer-menu .area-drawer-top:after,
.hwraap:after{
clear: both;
}
/* ==========================================================
layout
========================================================== */
html { overflow-y: scroll;}
body { text-align: center;}

@media screen and (min-width: 767px) and (max-width: 1119px) {
.mac html,
.win html{
overflow-x: scroll;
}
html::-webkit-scrollbar {
height: 10px;
}
html::-webkit-scrollbar-track {
background: #F1F1F1;
}
html::-webkit-scrollbar-thumb {
background: #BCBCBC;
}
.mac .wrapper,
.win .wrapper,
.mac .wrapper-top,
.win .wrapper-top{
overflow: visible;
width: 1120px;
}
}
/* ==========================================================
wrapper
========================================================== */
.wrapper {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.wrapper-top {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
@media print{
.wrapper {
width: auto;
overflow: visible;
}
.wrapper-top {
width: auto;
overflow: visible;
}
}
/* ==========================================================
header
========================================================== */
.header {
width: 100%;
}
.header-in {
width: 1120px;
margin: 0 auto;
text-align: left;
padding: 12px 0 10px 0;
position: relative;
}
.header-logo {
float: left;
}
.header-logo a {
display: block;
width: 100%;
font-size: 0 !important;
}
.header-logo a img {
width: 279px;
height: 56px;
display: inline-block;
}
/* header-utility
---------------------------------------------------------- */
.header-utility {
position: absolute;
top: 8px;
right: 0;
vertical-align: middle;
display: block;
font-size: 12px;
line-height: 1.2;
}
.header-utility .header-detail-top {
float: right;
vertical-align: middle;
margin-bottom: 9px;
padding-bottom: 4px;
}
.header-utility .header-detail-top-in {
float: right;
}
/*font-size change*/
.header-utility .header-detail-top .mod-font-size {
overflow: hidden;
float: left;
width: 163px;
clear: both;
}
.header-utility .header-detail-top .mod-font-size .title {
float: left;
margin: 8px 10px 0 0;
}
.header-utility .header-detail-top .mod-font-size .list li {
float: left;
width: 36px;
margin: 0 10px 0 0 ;
text-align: center;
}
.header-utility .header-detail-top .mod-font-size .list li:last-child {
margin: 0;
}
.header-utility .header-detail-top .mod-font-size .list li a {
display: block;
width: 100%;
height: 28px;
padding-top: 6px;
border: 1px solid #dcdcdc;
background-color: #fafafa;
color: #000;
text-align: center;
text-decoration: none;
}
.header-utility .header-detail-top .mod-font-size .list li a:hover {
color: #f00;
background-color: #fff;
border: 1px solid #f00;
}
.header-utility .header-detail-top .mod-font-size .list li a.is-current {
color: #f00;
background-color: #fff;
border: 1px solid #f00;
}
/* header-links */
.header-utility .header-detail-top .btn-open-top-page-change {
float: left;
margin-right: 10px;
width: 140px;
}
.header-utility .header-detail-top .btn-open-top-page-change a {
border: 1px solid #dcdcdc;
background-color: #fafafa;
color: #000;
width: 100%;
font-weight: bold;
height: 28px;
display: table;
padding: 7px 30px 6px 10px;
font-size: 11px;
}
.header-utility .header-detail-top .btn-open-top-page-change a:hover {
text-decoration: none;
}
.header-utility .header-detail-top .header-search {
float: left;
width: 265px;
height: 28px;
position: relative;
border: 1px solid #dcdcdc;
}
.header-utility .header-detail-top .header-search .input {
width: 234px;
padding: 3px 12px;
font-size: 12px;
border: none;
color: #757575;
}
.gecko.mac .header-utility .header-detail-top .header-search .input {
padding: 0 12px;

}
/*IE11*/
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .header-utility .header-detail-top .header-search .input  {
padding: 4px 12px 2px;
}
}
.header-utility .header-detail-top .form-cmn-button {
display: block;
position: absolute;
top: 1px;
right: 1px;
width: 28px;
height: 24px;
border: none;
background: url(/common/img/ico/ico_button_search_02.svg) no-repeat center center;
background-size:16px;
cursor: pointer;
}
.header-utility .header-detail-top .header-search  .form-cmn-button button {
font-size: 0;
}
.header-utility .header-detail-bottom {
float: right;
clear: both;
position: relative;
}
.header-utility .header-detail-bottom .header-links {
float: right;
padding: 2px 0;
}
.header-utility .header-detail-bottom .header-links li {
float: left;
margin-right: 16px;
vertical-align: middle;
}
.header-utility .header-detail-bottom .header-links li:nth-child(-n+5) a:hover {
text-decoration: none;
}
/*.header-utility .header-detail-bottom .header-links li:nth-child(-n+5) {
font-family: "Malgun Gothic" , YuGothic, '游ゴシック',  "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
*/
/* IE11用 */
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .header-utility .header-detail-bottom .header-links li:nth-child(-n+5) {
font-family: "Malgun Gothic" , YuGothic, '游ゴシック',  "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
}
.header-utility .header-detail-bottom .header-links li:last-child {
margin-right: 0;
}
.header-utility .header-detail-bottom .header-links li a {
text-decoration: underline;
color: #000;
}
.header-utility .header-detail-bottom .header-links li.link05 span {
padding: 0 0 0 17px;
border-left: 1px solid #ccc;
}
.header-utility .header-detail-bottom .header-links li.link06 {
margin-right: 0;
}
.header-utility .header-detail-bottom .header-links li.link06 a {
padding: 6px 12px 4px;
width: 92px;
height: 28px;
font-weight: bold;
border: 1px solid #dcdcdc;
background-color: #fafafa;
text-decoration: none;
font-size: 11px;
}
.header-utility .header-detail-bottom .header-links li.link07 a {
padding: 6px 17px  4px;
width: 92px;
height: 28px;
font-weight: bold;
border: 1px solid #cdcdcd;
background-color: #fafafa;
text-decoration: none;
font-size: 11px;
}
/* btn-drawer-open
---------------------------------------------------------- */
.btn-drawer-open {
width: 27px;
height: 34px;
position: absolute;
top: 8px;
right: 13px;
}
.btn-drawer-open a {
display: block;
font-size: 0 !important;
width: 27px;
height: 34px;
background-image: url(/common/img/btn/btn_drawer_open_01.png);
background-repeat: no-repeat;
background-size: 27px 34px;
}
.btn-drawer-open a.is-active {
background-image: url(/common/img/btn/btn_drawer_close_01.png);
}
.btn-drawer-open .text {
display: block;
color: #e82026;
font-size: 10px;
}
/* drawer
---------------------------------------------------------- */
.area-drawer-menu {
position: fixed;
width: 100%;
top: 0;
left: 0;
height: 100%;
overflow: scroll;
display: none;
z-index: 10000;
text-align: left;
background-color: #fff;
}
.area-drawer-menu.is-active {
display: block;
}
.area-drawer-menu .area-drawer-top {
width: 100%;
padding: 10px 13px 10px 12px;
position: relative;
}
.area-drawer-menu .area-drawer-top .btn {
position: absolute;
top: 8px;
right: 49px;
}
.area-drawer-menu .area-drawer-top .btn a {
display: block;
padding-top: 7px;
text-align: center;
width: 62px;
height: 26px;
border-radius: 3px;
border: 1px solid #cdcdcd;
background-color: #fafafa;
text-decoration: none;
font-size: 10px;
font-weight: bold;
line-height: 1.2;
}
.area-drawer-menu .list-drawer-menu li {
width: 100%;
background-color: #E72026;
border-bottom: 1px solid #ef6367;
overflow: hidden;
position: relative;
}
.area-drawer-menu .list-drawer-menu li a {
color: #fff;
display: block;
width: 100%;
padding: 14px 0 11px 48px;
font-size: 12px;
}
.area-drawer-menu .list-drawer-menu li.link03 a {
padding: 14px 0 11px 39px;
}
.area-drawer-menu .list-drawer-menu li.half {
width: 50%;
float: left;
}
.area-drawer-menu .list-drawer-menu li .border {
position: relative;
}
.area-drawer-menu .list-drawer-menu li .border:before {
content: "";
position: absolute;
width: 1px;
height: 25px;
top: 11px;
left: 0;
background: #ef6367;
}
.area-drawer-menu .list-drawer-menu li.list01 {
padding: 15px 12px;
}
.area-drawer-menu .list-drawer-menu .input {
width: 87%;
height: 36px;
font-size: 12px;
border: none;
}
.area-drawer-menu .list-drawer-menu form {
width: 100%;
height: 36px;
background-color: #fff;
border: none;
}
.area-drawer-menu .list-drawer-menu .button {
position: absolute;
top: 15px;
right: 15px;
border: none;
font-size: 0;
display: block;
width: 10%;
height: 34px;
background-image: url(/common/img/btn/btn_drawer_search_01.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.area-drawer-menu .bnr {
width: 100%;
}
.area-drawer-menu .bnr a {
width: 100%;
display: block;
}
.area-drawer-menu .mod-drawer-links {
background-color: #e9e9d7;
overflow: hidden;
padding: 23px 0 19px;
}
.area-drawer-menu .mod-drawer-links {
background-color: #e9e9d7;
overflow: hidden;
}
.area-drawer-menu .mod-drawer-links .list {
text-align: center;
}
.area-drawer-menu .mod-drawer-links .list li {
display: inline-block;
margin-left: 18px;
}
.area-drawer-menu .mod-drawer-links .list li.first {
position: relative;
}
.area-drawer-menu .mod-drawer-links .list li.first:before {
content: "";
display: block;
width: 18px;
height: 18px;
background-image: url(/common/img/ico/ico_drawer_earth_01.png);
background-size: 18px;
position: absolute;
top: 0;
left: -26px;
}
.area-drawer-menu .mod-drawer-links .list li a {
text-decoration: underline;
font-size: 12px;
}
/* drawer icon
---------------------------------------------------------- */
.list-drawer-menu .link02 {
background-image: url(/common/img/ico/ico_drawer_01.png);
background-size: 19px 17px;
background-repeat: no-repeat;
background-position: 15px center;
}
.list-drawer-menu .link03 {
background-image: url(/common/img/ico/ico_drawer_setting_01.png);
background-size: 18px;
background-repeat: no-repeat;
background-position: 15px center;
}
.list-drawer-menu .link04 {
background-image: url(/common/img/ico/ico_drawer_02.png);
background-size: 27px;
background-repeat: no-repeat;
background-position: 13px center;
}
.list-drawer-menu .link05 {
background-image: url(/common/img/ico/ico_drawer_03.png);
background-size: 26px;
background-repeat: no-repeat;
background-position: 10px center;
}
.list-drawer-menu .link06 {
background-image: url(/common/img/ico/ico_drawer_04.png);
background-size: 23px 20px;
background-repeat: no-repeat;
background-position: 15px center;
}
.list-drawer-menu .link07 {
background-image: url(/common/img/ico/ico_drawer_05.png);
background-size: 23px 26px;
background-repeat: no-repeat;
background-position: 15px center;
}
.list-drawer-menu .link08 {
background-image: url(/common/img/ico/ico_drawer_06.png);
background-size: 23px 24px;
background-repeat: no-repeat;
background-position: 15px center;
}
.list-drawer-menu .link09 {
background-image: url(/common/img/ico/ico_drawer_07.png);
background-size: 26px 22px;
background-repeat: no-repeat;
background-position: 15px center;
}
.list-drawer-menu .link10 {
background-image: url(/common/img/ico/ico_drawer_08.png);
background-size: 25px 19px;
background-repeat: no-repeat;
background-position: 15px center;
}
.list-drawer-menu .link11 {
background-image: url(/common/img/ico/ico_drawer_09.png);
background-size: 25px 22px;
background-repeat: no-repeat;
background-position: 15px center;
}
.list-drawer-menu .link12 {
background-image: url(/common/img/ico/ico_drawer_contact_01.png);
background-size: 17px 16px;
background-repeat: no-repeat;
background-position: 17px center;
}
.list-drawer-menu .link13 {
background-image: url(/common/img/ico/ico_drawer_english_01.png);
background-size: 18px 17px;
background-repeat: no-repeat;
background-position: 17px center;
}
/* ==========================================================
nav-global
========================================================== */
.nav-global {
text-align: center;
width: 100%;
}
.nav-global .nav-global-in {
width: 1120px;
margin: 0 auto;
letter-spacing:-0.5em;
}
.nav-global .nav-global-in li{
margin-bottom:10px;
letter-spacing:normal;
display:inline-block;
vertical-align:top;
}
.nav-global .nav-global-in li a{
border-top:1px solid #cdcdcd;
border-right:1px solid #cdcdcd;
border-bottom:1px solid #cdcdcd;
height:47px;
width:100%;
text-decoration:none;
font-weight:bold;
background-repeat: no-repeat;
background-position: 10px center;
background-size: 30px 30px;
display:table;
white-space: nowrap;

}
.nav-global .nav-global-in li a .inner{
display:table-cell;
vertical-align:middle;
height:100%;
width:100%;
}
.nav-global .nav-global-in li a .inner div{
display:inline-block;
}
.chrome.win .nav-global .nav-global-in li a .inner div{
padding-top: 3px;
}
.nav-global .nav-global-in li a:hover{
background-color:#E72026;
color:#FFF;
}
.nav-global .nav-global-in li span{
display:inline-block;
margin:0 -3px;
}
.nav-global .nav-global-in li.nav01,
.nav-global .nav-global-in li.nav02,
.nav-global .nav-global-in li.nav03{
width:280px;
}
.nav-global .nav-global-in li.nav04{
width:268px;
margin-left:10px;
}
.nav-global .nav-global-in li.nav01 a,
.nav-global .nav-global-in li.nav05 a{
border-left:1px solid #cdcdcd;
}
.nav-global .nav-global-in li br,
.nav-global .nav-global-in li.nav04 .inner{
display:none;
}
.nav-global .nav-global-in li.nav05,
.nav-global .nav-global-in li.nav06,
.nav-global .nav-global-in li.nav07,
.nav-global .nav-global-in li.nav09,
.nav-global .nav-global-in li.nav08{
width:224px;
}
.nav-global .nav-global-in li.nav05 a,
.nav-global .nav-global-in li.nav06 a,
.nav-global .nav-global-in li.nav07 a,
.nav-global .nav-global-in li.nav09 a,
.nav-global .nav-global-in li.nav08 a{
height:40px;
}
.nav-global .nav-global-in li.nav01 a{
padding:0 20px 0 40px;
background-image: url(/common/img/ico/ico_gnav_02_pc.png);
}
.nav-global .nav-global-in li.nav02 a{
padding:0 0 0 40px;
background-image: url(/common/img/ico/ico_gnav_03_pc.png);
}
.nav-global .nav-global-in li.nav03 a{
padding:0 20px 0 40px;
background-image: url(/common/img/ico/ico_gnav_01_pc.png);
}
.nav-global .nav-global-in li.nav04 a{
}
.nav-global .nav-global-in li.nav05 a{
padding:0 20px 0 40px;
background-image: url(/common/img/ico/ico_gnav_04.png);
}
.nav-global .nav-global-in li.nav06 a{
padding:0 20px 0 40px;
background-image: url(/common/img/ico/ico_gnav_05.png);
}
.nav-global .nav-global-in li.nav07 a{
padding:0 20px 0 40px;
background-image: url(/common/img/ico/ico_gnav_06.png);
}
.nav-global .nav-global-in li.nav08 a{
padding:0 0 0 30px;
background-image: url(/common/img/ico/ico_gnav_07.png);
}
.nav-global .nav-global-in li.nav09 a{
padding:0 0 0 30px;
background-image: url(/common/img/ico/ico_gnav_08.png);
}

/* nav-global is-current
---------------------------------------------------------- */
body#g01 .nav-global li.nav01 a,
body#g02 .nav-global li.nav02 a,
body#g03 .nav-global li.nav03 a,
body#g05 .nav-global li.nav05 a,
body#g06 .nav-global li.nav06 a,
body#g07 .nav-global li.nav07 a,
body#g08 .nav-global li.nav08 a,
body#g09 .nav-global li.nav09 a,
.container#g01 .nav-global li.nav01 a,
.container#g02 .nav-global li.nav02 a,
.container#g03 .nav-global li.nav03 a {
color: #fff;
background-color: #E72026;
}
/* nav-global-icon
---------------------------------------------------------- */
.nav-global .ico-type-01 {
background-image: url(/common/img/ico/ico_gnav_01_pc.png);
background-repeat: no-repeat;
background-position: 14px center;
background-size: 30px 30px;
}
.nav-global .ico-type-02 {
background-image: url(/common/img/ico/ico_gnav_02_pc.png);
background-repeat: no-repeat;
background-position: 14px center;
background-size: 30px 30px;
}
.nav-global .ico-type-03 {
background-image: url(/common/img/ico/ico_gnav_03_pc.png);
background-repeat: no-repeat;
background-position: 14px center;
background-size: 30px 30px;
}
.nav-global .ico-type-04 {
background-image: url(/common/img/ico/ico_gnav_04.png);
background-repeat: no-repeat;
background-position: 14px center;
background-size: 28px;
}
.nav-global .ico-type-05 {
background-image: url(/common/img/ico/ico_gnav_05.png);
background-repeat: no-repeat;
background-position: 14px center;
background-size: 28px;
}
.nav-global .ico-type-06 {
background-image: url(/common/img/ico/ico_gnav_06.png);
background-repeat: no-repeat;
background-position: 14px center;
background-size: 28px;
}
.nav-global .ico-type-07 {
background-image: url(/common/img/ico/ico_gnav_07.png);
background-repeat: no-repeat;
background-position: 14px center;
background-size: 28px;
}
.nav-global .ico-type-08 {
background-image: url(/common/img/ico/ico_gnav_08.png);
background-repeat: no-repeat;
background-position: 14px center;
background-size: 28px;
}
/* ==========================================================
nav-local
========================================================== */
.nav-local {
width: 100%;
margin-bottom:20px;
}
.nav-local ul ul {
display: none;
}
.contents .nav-local a{
color:#212121;
text-decoration:none;
}
.nav-local .title {
position: relative;
background-color: #F1F1E6;
border-top: 1px solid #dedede;
border-right: 1px solid #dedede;
border-left: 1px solid #dedede;
border-bottom: 3px solid #000;
}
.nav-local .title a{
display:block;
text-align: left;
font-weight: bold;
line-height: 1.2;
padding: 15px 15px 15px 30px;
letter-spacing: -0.06em;
background-image: url(/common/img/ico/ico_lnav_arrow_down_01.svg);
background-repeat: no-repeat;
background-size: 12px 10px;
background-position: 12px center;
}
.nav-local .list01 {
border-right: 1px solid #dedede;
border-left: 1px solid #dedede;
}
.nav-local .list01 li {
border-bottom: 1px solid #dedede;
}
.nav-local .list02 {
border-top: 1px solid #dedede;
}
.nav-local .list02 li:last-child {
border-bottom: none;
}
.nav-local .list03 li {
border-bottom: 1px solid #dedede;
}
.nav-local .list03 li:first-child {
border-top: 1px solid #dedede;
}
.nav-local .list03 li:last-child {
border-bottom: none;
}
.nav-local .list01 li a {
width: 100%;
display: block;
padding: 10px 10px 10px 30px;
}
.nav-local .list02 li a {
padding: 10px 10px 10px 45px;
}
.nav-local .list03 li a {
padding: 10px 10px 10px 60px;
}
.nav-local .list01 li a.is-current {
background-color: #F8E9E0;
}
.nav-local .list02 li a.is-current {
background-color: #F8E9E0;
}
.nav-local .list03 li a.is-current {
background-color: #F8E9E0;
}
.nav-local a:hover {
text-decoration: none;
background-color: #F8E9E0;
}
/*アイコン*/
.nav-local .list01 li a.ico {
background-image: url(/common/img/ico/ico_lnav_arrow_right_01.svg);
background-repeat: no-repeat;
background-size: 6px 8px;
background-position: 18px 1.2em;
}
.nav-local .list02 li a.ico {
background-position: 35px 1.2em;
}
.nav-local .list03 li a.ico {
background-image: url(/common/img/ico/ico_circle_02.png);
background-size: 4px;
background-repeat: no-repeat;
background-position: 50px 1.3em;
}
/*下向きアイコン*/
.nav-local .list01 li a.ico.down {
background-image: url(/common/img/ico/ico_lnav_arrow_down_01.svg);
background-size: 8px 6px;
background-position: 18px center;
}
.nav-local .list02 li a.ico.down {
background-image: url(/common/img/ico/ico_lnav_arrow_down_01.svg);
background-size: 8px 6px;
background-position: 33px center;
}

/*アコーディオン*/
.nav-local .sublist .js-trigger{
background:url(/common/img/ico/ico_arrow_down_01.svg) no-repeat 16px 1.2em;
background-size:10px 8px;
}
.nav-local .sublist .js-trigger.is-active{
background:url(/common/img/ico/ico_arrow_up_01.svg) no-repeat 16px 1.2em;
background-size:10px 8px;
}
.nav-local .sublist .js-trigger:hover{
background-color:#F8E9E0;
}
.nav-local .sublist .inner ul{
display:block;
background-color:#F1F1F1;
}
.nav-local .sublist .inner ul li{
border-bottom: 1px dotted #dedede;
}
.nav-local .sublist .inner ul li a{
background: url(/common/img/ico/ico_lnav_arrow_right_01.svg) no-repeat 35px 1.2em;
background-size: 6px 8px;
padding-left:45px;
}
.nav-local .sublist .inner ul li a:hover{
background-color:#F8E9E0;
}
.nav-local .sublist .inner ul li:last-child{
border-bottom:none;
}

/* ==========================================================
nav-breadcrumb
========================================================== */
.nav-breadcrumb {
width: 100%;
text-align: left;
background-color: #F6F5EF;
padding:10px 0;
clear:both;
}
/*nav-breadcrumb fontsize*/
.nav-breadcrumb#middle {
font-size: 100%;
}
.nav-breadcrumb#large {
font-size: 120%;
}
.nav-breadcrumb .nav-breadcrumb-in {
width: 1120px;
margin: 0 auto;
position: relative;
}
.nav-breadcrumb-in{
padding-left:15px;
}
.nav-breadcrumb li {
display: inline-block;
font-size: 80%;
margin-left: 6px;
}
.nav-breadcrumb li:first-child {
position:absolute;
top:7px;
left:0;
float:none;
display:block;
margin:0;
}
.nav-breadcrumb li:not(.home) {
position: relative;
color:#666;
}
.nav-breadcrumb li:not(.home) a{
text-decoration:underline;
color:#666;
}
.nav-breadcrumb li:not(.home) a:hover{
text-decoration:none;
}
.nav-breadcrumb li:not(.home):before {
content: ">";
display: inline-block;
margin-top: -4px;
padding-right: 3px;
font-size: 100%;
}
.nav-breadcrumb li.home a {
background-image: url(/common/img/ico/ico_breadcrumbs_home_01.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 16px 14px;
font-size: 0;
width: 16px;
height: 14px;
display: block;
}
/* ==========================================================
contents
========================================================== */
.contents {
width: 1120px;
margin: 0 auto;
text-align: left;
padding-bottom: 65px;
}
.contents-full {
width: 1120px;
margin: 0 auto;
text-align: left;
padding-bottom: 65px;
}
.contents.s-hd-n,
.contents-full.s-hd-n {
margin: 40px auto 0;
}
.contents-category-top {
width: 100%;
overflow: hidden;
}
.contents a,
.contents-full a{
color:#1d3994;
text-decoration:underline;
}
.contents a:hover,
.contents-full a:hover{
text-decoration:none;
}
/*fontsizechange*/
.contents#middle {
font-size: 100% !important;
}
.contents#large {
font-size: 113.3333% !important;
}
.contents-full#middle {
font-size: 100% !important;
}
.contents-full#large {
font-size: 113.3333% !important;
}
.contents-category-top#middle {
font-size: 100% !important;
}
.contents-category-top#large {
font-size: 113.3333% !important;
}
.contents-main {
width: 835px;
float: left;
}
.contents-sub {
width: 265px;
float: right;
}
.contents_modal{
padding:30px;
text-align:left;
}

/* ==========================================================
footer
========================================================== */
.footer {
width: 100%;
background-color: #f2f2e7;
padding-top: 70px;
background-image:  url(/common/img/bg/bg_footer_top_train_01.png) , url(/common/img/bg/bg_footer_top_01.png);
background-position: 760px 32px , -190px top;
background-repeat: no-repeat , repeat-x;
background-size: 1052px 40px , 1396px 70px;
}
.footer a {
color: #5d5d5d;
}
.footer .footer-top-navigation {
width: 100%;
background-color: #fff;
overflow: hidden;
text-align: center;
}
.footer .footer-top-navigation .list-foot-top-navigation {
width: 1120px;
margin: 0 auto;
}
.footer .footer-top-navigation .list-foot-top-navigation li {
float: left;
width: 373px;
padding: 20px 0;
}
.footer .footer-top-navigation .list-foot-top-navigation li a {
font-size: 16px;
font-weight: bold;
}
.footer .footer-top-navigation .list-foot-top-navigation li:nth-child(3n) {
width: 374px;
}
.footer .footer-in {
width: 1120px;
margin: 0 auto;
text-align: left;
padding: 30px 0 0 0;
overflow: hidden;
}
.footer-in .footer-utility {
overflow: hidden;
}
.footer-in .footer-utility .title {
font-weight: bold;
position: relative;
font-size: 15px;
cursor: auto;
}
.footer-in .footer-utility .title:after {
content: "";
position: absolute;
top: 50%;
margin-left: 20px;
width: 100%;
height: 1px;
background: #ddddc3;
}
.footer-in .footer-utility .footer-cmn-links-01 {
padding: 12px 0 23px 0;
overflow: hidden;
}
.footer-in .footer-utility .footer-cmn-links-01 li {
float: left;
width: 280px;
padding-left: 23px;
}
.footer-in .footer-utility .footer-cmn-links-01 li a {
font-size: 14px;
}
.footer-in .footer-utility .footer-cmn-links-01 li:nth-child(4n+1) {
clear: both;
}
.footer .footer-cmn-block {
border-top: 1px solid #e0e0e0;
}
.footer .footer-cmn-block .footer-cmn-block-in {
width: 1120px;
margin: 0 auto;
text-align: left;
}
.footer .footer-cmn-block .footer-cmn-links-02 {
padding: 17px 0;
overflow: hidden;
}
.footer .footer-cmn-block .footer-cmn-block-in .footer-cmn-links-02 li {
float: left;
width: 224px;
padding-left: 30px;
}
.footer .footer-cmn-block .footer-cmn-block-in .footer-cmn-links-02 li:first-child {
padding-left: 0;
}
.footer .footer-cmn-block .footer-cmn-block-in .footer-cmn-links-02 li a {
font-weight: bold;
padding-left: 15px;
}
.footer .footer-cmn-block .footer-cmn-block-in .footer-cmn-links-02 li a span {
padding: 2px 17px 2px 0;
}
.footer .footer-cmn-block .footer-cmn-block-in .footer-cmn-links-03 {
padding: 17px 0;
overflow: hidden;
}
.footer .footer-cmn-block .footer-cmn-block-in .footer-cmn-links-03 li {
float: left;
width: 298px;
padding-left: 30px;
}
.footer .footer-cmn-block .footer-cmn-block-in .footer-cmn-links-03 li:first-child {
padding-left: 0;
}
.footer .footer-cmn-block .footer-cmn-block-in .footer-cmn-links-03 .link04 {
width: 136px;
text-align: right;
}
.footer .footer-cmn-block .footer-cmn-block-in .footer-cmn-links-03 li a {
font-weight: bold;
padding-left: 15px;
}
/* footer-copy-right
---------------------------------------------------------- */
.area-foot-copy {
background-color: #e9e9d7;
width: 100%;
overflow: hidden;
padding: 15px 0;
vertical-align: baseline;
}
.area-foot-copy .area-foot-copy-in {
width: 1120px;
margin: 0 auto;
position:relative;
}
.area-foot-copy .list {
float: left;
}
.area-foot-copy .list li {
float: left;
}
.area-foot-copy .list li a {
padding: 0 10px;
border-left: 1px solid #7c7c75;
font-size: 13px;
line-height: 1;
}
.area-foot-copy .list li:first-child a {
padding: 0 10px 0 0;
border-left: none;
}
.area-foot-copy .footer-copyright {
font-size: 11px;
margin: 2px 130px 0 0 ;
float: right;
}
.pagetop{
position:absolute;
display:block;
right:0;
bottom:-8px;
padding:15px 20px 4px 20px;
font-size:86.7%;
background:url(/common/img/ico/ico_arrow_up_01.svg) no-repeat center 7px;
background-size:16px 8px;
background-color:#f2f2e7;
cursor:pointer;
box-shadow: 0 1px 1px 0 #A7A7A7;
-moz-box-shadow: 0 1px 1px 0 #A7A7A7;
-webkit-box-shadow: 0 1px 1px 0 #A7A7A7;
}
.footer-image {
background-color: #fff;
width: 100%;
overflow: hidden;
padding: 40px 0;
}
/* ==========================================================
section
========================================================== */
/* sec-cmn
---------------------------------------------------------- */
.sec-cmn-01 {
}
/* section last margin */
section:last-of-type {
margin-bottom: 0;
}
/* ==========================================================
hero
========================================================== */
/* hero-cmn
---------------------------------------------------------- */
.hero-cmn {
}
.hero-cmn img {
}
/* pagetop
---------------------------------------------------------- */
.btn-cmn-pagetop {
text-align: right;
}
/* ==========================================================
icon
========================================================== */
/* ico-cmn
---------------------------------------------------------- */
.ico-cmn {
}
/* ico-arrow-right
---------------------------------------------------------- */
.ico-arrow-right-01 {
background-image: url(/common/img/ico/ico_arrow_right_01.svg);
background-position: 98% center;
background-repeat: no-repeat;
background-size: 8px 12px;
}
.ico-arrow-right-02 {
background-image: url(/common/img/ico/ico_arrow_right_01.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: 8px 12px;
}
.ico-arrow-right-03 {
background-image: url(/common/img/ico/ico_arrow_right_01.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: 8px 12px;
}
/* ico-setting
---------------------------------------------------------- */
.ico-setting-01 {
background-image: url(/common/img/ico/ico_header_setting_01.png);
background-repeat: no-repeat;
background-position: 95% 6px;
background-size: 16px 14px;
}
/* ico-arrow-down
---------------------------------------------------------- */
.ico-arrow-down-01 {
background: none;
}
/* ==========================================================
figure
========================================================== */
/* fig-cmn
---------------------------------------------------------- */
.fig-cmn {
}
/* ==========================================================
image
========================================================== */
/* img-cmn-adjust
---------------------------------------------------------- */
.img-cmn-adjust {
width: 100%;
height: auto;
}
/* ==========================================================
form
========================================================== */

/* Google Chrome, Safari, Opera 15+, Android, iOS placeholder */
::-webkit-input-placeholder {
color: #757575;
}
/* Firefox 18- */
:-moz-placeholder {
color: #757575; opacity: 1;
}
/* Firefox 19+ */
::-moz-placeholder {
color: #757575; opacity: 1;
}
/* IE 10+ */
:-ms-input-placeholder {
color: #757575;
}
/* button cancel */
::-webkit-search-cancel-button {
-webkit-appearance: none;
}
input::-ms-clear {
display: none;
}
/* base Form
---------------------------------------------------------- */
/* type="text" */
input[type="text"] {
vertical-align: middle;
}
/*
!* For safari 9 *!
@supports (overflow:-webkit-marquee) and (justify-content:inherit) {
input[type="text"] {
font-family:  "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
}
*/

/* type="checkbox" */
input[type="checkbox"] {
}
/* type="submit" */
input[type="submit"] {
background-color: transparent;
}
/* type="button" */
input[type="button"] {
-webkit-box-sizing: content-box;
-webkit-appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
/* type="serch" */
input[type="search"] {
-webkit-box-sizing: content-box;
-webkit-appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
/* type="radio" */
input[type="radio"] {
}
/* select */
select {
}
/* textarea */
textarea {
}
/* 縦横ともにリサイズ不可 */
textarea {
resize: none;
}
/* button */
button {
}
/* class Form
---------------------------------------------------------- */
/* form-cmn-input
---------------------------------------------------------- */
.form-cmn-input {
}
/* form-cmn-check
---------------------------------------------------------- */
.form-cmn-check {
}
/* form-cmn-radio
---------------------------------------------------------- */
.form-cmn-radio {
}
/* form-cmn-select
---------------------------------------------------------- */
.form-cmn-select {
}
/* form-cmn-textarea
---------------------------------------------------------- */
.form-cmn-textarea {
}
/* form-cmn-button
---------------------------------------------------------- */
.form-cmn-button {
}
/* ==========================================================
is
========================================================== */
/* opacity hover
---------------------------------------------------------- */
.is-opacity
{
-ms-filter: 'alpha( opacity=100)';
opacity: 1;
}
.is-opacity:hover
{
-ms-filter: 'alpha( opacity=70)';
filter: alpha( opacity=70);
opacity: 0.7;
}
/*aタグリンク無効化*/
a.is-disabled {
cursor: text;
}
a.is-disabled:hover,
a.is-disabled:active,
a.is-disabled:focus,
a.is-disabled:visited {
text-decoration: none;
}
/* css animation
---------------------------------------------------------- */
.is-animate
{
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

/* ==========================================================
rwd switch
========================================================== */
/* pc
---------------------------------------------------------- */

/*block*/
.only-pc,
.no-sp      { display: block !important;}
/*inline*/
.only-in-pc {  display: inline !important;}
/*inline-block*/
.only-inb-pc {  display: inline-block !important;}
.only-sp,
.only-in-sp,
.only-inb-sp,
.no-pc      { display: none !important;}
/* modal style
---------------------------------------------------------- */
.area-toppage-change {
width: 1120px;
margin: 0 auto;
background-color:#fff;
position:fixed;
z-index: 10001;
display: none;
}
.area-toppage-change-in {
position: relative;
width: 100%;
padding: 60px 70px;
}
.btn-modal-close {
position: absolute;
top: 20px;
right: 20px;
}
.btn-modal-close a {
font-size: 0;
display: block;
width: 22px;
height: 20px;
background-image: url(/common/img/btn/btn_modal_close.png);
background-repeat: no-repeat;
background-size: 22px 20px;
}
.area-toppage-change .headline {
font-size: 22px;
margin-bottom: 15px;
}
.area-toppage-change .headline:before {
content: "";
position: absolute;
top: 25px;
left: 49%;
width: 40px;
height: 38px;
background-image: url(/common/img/ico/ico_modal_setting_01.png);
background-repeat: no-repeat;
background-size: 40px 38px;
}
.area-toppage-change .ico {
padding-right: 18px;
background-image: url(/common/img/ico/ico_header_setting_01.png);
background-repeat: no-repeat;
background-position: right center;
}
.mod-top-modal {
overflow: hidden;
margin-top: 25px;
}
.mod-top-modal li {
width: 315px;
float: left;
margin-left: 16px;
text-align: center;
background-color: #f6f6ef;
}
.mod-top-modal li img {
width: 240px;
height:auto;
}
.mod-top-modal li:first-child {
margin-left: 0;
}
.mod-top-modal li a {
display: block;
width: 100%;
padding: 65px 45px 25px;
}
.mod-top-modal li a:hover {
text-decoration: none;
}
.js-top-change li a:hover {
border: 4px solid #e82026;
padding: 61px 41px 21px;
}
/*is-current*/
.js-top-change li a.is-current {
border: 4px solid #e82026;
padding: 61px 41px 21px;
}
.mod-top-modal li a .title {
font-size: 15px;
display: block;
}
/*ico*/
.mod-top-modal .ico01 {
background-image: url(/common/img/ico/ico_gnav_01_pc.png);
background-repeat: no-repeat;
background-size: 30px 30px;
background-position: center 23px;
}
.mod-top-modal .ico02 {
background-image: url(/common/img/ico/ico_gnav_02_pc.png);
background-repeat: no-repeat;
background-size: 30px 30px;
background-position: center 23px;
}
.mod-top-modal .ico03 {
background-image: url(/common/img/ico/ico_gnav_03_pc.png);
background-repeat: no-repeat;
background-size: 30px 30px;
background-position: center 23px;
}
.mod-bottom-modal {
overflow: hidden;
margin-top: 30px;
}
.mod-bottom-modal .item {
float: left;
width: 180px;
margin-left: 20px;
}
.mod-bottom-modal .item a {
width: 100%;
display: block;
}
.mod-bottom-modal .item a .text {
font-size: 14px;
}
.mod-bottom-modal .item a:hover {
text-decoration: none;
}
.mod-bottom-modal .primary .item:first-child {
margin-left: 0;
}
.mod-bottom-modal .item img {
width: 180px;
height: 100px;
}
/*modal-overlay style*/
.modal-overlay {
z-index: 10000;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 120%;
cursor: pointer;
background-color: rgba(0,0,0,0.75);
}
/*js-disabled*/
.js-disabled.is-disabled{
text-decoration:none;
color:#212121;
}