@charset "utf-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
*,*::before,*::after {box-sizing: border-box;}

html {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", verdana, Sans-Serif;
scroll-behavior:smooth; color: #222; font-size: 18px;}

body{padding: 0; margin: 0;}
a{color: #222; text-decoration: none; cursor: pointer;}
a:hover{text-decoration: none;}
a[href^="tel"]{color:inherit; text-decoration: none;}

.viewport{position: relative; width: 100%; min-width: 1250px;}
.container{width: 100%; min-width: 1250px; max-width: 1500px; margin: 0 auto; padding: 0 10px;}


header{padding: 10px 0 30px 0; background-color: #edf5fb; background-image: url("../images/background-wave-line.png"); background-position: bottom; background-repeat: repeat-x;}
header .box{display: flex; justify-content: space-between; align-items: center;}
header .adbox ins{background-color: #fff;}

.maincontainer{display: flex; margin-top: 30px;}
.contents{position: relative; order:2; flex-grow: 1; padding: 0 20px; width:500px; max-width: 1000px;}
.sideleft{position: relative; order:1; flex-grow: 0; width:200px;}
.sideright{position: relative; order:3; flex-grow: 0; width:300px;}
.detailcontainer{display: flex; margin-top: 30px; justify-content: center;}
.detailcontainer .contents{width: 1000px; max-width: 1000px;}

.top_bnrs{display: flex; justify-content: center; padding-bottom: 20px;}
.top_bnrs .item{padding: 0 5px;}
.top_bnrs .item img{max-width: 100%; height: auto;}

.top_spbnr{margin-top: -10px; padding: 0 10px 20px 10px; text-align: center;}
.top_spbnr img{max-width: 100%; height: auto;}

.ship-list{border-bottom: 5px #eee solid; margin-bottom: 30px;}
.ship-list .box{height: 700px; overflow-y: scroll;}
.ship-list article{display: flex; position: relative; border-bottom: 1px #ccc solid; padding: 10px 5px;}
.ship-list .summary{flex:1; padding-left: 20px;}
.ship-list .thumb{display: block; width: 180px; height: 135px; cursor: pointer;}
.ship-list .date{color: #666; font-size: 80%; padding-bottom: 5px;}
.ship-list .info{display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px;}
.ship-list .info .i-2{font-size: 0;}
.ship-list .info .area-h{font-size: 12px; display: inline-block; color: #828282; border: 1px #828282 solid; line-height: 180%; text-align: center; padding: 0 10px;}
.ship-list .info .area-d{font-size: 12px; display: inline-block; background-color: #828282; color: #fff; border: 1px #828282 solid; line-height: 180%; text-align: center; padding: 0 10px;}
.ship-list .types{font-size: 0; padding-bottom: 10px;}
.ship-list .types .feet{font-size: 12px; display: inline-block; background-color: #1da7d4; color: #fff; line-height: 180%; text-align: center; min-width: 50px;}
.ship-list .types .type{font-size: 12px; display: inline-block; background-color: #edeeee; line-height: 180%; padding: 0 10px;}
.ship-list .summary h2{padding-bottom: 10px;}
.ship-list .summary a{color: blue; line-height: 130%; font-size: 100%; text-decoration: underline;}
.ship-list .summary a:hover{text-decoration: none;}
.ship-list .price .num{font-size: 150%; color: #de3900; padding: 0 10px;}
.ship-list .price .unit{color: #1da7d4;}
.ship-list .mark{position: absolute; left: 0; top: 5px; display: inline-block; font-size: 75%; line-height: 200%; min-width: 50px; text-align: center;}

.ship-list .controller{display: flex; justify-content: space-between; align-items: center; background-color: #eee; padding: 15px; font-size: 80%;}
.ship-list .controller .wrap{display: flex; align-items: center;}
.ship-list .controller select{font-size: 110%; padding: 5px;}
.ship-list .controller .orderby{padding-right: 20px;}

.pagenation{display: flex; justify-content: space-between; align-items: center; padding: 20px 10px; margin-top: 20px;}
.pagenation .count{font-size: 80%;}
.pagenation .prev{flex:1; text-align: left;}
.pagenation .next{flex:1; text-align: right;}
.pagenation .prev a{position: relative;display: inline-block; font-size: 80%; font-weight: bold; padding: 0 20px 0 30px; color: #fff; background-color: #004f8a; line-height: 30px; border-radius: 15px;}
.pagenation .next a{position: relative; display: inline-block; font-size: 80%; font-weight: bold; padding: 0 30px 0 20px; color: #fff; background-color: #004f8a; line-height: 30px; border-radius: 15px;}
.pagenation .prev a::after{position: absolute; left: 8px; top: 3px; content: url("../images/ico-left.png");}
.pagenation .next a::after{position: absolute; right: 8px; top: 3px; content: url("../images/ico-right.png");}

.ship_search{position: relative; border: 3px #1da6d4 solid; border-radius: 10px; margin-bottom: 20px; margin-top: 20px; padding: 30px 20px 20px 20px; transition: all 500ms 0s ease;}
.ship_search .tab{position: absolute; top: -27px; left:0; right: 0; display: flex; justify-content: center;}
.ship_search .tab .tabitem span{position: relative; display: block; cursor: pointer; font-size: 90%; font-weight: bold; color: #1da6d4; border: 2px #1da6d4 solid; background-color: #fff; width: 200px; text-align: center; line-height: 50px; margin: 0 5px; border-radius: 30px;}
.ship_search .tab .active span, .ship_search .tab .tabitem span:hover{color: #fff; background-color: #017cd7; border: 2px #017cd7 solid;}
.ship_search .tab .active span::after{position: absolute; left: 95px; bottom: -10px; content: ''; display: inline-block; width: 10px; height: 10px; border-style: solid; border-width: 10px 5px 0 5px; border-color: #017cd7 transparent transparent transparent;}
.ship_search .box{padding-top: 20px;}
.ship_search .box .tabbox{display: none;}
.ship_search .box .active{display: block;}
.ship_search .box .icons{display: flex; justify-content: space-around; flex-wrap: wrap;}
.ship_search .box .icons .ic{width: 20%; text-align: center; padding: 5px 0;}
.ship_search .box .icons .ic a{font-size: 85%; font-weight: bold; color: blue; text-decoration: underline;}
.ship_search .box .icons .ic a:hover{text-decoration: none;}
.ship_search .box .maker{display: flex; justify-content: center; align-items: center;}
.ship_search .box .item{line-height: 100%;}
.ship_search .box .maker select{font-size: 130%; width:100%;}
.ship_search .box .area{display: flex; flex-wrap: wrap;}
.ship_search .box .area li{display: block; width: 25%; padding: 2px;}
.ship_search .box .area a{display: block; text-align: center; line-height: 250%; border: 1px #ccc solid; color: #015899; font-size: 90%; font-weight: bold;
background: -moz-linear-gradient(top, #fff, #eee); background: -webkit-linear-gradient(top, #fff, #eee); background: linear-gradient(to bottom, #fff, #eee);}
.ship_search .box .area a:hover{background: -moz-linear-gradient(top, #fff, #d6f5ff); background: -webkit-linear-gradient(top, #fff, #d6f5ff); background: linear-gradient(to bottom, #fff, #d6f5ff);}

.ship-title{display: flex; justify-content: space-between; align-items: center; background-color: #eee; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 15px; border-bottom: 3px solid #016ab8; margin-bottom: 20px;}
.ship-title h1{color: #004f8a; padding-right: 20px; font-size: 110%; line-height: 130%; border-left: 5px #016ab8 solid; padding-left: 15px;}
.ship-title .info{display: flex; align-items: center; color: #fff; font-size: 75%; white-space: nowrap;}
.ship-title .info .type{background-color: #016ab8; line-height: 175%; padding: 0 15px;}
.ship-title .info .area{background-color: #ee4827; line-height: 175%; padding: 0 15px;}

.header-info{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.header-info .mark span{display: inline-block; border-radius: 50%; font-size: 70%; width: 50px; line-height: 50px; text-align: center; margin-right: 5px; letter-spacing: 1px;}
.header-info .mark span:first-child{margin-left: 10px;}
.header-info .mark span:last-child{margin-right: 20px;}
.header-info .st_n{background-color: #fff; color: #1b98d0; border: 2px solid #1b98d0;}	/* new */
.header-info .st_u{background-color: #fff; color: #2e992b; border: 2px solid #2e992b;}	/* update */
.header-info .st_d{background-color: #fff; color: #ee4827; border: 2px solid #ee4827;}	/* price down */
.header-info .summary{display: flex; align-items: center;}
.header-info .info .no{font-size: 80%; font-weight: bold; padding-bottom: 10px;}
.header-info .info .price{font-size: 80%; font-weight: bold;}
.header-info .info .num{color: #de3900; font-size: 23pt;}
.header-info .buttons{text-align: right;}
.header-info .buttons .print{position: relative; display: block; color: #fff; font-size: 80%; background-color: #888; line-height: 30px; border-radius: 15px; width: 200px; text-align: center; transition: background-color 500ms 0s ease; margin: 0 0 10px auto;}
.header-info .buttons .print::before{position: absolute; top: 4px; left: 15px; content: url("../images/ico-printer.png");}
.header-info .buttons .print:hover{background-color: #555;}
.header-info .buttons .sns{display: flex; list-style: none;}
.header-info .buttons .sns li{display: block; padding-left: 3px;}

.ship-comment{line-height: 145%; margin-bottom: 20px;}

.ship-detail{display: flex; justify-content: space-between; border-bottom: 1px #ccc solid; padding-bottom: 30px; margin-bottom: 30px;}
.ship-detail .c1{width: 580px;}
.ship-detail .c1 .mainpic{margin-bottom: 20px;}
.ship-detail .c1 .mainpic img{max-width: 100%; height: auto; line-height: 0;}
.ship-detail .c1 .thumbs{display: flex; justify-content: flex-start; align-items: center;}
.ship-detail .c1 .thumbs a{display: block; border: 4px #fff solid; width: 150px; height: auto;line-height:0;}
.ship-detail .c1 .thumbs .active{border: 4px #016ab8 solid;}
.ship-detail .c1 .equip{margin-bottom: 20px;}
.ship-detail .c1 .equip ul{display: block; font-size: 70%;}
.ship-detail .c1 .equip li{display: block; float: left; width: 180px; margin: 0 0 5px 10px; border: 1px #dc2f0d solid; line-height: 180%;}
.ship-detail .c1 .equip li .title{text-align: center; background-color: #dc2f0d; color: #fff;}
.ship-detail .c1 .equip li .txt{text-align: center; padding: 0 5px;}
.ship-detail .c1 .shipsize{display: flex; justify-content: space-between; margin-bottom: 20px;}
.ship-detail .c1 .shipsize .box{width: 49%;}
.ship-detail .c1 .shipsize .box td{text-align: center;}
.ship-detail .c1 .shipsize .box .txt{font-size: 80%; font-weight: bold; padding-top: 10px;}
.ship-detail .c1 .topic{margin-bottom: 20px;}
.ship-detail .c1 .topic ul{display: block; font-size: 90%;}
.ship-detail .c1 .topic li{display: block; padding:8px; margin: 0 0 5px 0; border: 3px #dc2f0d solid; color: #dc2f0d; line-height: 130%; border-radius: 3px; font-weight: bold;}
.ship-detail .c2{width: 360px;}
.ship-detail .c2 .basic{margin-bottom: 20px;}
.ship-detail .c2 .engine{margin-bottom: 20px;}
.ship-detail .c2 .basic th, .ship-detail .c2 .engine th{white-space: nowrap; width: 140px;}
.ship-detail .c2 .adbox{text-align: center;}
.ship-detail .c2 .adbox ins{background-color: #fff;}

.ship-reccomend{margin-bottom: 30px; border-bottom: 4px #eee solid; padding-bottom: 20px;}
.ship-reccomend .recommend-list{display: flex; justify-content: space-between; align-content: center; flex-wrap: wrap;}
.ship-reccomend .item{display: flex; width: 50%; padding: 5px 10px; align-items: center;}
.ship-reccomend .item .thumb{margin-right: 20px;}
.ship-reccomend .item .thumb img{width: 130px; height: auto;}
.ship-reccomend .item .title{padding-bottom: 10px; font-size: 90%;}
.ship-reccomend .item .title a{color: blue; text-decoration: underline; line-height: 130%; font-weight: bold;}
.ship-reccomend .item .title a:hover{text-decoration: none;}
.ship-reccomend .item .price{font-size: 80%; font-weight: bold;}
.ship-reccomend .item .price .num{color: #de3900; font-size: 23pt;}

.ship-maincomment{margin-bottom: 30px; line-height: 145%; word-break: break-all;}
.ship-maincomment a{text-decoration: underline; color: blue;}
.ship-maincomment a:hover{text-decoration: none;}

.ship-gallery{margin-bottom: 30px;}
.ship-gallery .wrap{display: flex; justify-content: space-between; padding-top: 10px;}
.ship-gallery .gallery{display: flex; flex: 1; padding-right: 20px; flex-wrap: wrap;}
.ship-gallery .gallery .pic{width: 50%; padding: 0 10px 15px 0;}
.ship-gallery .gallery .pic img{max-width: 100%; height: auto;}
.ship-gallery .gallery .youtube{width: 100%; padding: 0 10px 15px 0; text-align: center;}
.ship-gallery .comment{width: 300px; font-size: 12.5pt; line-height: 140%; padding-top: 10px; word-break: break-all;}
.ship-gallery .comment a{text-decoration: underline; color: blue;}
.ship-gallery .comment a:hover{text-decoration: none;}
.ship-gallery .no{font-size: 70%; font-weight: bold; color: #777; text-align: left;}
.ship-gallery .txt{font-size: 70%; padding-top: 3px;}

.shipdetail-query{margin-bottom: 20px;}
.shipdetail-query a{position: relative; display: block; font-weight: bold; color: #fff; background-color: #0092ff; width: 500px; line-height: 60px; border-radius: 30px; text-align: center; margin: 0 auto; transition: background-color 500ms 0s ease;}
.shipdetail-query a:hover{background-color: #017cd7;}
.shipdetail-query a::after{position: absolute; left: 40px; top: 13px; content: url("../images/ico-mail.png");}

.ship-tanto{padding: 40px 0 30px 0;}
.ship-tanto .title{text-align: center; color: #fff; background-color: #004f8a; font-weight: bold; border-top-left-radius: 5px; border-top-right-radius: 5px; line-height: 50px;}
.ship-tanto .box{font-size: 90%; background-color: #eee; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; line-height: 140%; padding: 15px;}
.ship-tanto .hd{text-align: center; padding-bottom: 15px;}
.ship-tanto .areas{padding-bottom: 20px; line-height: 140%; text-align: center;}
.ship-tanto .areas span{display: inline-block; color: #fff; font-size: 90%; background-color: #0092ff; border-radius: 20px; padding:3px 20px; margin: 3px;}
.ship-tanto .areas .h{background-color: #004f8a;}
.ship-tanto .wrap{display: flex; justify-content: space-between;}
.ship-tanto .wrap .thumb{margin-right: 40px; width: 240px; height: 180px; background-color: #bbb;}
.ship-tanto .wrap .summary{flex:1;}
.ship-tanto .wrap .area{font-weight: bold; color: #62330c; padding-bottom: 10px;}
.ship-tanto .wrap .name{font-size: 180%; font-weight: bold; padding-bottom: 15px; border-bottom: 1px #ccc solid;}
.ship-tanto .wrap .tels{display: flex; justify-content: center; font-size: 180%; font-weight: bold; flex-wrap: wrap; padding-top: 15px;}
.ship-tanto .wrap .tels p{display: flex; justify-content: center; align-items: center; min-width: 50%; line-height: 130%;}
.ship-tanto .wrap .tels p span{display: inline-block;}
.ship-tanto .wrap .tels p .ico{padding-right: 10px;}
.ship-tanto .wrap .tels .mail{min-width: 100%;}
.ship-tanto .wrap .tels .web{font-size: 18px;}
.ship-tanto .wrap .tels .web a{color: blue; text-decoration: underline;}
.ship-tanto .wrap .tels .web a:hover{text-decoration: none;}
.ship-tanto .comment{padding: 20px 0 0 0;}
/*.ship-tanto .wrap .tels p{position: relative; display: block; min-width: 50%; text-align: center; line-height: 130%;}
.ship-tanto .wrap .tels .t::after{position: absolute; left: 0; content: url("../images/ico-tel-orange.png");}
.ship-tanto .wrap .tels .f::after{position: absolute; left: -10px; content: "FAX"; font-size: 80%; color: #ec6941;}
.ship-tanto .wrap .tels .m{background-image: url("../images/ico-mail-orange.png"); background-repeat: no-repeat; padding-left: 40px; background-position: left center;}*/

.ship-subcomment{font-size: 90%; line-height: 145%; margin: 30px 0 0 0;}

.page{line-height: 145%;}
.page img{max-width: 100%; height: auto;}
.page h1{margin-bottom: 30px;}
.page h2{margin-bottom: 20px;}
.page h3{margin-bottom: 20px;}

.page .entry{width: 100%; margin: 30px 0;}
.page .entry th{padding: 10px; background-color: #eee; color: #004f8a; vertical-align: middle; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid;}
.page .entry td{padding: 10px; border-bottom: 1px #ccc solid; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid;}
.page .entry input, .page .entry textarea{padding:5px; font-size: 13pt;}

.btn-more a{display: block; background-color: #888; color: #fff; text-align: center; line-height: 50px; border-radius: 5px; margin-bottom: 30px; transition: background-color 500ms 0s ease;}
.btn-more a:hover{background-color: #1780cd;}

.h-topwrap{margin-top: 40px;}
.h-title{position: relative;background-color: #eee; color: #016ab8; border-bottom: 3px solid #016ab8; font-size: 150%; line-height: 130%; padding: 20px 15px 20px 35px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.h-title::after{position: absolute; display: inline-block; content: ''; width: 5px; height: 50px; left: 12px; top: 10px; background-color: #016ab8; border-radius: 3px;}
.h-1{position: relative;background-color: #016ab8; color: #fff; font-size: 130%; line-height: 130%; padding: 15px 15px 15px 35px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.h-1::after{position: absolute; display: inline-block; content: ''; width: 5px; height: 40px; left: 10px; top: 10px; background-color: #fff; border-radius: 3px;}
.h-2{position: relative;background-color: #016ab8; color: #fff; font-size: 110%; line-height: 130%; padding: 10px 10px 10px 35px; border-radius: 5px; margin-bottom: 10px;}
.h-2::after{position: absolute; display: inline-block; content: ''; width: 5px; height: 25px; left: 10px; top: 10px; background-color: #fff; border-radius: 3px;}
.h-3{font-size: 110%; font-weight: bold; border-bottom: 3px #016ab8 solid; padding: 10px 0; margin-bottom: 10px;}
.h-4{font-weight: bold; border-bottom: 2px #0092ff dotted; padding: 10px 0; margin-bottom: 10px;}

.t1{font-size: 80%;}
.t1 th{padding: 10px; background-color: #edf5fb; font-weight: bold; border-bottom: 1px #ccc solid;}
.t1 td{padding: 10px; border-bottom: 1px #ccc solid; line-height: 130%;}
.t2{font-size: 80%;}
.t2 th{padding: 10px; background-color: #edf5fb; font-weight: bold; border-bottom: 1px #ccc solid; border-right: 1px #ccc solid;}
.t2 td{padding: 10px; border-bottom: 1px #ccc solid; border-right: 1px #ccc solid; line-height: 130%;}
.t2 th:last-child, .t2 td:last-child{border-right: none;}
.t3{font-size: 90%;}
.t3 th{padding: 10px; background-color: #edf5fb; font-weight: bold; border-bottom: 1px #ccc solid;}
.t3 td{padding: 10px; border-bottom: 1px #ccc solid; line-height: 130%;}

.st_n{background-color: #1b98d0; color: #fff;}	/* new */
.st_u{background-color: #2e992b; color: #fff;}	/* update */
.st_d{background-color: #ee4827; color: #fff;}	/* price down */

.top_btns{background-color: #edeeee; padding: 20px; margin-bottom: 20px; border-radius: 10px; display: flex; justify-content: space-around;}
.top_btns .item{width: 30%;}
.top_btns .item a{position: relative;display: block; background-color: #0092ff; color: #fff; font-size: 90%; font-weight: bold; text-align: center; line-height: 60px; border-radius: 30px; letter-spacing: 1px; transition: background-color 500ms 0s ease;
background-image: url("../images/ico_down.png"); background-repeat: no-repeat; background-position: center 45px; text-decoration: none;}
.top_btns .item a.sell{background-color: #2e992b;}
.top_btns .item a:hover{background-color: #017cd7;}
.top_btns .item a.sell:hover{background-color: #1d841a;}

.question{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px #ccc solid;}
.question .title{display: flex; align-items: center;}
.question .mark{line-height: 140%; background-color: #016ab8; color: #fff; width: 70px; height: 70px; text-align: center; border-radius: 50%; font-size: 90%; padding-top: 10px; margin-right: 15px;}
.question .mark span{font-weight: bold; font-size: 180%; color: yellow;}
.question .mark h3{flex: 1;}
.question .point_a{display: inline-block; background-color: #0092ff; color: #fff; font-size: 80%; font-weight: bold; line-height: 30px; padding: 0 30px; border-radius: 15px; margin-bottom: 10px;}
.question .point_a span{font-size: 120%; color: yellow;}
.question .answer{padding: 15px 0 0 40px;}
.question_gr .mark{background-color: #227720;}
.question_gr .point_a{background-color: #2e992b;}

.onepoints{padding:15px; background-color: #eee; border-radius: 10px;}
.onepoints .title{display: flex; align-items: center;}
.onepoints .mark{line-height: 140%; background-color: #0092ff; color: #fff; width: 70px; height: 70px; text-align: center; border-radius: 50%; font-size: 90%; padding-top: 12px; margin-right: 15px;}
.onepoints .mark span{font-weight: bold; font-size: 180%; color: yellow;}
.onepoints .mark h3{flex: 1;}
.onepoints .comment{padding: 15px 0 0 30px; line-height: 145%;}
.onepoints .check{position: relative; border: 3px #0092ff solid; padding: 25px 15px 15px 15px; line-height: 145%; margin: 30px 0 0 30px; border-radius: 5px;}
.onepoints .point_a{position: absolute; left: 10px; top: -15px; display: inline-block; background-color: #0092ff; color: #fff; font-size: 80%; font-weight: bold; line-height: 30px; padding: 0 30px; border-radius: 15px; margin-bottom: 10px;}
.onepoints .point_a span{font-size: 120%; color: yellow;}
.onepoints-down{padding-left: 50px; margin: 15px 0;}
.greenpoints .check{position: relative; border: 3px #2e992b solid;}
.greenpoints .mark{background-color: #2e992b;}
.greenpoints .point_a{background-color: #2e992b;}

.sheet-price .tbl{margin: 5px 0;}
.sheet-price .tbl tr{background-color: #eee;}
.sheet-price .tbl tr:nth-child(2n){background-color: #dedede;}
.sheet-price .tbl th, #container-single .tbl td{padding: 10px 10px;border:2px solid #fff; font-weight: normal; vertical-align: middle;}
.sheet-price .tbl .price{font-size: 18pt;}
.sheet-price .t1 th{background-color: #1787ac; color: #fff;text-align: center;}
.sheet-price .t2 th{background-color: #1da7d4; color: #fff;text-align: center;}

.ad-recommend .adbox{background-color: #fff;}

.sideleft ul{list-style: none;}
.sideleft .menu-1{padding-bottom: 10px;}
.sideleft .menu-1 li{padding-bottom: 8px;}
.sideleft .menu-1 a{display: block; position: relative; color: #fff; line-height: 60px; text-align: center; border-radius: 30px; font-size: 90%; font-weight: bold; opacity: 1; transition: opacity .25s ease;}
.sideleft .menu-1 a:hover{opacity: 0.75;}
.sideleft .menu-1 .list{background-color: #d94800;}
.sideleft .menu-1 .buy{background-color: #0092ff;}
.sideleft .menu-1 .sell{background-color: #2e992b;}
.sideleft .menu-1 a::after{display: inline-block; position: absolute; left: 10px; top: 10px; width: 40px; height: 40px;}
.sideleft .menu-1 .list::after{content: url("../images/ico-menu-1.png");}
.sideleft .menu-1 .buy::after{content: url("../images/ico-menu-2.png");}
.sideleft .menu-1 .sell::after{content: url("../images/ico-menu-3.png");}
.sideleft .menu-2{display: block; border: 1px #ccc solid; border-radius: 6px; margin-bottom: 20px;}
.sideleft .menu-2{display: block; border: 1px #ccc solid; border-radius: 6px; margin-bottom: 20px;}
.sideleft .menu-2 a{display: block; position: relative; line-height: 40px; font-size: 85%; font-weight: bold; padding-left: 30px; border-bottom: 1px #ccc solid;}
.sideleft .menu-2 a:hover{background-color: #e1f3f9;}
.sideleft .menu-2 a::before{position: absolute; left: 10px; top: 20px; content: ''; background-color: #1da6d4; width: 10px; height: 2px;}
.sideleft .menu-2 li:last-child a{border-bottom: none;}
.sideleft .bnr img{max-width: 100%; height: auto;}
.sideleft .bnr li{padding-bottom: 15px;}
.sideleft .adbox ins{background-color: #fff;}

.sideright .content{display: block;list-style: none;}
.sideright .item{padding-bottom: 20px;}
.sideright .social .box{text-align: center; background-color: #017dd9; color: #fff; padding: 20px; border-radius: 10px;}
.sideright .social .title{border-bottom: 1px #fff solid; padding-bottom: 10px; margin-bottom: 15px;}
.sideright .social .links a{display: inline-block; padding: 0 5px;}
.sideright .header{position: relative; background-color: #d9f0f9; color: #016ab8; font-weight: bold; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 2px #016ab8 solid; text-align: center; padding: 20px 0; margin-bottom: 10px;}
.sideright .ranking .header::after{position: absolute; content: url("../images/ico-ranking.png"); top: 13px; left: 20px;}
.sideright .rank{display: block; list-style: none;}
.sideright .rank li{display: block; border-bottom: 1px #ccc solid; padding: 8px 0;}
.sideright .rank a{position: relative;display: flex; line-height: 130%;}
.sideright .rank .ribbon{position: absolute; left:5px; top:-5px; background-color: #1da7d4; color: #fff; font-weight: bold; min-width: 25px; line-height: 40px; text-align: center; font-size: 90%;}
.sideright .rank li:nth-child(1) .ribbon{background-color: #e2d925; color: #fe5c02;}
.sideright .rank li:nth-child(2) .ribbon{background-color: #d2d2d2; color: #333;}
.sideright .rank li:nth-child(3) .ribbon{background-color: #d1c0a5; color: #6a3906;}
.sideright .rank .box1{width: 50%; padding-right: 10px;}
.sideright .rank .box2{width: 50%;}
.sideright .rank .thumb{width: 100%; height: 100px;}
.sideright .rank .date{color: #5E5E5E; font-size: 80%;}
.sideright .rank .size span{display: inline-block; font-size: 75%; background-color: #1da7d4; color: #fff; line-height: 180%; padding: 0 10px;}
.sideright .rank .type{font-size: 80%;}
.sideright .rank .name{color: blue; font-size: 90%; font-weight: bold; line-height: 110%; text-decoration: underline;}
.sideright .rank .name:hover{text-decoration: none;}
.sideright .rank li:nth-child(1) a{display: block;}
.sideright .rank li:nth-child(1) .box1, .sideright .rank li:nth-child(1) .box2{width: 100%; padding: 0;}
.sideright .rank li:nth-child(1) .thumb{height: 150px;}
.sideright .rank li:nth-child(1) .box3{display: flex; justify-content: space-between; margin-top: 5px;}
.sideright .rank li:nth-child(1) .ribbon{font-size: 130%; width: 50px;}

.sideright .news .header::after{position: absolute; content: url("../images/ico-note.png"); top: 13px; left: 20px;}
.sideright .information{list-style: none; line-height: 130%;}
.sideright .information li{display: block; border-bottom: 1px #ccc solid; padding-bottom: 10px; margin-bottom: 10px;}
.sideright .information .date{color: #5E5E5E; font-size: 80%;}
.sideright .information .posttitle{font-size: 90%; color: blue; font-weight: bold; line-height: 120%; text-decoration: underline;}
.sideright .information a:hover .posttitle{text-decoration: none;}

.sideright .staff .header::after{position: absolute; content: url("../images/ico-staff.png"); top: 13px; left: 20px;}
.sideright .staff{line-height: 130%;}
.sideright .staff .map{padding: 10px; text-align: center;}
.sideright .staff .box, .query-staff{background-color: #eee; border-radius: 10px; padding: 20px 30px;}
.sideright .staff .box .staff-map, .query-staff .staff-map{width: 100%; font-size: 110%;}
.sideright .staff .box .t, .query-staff .t{font-weight: bold; font-size: 90%;}

.sideright .adbox ins{background-color: #fff;}

footer{margin-top: 60px; line-height: 150%;}
footer .adbox{text-align: center; padding-bottom: 60px;}
footer .adbox ins{background-color: #fff;}
footer .box{padding: 10px 0 30px 0; background-color: #edf5fb; background-image: url("../images/background-wave-line2.png"); background-position: top; background-repeat: repeat-x; text-align: center;}
footer .logo{padding: 50px 0 30px 0;}
footer .navi{font-size: 90%; padding-bottom: 15px;}
footer .navi a{text-decoration: underline;}
footer .navi a:hover{text-decoration: none;}
footer .company{font-size: 100%; font-weight: bold;}
footer .summary{font-size: 80%;}
footer .copyright{color: #fff; background-color: #016ab8; font-size: 70%; text-align: center; line-height: 50px; padding-bottom: 125px;}

.sidequery{position: fixed; top: 70vh; right: 0px; width: 75px; text-align: center; font-size: 75%; line-height: 130%; z-index: 100;}
.sidequery a{color: #fff; display: block;}
.sidequery .inquery{display: flex; align-items: center; justify-content: center; background-color: #016ab8; height: 110px;}
.sidequery .research{display: flex; align-items: center; justify-content: center; background-color: #ee4827; height: 110px;}

.tantoquery{position: fixed; bottom: -150px; right: 5vw; display: flex; z-index: 1000; align-items: center; background-color: #ec6941; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 10px 0 5px 10px; font-size: 90%; transition: bottom 500ms 0s ease;}
.tantoquery .c1{border-right: 1px #fff solid; padding-right: 5px;}
.tantoquery .thumbnail{width: 70px; height: 65px; margin-top: 5px; margin-right: 10px; background-color: #aaa;;}
.tantoquery .wrap{display: flex; align-items: center;}
.tantoquery .title{font-weight: bold; font-size: 90%;}
.tantoquery .summary{line-height: 150%;}
.tantoquery .area{font-size: 80%;}
.tantoquery .name{font-size: 100%; font-weight: bold; border-bottom: 1px #fff solid; padding-bottom: 0px;}
.tantoquery .tel{display: flex; align-items: center; font-size: 120%; font-weight: bold; line-height: 0; padding-top: 5px;}
.tantoquery .tel img{width: 30px; height: auto; padding-right: 5px;}
.tantoquery .c2 a{display: block; text-align: center; font-size: 80%; color: #fff; padding: 20px;}
.tantoactive{bottom: 0;}

.imgtrans img{opacity: 1; transition: opacity 1000ms 0s ease;}
.imgtrans img:hover{opacity: 0.6;}

.thumb-v, .thumb-h{display: block; overflow: hidden; position: relative;}
/* 縦幅にあわせる */
.thumb-v img{position: absolute;top: 50%;left: 50%; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: auto;height: 100%;}
/* 横幅にあわせる */
.thumb-h img{position: absolute;top: 50%;left: 50%; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: auto;}

.large{font-size:160%;}
.small{font-size: 80%;}
.tiny{font-size: 60%;}

.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.radius_5{border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;
}
.radius_10{border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;
-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;
}

.left-align {text-align: left;}
.right-align {text-align: right;}
.center, .center-align {text-align: center;}

.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.page ol{list-style-type: decimal;padding: 0px 0px 0px 20px;}
.page ol ol{list-style-type: upper-roman;}
.page ol ol ol{list-style-type: lower-roman;}
.page ol ol ol ol{list-style-type: upper-alpha;}
.page ol ol ol ol ol{list-style-type: lower-alpha;}
.page ol li{padding: 0px 0px 0px 0px;}
.page ol li ol li{padding: 0px 0px 0px 0px;}
.page ul{list-style-type: disc;padding: 0px 0px 0px 20px;}
.page ul ul{list-style-type: circle;}
.page ul ul ul{list-style-type: square;}
.page ul ul ul ul{list-style-type: disc;}
.page ul ul ul ul ul{list-style-type: circle;}
.page ul li{padding: 0px 0px 0px 0px;list-style-type:initial;}
.page ul li ul li{padding: 0px 0px 0px 0px;}
.page a{color: blue; text-decoration: underline;}
.page a:hover{text-decoration: none;}

@media only screen and (max-width: 768px){
	.hide-sm-down{display: none; height: 0px; overflow: hidden;}
	.smbreak::before{content: "\A" ;white-space: pre ;}
	.rps-scroll-tb{overflow: auto; -webkit-overflow-scrolling: touch;} .rps-scroll-tb::-webkit-scrollbar{height: 5px;} .rps-scroll-tb::-webkit-scrollbar-track{background: #F1F1F1;} .rps-scroll-tb::-webkit-scrollbar-thumb { background: #BCBCBC;} .rps-scroll-tb table{white-space: nowrap;}
	.rps-verticall-tb th{border: none;} .rps-verticall-tb th, .rps-verticall-tb td{min-width: 100%; display: block; box-sizing: border-box;}
}


.modalwindow .tingle-modal-box__content{padding:0;}
.modalwindow .tingle-modal-box{-ms-overflow-style:none;} .modalwindow .tingle-modal-box::-webkit-scrollbar{display:none;}
.modalwindow .modalwindow-content{widows: 100%;}
.modalwindow .modalwindow-content iframe{width: 100%;}

.swiperbox{position: relative; width: 100%; max-width: 100%; border-top: 5px #016ab8 solid; margin-bottom: 20px;}
.swiperbox .ribbon{position: absolute; left: 20px; top: 10px; z-index: 100;}
.swiper-container {width: 100%; max-width: 100%; height: 400px;}
.swiper-wrapper{width: 100%; max-width: 100%; height: 400px;}
.swiper-container .thumb{width: 100%; height: 400px;}
.swiper-slide {text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-slide .box{position: absolute; bottom: 0; left: 0; background-color: rgba(255,255,255,0.75); padding: 35px 30px; width:100%; max-width: 100%;}
.swiper-slide .box .wrapper{position: relative;}
.swiper-slide .box p{font-size: 140%; font-weight: bold; text-align: left;}
.swiper-slide .box span{position: absolute; left: 30px; top: -15px; display: inline-block; font-size: 90%; line-height: 35px; font-weight: bold; min-width: 100px; text-align: center; border-radius: 20px;}

.catalog{display: flex; flex-wrap: wrap;}
.catalog .item{position: relative; width: 32%; margin: 0 0.5% 1.5em 0.5%; background-color: #efefef; border-radius: 10px; text-align: center; padding: 1em 1em 3.5em 1em;}
.catalog .item .title{font-weight: bold; color: #015899;}
.catalog .item .btn{position: absolute; left: 50%; bottom: 1em; transform: translate(-50%, 0);}

.btn{display: inline-block; line-height: 125%; padding: 0.5em 1.5em; border-radius: 2em; font-size: 85%; color: #fff!important; font-weight: bold; background-color: #004f8a; transition: background-color 500ms 0s ease; text-decoration: none!important; margin-top: 1em; white-space: nowrap; text-align: center;}
.btn:hover{background-color: #0092ff;}

/* mobile */
@media only screen and (max-width: 768px){
html {font-size: 14px;}

.viewport{width: 100%; min-width: 100%;}
.container{width: 100%; min-width: 100%; max-width: inherit; margin: 0 auto; padding: 0;}
.maincontainer{display: block; margin:0; padding-top: 10px;}
.maincontainer .contents{width: 100%; max-width: 100%; padding: 0;}
.contents{order: inherit;; flex-grow: inherit; padding: 0 10px; width:100%; max-width: 100%;}
.detailcontainer .contents{width: 100%; max-width: 100%; margin-top: 10px;}
.shipdetailcontainer .contents{padding: 0;}

.sideright{width: 100%;}

.mobileheader{position: relative; display: block; height: 50px;display:block; background-color: #EDF5FB; border-bottom: 1px #eee solid;}
.mobileheader .wrapper{display: flex; justify-content: space-between; align-items: center; height: 100%;}
.mobileheader .logo{margin-left: 10px; margin-top: 5px;}
.mobileheader .logo img{ width: auto; height: 35px;}
.mobilemenu{padding-right: 10px;}
.menu-trigger {position: relative; width: 35px;height: 22px;}
.menu-trigger,
.menu-trigger span {display: inline-block;transition: all .5s;box-sizing: border-box;}
.menu-trigger span {position: absolute;left: 0;width: 100%;height: 2px;background-color: #333;}
.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger span:nth-of-type(2) {top: 46%;}
.menu-trigger span:nth-of-type(3) {bottom: 0;}

.menu-trigger.active span{background-color: #fff;}
.menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(10px) rotate(-45deg);transform: translateY(10px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-10px) rotate(45deg);transform: translateY(-10px) rotate(45deg);}
.mobile-navi{position: fixed; top:0; right: -100vw; opacity: 0; transition: opacity .25s;box-sizing: border-box; background-color: rgba(0, 0, 0, 0.75); width: 100%; height: 100%;z-index:100000;}
.mobile-navi .header{text-align: center; background-color: #666; color: #fff; font-weight: bold; line-height: 30px;}
.mobile-navi.active{right:0; opacity: 1;}
.mobile-navi .box{position: fixed; width: 85vw; right:-100vw; height: 100%; background-color: #1da7d4; top: 0; bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch;overflow-scrolling: touch; transition: all .5s; box-shadow: 5px 5px 10px #000;}
.mobile-navi.active .box{right: 0;}

.main-navi li{display: block; border-bottom: 1px #eee solid; font-size: 14px;}
.main-navi li a{display: block; background-color: #015899; color: #fff; line-height: 50px; padding-left: 20px; font-weight: bold;}

.h-topwrap{margin-top: 20px;}
.h-title{font-size: 120%; line-height: 130%; padding: 10px;}
.h-title::after{position: absolute; display: none}
.h-1{font-size: 120%; line-height: 130%; padding: 10px; border-radius: 0;}
.h-1::after{display: none;}
.h-2{position: relative;background-color: #016ab8; color: #fff; font-size: 110%; line-height: 130%; padding: 10px 10px 10px 35px; border-radius: 5px; margin-bottom: 10px;}
.h-2::after{position: absolute; display: inline-block; content: ''; width: 5px; height: 25px; left: 10px; top: 10px; background-color: #fff; border-radius: 3px;}
.h-3{font-size: 110%; font-weight: bold; border-bottom: 3px #016ab8 solid; padding: 10px 0; margin-bottom: 10px;}
.h-4{font-weight: bold; border-bottom: 2px #0092ff dotted; padding: 10px; margin-bottom: 10px;}

.top_btns{padding: 10px; margin-bottom: 10px;}
.top_btns .item{width: 45%;}
.top_btns .item a{line-height: 50px; border-radius: 25px; background-image: none;}
.top_btns .item a:hover{background-color: #017cd7;}

.topcontents .ship_search{margin-bottom: 10px;}

.ship_search{border: none; border-top: 2px #1da6d4 solid; border-bottom: 2px #1da6d4 solid; border-radius: inherit; margin:0; padding: 0; transition: none; margin-top: 35px;}
.ship_search .tab{position: absolute; top: -34px; left:0; right: 0; display: flex; justify-content: center;}
.ship_search .tab .tabitem{width: 95px;}
.ship_search .tab .tabitem span{font-size: 80%; font-weight: bold; color: #1da6d4; border: 2px #1da6d4 solid; background-color: #fff; width: 100%; line-height: 30px; border-radius: inherit;}
.ship_search .tab .active span, .ship_search .tab .tabitem span:hover{color: #fff; background-color: #017cd7; border: 2px #017cd7 solid;}
.ship_search .tab .active span::after{display: none;}
.ship_search .box{padding: 10px 0;}
.ship_search .box .icons{display: flex; justify-content: space-around; flex-wrap: wrap;}
.ship_search .box .icons .ic{width: 20%; text-align: center; padding: 5px 2px;}
.ship_search .box .icons .ic img{max-width: 100%; height: auto;}
.ship_search .box .icons .ic a{font-size: 75%; font-weight: normal;}
.ship_search .box .maker{display: flex; justify-content: center; align-items: center; padding: 0 10px;}
.ship_search .box .maker select{font-size: 100%;}
.ship_search .box .area{display: flex; flex-wrap: wrap;}
.ship_search .box .area li{display: block; width: 33%; padding: 2px 2px;}
.ship_search .box .area a{font-size: 75%; font-weight: normal;}

.ship-title{border-radius: 0; padding: 0; flex-wrap: wrap; border: none; background-color: #fff;}
.ship-title h1{padding: 10px; border-left:none; width: 100%; background-color: #eee; border-bottom: 3px #016ab8 solid;;}
.ship-title .info{display: flex; align-items: center; justify-content: flex-end; color: #fff; font-size: 75%; white-space: nowrap; padding-top: 5px; padding-right: 5px; width: 100%;}
.ship-title .info .type{background-color: #016ab8; line-height: 175%; padding: 0 15px;}
.ship-title .info .area{background-color: #ee4827; line-height: 175%; padding: 0 15px;}

.header-info{flex-wrap: wrap;}
.header-info .mark span{display: inline-block; border-radius: 50%; font-size: 80%; width: 40px; line-height: 40px; text-align: center; margin-right: 5px; letter-spacing: 1px;}
.header-info .mark span:first-child{margin-left: 5px;}
.header-info .mark span:last-child{margin-right: 10px;}
.header-info .summary{width: 100%; justify-content: space-between; padding-left: 10px; padding-right: 10px;}
.header-info .info .num{color: #de3900; font-size: 200%;}
.header-info .buttons{width: 100%; padding-left: 10px; padding-right: 10px;}
.header-info .buttons .print{display: none;}
.header-info .buttons .sns{justify-content: flex-end; padding-top: 5px;}

.ship-comment{padding-left: 10px; padding-right: 10px;}

.ship-detail{flex-wrap: wrap; border-bottom: 1px #ccc solid; padding-bottom: 30px; margin-bottom: 30px;}
.ship-detail .h-2{border-radius: 0; padding-left: 10px;}
.ship-detail .h-2::after{display: none;}
.ship-detail .c1{width: 100%;}
.ship-detail .c1 .thumbs a{width: 80px;}
.ship-detail .c1 .mainpic{margin-bottom: 10px;}
.ship-detail .c1 .btn-more{display: none;}
.ship-detail .c1 .equip{margin-bottom: 20px;}
.ship-detail .c1 .equip ul{display: block; font-size: 70%;}
.ship-detail .c1 .equip li{display: block; float: left; width: 45%;}
.ship-detail .c1 .shipsize{flex-wrap: wrap;;}
.ship-detail .c1 .shipsize .box{width: 100%;}
.ship-detail .c1 .shipsize .box .wrap{padding: 0 10px;}
.ship-detail .c1 .topic ul{font-size: 85%; padding-left: 10px; padding-right: 10px;}
.ship-detail .c2{width: 100%;}
.ship-detail .c2 .t1{font-size: 85%;}
.ship-detail .c2 .wrap{padding-left: 10px; padding-right: 10px;}

.ship-reccomend h3{text-align: center; padding-bottom: 10px;}
.ship-reccomend .item{display: block;}
.ship-reccomend .item .thumb{margin-right: 0; width: 100%;}
.ship-reccomend .item .thumb img{width: 100%; height: auto;}
.ship-reccomend .item .title{width: 100%;}
.ship-reccomend .item .price{display: none;}

.ship-maincomment{padding-left: 10px; padding-right: 10px;}

.ship-gallery .wrap{flex-wrap: wrap;}
.ship-gallery .gallery{padding-right: 0px; flex-wrap: wrap; flex-wrap: nowrap; padding: 0 10px; margin-bottom: 10px; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.ship-gallery .gallery .pic{min-width: 40vw; padding: 0 10px 0 0;}
.ship-gallery .gallery .pic a{line-height: 0;}
.ship-gallery .gallery .youtube{min-width: 250px; width: 100%; padding: 0 10px 0 0;}
.ship-gallery .gallery .youtube iframe{max-width: 100%; height: 200px;}
.ship-gallery .comment{width: 100%; font-size: inherit; padding: 0 10px;}
.ship-gallery .no{display: none;}
.ship-gallery .txt{font-size: 80%; padding-top: 3px;}

.ship-subcomment{padding: 0 10px; margin-top: 0;}

.shipdetail-query a{width: 300px; line-height: 40px; border-radius: 20px;}
.shipdetail-query a::after{position: absolute; left: 15px; top: 3px; content: url("../images/ico-mail.png");}

.tantoquery{bottom: -150px; right: 0; width: 100%; border-radius: 0; padding: 5px 0 5px 10px;}
.tantoquery .c1{border-right: 1px #fff solid; padding-right: 5px; flex:1;}
.tantoquery .thumbnail{display: none;}
.tantoquery .wrap{display: flex; align-items: center;}
.tantoquery .title{font-weight: normal; font-size: 100%; padding-bottom: 5px;}
.tantoquery .area{display: none;}
.tantoquery .name{font-size: 100%; font-weight: bold; border-bottom: none; padding-bottom: 0;}
.tantoquery .tel{padding-top: 3px; font-size: 130%;}
.tantoquery .c2 a{font-size: 90%;padding: 10px;}
.tantoactive{bottom: 0;}

.ship-list article{display: flex; position: relative; border-bottom: 1px #ccc solid; padding: 10px 5px; flex-wrap: wrap;}
.ship-list .summary{padding-left: 0; width: 100%; padding-top: 5px;}
.ship-list .thumb{display: block; width: 100%; height: 60vw; cursor: pointer;}
.ship-list .date{color: #666; font-size: 80%; padding-bottom: 5px;}
.ship-list .info .i-2{font-size: 0;}
.ship-list .info .area-h{font-size: 11px; padding: 0 5px;}
.ship-list .info .area-d{font-size: 11px; padding: 0 5px;}
.ship-list .types{padding-bottom: 5px;}
.ship-list .types .feet{font-size: 11px;}
.ship-list .types .type{font-size: 11px;padding: 0 5px;}
.ship-list .summary h2{padding-bottom: 5px;}
.ship-list .price{text-align: center;}

.pagenation .prev a{padding: 0 10px 0 25px;}
.pagenation .next a{padding: 0 25px 0 10px;}
.pagenation .prev a::after{left: 6px; top: 3px;}
.pagenation .next a::after{right: 6px; top: 3px;}

.top-list .box{display: flex; flex-wrap: nowrap; height: inherit; -webkit-overflow-scrolling: touch;}
.top-list article{display: block; width: 250px; min-width: 250px; border: none;}
.top-list .thumb{height: 140px;}
.top-list .thumb .type{position: absolute; bottom: 0; color: #fff; background-color: rgba(0, 0, 0, 0.50); text-align: center; font-size: 80%; line-height: 200%; min-width: 100%;}
.top-list .info{display: none;}
.top-list .types{display: none;}
.top-list .mark{top: 3px;}

.ship-list .controller{padding: 10px; font-size: 80%;}
.ship-list .controller .wrap{display: flex; align-items: center;}
.ship-list .controller select{font-size: 110%; padding: 5px; width: 130px;}
.ship-list .controller .orderby{width: 50%; padding-right: 10px;}
.ship-list .controller .price{width: 50%;}
.ship-list .controller .count{display: none;}

.ship-tanto{padding: 20px 0 20px 0;}
.shipdetailcontainer .ship-tanto{padding-left: 10px; padding-right: 10px;}
.ship-tanto .title{line-height: 130%; padding: 10px;}
.ship-tanto .box{padding: 10px;}
.ship-tanto .hd{text-align: center; padding-bottom: 15px;}
.ship-tanto .wrap{flex-wrap: wrap;}
.ship-tanto .wrap .thumb{margin: 0 auto 0.5em auto; width: 100%; height: 45vw; text-align: center;}
.ship-tanto .wrap .area{text-align: center;}
.ship-tanto .wrap .name{font-size: 140%; text-align: center;}
.ship-tanto .wrap .tels p{display: block; min-width: 100%; text-align: center; line-height: 130%;}
.ship-tanto .wrap .tels{font-size: 160%;}
.ship-tanto .wrap .tels p .ico{padding-right: 5px;}
.ship-tanto .wrap .tels p .ico img{width: auto; height: 15px;}
.ship-tanto .wrap .tels .web{font-size: 12px;}
/*.ship-tanto .wrap .tels .t::after{left: 10px; content: "TEL"; font-size: 80%; color: #ec6941;}
.ship-tanto .wrap .tels .f::after{left: 10px; content: "FAX"; font-size: 80%; color: #ec6941;}
.ship-tanto .wrap .tels .m{background-image: none; font-size: 80%; padding:0;}*/

.question .mark{line-height: 150%; width: 60px; min-width: 60px; height: 60px;font-size: 80%; padding-top: 13px; margin-right: 10px;}
.question .mark h3{flex: 1;}
.question .answer{padding: 15px 0 0 20px;}

.onepoints .mark{line-height: 150%; width: 60px; height: 60px;font-size: 80%; padding-top: 13px; margin-right: 10px;}
.onepoints .comment{padding: 15px 0 0 10px;}
.onepoints .check{padding: 25px 10px 10px 10px; margin: 30px 0 0 10px;}

footer{margin-top: 30px;}
footer .adbox{text-align: center; padding: 0 10px 30px 10px;}
footer .logo{padding: 30px 0 10px 0;}
footer .logo img{width: 100px; height: auto;}
footer .navi{font-size: 90%; padding-bottom: 15px;}
footer .copyright{padding-bottom: 60px;}

.sidequery{top: inherit; bottom: 0; width: 100%; display: flex;}
.sidequery .inquery, .sidequery .research{width: 50%;}
.sidequery .inquery{ background-color: #1b98d0; height: 50px;}
.sidequery .research{height: 50px;}
.sidequery a{display: flex; align-items: center;}
.sidequery img{padding-right: 10px;}

.swiperbox{border-top: 3px #016ab8 solid; margin-bottom: 10px;}
.swiperbox .ribbon{left: 10px; top: 10px;}
.swiperbox .ribbon img{width: 100px; height: auto;}
.swiper-container {height: 200px;}
.swiper-wrapper{height: 200px;}
.swiper-container .thumb{width: 100%; height: 200px;}
.swiper-slide {font-size: inherit;}
.swiper-slide .box{padding: 20px 10px 30px 10px;}
.swiper-slide .box p{font-size: 100%;}
.swiper-slide .box span{left: 10px; top: -15px;line-height: 28px; min-width: 70px; border-radius: 14px;}

.top_bnrs{padding-bottom: 10px;}
.top_spbnr{margin-top: 0; padding: 0 10px 10px 10px;}

.sideright .social{padding-left: 10px; padding-right: 10px;}
.sideright .adbox{padding-left: 10px; padding-right: 10px; text-align: center;}
.sideright .news{padding-left: 10px; padding-right: 10px;}
.sideright .staff{padding-left: 10px; padding-right: 10px;}

.sideright .ranking .header{margin: 0 10px}

.sideright .rank{display: flex; flex-wrap: nowrap; border: none; padding-left: 10px; overflow-y: scroll;}
.sideright .rank li{width: 120px; min-width: 120px; padding-right: 10px;}
.sideright .rank a{display: block;}
.sideright .rank .box1, .sideright .rank .box2{width: 100%; padding: 0;}
.sideright .rank li:nth-child(1) .thumb, .sideright .rank .thumb{width: 100%; height: 90px;}
.sideright .rank li:nth-child(1) .box3, .sideright .rank .box3{display: none;}
.sideright .rank li:nth-child(1) .type, .sideright .rank .type{display: none;}
.sideright .rank li:nth-child(1) .ribbon, .sideright .rank .ribbon{font-size: 100%; width: 30px;}

.catalog{display: block;}
.catalog .item{width: 100%; padding: 1em 1em 3em 1em;}
}


.img-x, .img-y{display: block; overflow: hidden; position: relative; /*background-color: #000;*/}
/* 横幅にあわせる */
.img-x img{position: absolute;top: 50%;left: 50%; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: auto; max-width: inherit!important;}
/* 縦幅にあわせる */
.img-y img{position: absolute;top: 50%;left: 50%; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: auto;height: 100%; max-width: inherit!important;}
/* 中央にあわせる */
/*.thumbnailbox img{position: absolute;top: 50%;left: 50%; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}*/