@charset "Shift_JIS";

/*==================================================
setting
===================================================*/

*{
margin:0;
padding:0;
}
html{
font-size:62.5%;
-webkit-text-size-adjust:100%;
}
body{
font-family:Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
line-height:1.4;
}
ul,ol{
list-style:none;
}
img{
border:none;
font-size:0;
line-height:0;
vertical-align:top;
}
input,
select,
textarea{
font-size:100%;
font-family:inherit;
line-height:inherit;
vertical-align:top;
}
input{
overflow:visible;
}
select{
text-transform:none;
}
article,aside,header,footer,main,nav,section{
display:block;
}
a{
color:inherit;
background-color:transparent;
text-decoration:none;
}
a:link,
a:visited{
}
a:hover,
a:active,
a:focus{
}
em{
font-style:normal;
}
.clear:after{
content:"";
display:block;
clear:both;
}

/*==================================================
common
===================================================*/

/* ___________________________________________ body */

body{
opacity:0;
}
.sp_body,
.pc_body{
opacity:1;
}
.sp_body{
font-size:1.1rem;
}
.pc_body{
font-size:1.4rem;
}
.pc_body .inner{
margin:0 auto;
width:960px;
}

.is_pc,
.is_sp{
display:none;
}

/* ___________________________________________ wrap */

.wrap img{
width:100%;
height:auto;
}

/* ___________________________________________ imgRoll */

.imgRoll a:hover img{
opacity:.7;
}

/* ___________________________________________ pagetop */

.wrap .pagetop{
position:fixed;
right:15px;
bottom:20px;
background-color:rgba(0,0,0,0.8);
border-radius:6px;
width:50px;
display:none;
}
.wrap .pagetop a{
display:inline-block;
min-width:40px;
width:50%;
padding:10px 5px;
}

/* ___________________________________________ autoPagetop */

.wrap .autoPagetop{
position:fixed;
right:15px;
bottom:60px;
z-index:1;
display:none;
}
.wrap .autoPagetop img{
width:80px;
height:76px;
}

/* ___________________________________________ select_common */

.select_common{
box-sizing:border-box;
padding:5px;
width:100%;
font-size:1.2rem;
}
.sp_body .select_common{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
text-indent:.01px;
text-overflow:"";
border-radius:0;
padding-left:10px;
height:40px;
background:#fff url(../images/option/icon_select.png) 96% center no-repeat;
background-size:7px;
}
.pc_body .select_common{
padding:6px 8px 7px;
font-size:1.4rem;
}

/*==================================================
header
===================================================*/

/* ___________________________________________ header */

.header{
border-bottom:1px solid #5b5758;
}

/* ___________________________________________ header_sp */

.header_sp .logo{
float:left;
padding:2.02% 0 2.02% 2.02%;
width:16.75%;
}
.header_sp .search_open{
float:right;
margin-left:2.7%;
width:13.51%;
cursor:pointer;
}

.header_sp .search_name{
position:absolute;
left:0;
top:0;
width:100%;
background:#5b5758;
}
.header_sp .search_none{
display:none;
}
.header_sp .search_name .search_input{
float:left;
width:83.7%;
padding:2.7% 0 2.7% 2.7%;
position:relative;
}
.header_sp .search_name .search_close{
float:right;
width:13.51%;
cursor:pointer;
}
.header_sp .search_name .search_input .search_text{
box-sizing:border-box;
padding:2% 12% 2% 6px;
border:1px solid #dbdbdb;
width:100%;
border-radius:3px;
font-size:1.1rem;
}
.header_sp .search_name .search_input .search_submit{
position:absolute;
right:3%;
top:50%;
margin-top:-10px;
width:20px;
height:20px;
}

/* ___________________________________________ header_pc */

.header_pc{
position:relative;
padding:11px 0 19px 10px;
}
.header_pc .logo{
float:left;
width:285px;
}
.header_pc .search_name{
float:right;
position:relative;
margin-top:18px;
width:294px;
}
.header_pc .search_name .search_text{
box-sizing:border-box;
padding:11px 36px 11px 12px;
border:1px solid #dbdbdb;
background:#fafafa;
width:100%;
border-radius:3px;
font-size:1.4rem;
}
.header_pc .search_name .search_submit{
position:absolute;
right:10px;
top:11px;
width:21px;
height:21px;
}

/* ___________________________________________ home_btn */

.home_btn{
float:right;
margin-top:2.16%;
padding:2.7% 6.08%;
background:rgb(53,188,138);
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM1YmM4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEwNTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-webkit-linear-gradient(top, rgba(53,188,138,1) 0%,rgba(0,160,88,1) 100%);
background:-moz-linear-gradient(top, rgba(53,188,138,1) 0%, rgba(0,160,88,1) 100%);
background:linear-gradient(to bottom, rgba(53,188,138,1) 0%,rgba(0,160,88,1) 100%);
border-radius:1px;
box-shadow:0 0 3px rgba(0,0,0,0.4);
color:#fff;
font-size:1.2rem;
}
.home_btn:hover{
opacity:.7;
}

.pc_body .home_btn{
position:absolute;
float:none;
right:314px;
top:29px;
display:inline-block;
margin-top:0;
padding:11px 36px;
font-size:1.4rem;
}

/*==================================================
breadcrumbs
===================================================*/

.breadcrumbs{
padding:2.43%;
letter-spacing:-.4em;
}
.breadcrumbs li{
display:inline-block;
letter-spacing:normal;
}
.breadcrumbs li:before{
content:"\003e";
display:inline-block;
margin:0 4px;
}
.breadcrumbs li:first-child:before{
content:"";
margin:0;
}
.breadcrumbs li a{
color:#1b4bdd;
text-decoration:underline;
}
.breadcrumbs li a:hover{
text-decoration:none;
}

.sp_body .breadcrumbs{
font-size:1rem;
white-space:nowrap;
overflow-x:scroll;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
}

.pc_body .breadcrumbs{
margin:0 auto;
padding:15px 20px;
width:920px;
}
.pc_body .breadcrumbs li:before{
margin:0 5px;
}
.pc_body .breadcrumbs li:first-child:before{
margin:0;
}

/*==================================================
mv
===================================================*/

.mv{
margin-bottom:2.7%;
}

.pc_body .mv{
margin-bottom:20px;
background:url(../images/option/bg_header.jpg) center top repeat-x;
}

/*==================================================
nav
===================================================*/

.nav{
background:#f5f5f5;
box-shadow:0px 2px 3px rgba(0,0,0,0.4);
}
.nav_fixed{
position:fixed;
top:0;
width:100%;
z-index:10;
}

.pc_body .nav{
padding-top:5px;
background:#e8e8e8;
}

/* ___________________________________________ nav_sp */

.nav_sp{
padding:0 2.7% 2.7%;
}
.nav_sp li{
padding-top:2.85%;
}

/* ___________________________________________ nav_pc */

.nav_pc{
padding:10px 0;
}
.nav_pc .category_choice{
float:left;
margin-right:25px;
padding:4px 20px 4px 10px;
background:url(../images/option/icon_choice.png) right center no-repeat;
color:#15a06d;
font-size:24px !important;
font-weight:bold;
}

.add_btn{
float:right;
box-shadow:0 0 3px rgba(0,0,0,0.4);
border-radius:2px;
background:rgb(232,96,107);
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4NjA2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZTFlMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-webkit-linear-gradient(top, rgba(232,96,107,1) 0%,rgba(222,30,45,1) 100%);
background:-moz-linear-gradient(top, rgba(232,96,107,1) 0%, rgba(222,30,45,1) 100%);
background:linear-gradient(to bottom, rgba(232,96,107,1) 0%,rgba(222,30,45,1) 100%);
}
.add_btn a{
display:block;
padding:5px 25px 5px 18px;
/*
background:url(../images/option/icon_newspaper.png) 22px center no-repeat;
*/
color:#fff;
font-size:14px !important;
line-height:16px;
}
.add_btn:hover{
opacity:.7;
}
.add_btn a span{
display:inline-block;
vertical-align:middle;
}
.add_btn a span:first-child{
margin-right:5px;
}
.pc_headline .add_btn{
margin-top:5px;
}

.add_btns{
float:right;
padding-bottom:10px;
letter-spacing:-.4em;
}
.add_btns li{
display:inline-block;
vertical-align:top;
letter-spacing:normal;
box-shadow:0 0 3px rgba(0,0,0,0.4);
border-radius:2px;
background:rgb(232,96,107);
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4NjA2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZTFlMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-webkit-linear-gradient(top, rgba(232,96,107,1) 0%,rgba(222,30,45,1) 100%);
background:-moz-linear-gradient(top, rgba(232,96,107,1) 0%, rgba(222,30,45,1) 100%);
background:linear-gradient(to bottom, rgba(232,96,107,1) 0%,rgba(222,30,45,1) 100%);
}
.add_btns li.btn_adv_j{
background:#04a12b;
}
.add_btns li.btn_adv_w{
background:#5787d4;
}
.add_btns li + li{
margin-left:6px;
}
.add_btns li a{
display:block;
padding:5px 25px 5px 18px;
color:#fff;
font-size:14px !important;
line-height:16px;
}
.add_btns li:hover{
opacity:.7;
}
.add_btns li a span{
display:inline-block;
vertical-align:middle;
}
.add_btns li a span:first-child{
margin-right:5px;
}
.pc_headline .add_btns{
margin-top:5px;
}

/* ___________________________________________ guide */

.guide{
padding:10px 0 3px;
width:960px;
overflow:hidden;
}
.guide ul{
width:968px;
}
.guide ul li{
float:left;
margin:10px 6px 0 0;
display:table;
width:155px;
}
.guide ul li a{
display:table-cell;
padding:5px 5px 5px 43px;
height:34px;
background:#159f6c url(../images/option/guide_undecided.png) 8px center no-repeat;
border-radius:3px;
color:#fff;
font-size:13px !important;
font-weight:bold;
line-height:15px;
vertical-align:middle;
}
.guide ul li a:hover{
opacity:.7;
}
.guide ul li:nth-child(6n+1){
clear:both;
}

.guide ul .guide_category1 a{
background-image:url(../images/option/guide_category1.png);
}
.guide ul .guide_category2 a{
background-image:url(../images/option/guide_category2.png);
}
.guide ul .guide_category3 a{
background-image:url(../images/option/guide_category3.png);
}
.guide ul .guide_category4 a{
background-image:url(../images/option/guide_category4.png);
}
.guide ul .guide_category5 a{
background-image:url(../images/option/guide_category5.png);
}
.guide ul .guide_category6 a{
background-image:url(../images/option/guide_category6.png);
}
.guide ul .guide_category7 a{
background-image:url(../images/option/guide_category7.png);
}
.guide ul .guide_category8 a{
background-image:url(../images/option/guide_category8.png);
}
.guide ul .guide_category9 a{
background-image:url(../images/option/guide_category9.png);
}
.guide ul .guide_category10 a{
background-image:url(../images/option/guide_category10.png);
}
.guide ul .guide_category11 a{
background-image:url(../images/option/guide_category11.png);
}

/* ___________________________________________ pc_sort */

.pc_sort{
float:left;
padding:11px 0 10px;
font-size:14px !important;
}
.pc_sort .sort{
letter-spacing:-.4em;
}
.pc_sort .sort dt,
.pc_sort .sort dd{
display:inline-block;
letter-spacing:normal;
}
.pc_sort .sort dt:after{
content:"：";
display:inline-block;
margin:0 3px;
}
.pc_sort .sort dd:before{
content:"｜";
display:inline-block;
margin:0 3px;
}
.pc_sort .sort dt + dd:before{
content:"";
margin:0;
}
.pc_sort .sort dd a{
text-decoration:underline;
}
.pc_sort .sort dd a:hover{
text-decoration:none;
color:#159f6c;
}
.pc_sort .sort dd .active{
color:#159f6c;
font-weight:bold;
text-decoration:none;
cursor:default;
}

/*==================================================
main
===================================================*/

/* ___________________________________________ section */

.sp_body .section_category{
padding:10.81% 2.7% 7.56%;
border-bottom:1px solid #5b5758;
}
.pc_body .section_category{
margin-bottom:15px;
padding:45px 0 60px;
border-bottom:1px solid #959595;
}

.sp_body .section_result{
padding-top:6.08%;
}
.pc_body .section_result{
padding-top:40px;
}

/* ___________________________________________ h_section */

.h_section{
margin-bottom:10px;
padding:6px 0 8px 41px;
font-size:1.8rem;
background:6px 6px no-repeat;
min-height:21px;
background-size:24px;
}

.pc_body .h_section{
margin-bottom:22px;
padding:5px 0 5px 56px;
font-size:28px !important;
min-height:38px;
background:8px 8px no-repeat;
background-size:32px;
}
.pc_body .pc_headline .h_section{
float:left;
}

/* ___________________________________________ pattern */

.section_category .h_category1{
background-image:url(../images/option/icon_category1.png);
}
.section_category .h_category2{
background-image:url(../images/option/icon_category2.png);
}
.section_category .h_category3{
background-image:url(../images/option/icon_category3.png);
}
.section_category .h_category4{
background-image:url(../images/option/icon_category4.png);
}
.section_category .h_category5{
background-image:url(../images/option/icon_category5.png);
}
.section_category .h_category6{
background-image:url(../images/option/icon_category6.png);
}
.section_category .h_category7{
background-image:url(../images/option/icon_category7.png);
}
.section_category .h_category8{
background-image:url(../images/option/icon_category8.png);
}
.section_category .h_category9{
background-image:url(../images/option/icon_category9.png);
}
.section_category .h_category10{
background-image:url(../images/option/icon_category10.png);
}
.section_category .h_category11{
background-image:url(../images/option/icon_category11.png);
}
.section_category .h_tabitomo{
background-image:url(../images/option/icon_tabitomo.png);
}

/* ___________________________________________ tabitomo */

.pc_body .tabitomo_below{
margin:40px 0 15px;
background:url(../images/option/line_x.gif) center bottom no-repeat;
}
.pc_body .tabitomo_above{
background:url(../images/option/line_x.gif) center top no-repeat;
}
.pc_body .tabitomo_inner{
padding:25px 0;
background:url(../images/option/line_y.gif) center top repeat-y;
}
.pc_body .tabitomo_inner .inner{
margin-bottom:0;
padding:0;
border:none;
}

/* ___________________________________________ btn_tabitomo */

.btn_tabitomo{
float:right;
padding-top:3px;
letter-spacing:-.4em;
}
.btn_tabitomo li{
display:inline-block;
margin-right:10px;
padding-bottom:20px;
letter-spacing:normal;
}
.btn_tabitomo li a{
display:inline-block;
padding:9px 12px;
border:1px solid #f2c7cb;
border-radius:2px;
background:#fffbf8;
box-shadow:0px 1px 4px rgba(0,0,0,0.4);
color:#e23745;
font-size:14px !important;
font-weight:bold;
}
.btn_tabitomo li a:hover{
opacity:.7;
}

/* ___________________________________________ links_tabitomo */

.links_tabitomo{
float:right;
padding-top:12px;
font-size:14px !important;
letter-spacing:-.4em;
}
.links_tabitomo dt,
.links_tabitomo dd{
display:inline-block;
padding-bottom:20px;
letter-spacing:normal;
}
.links_tabitomo dt{
margin-right:13px;
}
.links_tabitomo dd + dd:before{
content:"｜";
margin:0 3px;
}
.links_tabitomo dd a{
color:#1b4bdd;
text-decoration:underline;
}
.links_tabitomo dd a:hover{
text-decoration:none;
}

/* ___________________________________________ departure */

.departure{
display:table;
margin-bottom:5.71%;
width:100%;
}
.departure dt,
.departure dd{
display:table-cell;
vertical-align:middle;
}
.departure dt{
padding:1px 10px 0 0;
width:3em;
font-size:1.2rem;
white-space:nowrap;
}

.pc_body .pc_headline .departure{
float:right;
margin-top:7px;
margin-bottom:22px;
width:230px;
}
.pc_body .pc_headline .departure dt{
padding:0 15px 0 0;
font-size:1.4rem;
}

/* ___________________________________________ catalogs */

.catalogs .catalog{
position:relative;
}
.catalogs .catalog .thumbs{
position: relative;
margin-bottom:9px;
}
.catalogs .catalog .term{
margin-bottom:9px;
background:#e1eee2;
padding:5px;
}
.catalogs .catalog .term .h_term{
margin-bottom:5px;
text-align:center;
font-size:1.2rem;
}
.catalogs .catalog .term .term_to{
text-align:right;
}
.catalogs .catalog .area{
margin-bottom:7px;
font-size:1.4rem;
}
.catalogs .catalog .publish{
margin-bottom:5px;
font-size:1.2rem;
}
.catalogs .catalog .name{
font-size:1.2rem;
line-height:1.5;
}
.catalogs .catalog a{
display:block;
outline:none;
}
.catalogs .catalog a:hover .thumbs{
opacity:.7;
}
.catalogs .catalog a .name{
text-decoration:underline;
}
.catalogs .catalog a:hover .name{
text-decoration:none;
}
.catalogs .new:after{
content:"NEW";
position:absolute;
left:-10px;
top:-10px;
display:inline-block;
padding:3px 5px;
color:#e12f3d;
border:2px solid #e12f3d;
border-radius:6px;
background:#fff;
box-shadow:2px 2px rgba(255,255,255,1);
}

.catalogs .thumbs .label {
    position: absolute;
    left: 50%;
    bottom: -5px;
    display: inline-block;
    padding: 2px 4px;
    color: rgb(60 63 178);
    border: 2px solid rgb(60 63 178);
    border-radius: 6px;
    background: rgb(255 255 255);
    box-shadow: 2px 2px rgb(255 255 255);
    transform: translate(-50%, 0%);
    white-space: nowrap;
    line-height: 1;
    font-weight: bold;
}

.pc_body .catalogs .catalog .term{
font-size:14px !important;
}
.pc_body .catalogs .catalog .area{
margin-bottom:3px;
font-size:1.6rem;
font-weight:bold;
}
.pc_body .catalogs .catalog .publish{
margin-bottom:3px;
font-size:1.4rem;
font-weight:bold;
}
.pc_body .catalogs .catalog .name{
font-size:1.4rem;
line-height:1.4;
}
.pc_body .catalogs .new:after{
padding:2px 4px;
color:#e12f3d;
font-weight:bold;
line-height:1;
}

/* ___________________________________________ catalogs_slick */

.sp_body .sp_catalogs_wrap{
padding-right:6.5%;
overflow:hidden;
}
.catalogs_slick{
margin-right:-2.77%;
opacity:0;
}
.catalogs_slick .slick-list{
padding:10px 14% 0 10px;
}
.catalogs_slick .slick-slide{
margin-right:15px;
outline:none;
}

.pc_body .catalogs_slick{
margin-right:0;
}
.pc_body .catalogs_slick .slick-list{
padding-right:40px;
}
.pc_body .catalogs_slick .slick-slide{
margin-right:25px;
}

/* ___________________________________________ catalogs_result */

.catalogs_result{
padding:10px 10px 0;
}
.catalogs_result .catalog{
float:left;
padding-bottom:10%;
width:47.5%;
}
.sp_body .catalogs_result .catalog:nth-child(2n){
float:right;
}
.sp_body .catalogs_result .catalog:nth-child(2n+1){
clear:both;
}

.pc_body .catalogs_result .catalog{
margin-right:25px;
padding-bottom:60px;
width:168px;
}
.pc_body .catalogs_result .catalog:nth-child(5n){
margin-right:0;
}
.pc_body .catalogs_result .catalog:nth-child(5n+1){
clear:both;
}

/* ___________________________________________ self */

.wrap .self_prev,
.wrap .self_next{
position:absolute;
top:23%;
width:13.5%;
z-index:3;
cursor:pointer;
}
.wrap .self_prev{
left:0;
}
.wrap .self_next{
right:-4%;
}

.pc_body .wrap .self_prev,
.pc_body .wrap .self_next{
top:90px;
width:50px;
}
.pc_body .wrap .self_prev{
left:-15px;
}
.pc_body .wrap .self_next{
right:-25px;
}

/* ___________________________________________ catalogs_none */

.catalogs_none{
padding:3%;
text-align:center;
font-size:1.2rem;
}
.pc_body .catalogs_none{
padding:10px;
text-align:center;
font-size:1.3rem;
}

/* ___________________________________________ btn_return */

.btn_return{
clear:both;
padding-top:4%;
text-align:center;
}
.btn_return a{
display:inline-block;
padding:3% 6%;
background:rgb(160,160,160);
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwYTBhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZDhkOGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-webkit-linear-gradient(top, rgba(160,160,160,1) 0%,rgba(141,141,141,1) 100%);
background:-moz-linear-gradient(top, rgba(160,160,160,1) 0%, rgba(141,141,141,1) 100%);
background:linear-gradient(to bottom, rgba(160,160,160,1) 0%,rgba(141,141,141,1) 100%);
border-radius:2px;
box-shadow:0px 1px 3px rgba(0,0,0,0.4);
color:#fff;
font-size:1.4rem;
}
.btn_return a:hover{
opacity:.7;
}

.pc_body .btn_return{
padding-top:20px;
}
.pc_body .btn_return a{
padding:14px 24px;
box-shadow:0px 1px 3px rgba(0,0,0,0.4);
font-size:2rem;
}

/*==================================================
aside
===================================================*/

/* ___________________________________________ aside_content */

.aside_content{
padding:13.51% 2.7% 5.4%;
}

.pc_body .aside_content{
padding:41px 0 80px;
}

/* ___________________________________________ h_aside */

.h_aside{
padding-left:9px;
border-left:9px solid #159f6c;
font-size:1.3rem;
}

.pc_body .h_aside{
padding-left:11px;
border-left:18px solid #159f6c;
font-size:2rem;
line-height:1.1;
}

/* ___________________________________________ type */

.type{
margin-top:9%;
}
.h_type{
margin-bottom:3%;
font-size:1.2rem;
}

.pc_body .type{
margin-top:36px;
}
.pc_body .h_type{
margin-bottom:10px;
font-size:1.6rem;
font-weight:normal;
}

/* ___________________________________________ spec */

.spec{
border-collapse:separate;
border-spacing:0;
border:solid #959595;
border-width:1px 0 0 1px;
width:100%;
font-size:1rem;
line-height:1.5;
}
.spec th,
.spec td{
padding:5px 8px;
border:solid #959595;
border-width:0 1px 1px 0;
vertical-align:middle;
}
.spec th{
width:6em;
background:#f5f5f5;
text-align:center;
white-space:nowrap;
}

.pc_body .spec{
font-size:1.2rem;
line-height:1.5;
}
.pc_body .spec th,
.pc_body .spec td{
padding:5px 14px;
}
.pc_body .spec th{
width:131px;
}

/* ___________________________________________ ul_row */

.ul_row li{
margin-top:7px;
}
.ul_row li:first-child{
margin-top:0;
}

.pc_body .ul_row li{
margin-top:0;
}

/* ___________________________________________ remarks */

.remarks{
margin-top:10px;
font-size:1rem;
line-height:1.5;
}
.remarks dt{
float:left;
margin-right:4px;
}
.remarks dd{
overflow:hidden;
}

.pc_body .remarks{
margin-top:9px;
font-size:1.2rem;
}
.remarks + .remarks{
margin-top:0;
}

/*==================================================
more
===================================================*/

.more{
background:#f5f5f5;
box-shadow:0px 2px 3px rgba(0,0,0,0.4);
}
.more_content{
padding:5.4% 2.7%;
}
.h_more{
padding-bottom:8px;
border-bottom:1px solid #159f6c;
font-size:1.4rem;
}

.pc_body .more_content{
padding:30px 0 20px;
}
.pc_body .h_more{
padding-bottom:6px;
border-bottom:2px solid #159f6c;
font-size:2.4rem;
}

/* ___________________________________________ more_links */

.more_links li{
float:left;
display:table;
margin-top:2.85%;
width:48.57%;
height:45px;
background:rgb(255,255,255);
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
box-shadow:0 0 3px rgba(0,0,0,0.4);
font-size:1.2rem;
}
.more_links li a{
display:table-cell;
padding:3px;
text-align:center;
vertical-align:middle;
}

.sp_body .more_links li:nth-child(2n){
float:right;
}
.sp_body .more_links li:nth-child(2n+1){
clear:both;
}

.pc_body .more_links{
padding-top:7px;
}
.pc_body .more_links li{
margin:10px 20px 0 0;
width:225px;
height:50px;
font-size:16px !important;
font-weight:bold;
}
.pc_body .more_links li:nth-child(4n){
float:right;
margin-right:0;
}
.pc_body .more_links li:nth-child(4n+1){
clear:both;
}
.pc_body .more_links li:nth-child(4n+3){
margin-right:0;
}
.pc_body .more_links li a{
padding:5px;
color:#585858;
}
.pc_body .more_links li a:hover{
opacity:.7;
}

/* ___________________________________________ ahead */

.ahead .ahead_h2{
text-align:center;
font-weight:bold;
}
.ahead .ahead_inner{
background:#F8F8DE;
}
.ahead .ahead_inner .ahead_h3{
font-weight:bold;
}
.ahead .ahead_inner .ahead_unit + .ahead_unit{
clear:both;
}

.ahead_list ul li{
float:left;
}
.ahead_list ul li a{
display:block;
color:#000;
font-weight:bold;
text-decoration:underline;
}
.ahead_list ul li a:hover{
opacity:.7;
text-decoration:none;
}

.sp_body .ahead{
padding-top:16px;
}
.sp_body .ahead .ahead_h2{
margin-bottom:16px;
font-size:1.8rem;
}
.sp_body .ahead .ahead_inner{
padding:12px;
}
.sp_body .ahead .ahead_inner .ahead_h3{
font-size:1.6rem;
}
.sp_body .ahead .ahead_inner .ahead_unit + .ahead_unit{
margin-top:17px;
}

.sp_body .ahead_list ul li{
margin:7px 2.849% 0 0;
width:22.792%;
}
.sp_body .ahead_list ul li:nth-child(4n){
margin-right:0;
}
.sp_body .ahead_list ul li:nth-child(4n+5){
clear:both;
}
.sp_body .ahead_list ul li a{
font-size:1.3rem;
}

.pc_body .ahead{
padding-top:30px;
}
.pc_body .ahead .ahead_h2{
margin-bottom:13px;
font-size:28px;
}
.pc_body .ahead .ahead_inner{
margin:0 auto;
padding:16px 0 27px;
max-width:1010px;
}
.pc_body .ahead .ahead_inner .ahead_h3{
font-size:20px;
}
.pc_body .ahead .ahead_inner .ahead_unit{
margin:0 auto;
width:960px;
}
.pc_body .ahead .ahead_inner .ahead_unit + .ahead_unit{
margin-top:17px;
}

.pc_body .ahead_list{
width:960px;
overflow:hidden;
}
.pc_body .ahead_list ul{
width:982px;
}
.pc_body .ahead_list ul li{
margin:7px 20px 0 0;
width:120px;
}
.pc_body .ahead_list ul li:nth-child(7n+8){
clear:both;
}
.pc_body .ahead_list ul li a{
}
.pc_body .ahead_list ul li a img{
margin-bottom:3px;
}

/* ___________________________________________ req_anchor */

.req_anchor{
padding-top:10px;
text-align:right;
font-size:16px;
}
.sp_body .req_anchor {
padding-right:7px;
font-size:15px;
}
.req_anchor a{
text-decoration:underline;
}
.req_anchor a:hover{
text-decoration:none;
}

/*==================================================
footer
===================================================*/

.footer{
margin-top:5.4%;
padding:4.86% 2.7%;
background:#363636;
text-align:center;
color:#fff;
font-size:1rem;
line-height:1.5;
}

.pc_body .footer{
margin-top:39px;
padding:16px 20px 22px;
font-size:1.4rem;
line-height:1.6;
}
