@charset "UTF-8";
@media screen and (max-width: 767px) {
/* ==========================================================
module_rw.css
========================================================== */
/* mod title style
---------------------------------------------------------- */
.contents.s-type-01 {
padding: 0 12px;
}
.mod-title {
margin: 20px -12px 0 -12px;
}
/* icon
---------------------------------------------------------- */
.ico-pdf-01,
.ico-excel-01{
margin: -1px 0 0 3px;
width: 12px;
height: 12px;
vertical-align:middle;
}
.ico-window-01 {
margin: -1px 0 0 5px;
}

/* ==========================================================
Adjust
========================================================== */
.w70{width:100%}
.img_rw{ width:100%; height:auto;}

/* ==========================================================
title
========================================================== */
/* 1-1 見出しレベル1
---------------------------------------------------------- */
/* ttl-cmn-01
---------------------------------------------------------- */
.ttl-cmn-01 {
padding: 5px;
margin:15px 0 20px 0;
}
.ttl-cmn-01 span{
font-size: 16px;
border-left: 4px solid #e82026;
}
.contents-full .ttl-cmn-01 {
margin-top: 20px;
}
.ttl-cmn-01 .subtitle{
margin:5px 0 0 0;
display:block;
}

/* 1-2 見出しレベル2
---------------------------------------------------------- */
/* ttl-cmn-02
---------------------------------------------------------- */
/* for sp
---------------------------------------------------------- */
.ttl-cmn-02 {
font-size: 15px;
padding: 7px 0;
border-top: 2px solid #e82026;
margin: 30px 0 2px 0;
}
.ttl-cmn-02.is-arrow-01 {
padding: 0;
margin-top: 30px;
}
.ttl-cmn-02.is-arrow-01 a {
padding: 7px 10px 7px 0;
background-size: 8px auto;
background-position: 97% center;
}
/* 1-3 見出しレベル3
---------------------------------------------------------- */
/* ttl-cmn-03
---------------------------------------------------------- */
.ttl-cmn-03 {
font-size: 14px;
padding-bottom: 10px;
margin: 20px 0 15px;
}
/* 1-4 見出しレベル4
---------------------------------------------------------- */
/* ttl-cmn-04
---------------------------------------------------------- */
.ttl-cmn-04 {
font-size: 13px;
}
/* 1-5 見出しレベル5
---------------------------------------------------------- */
/* ttl-cmn-05
---------------------------------------------------------- */
/* for sp
---------------------------------------------------------- */
.ttl-cmn-05 {
font-size: 13px;
}
/* ttl-cmn-06
---------------------------------------------------------- */
.ttl-cmn-06 {
background-color: #ebeadf;
padding: 7px;
margin: 12px 0 17px;
width: 100%;
}
.ttl-cmn-06 span {
font-size: 15px;
display: table-cell;
font-weight: bold;
line-height: 1.2;
padding: 7px 14px;
border-left: 5px solid #e82026;
}
/* ttl-news-01
---------------------------------------------------------- */
.ttl-news-01 {
font-size: 15px;
margin: 16px 0 18px;
padding: 0 12px;
}
.ttl-news-01 span {
width: 100%;
}
/* ==========================================================
2.Paregraph
========================================================== */
/* 2-1 段落
---------------------------------------------------------- */
/* txt-cmn-01
---------------------------------------------------------- */
/* 2-2 強調
---------------------------------------------------------- */
/* txt-cmn-01
---------------------------------------------------------- */
.txt-cmn-01 {
width: 100%;
margin-top: 20px;
line-height: 1.8;
}
/* 2-3 注釈
---------------------------------------------------------- */
/* txt-cmn-02
---------------------------------------------------------- */
.txt-cmn-02 {
width: 100%;
margin-top: 20px;
font-size: 12px;
}
/* ==========================================================
3.list
========================================================== */
/* 3-1 箇条書きリスト
---------------------------------------------------------- */
/* list-cmn-01
---------------------------------------------------------- */
.list-cmn-01 {
overflow: hidden;
margin-top: 10px;
}
.list-cmn-01 > li {
margin-left: 7px;
padding-left: 1em;
text-indent: -0.9em;
}
.list-cmn-01 > li:nth-child(n+2) {
margin-top: 5px;
}
.list-cmn-01 > li:before {
width: 5px;
height: 5px;
margin-bottom: 2px;
margin-left: 0;
margin-right: 5px;
background-image:url(/common/img/ico/ico_circle_01.png);
background-size: 5px;
}
.list-cmn-01 .list01 {
margin-top: 10px;
}
.list-cmn-01 .list01 li {
background-image:url(/common/img/ico/ico_circle_02.png);
background-size: 2px;
background-repeat: no-repeat;
background-position: 3px 0.4em;
padding-left: 10px;
}
/* 3-2 段落番号リスト
---------------------------------------------------------- */
/* list-cmn-02
---------------------------------------------------------- */
.list-cmn-02 {
overflow: hidden;
margin-top: 20px;
}
.list-cmn-02 > li {
counter-increment: listnum;
padding: 0 25px 0 17px;
text-indent: -3px;
}
.list-cmn-02 > li:nth-child(n+2) {
margin-top: 5px;
}
.list-cmn-02 > li:before {
margin-right: 5px;
margin-left: -10px;
}
.list-cmn-02 .list01 {
margin: 20px 0 0 10px;
}
/* 3-3 注釈リスト
---------------------------------------------------------- */
/* list-cmn-03
---------------------------------------------------------- */
.list-cmn-03 {
margin-top: 20px;
}
.list-cmn-03 > li:nth-child(n+2) {
margin-top: 5px;
}
/* 3-4 日付リスト
---------------------------------------------------------- */
/* list-cmn-04
---------------------------------------------------------- */
.list-cmn-04 {
margin-top: 10px;
}
.list-cmn-04.s-type-01{
margin-top:10px;
}
.list-cmn-04 li {
border-bottom: 1px solid #dedede;
padding: 0;
}
.list-cmn-04 li .link {
padding: 10px 0 8px 0;
display: block;
width: 100%;
font-size: 12px;
}
.list-cmn-04 li div.inner{
display:block;
}
.list-cmn-04 li a .date {
width: auto;
float: none;
margin-right: 0;
}
.list-cmn-04 li a .tag {
padding: 3px 5px 3px 23px;
display: inline-block;
vertical-align: middle;
width: 80px;
float: none;
color: #fff;
margin-left: 0;
font-size: 10px;
font-weight: bold;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
.list-cmn-04 li .text {
display: block;
margin: 4px 0 0 0;
width: auto;
}
.list-cmn-04.s-type-01 li .text {
display: block;
margin: 4px 0 0 0;
width: auto;
}
.list-cmn-04 li .itag{
width:80px;
padding:3px 5px 3px 0;
text-align:center;
}
/* 3-5 定義リスト
---------------------------------------------------------- */
/* list-cmn-05
---------------------------------------------------------- */
.list-cmn-05 {
margin-top: 20px;
}
.list-cmn-05 .title.link:before {
margin-right: 5px;
}
.list-cmn-05 .title.link a{
background-position:left 1px;
}
/* 3-6 インラインリスト
---------------------------------------------------------- */
/* list-cmn-06
---------------------------------------------------------- */
.list-cmn-06 {
margin-top: 20px;
letter-spacing: normal;
}
.list-cmn-06 li {
display: block;
}
.list-cmn-06 li:not(:first-child) {
margin-left: 0;
}
/* list-news-navigation
---------------------------------------------------------- */
.list-news-navigation li {
width: 32%;
margin-left: 2%;
}
.list-news-navigation li:nth-child(3n+1) {
clear: both;
margin-left: 0;
}
.list-news-navigation li a {
display: block;
width: 100%;
height: auto;
font-weight: bold;
border-right: 1px solid #dedede;
border-top: 1px solid #dedede;
border-left: 1px solid #dedede;
padding: 14px 2px;
line-height: 1.2;
text-decoration: none;
}
.list-news-navigation li.ico-type-01 a:hover {
background-image: none;
}
.list-news-navigation li.ico-type-02 a:hover {
background-image: none;
}
.list-news-navigation li.ico-type-03 a:hover {
background-image: none;
}
.list-news-navigation li.is-current {
padding: 14px 2px;
}
/* list-news icon
---------------------------------------------------------- */
.list-news-navigation li{
font-size:11px;
}
.list-news-navigation li.ico-type-01 {
background-image: none;
}
.list-news-navigation li.ico-type-01.is-current {
background-image: none;
}
.list-news-navigation li.ico-type-02 {
background-image: none;
}
.list-news-navigation li.ico-type-02.is-current {
background-image: none;
}
.list-news-navigation li.ico-type-03 {
background-image: none;
}
.list-news-navigation li.ico-type-03.is-current {
background-image: none;
}
/* ==========================================================
4.LINK
========================================================== */
/* 共通
---------------------------------------------------------- */
/* 4-4 リンクリスト縦並び
---------------------------------------------------------- */
/* link-cmn-02
---------------------------------------------------------- */
.link-cmn-02 {
margin-top: 20px;
}
.link-cmn-02 > li{
margin-top: 10px;
}
.link-cmn-01 a,
.link-cmn-02 > li a,
.link-cmn-03 > li a,
.link-cmn-04 > li a{
background-position:0 2px;
}

/* 4-5 リンクリスト横並び 2カラム
---------------------------------------------------------- */
/* link-cmn-03
---------------------------------------------------------- */
.link-cmn-03 {
margin: 20px 0 0 0;
width: 100%;
}
.link-cmn-03 > li {
float: none;
width: 100%;
padding: 0;
margin-top: 10px;
}
/* 4-6 リンクリスト横並び 3カラム
---------------------------------------------------------- */
/* link-cmn-04
---------------------------------------------------------- */
.link-cmn-04 {
margin: 20px 0 0 0;
overflow: hidden;
}
.link-cmn-04 > li {
float: none;
width: 100%;
padding: 0;
margin-top:10px;
}
.link-cmn-04 > li:nth-child(3n) {
width: 100%;
}
.link-cmn-04 > li:nth-child(3n+1) {
clear: none;
}
/* アンカーリンクリスト
---------------------------------------------------------- */
.link-cmn-07 > li a,
.link-cmn-05 > li a,
.link-cmn-06 > li a {
padding:5px 5px 5px 20px;
background:url(/common/img/ico/ico_arrow_down_01.svg) no-repeat 5px center;
background-size: 14px 6px;
}
.link-cmn-07 + .ttl-cmn-02,
.link-cmn-05 + .ttl-cmn-02,
.link-cmn-06 + .ttl-cmn-02,
.link-cmn-07 + section .ttl-cmn-02,
.link-cmn-05 + section .ttl-cmn-02,
.link-cmn-06 + section .ttl-cmn-02{
margin-top:10px;
}

/* 4-7 アンカーリンクリスト 3カラム
---------------------------------------------------------- */
/* link-cmn-05
---------------------------------------------------------- */
.link-cmn-05 > li {
width : -webkit-calc((100% - 10px) /2);
width : calc((100% - 10px) /2);
margin:0 10px 10px 0;
}
.link-cmn-05 > li:nth-child(odd){
margin-right:10px;
}
.link-cmn-05 > li:nth-child(even){
margin-right:0;
}

/* 4-8 アンカーリンクリスト 4カラム
---------------------------------------------------------- */
/* link-cmn-06
---------------------------------------------------------- */
.link-cmn-06 > li {
width : -webkit-calc((100% - 10px) /2);
width : calc((100% - 10px) /2);
margin:0 10px 10px 0;
}
.link-cmn-06 > li:nth-child(odd){
margin-right:10px;
}
.link-cmn-06 > li:nth-child(even){
margin-right:0;
}
.link-cmn-06 > li a{
font-size:100%;
}

/* ==========================================================
5.Button
========================================================== */
/* 共通
---------------------------------------------------------- */
.list-cmn-button.s-2col li.btn-cmn-wrap,
.list-cmn-button.s-3col li.btn-cmn-wrap,
.list-cmn-button.s-4col li.btn-cmn-wrap,
.list-cmn-button.s-center-02 li.btn-cmn-wrap {
display: block;
margin: 0 auto;
width: 245px;
}
.btn-cmn-01 {
font-size: 12px;
width: 245px;
margin: 0 auto;
padding: 12px 12px;
background-image:url(/common/img/ico/ico_button_arrow_01.svg);
background-size: 6px 8px;
background-position: calc(100% - 5px);
}
.btn-cmn-02 {
font-size: 12px;
width: 245px;
display: block;
margin: 0 auto;
padding: 12px 20px;
background-image:url(/common/img/ico/ico_button_search_01.svg);
background-size: 18px;
background-position: 10px center;
}
.list-cmn-button {
margin-top: 20px;
}
/* 5-2 ボタンレベル２ レベル1の補足用等
---------------------------------------------------------- */
/* btn-cmn-01 s-type-01
---------------------------------------------------------- */
.btn-cmn-01.s-type-01 {
background-size: 6px 8px;
}
/* 5-3 ボタンレベル3 汎用ボタン サイト内ページ移動用など
---------------------------------------------------------- */
/* btn-cmn-01 s-type-02
---------------------------------------------------------- */
.btn-cmn-01.s-type-02 {
padding: 12px 12px;
background-size: 6px 8px;
background-position: calc(100% - 5px);
}
/* 5-6 ボタン縦並び
---------------------------------------------------------- */
/* btn-cmn-01 s-righ-01
---------------------------------------------------------- */
.btn-cmn-wrap {
margin-top: 20px;
}
.btn-cmn-wrap + .btn-cmn-wrap {
margin-top: 15px;
}
.btn-cmn-wrap + .list-cmn-button {
margin-top: 15px;
}
.list-cmn-button + .btn-cmn-wrap {
margin-top: 15px;
}
/* 5-7 ボタン中央寄せ横並び
---------------------------------------------------------- */
/* list-cmn-button
---------------------------------------------------------- */
.list-cmn-button li.btn-cmn-wrap {
width: 45%;
max-width: none;
}
/* 5-8 ボタン横並びリスト 2カラム
---------------------------------------------------------- */
/* list-cmn-button s-2col
---------------------------------------------------------- */
.list-cmn-button.s-2col li.btn-cmn-wrap {
float: none;
width: 245px;
}
.list-cmn-button.s-2col li:nth-child(2n+1) {
clear: none;
margin-left: auto;
}
.list-cmn-button.s-2col li:nth-child(n+2) {
margin-top: 15px;
}
/* 5-9 ボタン横並びリスト 3カラム
---------------------------------------------------------- */
/* list-cmn-button s-3col
---------------------------------------------------------- */
.list-cmn-button.s-3col li.btn-cmn-wrap {
float: none;
width: 245px;
margin: 0 auto;
}
.list-cmn-button.s-3col li:nth-child(3n+1) {
clear: none;
margin-left: auto;
}
.list-cmn-button.s-3col li:nth-child(n+2) {
margin-top: 15px;
}
/* 5-10 ボタン横並びリスト 4カラム
---------------------------------------------------------- */
/* list-cmn-button s-4col
---------------------------------------------------------- */
.list-cmn-button.s-4col li.btn-cmn-wrap {
width:50%;
padding:0 5px;
}
.list-cmn-button.s-4col li.btn-cmn-wrap.w01 {
width: 245px;
}
.list-cmn-button.s-4col li:nth-child(4n+1) {
clear: none;
margin-left: auto;
}
.list-cmn-button.s-4col li:nth-child(n+3) {
margin-top: 10px;
}
.list-cmn-button.s-4col li.btn-cmn-wrap.w01 {
width:100%;;
}
/* ==========================================================
/* 5-11 検索ボタン inputタグ
---------------------------------------------------------- */
/* btn-cmn-02
---------------------------------------------------------- */
.btn-cmn-02.input-button {
min-height: 40px;
background-size: 15px;
}
/* ==========================================================
/* 5-12 ログインボタン aタグ
---------------------------------------------------------- */
/* btn-cmn-02
---------------------------------------------------------- */
.btn-cmn-02.s-login {
background-image:url(/common/img/ico/ico_button_login.svg);
background-size: 15px;
background-position: 12px center;
}
/* ==========================================================
/* 5-13 検索条件追加ボタン aタグ
---------------------------------------------------------- */
/* btn-cmn-02
---------------------------------------------------------- */
.list-cmn-button.s-type-02 li.btn-cmn-wrap {
width: 245px;
}
.list-cmn-button.s-type-02 li.btn-cmn-wrap:nth-child(n+2) {
margin-top: 15px;
}
.list-cmn-button.s-type-02 li.btn-cmn-wrap:nth-child(2n+1) {
margin-left: auto;
}
.btn-cmn-02.s-plus {
background-image:url(/common/img/ico/ico_button_plus_01.svg);
background-size: 10px;
background-position: 96% center;
}
.btn-cmn-02.s-minus {
background-image:url(/common/img/ico/ico_button_minus_01.svg);
background-size: 10px;
background-position: 96% center;
}

/* ==========================================================
/* 5-15 汎用ボタン
---------------------------------------------------------- */
.btn-cmn-03 li{
display:block;
width:100%;
margin-right:0;
}
.btn-cmn-04 li{
display:block;
width:100%;
margin-right:0;
}
.btn-cmn-05 li{
width: -webkit-calc((100% - 15px) / 2);
width: calc((100% - 15px) / 2);
}
.btn-cmn-05 li:nth-child(2n){
margin-right:0;
}
.btn-sub_navi_01{
margin-top:20px;
}
.btn-sub_navi_01 li{
width:calc(100% / 2);
}
.btn-sub_navi_01 li a{
background-position:10px 0.8em;
background-size:6px 10px;
}
.btn-sub_navi_01 li:nth-of-type(1),
.btn-sub_navi_01 li:nth-of-type(2){
margin-top:0;
}
.btn-sub_navi_01 li.cel2{
width:calc(100% / 2);
}

/* ==========================================================
6.Table
========================================================== */
/* 6-1 見出し上部
---------------------------------------------------------- */
/* table-cmn-01
---------------------------------------------------------- */
.table-cmn-scroll {
overflow: auto;
white-space: nowrap;
}
.table-cmn-scroll table{
width:auto;
}
.table-cmn-scroll::-webkit-scrollbar {
height: 5px;
}
.table-cmn-scroll::-webkit-scrollbar-track {
background: #F1F1F1;
}
.table-cmn-scroll::-webkit-scrollbar-thumb {
background: #BCBCBC;
}
.table-cmn-01.s-adjust,
.table-cmn-02.s-adjust {
width: auto;
}
.table-cmn-01 {
margin-top: 10px;
border: 1px solid #e0e0e0;
overflow-x: scroll;
}
.table-cmn-01::-webkit-scrollbar {
height: 5px;
}
.table-cmn-01::-webkit-scrollbar-track {
border-radius: 5px;
background: #eee;
}
.table-cmn-01::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666;
}
.table-cmn-01 th,
.table-cmn-01 td {
padding: 5px 14px;
}
.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-2 見出し左部
---------------------------------------------------------- */
/* table-cmn-02
---------------------------------------------------------- */
.table-cmn-02 {
margin-top: 20px;
border: 1px solid #e0e0e0;
overflow-x: scroll;
}
.table-cmn-02 th,
.table-cmn-02 td {
font-size: 11px;
padding: 5px 14px;
}

/*  段落ちテーブル
---------------------------------------------------------- */
/* table-cmn-03
---------------------------------------------------------- */
.table-cmn-03 th,
.table-cmn-03 td {
width:100%;
display:block;
}
/* table-cmn-04
---------------------------------------------------------- */
.table-cmn-04 th,
.table-cmn-04 td {
display:table-cell;
width:auto;
}
/* table-cmn-05
---------------------------------------------------------- */
.table-cmn-05 th,
.table-cmn-05 td {
display:block;
width:100%;
}
.table-cmn-05 td {
border-top:none;
}
.table-cmn-05 tr:first-child td{
border-bottom:none;
}
.table-cmn-05 td ul li{
margin-bottom:15px;
}
.table-cmn-05 td ul li:last-child{
margin-bottom:0;
}
.table-cmn-05 td ul li a{
background:url(/common/img/ico/ico_arrow_right_02.svg) no-repeat 0 2px;
background-size:6px 12px;
}


/* ==========================================================
7.Box
========================================================== */
/* 共通
---------------------------------------------------------- */
.box-cmn-01,
.box-cmn-02,
.box-cmn-03,
.box-cmn-01-wrap,
.box-cmn-02-wrap {
margin-top: 20px;
}
/* 7-3 ボックス3　重要枠
---------------------------------------------------------- */
/* box-cmn-03
---------------------------------------------------------- */
.box-cmn-03 {
border: 1px solid #c62828;
}

/* 7-4 ボックス4　見出し付き
---------------------------------------------------------- */
/* box-cmn-01
---------------------------------------------------------- */
.box-cmn-01-wrap .box-title {
padding: 9px 10px;
font-size: 13px;
}
/* 7-5 ボックス5　背景有り見出し付き
---------------------------------------------------------- */
/* box-cmn-02
---------------------------------------------------------- */
.box-cmn-02-wrap .box-title {
padding: 9px 10px;
font-size: 13px;
}
/* ==========================================================
8.Column 12Grid
========================================================== */
.grid-cmn {
margin-top: 20px;
}
.grid-cmn:not(.s-fix) > [class*=col] {
width: 100%;
}
.grid-cmn.s-fix > [class*=col] + [class*=col] {
margin-left: 5px;
}
.grid-cmn:not(.s-fix) > [class*=col] + [class*=col] {
margin: 6px 0 0;
}
.grid-cmn:not(.s-fix) > [class*=col] + [class*=col] > *,
.grid-cmn:not(.s-fix) > [class*=col] + [class*=col] section > [class*=ttl] {
margin-top: 20px;
}
.grid-cmn > .col2-4 { width: calc(((100% - 5px) / 12) * 4);}
.grid-cmn > .col2-5 { width: calc(((100% - 5px) / 12) * 5);}
.grid-cmn > .col2-6 { width: calc(((100% - 5px) / 12) * 6);}
.grid-cmn > .col2-7 { width: calc(((100% - 5px) / 12) * 7);}
.grid-cmn > .col2-8 { width: calc(((100% - 5px) / 12) * 8);}
.grid-cmn > .col3-4 { width: calc(((100% - 10px) / 12) * 4);}
.grid-cmn > .col4-3 { width: calc(((100% - 15px) / 12) * 3);}

.grid-cmn.break  > .col2-4:nth-child(n + 2){ margin:20px 0 0 0;}
.grid-cmn.break  > .col2-5:nth-child(n + 2){ margin:20px 0 0 0!important;}
.grid-cmn.break  > .col2-6:nth-child(n + 2){ margin:20px 0 0 0!important;}
.grid-cmn.break  > .col2-7:nth-child(n + 2){ margin:20px 0 0 0!important;}
.grid-cmn.break  > .col2-8:nth-child(n + 2){ margin:20px 0 0 0!important;}
.grid-cmn.break  > .col3-4:nth-child(n + 2){ margin:20px 0 0 0!important;}
.grid-cmn.break  > .col4-3:nth-child(n + 2){ margin:20px 0 0 0!important;}


/* ==========================================================
9.Thumnails
========================================================== */
/* grid-cmn-thumnails
---------------------------------------------------------- */
.grid-cmn-thumnails .item .image {  width: 100%;  height: auto;}
.grid-cmn-thumnails .item .text-wrap .title {
margin-bottom: 5px;
background:url(/common/img/ico/ico_arrow_right_02.svg) no-repeat 0 3px;
background-size:6px 10px;
padding-left:10px;
}
.android .grid-cmn-thumnails .item .text-wrap .title {
background-position:left 1px;
}
.grid-cmn-thumnails .item .text-wrap .wrap {
padding: 0 23px;
}
/* 2colum
---------------------------------------------------------- */
.grid-cmn-thumnails.s-2col .item {
width: 100%;
margin-right:0;
}
.grid-cmn-thumnails.s-2col .item .image  {
width: 100%;
height: auto;
}
.grid-cmn-thumnails.s-2col .item .image img {
width: 100%;
height: auto;
}
/* 3colum
---------------------------------------------------------- */
.grid-cmn-thumnails.s-3col .item {
width: 100%;
margin-right:0;
}
/* 4colum
---------------------------------------------------------- */
.grid-cmn-thumnails.s-4col .item {
width : -webkit-calc((100% - 15px) / 2);
width : calc((100% - 15px) / 2);
}
.grid-cmn-thumnails.s-4col .item:nth-child(2n) {
margin-right:0;
}
/* 2colum-side
---------------------------------------------------------- */
.grid-cmn-thumnails.s-2col-side .item {
width:100%;
margin-right:0;
}
.grid-cmn-thumnails.s-2col-side .item .image {
width: 100px;
}
.grid-cmn-thumnails.s-2col-side .item .text-wrap {
width : -webkit-calc(100% - 100px);
width : calc(100% - 100px);
}
/* 3colum center
---------------------------------------------------------- */
.grid-cmn-thumnails.s-3col.s-center .item {
width: 100%;
}
/* thumnails-list
---------------------------------------------------------- */
.thumnails-list-01{
display:block;
}
.thumnails-list-01 figure,
.thumnails-list-01 .inner{
display:block;
}
.thumnails-list-01 figure{
margin:0 0 10px 0;
padding:0;
text-align:center;
}
.thumnails-list-01 figure img{
width:100%;
height:auto;
}
.thumnails-list-01 .inner h4{
background-position:0 2px;
margin-bottom:10px;
}
.android .thumnails-list-01 .inner h4{
background-position:0 1px;
}

/* ==========================================================
10.parts
========================================================== */

/* 10-2 ページネーション
---------------------------------------------------------- */
.nav-page-nation {
margin-top: 36px;
}
.nav-page-nation .list-page-nation {
width: 260px;
}
.nav-page-nation .list-page-nation li  {
width: 28px;
height: 28px;
line-height: 28px;
}
.nav-page-nation .list-page-nation li.num a {
height: 28px;
border-radius: 3px;
font-size: 10px;
}
.nav-page-nation .list-page-nation li.prev a {
width: 28px;
height: 28px;
font-size: 10px;
}
.nav-page-nation .list-page-nation li.next a {
width: 28px;
height: 28px;
font-size: 10px;
}
.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 .list-page-nation li.is-current {
border-radius: 3px;
height: 28px;
font-size: 10px;
}
.nav-page-nation .text-number {
font-size: 10px;
margin-top: 2px;
}

/*  10-3 月ページネーション
---------------------------------------------------------- */
.month-page-nation{
margin:10px 0;
}
.month-page-nation ul{
display:inline-block;
width:100%;
}
.month-page-nation li{
display:inline-block;
width:21%;
height:40px;
line-height:40px;
margin:0 2% 5px 2%;
}
.month-page-nation li:first-child{
margin:0 2% 5px 2%;
}
.month-page-nation li a{
display: block;
width: 100%;
height:40px;
border-radius: 5px;
border: 1px solid #cdcdcd;
text-align: center;
text-decoration: none;
}
.month-page-nation li a:hover{
background-color:#db1d2b;
border-color:#db1d2b;
color:#FFF;
}
/* ==========================================================
11. JS
========================================================== */
/* 共通
---------------------------------------------------------- */
.list-accordion {
margin-top: 20px;
}
.list-accordion li > .title {
font-size: 13px;
}
.list-accordion li > .title > a {
padding: 9px 25px 9px 10px;
background-size: 11px 7px;
background-repeat: no-repeat;
background-position: 98% center;
}
.list-accordion li > .title.is-active > a {
background-size: 11px 7px;
background-repeat: no-repeat;
background-position: 98% center;
}
.list-accordion li > .title + div {
padding: 10px;
}
.list-accordion li > div > .inner {
padding: 12px 20px;
}
/* 11-2 アコーディオン　Q&A
---------------------------------------------------------- */
.list-accordion.s-faq li > .title a {
padding: 9px 25px 9px 10px;
}
.list-accordion.s-faq li .text-wrap > .text01 {
float: none;
margin: 0 0 10px 0;
}
.list-accordion.s-faq li > .title .text01,
.list-accordion.s-faq li > .title .text02,
.list-accordion.s-faq li .text-wrap > .text01 {
font-size: 13px;
}
.list-accordion.s-faq li > .title .text01,
.list-accordion.s-faq li > .title .text02 {
line-height: 1.65;
}
.list-accordion.s-faq li > .title .text02 {
font-weight: bold;
}
.list-accordion.s-faq li .text-wrap + .text-wrap,
.list-accordion.s-faq li .text-wrap + .text-wrap.s-type-02,
.list-accordion.s-faq li .text-wrap + .text-wrap.s-type-03 {
margin-top: 20px;
padding-left: 0;
}
/* 11-3 カルーセル
---------------------------------------------------------- */
.mod-carousel-wrap {
margin-top: 20px;
padding: 12px 40px 33px;
width:100%;
}
.mod-carousel {
width: 100%;
}
.mod-carousel li {
margin: 0;
}
.mod-carousel li a {
width: 100%;
}
.mod-carousel li a .image {
width: 100%;
height:auto;
}
.mod-carousel .slick-prev:before,
.mod-carousel .slick-next:before {
background-size: 7px 11px;
}
/* 11-4 ムービー
---------------------------------------------------------- */
.mod-movie {
margin-top: 20px;
padding: 12px;
border: none;
}
.mod-movie .detail tbody th,
.mod-movie .detail tbody td {
display: block;
width: 100%;
}
/* 12.Form
---------------------------------------------------------- */
/* form-cmn-01
---------------------------------------------------------- */
.form-cmn-01 {
margin-top: 20px;
}
.form-cmn-01 .confirmation {
margin: 18px 0 19px;
}
.form-cmn-01 .confirmation a {
font-size: 11px;
}
.form-cmn-01 .confirmation a:hover {
text-decoration: none;
}
.form-cmn-01 .checkbutton + label:before {
width: 16px;
height: 16px;
margin-right: 7px;
margin-top: -2px;
background-size: 16px;
}
.form-cmn-01 .button01 {
margin-top: 19px;
}
.form-cmn-01 .button01 + .button01 {
margin-top: 10px;
}
.form-cmn-01 .button01 a {
width: 245px;
font-size: 12px;
padding: 10px 22px;
background-color: #e82026;
background-size: 6px 8px;
background-position: 96% center;
}
.form-cmn-01 .list-result {
margin-top: 0;
}
.form-cmn-01 .list-result li {
margin-left: 0;
display: block;
}
.form-cmn-01 .button01.s-color-01 a {
background-position: 9px center;
}
/*is-result*/
.form-cmn-01.is-result td {
padding: 12px 0;
}
.form-cmn-01.is-result td.textarea-result-01 {
padding: 12px 0 5px;
}
/* table-inputform-01
---------------------------------------------------------- */
.table-inputform-01 {
border: none;
table-layout: auto;
}
.table-inputform-01,
.table-inputform-01 tbody,
.table-inputform-01 tr,
.table-inputform-01 th,
.table-inputform-01 td
{
width: 100%;
display: block;
overflow: hidden;
}
.table-inputform-01 th {
width: 100%;
padding: 8px 11px 8px 13px;
font-size: 13px;
border: none;
}
.table-inputform-01 th .tag {
padding: 2px 5px;
margin-top: 0;
font-size: 11px;
}
.table-inputform-01 td {
width: 100%;
border: none;
padding: 12px 0 21px;
font-size: 11px;
}
.table-inputform-01 td .errortext:before {
width: 19px;
height: 19px;
margin-top: -5px;
margin-right: 6px;
background-size: 19px;
}
.table-inputform-01 .adress {
margin-top: 10px;
}
/* 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 {
font-size: 11px;
}
/*list-cmn-form-01*/
.list-cmn-form-01 {
margin-top: 5px;
padding-top: 2px;
}
.list-cmn-form-01 li {
width: 100%;
margin-left: 0;
float: none;
}
.list-cmn-form-01 li:nth-child(3n+1) {
margin-left: 0;
clear: none;
}
.list-cmn-form-01 li:nth-child(n+2) {
margin-top: 10px;
}
/*list-text-01*/
.list-text-01 {
margin: 0 -6px;
}
.list-text-01 li {
width: 50%;
padding: 0 6px;
}
/*form-cmn-text-01*/
.form-cmn-text-01 {
padding: 5px 13px;

}
/*list-text-02*/
.list-text-02 {
overflow: hidden;
margin: 0 -7px;
}
.list-text-02 li {
float: left;
width: 33.3%;
padding: 0 7px;
}
.list-text-02 li:nth-child(3n) {
width: 33.4%;
}
/*form-cmn-text-02*/
.form-cmn-text-02 {
padding: 5px 13px;

}
/*アイコンハイフン*/
.table-inputform-01 .hyphen:before {
position: absolute;
left: -1px;
top: 50%;
content: "";
width: 2px;
height: 1px;
background-color: #000;
}
/*list-text-03*/
.list-text-03 {
margin: 5px -6px;
}
.list-text-03 li {
padding: 0 6px;
}
.list-text-03 li.col01 {
width: 55%;
}
.list-text-03 li.col02 {
width: 45%;
}
/*form-cmn-text-03*/
.form-cmn-text-03 {
padding: 5px 13px;

}
/*form-cmn-text-04*/
.form-cmn-text-04 {
padding: 5px 13px;

}
/*アイコンアット*/
.table-inputform-01 .mark:before {
top: 8px;
left: -5px;
font-size: 11px;
}
/*form-cmn-text-05*/
.form-cmn-text-05 {
width: 100%;
padding: 5px 13px;
margin-top: 12px;
}
/*form-cmn-select-01*/
.form-cmn-select-01 {
width: 81.116%;
padding: 5px 13px;
font-size: 11px;
}
.form-cmn-select-01.is-error {
width: 81.116%;

}
.img-select-arrow-01 {
height: 30px;
}
.img-select-arrow-01:after {
top: 5px;
right: 14px;
width: 8px;
height: 6px;
}
/*form-cmn-radio-01*/
/*form-cmn-check-01*/
.form-cmn-radio-01 + label:before,
.form-cmn-check-01 + label:before {
width: 16px;
height: 16px;
margin-right: 8px;
margin-top: -3px;
background-size: 16px;
}
/*is-error*/
.form-cmn-radio-01.is-error + label:before {
background-size: 16px;
}
.form-cmn-radio-01:checked + label:before {
background-size: 16px;
}
/*form-cmn-textarea-01*/
.form-cmn-textarea-01 {
width: 100%;
height: 140px;
padding: 4px 13px 0 13px;
}
/* ==========================================================
13.other
========================================================== */
/* 共通
---------------------------------------------------------- */
.img-cmn {
margin-top: 20px;
}
img.s-adjust-sp {
width: 100%;
height: auto;
}
/* ==========================================================
js用css
========================================================== */
/* slick スライダー
---------------------------------------------------------- */
.slider-wrap {
width: 100%;
height: 100%;
}
.slider-in {
width: 100%;
height: auto;
margin: 0 auto;
position: static;
}
.box-slider {
width: 100%;
position: static;
margin-left: 0;
}
.js-slickslider-01{
padding-bottom:18px;
}
.box-slider li a img {
width: 100%;
height: auto;
}
.box-slider .slick-dots {
bottom: 0;
padding: 3px 0 0 0;
width: 100%;
height:18px;
}
.box-slider .slick-dots li{
height:8px;
}
.box-slider .slick-prev,
.box-slider .slick-next {
background-color: rgba(0,0,0,0.5);
}
.box-slider .slick-next {
right: 7px;
}
.box-slider .slick-prev {
left: 7px;
}
.box-slider .slick-next:before {
background-size: 7px 11px;
}
.box-slider .slick-next:after {
content: normal;
}
.box-slider .slick-prev:before {
background-size: 7px 11px;
}
.box-slider .slick-prev:after {
content: normal;
}
/* slick カルーセル
---------------------------------------------------------- */
.mod-carousel-01 {
width: auto;
height: auto;
padding-bottom: 5px;
overflow: visible;
}
.carousel-wrap {
width: 100%;
margin: auto;
position: relative;
min-height: 0;
}
.carousel-in {
width: auto;
position: static;
margin-left: auto;
}
.mod-carousel-category-top {
width: auto;
margin: auto;
overflow: hidden;
}
.mod-carousel-category-top .slick-dots {
position: static;
margin: 15px auto 0 auto;
}
.mod-carousel-category-top .card {
background-color: #fff;
width: auto;
height: auto;
margin: 0 15px;
}
.mod-carousel-category-top .slick-prev {
display: block;
left: 30px;
}
.mod-carousel-category-top .slick-next {
display: block;
right: 30px;
}
.mod-carousel-category-top .card a {
width: auto;
display: block;
padding: 20px;
}
.mod-carousel-category-top .card a:hover {
text-decoration: none;
}
.mod-carousel-category-top .card .image {
width: 100%;
height:auto;
position: relative;
}
.mod-carousel-category-top .card .image img {
width: 100%;
height: auto;
}
.mod-carousel-category-top .card .title {
font-size: 14px;
margin: 8px 0 7px;
}
.mod-carousel-category-top .slick-prev:before,
.mod-carousel-category-top .slick-next:before {
background-size: 7px 11px;
}

/* pickup
---------------------------------------------------------- */
.area-pickup-01 {
background: #d6d5bf;
background: -webkit-linear-gradient(#BAB8A6 0%, #d6d5bf 1%);
background: linear-gradient(#BAB8A6 0%, #d6d5bf 1%);
padding: 20px 0 6px;
}
.sec-pickup-01 {
width: 100%;
}
.ttl-pickup-01 {
font-size: 14px;
margin-bottom: 20px;
}
/* mod-pickup
---------------------------------------------------------- */
.mod-pickup-01 {
overflow: hidden;
padding: 0 12px;
}
.mod-pickup-01 .card {
float: none;
width: 100%;
margin: 0 0 12px 0;
}
.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: 100%;
height: auto;
}
.mod-pickup-01 .card .detail {
padding: 13px 14px 15px;
}
.mod-pickup-01 .card .caption {
font-size: 12px;
margin-bottom: 5px;
}
.mod-pickup-01 .card .text {
font-size: 11px;
}
/* mod-neslist-01
---------------------------------------------------------- */
.mod-newslist-01 {
width: 100%;
margin: 0 auto;
}
.mod-newslist-01 .title {
margin-bottom: 10px;
}
.mod-newslist-01 .detail {
padding: 0 12px 25px;
}
/* .list-col
---------------------------------------------------------- */
.list-col{
display:block;
width : 100%;
margin:0 0 20px 0;
}
.list-col > ul li{
margin-bottom:15px;
}
.list-col > ul li a{
background-position:0 0.1em;
}
/* サイドカラム
---------------------------------------------------------- */
/* サイドカラム
---------------------------------------------------------- */
.side_button_01{
margin-top:15px;
}
.side_bnr_01{
text-align:center;
}
/* 緊急告知エリア
---------------------------------------------------------- */
.emergency-01{
width:100%;
margin:20px auto;
padding:0 12px;
font-size:13px;
}
.emergency-01 .inner{
padding:12px;
}
.emergency-01 .inner p{
background:url(/common/img/ico/ico_caution_01.svg) no-repeat 0 0.2em;
background-size:14px 14px;
padding-left:25px;
}
/* page-nav
---------------------------------------------------------- */
.page-nav li{
width:45%;
}

}
/* カルーセル横画面
---------------------------------------------------------- */
@media only screen and (orientation: landscape) and (max-width:767px) {
.mod-carousel li a {
width: 100%;
}
.mod-carousel li a .image {
width: 100%;
height: auto;
}
.mod-carousel li a img {
width: 100%;
height: auto;
position: static;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
}