@charset "UTF-8";


/* ==========================================================
module.css
========================================================== */
/* mod title style
---------------------------------------------------------- */
.mod-title {
font-size: 15px;
text-align: center;
color: #000;
font-weight: bold;
padding: 6px 0;
background-color: #eee;
margin: 30px 0 10px;
}
.mod-title:first-child {
margin-top: 0;
}
.link-mod-01 {
color: darkblue;
text-decoration: underline;
margin-bottom: 20px;
}
.ttl-mod-01 {
background-color: darkblue;
color: #fff;
font-size: 20px;
font-weight: bold;
text-align: center;
margin: 30px 0;
padding: 30px;
}
.ttl-mod-01:first-child {
margin-top: 0;
}
/* icon
---------------------------------------------------------- */
.ico-pdf-01 {
display: inline-block;
margin: -3px 0 0 7px;
vertical-align: middle;
}
.ico-window-01 {
width: 13px;
height: auto;
vertical-align:middle;
margin: -2px 0 0 7px;
}
/* ==========================================================
Adjust
========================================================== */
.s-fw-n     { font-weight: normal;}
.s-fw-b     { font-weight: bold;}
.s-ta-l     { text-align: left !important;}
table.s-ta-l th,table.s-ta-l td{ text-align: left !important;}
.s-ta-c     { text-align: center !important;}
table.s-ta-c th,table.s-ta-c td{ text-align: center !important;}
.s-ta-r     { text-align: right !important;}
table.s-ta-r th,table.s-ta-r td{ text-align: right !important;}
.s-ti-n		{ text-indent:0 !important;}
.s-va-t     { vertical-align: top !important;}
.s-va-m     { vertical-align: middle !important;}
.s-va-b     { vertical-align: bottom !important;}
.s-ov-h     { overflow: hidden;}
.s-wb-a     { word-break:break-all;}
.s-clear    { clear: both;}
.s-hide     { display: none;}
.s-txt-hide { text-indent: 100%; white-space: nowrap; overflow: hidden;}
.s-bg-n     { background: none !important;}
.s-mt-00    { margin-top: 0 !important;}
.s-mt-05	{ margin-top: 5px !important;}
.s-mt-10    { margin-top: 10px !important;}
.s-mt-15    { margin-top: 15px !important;}
.s-mt-20    { margin-top: 20px !important;}
.s-mt-25    { margin-top: 25px !important;}
.s-mt-30    { margin-top: 30px !important;}
.s-mt-40    { margin-top: 40px !important;}
.s-mb-00    { margin-bottom: 0 !important;}
.s-mb-05    { margin-bottom: 5px !important;}
.s-mb-10    { margin-bottom: 10px !important;}
.s-mb-15    { margin-bottom: 15px !important;}
.s-mb-20    { margin-bottom: 20px !important;}
.s-mb-25    { margin-bottom: 25px !important;}
.s-mb-30    { margin-bottom: 30px !important;}
.s-mb-40    { margin-bottom: 40px !important;}
.s-ml-00	{ margin-left: 0 !important;}
.s-ml-05	{ margin-left: 5px !important;}
.s-ml-10	{ margin-left: 10px !important;}
.s-ml-15	{ margin-left: 15px !important;}
.s-ml-20	{ margin-left: 20px !important;}
.s-ml-25	{ margin-left: 25px !important;}
.s-ml-30	{ margin-left: 30px !important;}
.s-ml-40	{ margin-left: 40px !important;}
.s-mr-00    { margin-right: 0 !important;}
.s-mr-05    { margin-right: 5px !important;}
.s-mr-10    { margin-right: 10px !important;}
.s-mr-15    { margin-right: 15px !important;}
.s-mr-20    { margin-right: 20px !important;}
.s-mr-25    { margin-right: 25px !important;}
.s-mr-30    { margin-right: 30px !important;}
.s-mr-40    { margin-right: 40px !important;}
.s-pt-00    { padding-top: 0 !important;}
.s-pt-10    { padding-top: 10px !important;}
.s-pt-20    { padding-top: 20px !important;}
.s-pt-30    { padding-top: 30px !important;}
.s-pb-00    { padding-bottom: 0 !important;}
.s-pb-10    { padding-bottom: 10px !important;}
.s-pb-20    { padding-bottom: 20px !important;}
.s-pb-30    { padding-bottom: 30px !important;}
.s-pl-00    { padding-left: 0 !important;}
.s-pl-10    { padding-left: 10px !important;}
.s-pl-20    { padding-left: 20px !important;}
.s-pl-30    { padding-left: 30px !important;}
.s-pr-00    { padding-right: 0 !important;}
.s-pr-10    { padding-right: 10px !important;}
.s-pr-20    { padding-right: 20px !important;}
.s-pr-30    { padding-right: 30px !important;}

.bob-01{ border-bottom:1px solid #CCC;padding-bottom:20px;margin-bottom:20px;}
.w100{width:100%!important;}
.w60{width:60%!important; margin-left:auto; margin-right:auto;}
.w70{width:70%; margin-left:auto; margin-right:auto;}
.w80{width:80%; margin-left:auto; margin-right:auto;}
.bgc-01{ background-color:#f4f2e9!important;}
.bgc-02{ background-color:#f0f0f0!important;}
.bgc-03{ background-color:#e4f2fb!important;}
.bgc-04{ background-color:#ececec!important;}
.fc-red{ color:#db1d2b!important;}
.fc-blue{color:#085f99!important;}
.no-wrap{ white-space:nowrap!important;}
.fs-10{ font-size:66.7%;}
.fs-11{ font-size:73.3%;}
.fs-12{ font-size:80%;}
.fs-13{ font-size:86.7%;}
.fs-14{ font-size:93.3%;}
.fs-16{ font-size:106.7%;}
.fs-17{ font-size:113.3%;}
.fs-18{ font-size:120%;}
.cell-w-03{width:3%;}
.cell-w-05{width:5%;}
.cell-w-08{width:8%;}
.cell-w-10{width:10%;}
.cell-w-12{width:12%;}
.cell-w-15{width:15%;}
.cell-w-18{width:18%;}
.cell-w-20{width:20%;}
.cell-w-25{width:25%;}
.cell-w-30{width:30%;}
.cell-w-40{width:40%;}
.cell-w-50{width:50%;}
.cell-w-70{width:70%;}

/* ==========================================================
section
========================================================== */
.sec-20{
padding-top:20px;
}
/* ==========================================================
1.title
========================================================== */
.contents.s-hd-n .contents-main > [class^="ttl-"]:first-child,
.contents-full.s-hd-n .contents-main > [class^="ttl-"]:first-child {
margin-top: 0;
}
/* 1-1 見出しレベル1
---------------------------------------------------------- */
/* ttl-cmn-01
---------------------------------------------------------- */
.ttl-cmn-01 {
background-color: #ebeadf;
padding: 10px 15px;
margin: 20px 0 30px 0;
}
.ttl-cmn-01 span {
font-size: 146.7%;
display: block;
font-weight: bold;
line-height: 1.2;
padding: 5px 0 5px 8px;
border-left: 8px solid #e82026;
}
.contents-full .ttl-cmn-01{
margin-top:40px;
}
.ttl-cmn-01 .subtitle{
font-size:80%;
margin-left:20px;
}
.ttl-cmn-01 + .ttl-cmn-02{
margin-top:20px;
}

/* 1-2 見出しレベル2
---------------------------------------------------------- */
/* ttl-cmn-02
---------------------------------------------------------- */
.ttl-cmn-02 {
font-size: 133.333%;
text-align: left;
font-weight: bold;
padding: 14px 0;
border-top: 2px solid #e82026;
margin-top: 40px;
}
.ttl-cmn-02.is-arrow-01 {
padding: 0;
margin-top: 20px;
}
.ttl-cmn-02.is-arrow-01 a {
display: block;
color: #212121;
width: 100%;
padding: 14px 10px 14px 0;
background-image:url(/common/img/ico/ico_arrow_right_01.svg);
background-size: 12px 16px;
background-repeat: no-repeat;
background-position: 98% center;
text-decoration:none;
}
.ttl-cmn-02.is-arrow-01 a:hover {
text-decoration: none;
}
/*テキスト左寄せ*/
.ttl-cmn-02.s-left {
text-align: left;
padding-left: 0;
}
.ttl-cmn-02 + .ttl-cmn-03,
.ttl-cmn-02 + .ttl-cmn-04{
margin-top:10px;
}

/* 1-3 見出しレベル3
---------------------------------------------------------- */
/* ttl-cmn-03
---------------------------------------------------------- */
.ttl-cmn-03 {
font-size: 133.333%;
font-weight: bold;
text-align: left;
border-top: 1px solid #000;
padding: 10px 0 15px 0;
margin: 30px 0 0 0;
}
.ttl-cmn-02 + .ttl-cmn-03{
margin-top:15px;
}
.ttl-cmn-02 + .ttl-cmn-04{
margin-top:5px;
}

/* 1-4 見出しレベル4
---------------------------------------------------------- */
/* ttl-cmn-04
---------------------------------------------------------- */
.ttl-cmn-04 {
font-size: 120%;
font-weight: bold;
background-color: #ebeadf;
margin-top: 30px;
padding: 6px 15px;
}
.ttl-cmn-03 + .ttl-cmn-04{
margin-top:10px;
}
/* 1-5 見出しレベル5
---------------------------------------------------------- */
/* ttl-cmn-05
---------------------------------------------------------- */
.ttl-cmn-05 {
font-size: 106.667%;
font-weight: bold;
margin-top: 30px;
}
.ttl-cmn-04 + .ttl-cmn-05{
margin-top:10px;
}

/* ttl-news-01
---------------------------------------------------------- */
.ttl-news-01 {
font-size: 173%;
font-weight: bold;
width: 100%;
text-align: left;
margin: 40px 0 40px;
}
.ttl-news-01 span {
width: 1120px;
margin: 0 auto;
display: block;
}
/* ttl-cmn-06
---------------------------------------------------------- */
.ttl-cmn-06 {
background-color: #ebeadf;
padding: 15px 12px;
margin: 20px 0;
}
.ttl-cmn-06 span {
font-size: 173.333%;
display: block;
font-weight: bold;
line-height: 1.2;
padding: 10px 13px;
border-left: 10px solid #e82026;
}
/* ==========================================================
2.Paregraph
========================================================== */
/* 2-1 段落
---------------------------------------------------------- */
/* txt-cmn-01 color01
---------------------------------------------------------- */
.txt-cmn-01 {
width: 100%;
font-size: 100%;
margin-top: 10px;
max-height: 999999px;
word-break: break-all;
}
/*中央*/
.txt-cmn-01.s-center {
text-align: center;
}
/*右寄せ*/
.txt-cmn-01.s-right {
text-align: right;
}
.txt-cmn-01 .s-color-01 {
font-size: 100%;
}
.txt-cmn-01 .s-color-01:hover {
text-decoration: none;
}
/* 2-2 強調
---------------------------------------------------------- */
/* color02
---------------------------------------------------------- */
.s-color-02 {
font-size: 100%;
color: #e87d3a;
font-weight: bold;
}
/* 2-3 注釈
---------------------------------------------------------- */
/* txt-cmn-02
---------------------------------------------------------- */
.txt-cmn-02 {
margin-top: 10px;
width: 100%;
padding-left: 1em;
text-indent: -1em;
}
.note-cmn-01 {
margin-top: 10px;
width: 100%;
padding-left: 3em;
text-indent: -3em;
}
/* ==========================================================
3.list
========================================================== */
/* 3-1 箇条書きリスト
---------------------------------------------------------- */
/* list-cmn-01
---------------------------------------------------------- */
.list-cmn-01 {
overflow: hidden;
margin-top: 15px;
}
.list-cmn-01 > li {
font-size: 100%;
padding: 0 15px 0 26px;
text-indent: -3px;
}
.list-cmn-01 > li:nth-child(n+2) {
margin-top: 5px;
}
.list-cmn-01 > li:before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
margin-bottom: 1px;
margin-left: -10px;
margin-right: 4px;
background-image:url(/common/img/ico/ico_circle_01.png);
background-size: 10px;
background-repeat: no-repeat;
}
.list-cmn-01 .list01 li {
background-image:url(/common/img/ico/ico_circle_02.png);
background-size: 4px;
background-repeat: no-repeat;
background-position: 4px 0.6em;
padding-left: 14px;
text-indent: 0;
}
/* 3-2 段落番号リスト
---------------------------------------------------------- */
/* list-cmn-02
---------------------------------------------------------- */
.list-cmn-02 {
overflow: hidden;
margin-top: 15px;
}
.list-cmn-02 > li {
font-size: 100%;
counter-increment: listnum;
padding-left: 18px;
text-indent: -4px;
}
.list-cmn-02 > li:nth-child(n+2) {
margin-top: 5px;
}
.list-cmn-02 > li:before {
content: counter(listnum) ".";
display: inline-block;
vertical-align: middle;
margin-right: 5px;
margin-left: -10px;
}
.list-cmn-02 .list01 {
margin-left: 9px;
}
.list-cmn-02 .list01 li {
counter-increment: listnumchild;
text-indent: -1em;
padding-left: 1em;
}
.list-cmn-02 .list01 li:before {
content: "（" counter(listnumchild) "）";
display: inline-block;
vertical-align: middle;
}
/* 3-3 注釈リスト
---------------------------------------------------------- */
/* list-cmn-03
---------------------------------------------------------- */
.list-cmn-03 {
overflow: hidden;
margin-top: 15px;
}
.list-cmn-03 > li {
font-size: 100%;
padding-left: 1em;
text-indent: -1em;
}
.list-cmn-03 > li:nth-child(n+2) {
margin-top: 5px;
}
.list-cmn-03.num > li{
padding-left: 3.5em;
text-indent: -3.5em;
}
/* 3-4 日付リスト
---------------------------------------------------------- */
/* list-cmn-04
---------------------------------------------------------- */
.list-cmn-04 {
margin-top: 10px;
}
.list-cmn-04 a {
text-decoration: none;
}
.list-cmn-04 a:hover .text {
text-decoration: underline;
}
.list-cmn-04 li {
border-bottom: 1px solid #dedede;
vertical-align: middle;
overflow: hidden;
}
.list-cmn-04 li time {
padding-right: 30px;
white-space: nowrap;
display: inline-block;
color:#212121;
}
.list-cmn-04 li .tag {
padding: 2px 10px 2px 24px;
display: inline-block;
margin-right: 10px;
width: 94px;
color: #fff;
font-size: 80%;
font-weight: bold;
background-position: center left;
background-size: contain;
background-repeat: no-repeat;
}
.list-cmn-04 li .itag{
position: relative;
width:80px;
display:inline-block;
overflow:hidden;
padding:0 5px 0 0;
font-size: 80%;
font-weight:bold;
color:#FFF;
vertical-align:middle;
margin:-5px 10px 0 0;
background-color:#00B9EF;
text-align:center;
}
.list-cmn-04 li .itag:after,
.list-cmn-04 li .itag:before{
content: "";
position: absolute;
top: 50%;
margin-top: -1.5em;
border-top: 1.5em solid transparent;
border-bottom: 1.5em solid transparent;
right: 0;
background-color:#FFF;
}
.list-cmn-04 li .itag.t01{background-color:#D1C535;}
.list-cmn-04 li .itag.t01:after,
.list-cmn-04 li .itag.t01:before{
border-left: 1em solid #D1C535;
}
.list-cmn-04 li .itag.t02{background-color:#00B9EF;}
.list-cmn-04 li .itag.t02:after,
.list-cmn-04 li .itag.t02:before{
border-left: 1em solid #00B9EF;
}
.list-cmn-04 li .itag.t03{background-color:#53B3B6;}
.list-cmn-04 li .itag.t03:after,
.list-cmn-04 li .itag.t03:before{
border-left: 1em solid #53B3B6;
}
.list-cmn-04 li .itag.t04{background-color:#D87137;}
.list-cmn-04 li .itag.t04:after,
.list-cmn-04 li .itag.t04:before{
border-left: 1em solid #D87137;
}
.list-cmn-04 li .text {
display: table-cell;
}
.list-cmn-04.s-type-01 li .text {
display: table-cell;
color: #1D399A;
}
.list-cmn-04 li .link {
width: 100%;
display: block;
padding: 11px 0;
font-size: 100%;
overflow: hidden;
color:#1d3994;
text-decoration:none;
}
.list-cmn-04 li .text:hover{
text-decoration: underline;
}
.list-cmn-04 li div.inner {
display: table-cell;
white-space: nowrap;
color:#1d3994;
}
/*s-type-01*/
.list-cmn-04.s-type-01 {
margin-top: 35px;
}
.list-cmn-04.s-type-01 time {
padding-right: 10px;
}
/*tag*/
.list-cmn-04 li .tag.s-type-01 {
background-image:url(/common/img/bg/bg_tag_01.png);
}
.list-cmn-04 li .tag.s-type-02 {
background-image:url(/common/img/bg/bg_tag_02.png);
}
.list-cmn-04 a {
text-decoration: none;
}
.list-cmn-04 a:hover .text {
text-decoration: underline;
}
/*ico-window-01*/
.ico-window-01 {
width: 13px;
height: 11px;
vertical-align:middle;
margin: -2px 0 0 7px;
}
/* 3-5 定義リスト
---------------------------------------------------------- */
/* list-cmn-05
---------------------------------------------------------- */
.list-cmn-05 {
margin-top: 20px;
}
.list-cmn-05 .title {
font-weight: bold;
font-size: 106.667%;
}
.list-cmn-05 .text {
margin-top: 10px;
font-size: 100%;
}
.list-cmn-05 .title.link a{
display:inline-block;
padding-left:15px;
background-image:url(/common/img/ico/ico_arrow_right_02.svg);
background-repeat:no-repeat;
background-size:8px 12px;
background-position:left 8px;
}
/* 3-6 インラインリスト
---------------------------------------------------------- */
/* list-cmn-06
---------------------------------------------------------- */
.list-cmn-06 {
margin-top: 20px;
letter-spacing: -0.4em;
}
.list-cmn-06 li {
display: inline-block;
letter-spacing: normal;
}
.list-cmn-06 li:not(:first-child) {
margin-left: 20px;
}
/* 
---------------------------------------------------------- */
/* list-cmn-07
---------------------------------------------------------- */
.list-cmn-07 li{
padding-left: 2.5em;
text-indent: -2.5em;
}
.list-cmn-07 li ul.disk,
.list-cmn-07 li ul.circle{
margin-left:1.5em;
list-style: outside;
}
.list-cmn-07 li ul.disk li,
.list-cmn-07 li ul.circle li{
padding-left: 0;
text-indent: 0;
text-align:left;
list-style: outside;
}
ul.disk,
ul.circle{
margin-left:1.5em;
list-style: outside;
}
ul.disk{
list-style-type: disc;
}
ul.circle{
list-style:circle;
}
/* 
---------------------------------------------------------- */
/* list-cmn-08
---------------------------------------------------------- */
.list-cmn-08 li{
padding-left: 2em;
text-indent: -2em;
}

/* ==========================================================
4.LINK
========================================================== */
/* 共通
---------------------------------------------------------- */
.link-cmn-01 a,
.link-cmn-02 > li a,
.link-cmn-03 > li a,
.link-cmn-04 > li a{
display:inline-block;
padding-left:15px;
background:url(/common/img/ico/ico_arrow_right_02.svg) no-repeat 0 7px;
background-size: 8px 12px;
text-decoration:none;
}
.link-cmn-01 a:hover,
.link-cmn-02 > li a:hover,
.link-cmn-03 > li a:hover,
.link-cmn-04 > li a:hover{
text-decoration:underline;
}
.link-text{
color:#1d3994;
cursor:pointer;
}
.link-text:hover{
text-decoration:underline;
}
/* list-news-navigation
---------------------------------------------------------- */
.list-news-navigation {
width: 100%;
overflow: hidden;
border-bottom: 3px solid #db1d2b;
}
.list-news-navigation li {
width: 265px;
float: left;
text-align: center;
overflow: hidden;
margin-left: 20px;
background-repeat: no-repeat;
background-position: 12px center;
}
.list-news-navigation li:nth-child(3n+1) {
clear: both;
margin-left: 0;
}
.list-news-navigation li a {
display: block;
width: 100%;
padding: 15px 30px 15px 40px;
font-weight: bold;
border-right: 1px solid #dedede;
border-top: 1px solid #dedede;
border-left: 1px solid #dedede;
line-height: 1.2;
text-decoration: none;
color:#212121;
}
.list-news-navigation li a:hover {
border-right: 1px solid #db1d2b;
border-top: 1px solid #db1d2b;
border-left: 1px solid #db1d2b;
background-color: #db1d2b;
color: #fff;
}
.list-news-navigation li.ico-type-01 a:hover {
background-image:url(/common/img/ico/ico_news_01_on.png);
background-repeat: no-repeat;
background-size: 22px 20px;
background-position: 12px center;
}
.list-news-navigation li.ico-type-02 a:hover {
background-image:url(/common/img/ico/ico_news_02_on.png);
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: 12px center;
}
.list-news-navigation li.ico-type-03 a:hover {
background-image:url(/common/img/ico/ico_news_03_on.png);
background-repeat: no-repeat;
background-size: 18px 22px;
background-position: 12px center;
}
.list-news-navigation li.is-current {
color: #fff;
padding: 15px 30px 15px 40px;
line-height: 1.2;
background-color: #db1d2b;
border-right: 1px solid #db1d2b;
border-top: 1px solid #db1d2b;
border-left: 1px solid #db1d2b;
font-weight: bold;
}
/* list-news icon
---------------------------------------------------------- */
.list-news-navigation li.ico-type-01 {
background-image:url(/common/img/ico/ico_news_01.png);
background-size: 22px 20px;
}
.list-news-navigation li.ico-type-01.is-current {
background-image:url(/common/img/ico/ico_news_01_on.png);
background-size: 22px 20px;
}
.list-news-navigation li.ico-type-02 {
background-image:url(/common/img/ico/ico_news_02.png);
background-size: 24px 24px;
}
.list-news-navigation li.ico-type-02.is-current {
background-image:url(/common/img/ico/ico_news_02_on.png);
background-size: 24px 24px;
}
.list-news-navigation li.ico-type-03 {
background-image:url(/common/img/ico/ico_news_03.png);
background-size: 18px 22px;
}
.list-news-navigation li.ico-type-03.is-current {
background-image:url(/common/img/ico/ico_news_03_on.png);
background-size: 18px 22px;
}
/* 4-1 テキストリンク
---------------------------------------------------------- */
/* link-cmn-01
---------------------------------------------------------- */
.link-cmn-01 {
margin-top: 20px;
font-size: 100%;
}
/* 4-2 外部リンク
---------------------------------------------------------- */
/* link-cmn-01 window
---------------------------------------------------------- */
.link-cmn-01 a .ico-window-01 {
display: inline-block;
margin: -1px 0 0 7px;
width: 14px;
height: 12px;
vertical-align: middle;
}
/* 4-4 リンクリスト縦並び
---------------------------------------------------------- */
/* link-cmn-02
---------------------------------------------------------- */
.link-cmn-02 {
margin-top: 20px;
width: 100%;
}
.link-cmn-02 > li {
margin-top: 8px;
}
/* 4-5 リンクリスト横並び
---------------------------------------------------------- */
/* link-cmn-03
---------------------------------------------------------- */
.link-cmn-03 {
letter-spacing: -0.5em;
}
.link-cmn-03 > li {
letter-spacing: normal;
display:inline-block;
margin: 0 10px 10px 0;
width : -webkit-calc((100% - 10px) / 2);
width : calc((100% - 10px) / 2);
}
.link-cmn-03 > li:nth-child(2n) {
margin-right:0;
}
/* 4-6 リンクリスト横並び 3カラム
---------------------------------------------------------- */
/* link-cmn-04
---------------------------------------------------------- */
.link-cmn-04 {
letter-spacing:-0.5em;
}
.link-cmn-04 > li {
letter-spacing:normal;
display:inline-block;
width : -webkit-calc((100% - 20px) / 3);
width : calc((100% - 20px) / 3);
margin:0 10px 10px 0;
vertical-align:top;
}
.link-cmn-04 > li:nth-child(3n) {
margin-right:0;
}
/* アンカーリンクリスト
---------------------------------------------------------- */
.link-cmn-07 > li,
.link-cmn-05 > li,
.link-cmn-06 > li {
display:inline-block;
margin:0 10px 10px 0;
line-height:1.6;
vertical-align:top;
}
.link-cmn-07 > li a,
.link-cmn-05 > li a,
.link-cmn-06 > li a {
display: table;
width: 100%;
padding:5px 5px 5px 28px;
background:url(/common/img/ico/ico_arrow_down_01.svg);
background-repeat: no-repeat;
background-position: 10px center;
background-size: 16px 8px;
text-decoration:none;
border:1px solid #DEDEDE;
border-radius: 2px;
color:#212121;
}
.link-cmn-07 > li a:hover,
.link-cmn-05 > li a:hover,
.link-cmn-06 > li a:hover {
background-color:#F8E9E0;
}
.link-cmn-07 > li a span,
.link-cmn-05 > li a span,
.link-cmn-06 > li a span{
display:table-cell;
height:100%;
vertical-align:middle;
}
.link-cmn-07 + .ttl-cmn-02,
.link-cmn-05 + .ttl-cmn-02,
.link-cmn-06 + .ttl-cmn-02{
margin-top:20px;
}

/* 4-7 アンカーリンクリスト 2カラム
---------------------------------------------------------- */
/* link-cmn-07
---------------------------------------------------------- */
.link-cmn-07{
letter-spacing:-0.5em;
}
.link-cmn-07 > li {
letter-spacing:normal;
width : -webkit-calc((100% - 10px) /2);
width : calc((100% - 10px) /2);
}
.link-cmn-07 > li:nth-child(2n) {
margin-right:0;
}
/* 4-7 アンカーリンクリスト 3カラム
---------------------------------------------------------- */
/* link-cmn-05
---------------------------------------------------------- */
.link-cmn-05{
letter-spacing:-0.5em;
}
.link-cmn-05 > li {
letter-spacing:normal;
width : -webkit-calc((100% - 21px) /3);
width : calc((100% - 21px) /3);
}
.link-cmn-05 > li:nth-child(3n) {
margin-right:0;
}
/* 4-8 アンカーリンクリスト 4カラム
---------------------------------------------------------- */
/* link-cmn-06
---------------------------------------------------------- */
.link-cmn-06{
letter-spacing:-0.5em;
}
.link-cmn-06 li{
letter-spacing:normal;
width : -webkit-calc((100% - 30px) /4);
width : calc((100% - 30px) /4);
}
.link-cmn-06 > li:nth-child(4n) {
margin-right:0;
}
.link-cmn-06 > li a {
font-size: 86.667%;
}
/* ==========================================================
5.Button
========================================================== */
/* 5-1 ボタンレベル１ ページ内でメインで誘導したいボタン等
---------------------------------------------------------- */
/* btn-cmn-01
---------------------------------------------------------- */
.btn-cmn-wrap {
overflow: hidden;
margin-top: 20px;
}
.btn-cmn-01 {
font-size: 100%;
min-width: 32.1%;
display: inline-table;
text-align: center;
vertical-align: middle;
font-weight: bold;
background-color: #e82026;
color: #fff;
padding: 14px 30px;
border-radius: 3px;
background-image:url(/common/img/ico/ico_button_arrow_01.svg);
background-size: 8px 12px;
background-repeat: no-repeat;
background-position: -webkit-calc(100% - 10px) center;
background-position: calc(100% - 10px) center;
}
a.btn-cmn-01 {
text-decoration: none;
}
.btn-cmn-01.s-auto {
width: auto;
max-width: 80%;
}
.btn-cmn-01.s-max {
width: 80%;
}
.btn-cmn-01:link,
.btn-cmn-01:hover {
text-decoration: none;
color: #fff;
}
.btn-cmn-01 .inner {
vertical-align: middle;
text-align: center;
display: table-cell;
}
/* 5-2 ボタンレベル２ レベル1の補足用等
---------------------------------------------------------- */
/* btn-cmn-01 s-type-01
---------------------------------------------------------- */
.btn-cmn-01.s-type-01 {
background-color: #DDD;
background-image:url(/common/img/ico/ico_button_arrow_02.svg);
background-size:8px 12px;
}
.btn-cmn-01.s-type-01 .inner {
color: #000;
}
/* 5-3 ボタンレベル3 汎用ボタン サイト内ページ移動用など
---------------------------------------------------------- */
/* btn-cmn-01 s-type-02
---------------------------------------------------------- */
.btn-cmn-01.s-type-02 {
border: 1px solid #bdbdbd;
background-color: #fff;
background-image:url(/common/img/ico/ico_button_arrow_03.svg);
background-size:8px 12px;
}
.btn-cmn-01.s-type-02.is-current {
background-color: #F8E9E0;
}
.btn-cmn-01.s-type-02 .inner {
color: #000;
text-align:center;
}
.btn-cmn-01.s-type-02:hover{
background-color:#F8E9E0;
}
/* 5-4 ボタンセンター寄せ レベル1～3
---------------------------------------------------------- */
/* s-center btn-cmn-01
---------------------------------------------------------- */
.btn-cmn-wrap.s-center {
text-align: center;
}
/* 5-5 ボタンセンター右寄せ レベル1～3
---------------------------------------------------------- */
/* btn-cmn-01 s-righ
---------------------------------------------------------- */
.btn-cmn-wrap.s-right {
text-align: right;
}
/* 5-6 ボタン縦並び
---------------------------------------------------------- */
/* btn-cmn-01 s-righ-01
---------------------------------------------------------- */
.btn-cmn-wrap + .btn-cmn-wrap {
margin-top: 22px;
}
.btn-cmn-wrap + .list-cmn-button {
margin-top: 22px;
}
.list-cmn-button + .btn-cmn-wrap {
margin-top: 22px;
}
/* 5-7 ボタン中央寄せ横並び
---------------------------------------------------------- */
/* list-cmn-button
---------------------------------------------------------- */
.list-cmn-button {
overflow: hidden;
text-align: center;
margin: 15px 0 0 0;
letter-spacing: -0.5em;
}
.list-cmn-button li{
letter-spacing: normal;
}
.list-cmn-button li.btn-cmn-wrap {
display: inline-block;
min-width: 32.1%;
max-width: -webkit-calc((100% -15px) / 2);
max-width: calc((100% -15px) / 2);
margin: 0 0 0 15px;
vertical-align: middle;
}
.list-cmn-button li.btn-cmn-wrap.s-auto {
width: auto;
max-width: 45%;
}
.list-cmn-button.s-type-01 li:nth-child(3n+1) {
clear: both;
margin-left: 0;
}
.list-cmn-button.s-type-01 li:nth-child(n+4) {
margin-top: 22px;
}
.list-cmn-button li .btn-cmn-01 {
width: 100%;
}
/* 5-8 ボタン横並びリスト 2カラム
---------------------------------------------------------- */
/* list-cmn-button s-2col
---------------------------------------------------------- */
.list-cmn-button.s-2col li.btn-cmn-wrap {
display: block;
float: left;
width: 49.1%; /*android4.3対応*/
width: -webkit-calc(((100% - 15px) / 12) * 6);
width: calc(((100% - 15px) / 12) * 6);
}
.list-cmn-button.s-2col li:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
.list-cmn-button.s-2col li:nth-child(n+3) {
margin-top: 15px;
}
/* 5-9 ボタン横並びリスト 3カラム
---------------------------------------------------------- */
/* list-cmn-button s-3col
---------------------------------------------------------- */
.list-cmn-button.s-3col li.btn-cmn-wrap {
display: block;
float: left;
width: 32.1%; /*android4.3対応*/
width: -webkit-calc(((100% - 30px) / 12) * 4);
width: calc(((100% - 30px) / 12) * 4);
}
.list-cmn-button.s-3col li:nth-child(3n+1) {
clear: both;
margin-left: 0;
}
.list-cmn-button.s-3col li:nth-child(n+4) {
margin-top: 22px;
}
/* 5-10 ボタン横並びリスト 4カラム
---------------------------------------------------------- */
/* list-cmn-button s-4col
---------------------------------------------------------- */

.list-cmn-button.s-4col li.btn-cmn-wrap {
display: block;
float: left;
width: -webkit-calc((100% - 45px) / 4 );
width: calc((100% - 45px) / 4 );
min-width:100px;
}
.list-cmn-button.s-4col li.btn-cmn-wrap.w01 {
width:408px;
}
.list-cmn-button.s-4col li:nth-child(4n+1) {
clear: both;
margin-left: 0;
}
.list-cmn-button.s-4col li:nth-child(n+5) {
margin-top: 22px;
}
/* ==========================================================
/* 5-11 検索ボタン inputタグ
---------------------------------------------------------- */
/* btn-cmn-02
---------------------------------------------------------- */
.btn-cmn-02 {
font-size: 100%;
width: 42.75%;
display: inline-block;
text-align: center;
vertical-align: middle;
font-weight: bold;
background-color: #e82026;
color: #fff!important;
padding: 14px 36px;
border-radius: 3px;
background-image:url(/common/img/ico/ico_button_search_01.svg);
background-size: 20px;
background-repeat: no-repeat;
background-position: -webkit-calc(( 100% / 2) - 35px) -webkit-calc(100% / 2);
background-position: calc(( 100% / 2) - 35px) calc(100% / 2);
}
.btn-cmn-02.input-button {
min-height: 54px;
}
.btn-cmn-02:hover,
.btn-cmn-02:active,
.btn-cmn-02:visited,
.btn-cmn-02:focus {
text-decoration: none;
color: #fff;
}
.btn-cmn-02 .inner {
display: inline-block;
text-align: left;
}
/* ==========================================================
/* 5-12 ログインボタン aタグ
---------------------------------------------------------- */
/* btn-cmn-02
---------------------------------------------------------- */
.btn-cmn-02.s-login {
background-image:url(/common/img/ico/ico_button_login_02.svg);
background-size: 20px;
background-position: -webkit-calc(( 100% / 2) - 50px) -webkit-calc(100% / 2);
background-position: calc(( 100% / 2) - 50px) calc(100% / 2);
}
/* ==========================================================
/* 5-13 検索条件追加ボタン aタグ
---------------------------------------------------------- */
/* list-cmn-button btn-cmn-02
---------------------------------------------------------- */
.list-cmn-button.s-type-02 li.btn-cmn-wrap {
width: 41.96%;
}
.list-cmn-button.s-type-02 li.btn-cmn-wrap:nth-child(n+3) {
margin-top: 22px;
}
.list-cmn-button.s-type-02 li.btn-cmn-wrap:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
.list-cmn-button.s-type-02 li.btn-cmn-wrap .btn-cmn-02 {
width: 100%;
}
.btn-cmn-02.s-plus {
background-image:url(/common/img/ico/ico_button_plus_01.svg);
background-size: 15px;
background-position: 94% center;
}
.btn-cmn-02.s-minus {
background-image:url(/common/img/ico/ico_button_minus_01.svg);
background-size: 15px;
background-position: 94% center;
}
/* btn-cmn-01 btn-cmn-02 クリック時色変更
---------------------------------------------------------- */
.btn-cmn-01 span,
.box-cmn-02 span:active {
color: #fff;
}
/* ==========================================================
/* 5-15 汎用ボタン
---------------------------------------------------------- */
.btn-cmn-03,
.btn-cmn-04,
.btn-cmn-05{
letter-spacing:-0.5em;
}
.btn-cmn-03 li,
.btn-cmn-04 li,
.btn-cmn-05 li{
letter-spacing:normal;
display:inline-block;
margin:0 15px 15px 0;
vertical-align:top;
}
.btn-cmn-03 li a,
.btn-cmn-04 li a,
.btn-cmn-05 li a{
display:inline-block;
padding:15px 15px 15px 30px;
width:100%;
border: solid #BDBDBD 3px;
background:url(/common/img/ico/ico_arrow_right_02.svg) no-repeat 15px center;
background-size: 8px 12px;
text-decoration:none;
color:#212121;
}
.btn-cmn-03 li a:hover,
.btn-cmn-04 li a:hover,
.btn-cmn-05 li a:hover{
background-color:#F8E9E0;
}
.btn-cmn-03 li{
width: -webkit-calc((100% - 15px) / 2);
width: calc((100% - 15px) / 2);
}
.btn-cmn-03 li:nth-child(2n){
margin-right:0;
}
.btn-cmn-04 li{
width: -webkit-calc((100% - 30px) / 3);
width: calc((100% - 30px) / 3);
}
.btn-cmn-04 li:nth-child(3n){
margin-right:0;
}
.btn-cmn-05 li{
width: -webkit-calc((100% - 45px) / 4);
width: calc((100% - 45px) / 4);
}
.btn-cmn-05 li:nth-child(4n){
margin-right:0;
}
.btn-w60{ width:60%!important;}
.btn-w70{ width:70%!important;}

.btn-sub_navi_01{
margin-top:20px;
border-top:1px solid #ECECEC;
border-left:1px solid #ECECEC;
font-size:93.3%;
letter-spacing:-0.5em;
}
.btn-sub_navi_01 li{
letter-spacing:normal;
display:inline-block;
width:-webkit-calc(100% / 4);
width:calc(100% / 4);
vertical-align:top;
}
.btn-sub_navi_01 li.cel2{
width:-webkit-calc(100% / 2);
width:calc(100% / 2);
}
.btn-sub_navi_01 li a{
display:block;
padding:8px 8px 8px 25px;
text-decoration:none;
color:#212121;
background-image:url(/common/img/ico/ico_arrow_right_02.svg) ;
background-repeat:no-repeat;
background-position:10px 0.9em;
background-size:8px 12px;
border-right:1px solid #ECECEC;
border-bottom:1px solid #ECECEC;
}
.btn-sub_navi_01 li.is-current a{
background-color:#F8E9E0;
}
.btn-sub_navi_01 li a:hover{
text-decoration:none;
background-color:#F8E9E0;
}


/* ==========================================================
6.Table
========================================================== */
/* 6-1 共通
---------------------------------------------------------- */
.table-cmn-01,
.table-cmn-02{
width: 100%;
margin-top: 20px;
border: 1px solid #e0e0e0;
table-layout: fixed;
line-height:1.6;
}
.table-cmn-01.s-adjust,
.table-cmn-02.s-adjust,
.table-cmn-03.s-adjust{
width: 100%;
}
.table-cmn-01 caption,
.table-cmn-02 caption,
.table-cmn-03 caption,
.table-cmn-04 caption {
height: 0;
overflow: hidden;
font-size: 0;
}
.table-cmn-01 caption.s-show,
.table-cmn-02 caption.s-show,
.table-cmn-03 caption.s-show {
height: auto;
overflow: visible;
font-size: inherit;
}
table.cell-l01 td{
text-align:left!important;
}
.table-cmn-01.table-lya-01 {
font-size:86.7%;
}
.table-cmn-01.table-lya-01 tr th{
text-align:left;
}
.table-cmn-01 th{
line-height:1.4;
}
.ttl-cmn-01 + .table-cmn-scroll .table-cmn-01,
.ttl-cmn-02 + .table-cmn-scroll .table-cmn-01,
.ttl-cmn-01 + .table-cmn-scroll .table-cmn-02,
.ttl-cmn-02 + .table-cmn-scroll .table-cmn-02{
margin-top:0;
}

/* 6-1 見出し上部
---------------------------------------------------------- */
/* table-cmn-01
---------------------------------------------------------- */
.table-cmn-01 th {
font-weight: bold;
background-color: #f5f5f5;
}
.table-cmn-01 td {
background-color: #fff;
}
.table-cmn-01 th,
.table-cmn-01 td {
font-size: 100%;
text-align: center;
padding: 5px;
border: 1px solid #e0e0e0;
word-break: break-all;
}
/* 6-2 見出し左部
---------------------------------------------------------- */
/* table-cmn-02
---------------------------------------------------------- */
.table-cmn-02 th {
font-weight: bold;
background-color: #f5f5f5;
word-wrap: break-word;
}
.table-cmn-02 td {
background-color: #fff;
}
.table-cmn-02 th,
.table-cmn-02 td {
font-size: 100%;
text-align: center;
padding: 10px;
border: 1px solid #e0e0e0;
word-wrap: break-word;
}
/*  段落ちテーブル
---------------------------------------------------------- */
/* table-cmn-03
---------------------------------------------------------- */
.table-cmn-03{
width:100%;
}
.table-cmn-03 th {
font-weight: bold;
background-color: #f5f5f5;
}
.table-cmn-03 td {
background-color: #fff;
}
.table-cmn-03 th,
.table-cmn-03 td {
font-size: 100%;
text-align: center;
padding: 10px;
border: 1px solid #e0e0e0;
word-break:break-all;
}
/* table-cmn-04
---------------------------------------------------------- */
.table-cmn-04{
width:100%;
}
.table-cmn-04 th {
font-weight: bold;
background-color: #f5f5f5;
text-align:center;
}
.table-cmn-04 td {
background-color: #fff;
text-align:left;
}
.table-cmn-04 th,
.table-cmn-04 td {
font-size: 100%;
padding: 10px;
border: 1px solid #e0e0e0;
}
.table-cmn-04 td a{
word-break:break-all;
}
/* table-cmn-05
---------------------------------------------------------- */
.table-cmn-05{
width:100%;
margin-top:15px;
}
.table-cmn-05 th {
font-weight: bold;
text-align:center;
width:30%;
}
.table-cmn-05 th.cell-c-01 {
background-color: #f5f5f5;
}
.table-cmn-05 th.cell-c-02 {
background-color: #ECECEC;
}
.table-cmn-05 td {
text-align:left;
}
.table-cmn-05 th,
.table-cmn-05 td {
font-size: 100%;
padding: 10px;
border: 3px solid #e0e0e0;
}
.table-cmn-05 td ul li a{
display:inline-block;
padding-left:15px;
background:url(/common/img/ico/ico_arrow_right_02.svg) no-repeat 0 7px;
background-size:6px 12px;
text-decoration:none;
}
.table-cmn-05 td ul li a:hover{
text-decoration:underline;
}
/*  テーブル調整
---------------------------------------------------------- */
.cell-01 th:before{
content: "└ ";
}
.cell-01 th{
font-weight:normal;
padding:5px 10px;
}
.cell-01 td{
padding:5px 10px;
}
.cell-02 th,
.cell-02 td{
font-weight:normal!important;
}
.row-01 th,
.row-01 td{
border-top-width:5px;
}
.row-01 td{
background-color:#F6F5EF;
}
.cell-tdL td{
text-align:left!important;
}

/* ==========================================================
7.Box
========================================================== */
/* 共通
---------------------------------------------------------- */
.box-cmn-01,
.box-cmn-02,
.box-cmn-03,
.box-cmn-01-wrap,
.box-cmn-02-wrap {
margin-top: 10px;
}
.box-cmn-01,
.box-cmn-02,
.box-cmn-03 {
padding: 15px;
}
.box-cmn-01 > *:first-child,
.box-cmn-02 > *:first-child,
.box-cmn-03 > *:first-child {
margin-top: 0;
}
.box-pa-01{
padding: 50px 10px!important;
}
/* 7-1 ボックス1　枠のみ
---------------------------------------------------------- */
/* box-cmn-01
---------------------------------------------------------- */
.box-cmn-01 {
border: 1px solid #bdbdbd;
background-color: #fff;
}
/* 7-2 ボックス2　背景有り
---------------------------------------------------------- */
/* box-cmn-02
---------------------------------------------------------- */
.box-cmn-02 {
border: 1px solid #bdbdbd;
background-color: #f5f5f5;
}
/* 7-3 ボックス3　重要枠
---------------------------------------------------------- */
/* box-cmn-03
---------------------------------------------------------- */
.box-cmn-03 {
border: 2px solid #c62828;
background-color: #fff;
}
/* 7-4 ボックス4　見出し付き
---------------------------------------------------------- */
/* box-cmn-01
---------------------------------------------------------- */
.box-cmn-01-wrap .box-title {
padding: 12px 10px;
background-color: #db1d2b;
color: #fff;
font-weight: bold;
text-align: center;
}
.box-cmn-01-wrap.ttl-01 .box-title{
background-color:#bdbdbd;
color:#212121;
}
.box-cmn-01-wrap .box-cmn-01 {
margin-top: 0;
border-top: none;
}
/* 7-5 ボックス5　背景有り見出し付き
---------------------------------------------------------- */
/* box-cmn-02
---------------------------------------------------------- */
.box-cmn-02-wrap .box-title {
padding: 12px 10px;
background-color: #db1d2b;
color: #fff;
font-weight: bold;
text-align: center;
}
.box-cmn-02-wrap .box-cmn-02 {
margin-top: 0;
border-top: none;
}
.note-box-01{
margin-top:5px;
padding:10px 10px 10px 50px;
background:url(/common/img/ico/ico_caution_01.svg) no-repeat 15px 15px;
background-size:30px 26px;
background-color:#ECECEC;
}

/* ==========================================================
8.Column 12Grid
========================================================== */
.grid-cmn {
margin-top: 40px;
letter-spacing:-0.5em;
}
.grid-cmn.img-full img{
width:100%;
height:auto;
}
h1 + .grid-cmn,
h2 + .grid-cmn,
h3 + .grid-cmn{
margin-top:10px;
}
.grid-cmn > [class*=col] {
display:inline-block;
letter-spacing:normal;
vertical-align:top;
}
.grid-cmn > [class*=col] + [class*=col] {
margin-left: 15px;
}
.grid-cmn > [class*=col] > *:first-child,
.grid-cmn > [class*=col] > section:first-child > [class*=ttl] {
margin-top: 0;
}
.grid-cmn > .col2-4 {
width : -webkit-calc(((100% - 15px) / 12) * 4);
width: calc(((100% - 15px) / 12) * 4);
}
.grid-cmn > .col2-5 {
width : -webkit-calc(((100% - 15px) / 12) * 5);
width: calc(((100% - 15px) / 12) * 5);
}
.grid-cmn > .col2-6 {
width : -webkit-calc(((100% - 15px) / 12) * 6);
width: calc(((100% - 15px) / 12) * 6);
}
.grid-cmn > .col2-7 {
width : -webkit-calc(((100% - 15px) / 12) * 7);
width: calc(((100% - 15px) / 12) * 7);
}
.grid-cmn > .col2-8 {
width : -webkit-calc(((100% - 15px) / 12) * 8);
width: calc(((100% - 15px) / 12) * 8);
}
.grid-cmn > .col3-4 {
width : -webkit-calc(((100% - 30px) / 12) * 4);
width: calc(((100% - 30px) / 12) * 4);
}
.grid-cmn > .col4-3 {
width : -webkit-calc(((100% - 45px) / 12) * 3);
width: calc(((100% - 45px) / 12) * 3);
}
/* モジュール集専用 */
.grid-cmn > [class*=col] > .dummy {
width: 100%;
padding: 17px 10px;
background-color: #e0e0e0;
text-align: center;
}
/* ==========================================================
9.Thumnails
========================================================== */
/* grid-cmn-thumnails
---------------------------------------------------------- */
/* 共通
---------------------------------------------------------- */
.grid-cmn-thumnails {
margin-top: 10px;
letter-spacing:-0.5em;
}
.grid-cmn-thumnails .item {
margin:0 15px 15px 0;
background-color: #f2f2e7;
vertical-align:top;
letter-spacing:normal;
display:inline-block;
}
.grid-cmn-thumnails a {
display: block;
width: 100%;
font-size: 100%;
text-decoration:none;
}
.grid-cmn-thumnails .item .image{
width:100%;
}
.grid-cmn-thumnails .item .image img{
width:100%;
height:auto;
}

.grid-cmn-thumnails .item .text-wrap {
padding: 15px;
color:#212121;
}
.grid-cmn-thumnails .item .text-wrap .title {
font-weight: bold;
padding-left:15px;
background:url(/common/img/ico/ico_arrow_right_01.svg) no-repeat 0 0.4em;
background-size:8px 12px;
color:#1d3994;
}
.grid-cmn-thumnails .item a:hover .text-wrap .title {
text-decoration:underline;
}
.grid-cmn-thumnails.s-center .item .text-wrap .title {
padding-left:0;
background:none;
}
.grid-cmn-thumnails .item .text-wrap .button .inner {
display: inline-block;
text-align: left;
}
/* 2colum
---------------------------------------------------------- */
.grid-cmn-thumnails.s-2col .item {
width : -webkit-calc((100% - 15px) / 2);
width : calc((100% - 15px) / 2);
}
.grid-cmn-thumnails.s-2col .item .image {
width: 100%;
}
.grid-cmn-thumnails.s-2col .item .image img {
width: 100%;
height: auto;
}
.grid-cmn-thumnails.s-2col .item:nth-child(2n) {
margin-right: 0;
}
/* 3colum
---------------------------------------------------------- */
.grid-cmn-thumnails.s-3col .item {
width : -webkit-calc((100% - 30px) / 3);
width : calc((100% - 30px) / 3);
}
.grid-cmn-thumnails.s-3col .item:nth-child(3n) {
margin-right: 0;
}
/* 4colum
---------------------------------------------------------- */
.grid-cmn-thumnails.s-4col .item {
width : -webkit-calc((100% - 45px) / 4);
width : calc((100% - 45px) / 4);
}
.grid-cmn-thumnails.s-4col .item:nth-child(4n) {
margin-right: 0;
}
/* 2colum-side
---------------------------------------------------------- */
.grid-cmn-thumnails.s-2col-side .item {
width : -webkit-calc((100% - 15px) / 2);
width : calc((100% - 15px) / 2);
letter-spacing:-0.5em;
padding:10px;
}
.grid-cmn-thumnails.s-2col-side .item:nth-child(2n) {
margin-right:0;
}
.grid-cmn-thumnails.s-2col-side .item a{
vertical-align:top;
}
.grid-cmn-thumnails.s-2col-side .item .image {
width: 200px;
display:inline-block;
letter-spacing:normal;
vertical-align:top;
}
.grid-cmn-thumnails.s-2col-side .item .image {
width: 200px;
}
.grid-cmn-thumnails.s-2col-side .item .image img {
width: 100%;
height: auto;
}
.grid-cmn-thumnails.s-2col-side .item .text-wrap {
width : -webkit-calc(100% - 200px);
width : calc(100% - 200px);
line-height: 1.5;
padding:0 0 0 15px;
display:inline-block;
letter-spacing:normal;
}
.grid-cmn-thumnails.s-2col-side .item .text {
margin: 5px 0 0 0;
}
/* 3colum center
---------------------------------------------------------- */
.grid-cmn-thumnails.s-3col.s-center .item {
text-align: center;
background-color: transparent;
}
.grid-cmn-thumnails.s-3col.s-center .item .text-wrap {
background-color: transparent;
}
/* thumnails-list
---------------------------------------------------------- */
.thumnails-list-01{
display:table;
margin:15px 0;
width:100%;
}
.thumnails-list-01 figure,
.thumnails-list-01 .inner{
display:table-cell;
}
.thumnails-list-01 figure{
padding-right:15px;
}
.thumnails-list-01 figure img{
width:240px;
height:auto;
}
.thumnails-list-01 a{
text-decoration:none;
color:#212121;
background-color:#f2f2e7;
display:block;
width:100%;
padding:15px;
}
.thumnails-list-01 a:hover{
background-color:#F8E9E0;
}
.thumnails-list-01 .inner h4{
font-weight:bold;
margin-bottom:2px;
padding-left: 15px;
background:url(/common/img/ico/ico_arrow_right_02.svg) no-repeat 0 6px;
background-size: 8px 12px;
color:#1d3994;
}
.thumnails-list-01 .inner .copy{
font-size:113.3%;
font-weight:bold;
margin-bottom:5px;
color:#e87d3a;
}
.thumnails-list-01 .inner ul li{
background-image:url(/common/img/ico/ico_circle_02.png);
background-size: 4px;
background-repeat: no-repeat;
background-position: 4px 0.6em;
padding-left: 14px;
text-indent: 0;
font-size:93.3%;
}
/* ==========================================================
10.parts
========================================================== */
/* 10-1 adobe reder
---------------------------------------------------------- */
.box-adobe-reader {
margin-top: 30px;
}
.box-adobe-reader a {
display: block;
width: 100%;
background-color: #f5f5f5;
padding: 30px 20px;
display:table;
text-decoration:none;
color:#212121;
}
.box-adobe-reader .image,
.box-adobe-reader .text {
display:table-cell;
vertical-align:middle;
padding: 0 20px;
}
.box-adobe-reader .image{
width:20%;
}

/* 10-2 ページネーション
---------------------------------------------------------- */
.nav-page-nation {
margin-top: 46px;
}
.nav-page-nation .list-page-nation {
text-align: center;
width: 350px;
margin: 0 auto;
padding-bottom: 10px;
}
.nav-page-nation .list-page-nation li {
width: 40px;
height: 40px;
margin-left: 10px;
line-height: 40px;
display:inline-block;
}
.nav-page-nation .list-page-nation li:first-child {
margin-left: 0;
}
.nav-page-nation .list-page-nation li.num a {
display: block;
width: 100%;
height: 40px;
border-radius: 5px;
border: 1px solid #cdcdcd;
text-align: center;
text-decoration:none;
}
.nav-page-nation .list-page-nation li.prev a {
font-size: 100%;
display: block;
width: 100%;
height: 40px;
border-radius: 5px;
border: 1px solid #DA1D2A;
color: #DA1D2A;
text-align: center;
text-decoration:none;
}
.nav-page-nation .list-page-nation li.next a {
font-size: 100%;
display: block;
width: 100%;
height: 40px;
border-radius: 5px;
color: #DA1D2A;
border: 1px solid #DA1D2A;
text-align: center;
text-decoration:none;
}
.nav-page-nation .list-page-nation li.prev a:hover {
background-color: #DA1D2A;
color: #fff;
text-decoration: none;
}
.nav-page-nation .list-page-nation li.next a:hover {
background-color: #DA1D2A;
color: #fff;
text-decoration: none;
}
.nav-page-nation .list-page-nation li.is-current {
color: #fff;
background-color: #db1d2b;
border: 1px solid #db1d2b;
border-radius: 5px;
}
.nav-page-nation .list-page-nation li a.is-current {
color: #fff;
background-color: #db1d2b;
border: 1px solid #db1d2b;
border-radius: 5px;
}
.nav-page-nation .list-page-nation li.num a:hover {
color: #fff;
background-color: #db1d2b;
border: 1px solid #db1d2b;
text-decoration: none;
}
.nav-page-nation .text-number {
text-align: center;
font-size: 80%;
clear: both;
}
/*  10-3 月ページネーション
---------------------------------------------------------- */
.month-page-nation{
margin:20px 0;
}
.month-page-nation li{
display:inline-block;
width:60px;
height:45px;
line-height:45px;
margin:0 0 0 10px;
}
.month-page-nation li:first-child{
margin-left:2px;
}
.month-page-nation li a{
display: block;
width: 100%;
height:45px;
border-radius: 5px;
border: 1px solid #cdcdcd;
text-align: center;
text-decoration: none;
color:#212121;

}
.month-page-nation li a:hover{
background-color:#db1d2b;
border-color:#db1d2b;
color:#FFF;
}
.month-page-nation li a.is-current{
background-color:#db1d2b;
color:#FFF;
border: 1px solid #db1d2b;
}
/* ==========================================================
11. JS
========================================================== */
/* 共通
---------------------------------------------------------- */
.list-accordion {
margin:15px 0 20px 0;
}
.list-accordion li:nth-child(n+2) {
margin-top: 10px;
}
.list-accordion li > .title {
font-size: 120%;
font-weight: bold;
background-color: #ECECEC;
color: #212121;
}
.list-accordion li > .title > a {
display: block;
width: 100%;
padding: 10px 40px 10px 10px;
color: #212121;
background-image:url(/common/img/ico/ico_arrow_down_02.svg);
background-size: 20px 12px;
background-repeat: no-repeat;
background-position: 98% center;
text-decoration:none;
}
.list-accordion li > .title.is-active > a {
background-image:url(/common/img/ico/ico_arrow_up_02.svg);
background-size: 20px 12px;
background-repeat: no-repeat;
background-position: 98% center;
}
.list-accordion li > .title a:hover,
.list-accordion li > .title a:focus,
.list-accordion li > .title a:active,
.list-accordion li > .title a:visited{
text-decoration: none;
}
.list-accordion li > .title + div {
padding: 0 20px 20px 20px;
background-color: #ECECEC;
}
.list-accordion li > div > .inner {
padding: 15px 25px 15px 25px;
background-color: #fff;
}
/* 11-2 アコーディオン　Q&A
---------------------------------------------------------- */
.list-accordion.s-faq li > .title {
overflow: hidden;
font-size: 100%;
font-weight: normal;
}
.list-accordion.s-faq li > .title a {
padding: 11px 40px 11px 10px;
}
.list-accordion.s-faq li > .title .text01,
.list-accordion.s-faq li > .title .text02,
.list-accordion.s-faq li .text-wrap > .text01,
.list-accordion.s-faq li .text-wrap > .text02 {
display: block;
}
.list-accordion.s-faq li > .title .text01,
.list-accordion.s-faq li .text-wrap > .text01 {
float: left;
font-size: 120%;
font-weight: bold;
line-height: 1.6;
}
.list-accordion.s-faq li .title .text01 {
margin-right: 7px;
color:#44A36B;
}
.list-accordion.s-faq li .text-wrap > .text01 {
margin-right: 5px;
color: #e82026;
}
.list-accordion.s-faq li > .title .text02,
.list-accordion.s-faq li .text-wrap > .text02 {
overflow: hidden;
font-size: 106.667%;
}
.list-accordion.s-faq li .text-wrap > .text02 {
overflow: hidden;
}
.list-accordion.s-faq li .text-wrap + .text-wrap {
margin-top: 40px;
padding-left: 42px;
padding-left: -webkit-calc(1em + 27px);
padding-left: calc(1em + 27px);
font-size: 106.667%;
}
.list-accordion.s-faq li .text-wrap + .text-wrap.s-type-02 {
padding-left: 57px;
padding-left: -webkit-calc(2em + 27px);
padding-left: calc(2em + 27px);
}
.list-accordion.s-faq li .text-wrap + .text-wrap.s-type-03 {
padding-left: 64px;
padding-left: -webkit-calc(2.5em + 27px);
padding-left: calc(2.5em + 27px);
}
/* js用css
---------------------------------------------------------- */
.js-list.close {
display: none;
}
/* 11-3 カルーセル
---------------------------------------------------------- */

.mod-carousel-wrap {
padding: 20px 69px 50px;
background-color: #f2f2e7;
width: 1120px;
margin:0 auto;
}
.mod-carousel li {
margin: 0 9px;
}
.mod-carousel li a {
display:block;
background-color:#FFF;
text-align:left;
text-decoration:none;
color:#212121;
padding-bottom:15px;
font-size:86.7%;
}
.mod-carousel li a .title {
margin-top:3px;
font-weight:bold;
line-height:1.4;
padding:15px 15px 0 15px;
}
.mod-carousel li a .text{
padding:0 15px;
}
.mod-carousel li a img {
width: 100%;
height: auto;
}
.slick-prev:hover,
.slick-next:hover {
-ms-filter: 'alpha( opacity=70)';
filter: alpha( opacity=70);
opacity: 0.7;
}
.mod-carousel .slick-prev:before {
background:url(/common/img/btn/btn_slider_prev_01.png) no-repeat 50% 50%;
background-size: 14px 22px;
}
.mod-carousel .slick-next:before {
background:url(/common/img/btn/btn_slider_next_01.png) no-repeat 50% 50%;
background-size: 14px 22px;
}
.mod-carousel .slick-prev:before,
.mod-carousel .slick-next:before
{
background-color: rgba(0,0,0,0.7);
}
/* 11-4 ムービー
---------------------------------------------------------- */
.mod-movie {
margin-top: 40px;
padding: 20px;
background-color: #f5f5f5;
border: 1px solid #e0e0e0;
}
.mod-movie .mod-movie-wrap  {
position: relative;
padding-top: 57.55%;
width: 100%;
}
.mod-movie .movie {
position: absolute;
top: 0;
left: 0;
vertical-align: baseline;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
width: 100%;
height: 100%;
}
.mod-movie .detail {
width: 100%;
border-top: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
}
.mod-movie .detail tbody th,
.mod-movie .detail tbody td {
padding: 11px 20px;
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
text-align: center;
}
.mod-movie .detail tbody th {
background-color: #f5f5f5;
font-weight: bold;
}
.mod-movie .detail tbody td {
background-color: #fff;
}
/* 12.Form
---------------------------------------------------------- */
/* form-mn-01
---------------------------------------------------------- */
.form-cmn-01 {
margin-top: 40px;
}
.form-cmn-01 .form-entry-01 {
text-align: center;
}
.form-cmn-01 .confirmation {
margin: 45px 0 37px;
text-align: center;
}
.form-cmn-01 .confirmation a {
text-decoration: underline;
color: #db1d2b;
font-size: 100%;
}
.form-cmn-01 .confirmation a:hover {
text-decoration: none;
}
.form-cmn-01 .checkbutton {
display: none;
}
.form-cmn-01 .checkbutton + label:before {
content: "";
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
margin-right: 9px;
margin-top: -3px;
background-image:url(/common/img/btn/btn_input_checkbox_01_no.png);
background-size: 18px;
}
.form-cmn-01 .checkbutton:checked + label:before {
background-image:url(/common/img/btn/btn_input_checkbox_01_on.png);
}
.form-cmn-01 .button01 {
margin-top: 15px;
}
.form-cmn-01 .button01 a {
width: 360px;
margin: 0 auto;
display: block;
color: #fff;
font-size: 100%;
border-radius: 3px;
padding: 15px 45px 14px;
background-color: #e82026;
font-weight: bold;
background-image:url(/common/img/ico/ico_button_arrow_01.svg);
background-repeat: no-repeat;
background-position: 95% center;
background-size:8px 12px
}
.form-cmn-01 .button01 .inner {
display: inline-block;
text-align: left;
}
.form-cmn-01 .button01 a:hover {
text-decoration: none;
}
.form-cmn-01 .list-result {
margin-top: 23px;
text-align: center;
}
.form-cmn-01 .list-result li {
display: inline-block;
margin-left: 20px;
vertical-align: middle;
}
.form-cmn-01 .list-result li:first-child {
margin-left: 0;
}
.form-cmn-01 .button01.s-color-01 a {
color: #212121;
border-radius: 0;
background-color: #efefef;
background-image:url(/common/img/ico/ico_arrow_left_01.svg);
background-position: 20px center;
background-repeat: no-repeat;
background-size:8px 12px;
}
/*is-result*/
.form-cmn-01.is-result td.textarea-result-01 {
padding: 14px 15px 65px;
}
/* table-inputform-01
---------------------------------------------------------- */
.table-inputform-01 {
width: 1120px;
border: 1px solid #e4e1cf;
table-layout: fixed;
}
.table-inputform-01.s-adjust {
width: 100%;
}
.table-inputform-01 th {
background-color: #F6F5EF;
width: 266px;
font-weight: bold;
border: 1px solid #DFDFDF;
vertical-align: top;
padding: 23px 13px 23px 18px;
word-wrap: break-word;
font-size: 100%;
}
.table-inputform-01 th .tag {
color: #fff;
background-color: #db1d2b;
padding: 5px;
line-height: 1;
float: right;
}
.table-inputform-01 td {
width: 854px;
border: 1px solid #DFDFDF;
background-color: #FFF;
vertical-align: middle;
padding: 14px 15px 17px;
word-wrap: break-word;
font-size: 100%;
}
.table-inputform-01.s-adjust td {
width: auto;
}
.table-inputform-01.is-result td {
padding: 14px 27px 17px;
}
.table-inputform-01 td .errortext {
margin-top: 16px;
color: #c62828;
font-size: 86.667%;
}
.table-inputform-01 td .errortext:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 38px;
height: 38px;
margin-top: -10px;
margin-right: 6px;
background-image:url(/common/img/ico/ico_error_01.png);
background-size: 38px 38px;
background-repeat: no-repeat;
}
.table-inputform-01 .adress {
margin-top: 20px;
}
.table-inputform-01 .s-auto {
width: auto !important;
}
.table-inputform-01 .s-max {
width: 100% !important;
}
.table-inputform-01 .s-half {
width: 50% !important;
}
/* form input
---------------------------------------------------------- */
/* 共通
---------------------------------------------------------- */
.form-cmn-text-01,
.form-cmn-text-02,
.form-cmn-text-03,
.form-cmn-text-04,
.form-cmn-text-05,
.form-cmn-select-01,
.form-cmn-textarea-01 {
border-top: 2px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
box-shadow:0 3px 8px -3px #ECECEC inset;
-moz-box-shadow:0 3px 8px -3px #ECECEC inset;
-webkit-box-shadow:0 3px 8px -3px #ECECEC inset;
background-color: #FFFFFF;
vertical-align: middle;
font-size: 100%;
}
/*is-error*/
.form-cmn-text-01.is-error,
.form-cmn-select-01.is-error,
.form-cmn-textarea-01.is-error {
color: #c62828;
background-color: #fcf4f4;
border: 1px solid #e39393;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.form-cmn-text-01::-webkit-input-placeholder,
.form-cmn-text-02::-webkit-input-placeholder,
.form-cmn-text-03::-webkit-input-placeholder,
.form-cmn-text-04::-webkit-input-placeholder,
.form-cmn-text-05::-webkit-input-placeholder {
color: #a0a0a0;
}
/* Firefox 18- */
.form-cmn-text-01:-moz-placeholder,
.form-cmn-text-02:-moz-placeholder,
.form-cmn-text-03:-moz-placeholder,
.form-cmn-text-04:-moz-placeholder,
.form-cmn-text-05:-moz-placeholder {
color: #a0a0a0;
opacity: 1;
}
/* Firefox 19+ */
.form-cmn-text-01::-moz-placeholder,
.form-cmn-text-02::-moz-placeholder,
.form-cmn-text-03::-moz-placeholder,
.form-cmn-text-04::-moz-placeholder,
.form-cmn-text-05::-moz-placeholder {
color: #a0a0a0;
opacity: 1;
}
/* IE 10+ */
.form-cmn-text-01:-ms-input-placeholder,
.form-cmn-text-02:-ms-input-placeholder,
.form-cmn-text-03:-ms-input-placeholder,
.form-cmn-text-04:-ms-input-placeholder,
.form-cmn-text-05:-ms-input-placeholder {
color: #a0a0a0;
}
/*is-error*/
.form-cmn-text-01.is-error::-webkit-input-placeholder,
.form-cmn-textarea-01.is-error::-webkit-input-placeholder {
color: #c62828;
}
.form-cmn-text-01.is-error::-moz-placeholder,
.form-cmn-textarea-01.is-error::-moz-placeholder {
color: #c62828;
opacity: 1;
}
.form-cmn-text-01.is-error:-moz-placeholder,
.form-cmn-textarea-01.is-error:-moz-placeholder {
color: #c62828;
opacity: 1;
}
.form-cmn-text-01.is-error:-ms-input-placeholder,
.form-cmn-textarea-01.is-error:-ms-input-placeholder {
color: #c62828;
}
/*list-cmn-form-01*/
.list-cmn-form-01 {
overflow: hidden;
}
.list-cmn-form-01 li {
width: 265px;
margin-left: 10px;
float: left;
}
.list-cmn-form-01 li:nth-child(3n+1) {
margin-left: 0;
clear: both;
}
.list-cmn-form-01 li:nth-child(n+4) {
margin-top: 20px;
}
/*list-text-01*/
.list-text-01 {
overflow: hidden;
margin: 0 -7px;
}
.list-text-01 li {
float: left;
width: 200px;
padding: 0 7px;
}
/*form-cmn-text-01*/
.form-cmn-text-01 {
width: 100%;
padding: 6px 12px;
}
/*list-text-02*/
.list-text-02 {
overflow: hidden;
margin: 0 -11px;
}
.list-text-02 li {
float: left;
width: 160px;
padding: 0 11px;
}
/*form-cmn-text-02*/
.form-cmn-text-02 {
width: 100%;
padding: 6px 12px;
}
/*アイコンハイフン*/
.table-inputform-01 .list-text-02 .hyphen {
display: inline-block;
position: relative;
}
.table-inputform-01 .hyphen:before {
position: absolute;
left: -3px;
top: 50%;
content: "";
width: 4px;
height: 1px;
background-color: #000;
}
/*list-text-03*/
.list-text-03 {
overflow: hidden;
margin: 0 -15px;
}
.list-text-03 li {
float: left;
padding: 0 15px;
}
.list-text-03 li.col01 {
width: 400px;
}
.list-text-03 li.col02 {
width: 300px;
}
/*form-cmn-text-03*/
.form-cmn-text-03 {
width: 100%;
padding: 6px 12px;
}
/*form-cmn-text-04*/
.form-cmn-text-04 {
width: 100%;
padding: 6px 12px;

}
/*アイコンアット*/
.table-inputform-01 .mark {
position: relative;
display: inline-block;
}
.table-inputform-01 .mark:before {
display: inline-block;
content: "@";
position: absolute;
top: 6px;
left: -7px;
font-size: 100%;
}
/*form-cmn-text-05*/
.form-cmn-text-05 {
width: 732px;
padding: 6px 12px;
margin-top: 9px;
}
/*form-cmn-select-01*/
.form-cmn-select-01 {
width: 370px;
padding: 4px 12px;
font-size: 100%;
cursor: pointer;
}
.form-cmn-select-01.is-error {
width: 480px;
}
.form-cmn-select-01::-ms-expand {
display: none;
}
.img-select-arrow-01 {
position: relative;
height: 40px;
}
.img-select-arrow-01:after {
position: absolute;
content: "";
display: block;
top: 50%;
right: 18px;
width: 8px;
height: 6px;
background-image:url(/common/img/btn/btn_select_01_pc.png);
background-repeat: no-repeat;
background-size: 8px 6px;
pointer-events: none;
cursor: pointer;

}
/*form-cmn-radio-01*/
/*form-cmn-check-01*/
.form-cmn-radio-01,
.form-cmn-check-01 {
display: none;
}
.form-cmn-radio-01 + label:before,
.form-cmn-check-01 + label:before {
content: "";
width: 18px;
height: 18px;
vertical-align: middle;
margin-right: 8px;
margin-top: -3px;
display: inline-block;
background-image:url(/common/img/btn/btn_input_radiocheck_01_no.png);
background-size: 18px;
background-repeat: no-repeat;
cursor: pointer;
}
/*is-error*/
.form-cmn-radio-01.is-error + label:before {
background-image:url(/common/img/btn/btn_input_radiocheck_error_01.png);
}
.form-cmn-radio-01:checked + label:before {
background-image:url(/common/img/btn/btn_input_radiocheck_01_on.png);
}
/*is-error*/
.form-cmn-check-01.is-error + label:before {
background-image:url(/common/img/btn/btn_input_checkbox_error_01.png);
}
.form-cmn-check-01:checked + label:before {
background-image:url(/common/img/btn/btn_input_checkbox_01_on.png);
}
/*form-cmn-textarea-01*/
.form-cmn-textarea-01 {
border: 1px solid #dcdcdc;
width: 728px;
height: 180px;
padding: 10px 13px 0 13px;
overflow: auto;
}
/*IE11*/
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop, .form-cmn-textarea-01 {
padding: 13px 13px 0 13px;
}
}
/*IE11*/
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop, .form-cmn-textarea-01.is-error {
padding: 13px 13px 0 13px;
}
}
/* ==========================================================
13.other
========================================================== */
/* 共通
---------------------------------------------------------- */
.img-cmn {
margin-top: 20px;
}
.img-cmn img {
max-width: 100%;
}
img.s-adjust {
width: 100%;
height: auto;
}
/* ==========================================================
js用css
========================================================== */
/* slick スライダー
---------------------------------------------------------- */
.slider-wrap {
width: 100%;
height: 100%;
overflow: hidden;
}
.slider-in {
width: 1120px;
height: 413px;
margin: 0 auto;
position: relative;
}
.box-slider {
width: 3840px;
position: absolute;
left: 50%;
margin-left: -1920px;
border-top: 1px solid #C6C4BB;
}
.box-slider li a img {
width: 1280px;
height: 385px;
}
.box-slider .slick-dots {
height:28px;
bottom: -28px;
padding: 0;
background-color: rgba(0,0,0,0.5);
width: 100%;
}
.box-slider .slick-prev,
.box-slider .slick-next {
background-color: rgba(0,0,0,0.5);
border-radius: 3px;
}
.box-slider .slick-next {
right: 1300px;
}
.box-slider .slick-prev {
left: 1300px;
}
.box-slider .slick-next:before {
background:url(/common/img/btn/btn_slider_next_01.png) no-repeat 50% 50%;
background-size: 14px 22px;
background-color: rgba(0,0,0,0.5);
}
.box-slider .slick-next:after {
position: absolute;
display: block;
content: "";
width: 1180px;
top: -160px;
right: -1200px;
margin-left: -50%;
height: 385px;
background-position: 99% center;
background-color: rgba(255,255,255, 0.5);
}
.box-slider .slick-prev:before {
background:url(/common/img/btn/btn_slider_prev_01.png) no-repeat 50% 50%;
background-size: 14px 22px;
background-color: rgba(0,0,0,0.5);
}
.box-slider .slick-prev:after {
position: absolute;
display: block;
content: "";
width: 1180px;
top: -160px;
left: -1180px;
margin-left: -50%;
height: 385px;
background-position: 99% center;
background-color: rgba(255,255,255, 0.5);
}
/* slick カルーセル
---------------------------------------------------------- */
.mod-carousel-01 {
width: 100%;
height: 100%;
padding-bottom: 30px;
overflow: hidden;
}
.mod-carousel-01 .slick-track{
padding-bottom:3px;
}
.carousel-wrap {
width: 360px;
margin: 0 auto;
position: relative;
min-height: 350px;
}
.carousel-in {
width: 1880px;
position: absolute;
left: 50%;
margin-left: -940px;
}
.mod-carousel-category-top {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.mod-carousel-category-top .slick-dots {
position: static;
margin: 10px auto 0 auto;
}
.mod-carousel-category-top .card {
background-color: #fff;
width: 360px;
margin: 0 10px;
box-shadow: 2px 4px 5px -3px #888;
-moz-box-shadow:2px 4px 5px -3px #888;
-webkit-box-shadow:2px 4px 5px -3px #888;
}
.mod-carousel-category-top .slick-prev {
display: block;
left: 360px;
}
.mod-carousel-category-top .slick-next {
display: block;
right: 360px;
}
.mod-carousel-category-top .card a {
width: 100%;
display: block;
padding: 20px;
}
.mod-carousel-category-top .card a:hover {
text-decoration: none;
}
.mod-carousel-category-top .card .image {
width:100%;
height:auto;
overflow: hidden;
position: relative;
}
.mod-carousel-category-top .card .image img {
width: 100%;
height: auto;
}
.mod-carousel-category-top .card .title {
font-size: 133.333%;
margin-top: 17px;
font-weight: bold;
}
.mod-carousel-category-top .slick-prev:before {
background:url(/common/img/btn/btn_slider_prev_01.png) no-repeat 50% 50%;
background-size: 14px 22px;
}
.mod-carousel-category-top .slick-next:before {
background:url(/common/img/btn/btn_slider_next_01.png) no-repeat 50% 50%;
background-size: 14px 22px;
}
.mod-carousel-category-top .slick-prev:before,
.mod-carousel-category-top .slick-next:before
{
background-color: rgba(0,0,0,0.7);
}
/* tabletの時のボタン位置
---------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1144px) {
.mod-carousel-category-top .slick-prev {
left: 380px;
}
.mod-carousel-category-top .slick-next {
right: 380px;
}
}
/* pickup
---------------------------------------------------------- */
.area-pickup-01 {
background: #d6d5bf;
background: -webkit-linear-gradient(#BAB8A6 0%, #d6d5bf 1%);
background: linear-gradient(#BAB8A6 0%, #d6d5bf 1%);
padding: 30px 0;
}
.sec-pickup-01 {
width: 1120px;
margin: 0 auto;
}
.ttl-pickup-01 {
text-align: center;
font-size: 146.667%;
margin-bottom: 20px;
font-weight: bold;
}
/* mod-pickup
---------------------------------------------------------- */
.mod-pickup-01 {
overflow: hidden;
}
.mod-pickup-01 .card {
float: left;
width: 360px;
margin-left: 20px;
}
.mod-pickup-01 .card a {
width: 100%;
display: block;
background-color: #fff;
box-shadow: 2px 4px 5px -3px #ccc;
-moz-box-shadow: 2px 4px 5px -3px #ccc;
-webkit-box-shadow: 2px 4px 5px -3px #ccc;
}
.mod-pickup-01 .card a:hover {
text-decoration: none;
}
.mod-pickup-01 .card:first-child {
margin-left: 0;
}
.mod-pickup-01 .card .image img {
width: 360px;
height: 205px;
}
.mod-pickup-01 .card .detail {
padding: 20px 20px;
}
.mod-pickup-01 .card .caption {
font-size: 106.667%;
font-weight: bold;
}
.mod-pickup-01 .card .text {
font-size: 93.333%;
}
/* image-switch
---------------------------------------------------------- */
.js-image-switch {
  visibility: hidden;
}
/* mod-neslist-01
---------------------------------------------------------- */
.mod-newslist-01  {
width: 1120px;
margin: 0 auto;
box-shadow: 2px 2px 5px -3px #ccc;
-moz-box-shadow: 2px 2px 5px -3px #ccc;
-webkit-box-shadow: 2px 2px 5px -3px #ccc;
background-color: #fff;
}
.mod-newslist-01 .title {
margin-bottom: 20px;
width: 100%;
display: block;
padding: 12px 35px;
color: #fff;
background-color: #E72025;
font-size: 146.667%;
font-weight: bold;
line-height:1.2;
}
.mod-newslist-01 .detail {
padding: 0 65px 20px 65px;
text-align: left;
}
.mod-newslist-01 .detail .btn-cmn-wrap{
margin-top:20px;
}
/* .list-col
---------------------------------------------------------- */
.list-col{
display:inline-block;
width : -webkit-calc((100% - 20px) / 2);
width : calc((100% - 20px) / 2);
margin:0 20px 30px 0;
vertical-align:top;
}
.list-col:nth-child(2n) {
margin-right:0;
}
.list-col > ul{
background-color: #f2f2e7;
padding:15px;
}
.list-col > ul li{
vertical-align:top;
display:inline-block;
width : -webkit-calc((100% - 20px) / 2);
width : calc((100% - 20px) / 2);
margin:0 10px 10px 0;
font-size:93.3%;
}
.list-col > ul li:nth-child(2n) {
margin-right:0;
}
.list-col > ul li a{
display:inline-block;
padding-left:15px;
background:url(/common/img/ico/ico_arrow_right_01.svg) no-repeat 0 0.4em;
background-size: 8px 12px;
text-decoration:none;
color:#212121;
}
.list-col > ul li a:hover{
text-decoration:underline;
}
.list-col h2 a{
color:#FFF;
display:block;
padding: 10px;
line-height: 1.2;
text-align:center;
text-decoration:none;
background-color:#db1d2b;
font-size: 126.7%;
background-image:url(/common/img/ico/ico_button_arrow_01.svg);
background-position: 98% center;
background-repeat: no-repeat;
background-size: 8px 14px;
}

/* サイドカラム
---------------------------------------------------------- */
.side_button_01,
.side_button_02,
.side_button_03,
.side_bnr_01{
margin-bottom:10px;
}
.side_button_01 a,
.side_button_02 a,
.side_button_03 a{
width:100%;
display: inline-table;
border: 1px solid #dedede;
text-align: left;
vertical-align: middle;
font-weight: bold;
text-decoration:none;
}
.side_button_01 a span,
.side_button_02 a span,
.side_button_03 a span{
display:inline-block;
padding: 14px 30px 14px 45px;
}
.side_button_01 a{
background-image:url(/common/img/ico/ico_button_arrow_02.svg);
background-repeat: no-repeat;
background-position: -webkit-calc(100% - 10px) center;
background-position: calc(100% - 10px) center;
background-size: 8px 12px;
color:#212121;
}
.side_button_01 a:hover{
background-color:#F8E9E0;
}
.side_button_02 a{
background-image:url(/common/img/ico/ico_button_arrow_01.svg) ;
background-repeat: no-repeat;
background-position: -webkit-calc(100% - 10px) center;
background-position: calc(100% - 10px) center;
background-size: 8px 12px;
color:#FFF;
background-color:#e82026;
}
.side_button_03 a{
background-image:url(/common/img/ico/ico_button_arrow_01.svg);
background-repeat: no-repeat;
background-position: -webkit-calc(100% - 10px) center;
background-position: calc(100% - 10px) center;
background-size: 8px 12px;
color:#FFF;
background-color:#d87137;
}
.ico_login{
display:block;
background:url(/common/img/ico/ico_button_login_01.svg) no-repeat 10px center;
background-size:22px 26px;
}
.ico_new{
display:block;
background-image:url(/common/img/ico/icon_man_01.svg);
background-repeat: no-repeat;
background-position: 10px center;
background-size:18px 22px;
}
.ico_kippu{
display:block;
background-image:url(/common/img/ico/ico_kippu_02.svg);
background-repeat: no-repeat;
background-position: 10px center;
background-size:26px 26px;
}

/* 緊急告知エリア
---------------------------------------------------------- */
.emergency-01{
width:1120px;
margin:20px auto;
text-align:left;
}
.emergency-01 .inner{
border:4px solid #db1d2b;
padding:20px;
margin-bottom:10px;
}
.emergency-01 .inner:last-child{
margin-bottom:0;
}
.emergency-01 .inner a{
color:#1d3994;
text-decoration:underline;
}
.emergency-01 .inner a:hover{
text-decoration:none;
}
.emergency-01 .inner:not( :first-child ){
}
.emergency-01 .inner p{
margin-bottom:10px;
background:url(/common/img/ico/ico_caution_01.svg);
background-repeat: no-repeat;
background-position: 0 0.2em;
background-size: 18px 18px;
padding-left: 30px;
line-height: 1.6;
}
.emergency-01 .inner p:last-child{
margin-bottom:0;
}

/* モーダル
---------------------------------------------------------- */
.content_modal{
padding:15px;
text-align:left;
}
.mfp-content .mfp-iframe-scaler iframe{
background-color:#FFF;
}

/* tell
---------------------------------------------------------- */
.tell{
display: inline-block;
padding-left: 25px;
font-weight: bold;
font-size: 166.667%;
color: #e82026!important;
text-align: center;
line-height: 1.3;
background-image: url(/common/img/ico/ico_phone_01.svg);
background-repeat: no-repeat;
background-position: 0 center;
background-size: 22px 22px;
}

/* page-nav
---------------------------------------------------------- */
.page-nav{
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin-top:40px;
background-color:#ECECEC;
padding:10px;
}
.page-nav.pr{
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.page-nav.ne{
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.page-nav li{
width:30%;
}
.page-nav li a {
font-size: 100%;
width:100%;
background-color: #FFF;
background-repeat:no-repeat;
display: inline-table;
font-weight: bold;
padding: 8px 30px;
border-radius: 2px;
text-decoration:none;
color:#212121;
text-align:center;
border:1px solid #FFF;
}
.page-nav li.prev a {
background-image: url(/common/img/ico/ico_arrow_left_01.svg);
background-size: 8px 12px;
background-position: 10px center;
}
.page-nav li.next a {
background-image: url(/common/img/ico/ico_arrow_right_01.svg);
background-size: 8px 12px;
background-position: -webkit-calc(100% - 10px) center;
background-position: calc(100% - 10px) center;
}
.page-nav li a:hover{
background-color:#F8E9E0;
}