@charset "utf-8";

/* mobile */
@media screen and (max-width: 480px) {



/* 10px */
.phonenum-info li,
#amanadetail #main_section #header ol,
#amanadetail #main_section #header #work_title p,
.infodetailmsg,
#amanadetail #sample_image p,
#amanadetail .thumbnails .thumbs-other-link,
#work_detail h3,
#amanadetail #work_detail table,
#amanadetail #work_detail .royality_category,
#amanadetail #copyright,
/* side */
#amanadetail #price_section .additional-notice li,
#amanadetail #price_section .text_block .list-attention li{
font-size:12px;
}

/* 11px */
#amanadetail .work_keyword .search_keywords,
a.keyword_search_direct,
#amanadetail .thumbnails h2,
.keyword-attention li,
/* side */
#amanadetail #price_section .text_block td.grand-price > span:last-child,
#amanadetail #price_section,
#amanadetail #price_section .text_block table,
.info-indemnity{
font-size:14px;
}

#amanadetail{
width:100%;
padding-bottom:0;
}

#amanadetail #main_section,
#amanadetail #price_section{
float:none;
}

#amanadetail #main_section{
width:100%;
padding:10px 3% 0;
box-sizing:border-box;
}

#amanadetail #price_section{
background:#eeeeee;
padding-top:15px;
width:auto;
padding-left: 3%;
padding-right: 3%;
box-sizing:border-box;
}

#amanadetail #main_section #header #work_title p {
padding: 2px 10px 0px;
}

#amanadetail #sample_image{
box-sizing:border-box;
padding:9px;
}

#amanadetail #sample_image,
#amanadetail #sample_image img{
max-width:100%;
height:auto;
}

#amanadetail .thumbnails,
#crop-info,
#crop-info > div,
#crop-info table{
width:100% !important/* imp消せない */;
}

#amanadetail .sample_nav{
display: flex;
flex-wrap: wrap;
padding-bottom: 40px;
border-top:1px solid #eeeeee;
padding-top:20px;
width: auto;
}

#amanadetail .sample_nav li a{
text-align: right;
margin: 0 10px 0 auto;
display: block;
}

#amanadetail .sample_nav li:nth-child(3) a{
text-align: left;
margin: 0 auto 0 10px;
}

#amanadetail .sample_nav li a img{
max-width:100%;
height:auto;
margin: 0 auto 10px;
display: block;
}

#amanadetail .sample_nav li{
height: auto;
flex-basis: 50%;
float: none;
text-align: center;
width: auto;
margin-bottom: 10px;
}

#amanadetail .sample_nav li:nth-child(2){
order:4;
width: 100%;
position: relative;
bottom: -30px;
flex-basis:100%;
}

#amanadetail .sample_nav li a#lnkOrderBox,
#amanadetail .sample_nav li a#lnkOrderBox1,
#amanadetail #price_section .text_block.size-price .btn-cart a#lnkOrderBox2{
width: 100%;
background:#00b1ee;
height:auto;
text-align:center;
}

#amanadetail .sample_nav li a#lnkOrderBox:hover,
#amanadetail .sample_nav li a#lnkOrderBox1:hover,
#amanadetail #price_section .text_block.size-price .btn-cart a#lnkOrderBox2:hover{
background: #4cc8f3;
}

#amanadetail .sample_nav li a#lnkOrderBox img,
#amanadetail .sample_nav li a#lnkOrderBox1 img,
#amanadetail #price_section .text_block.size-price .btn-cart a img{
display: none;
}

#amanadetail .sample_nav li a#lnkOrderBox::before,
#amanadetail .sample_nav li a#lnkOrderBox1::before,
#amanadetail #price_section .text_block.size-price .btn-cart a#lnkOrderBox2::before {
content: "カートに入れる";
color:#ffffff;
padding-left:40px;
background: url(/img/info/icon-cart.gif) no-repeat 0 50%;
background-size: 27px 22px;
font-size:16px;
display:inline-block;
height:45px;
box-sizing:border-box;
padding-top:11px;
}

#amanadetail .sample_nav li a#lnkOrderBox::before{
content: "カートに入れて見積りをする";
}

#amanadetail #work_detail tbody td a{
background-position:25px 50%;
}

#amanadetail .login-link .comp-member{
float: none;
}

#amanadetail .work_keyword .search_keywords{
width:100%;
}

#amanadetail .work_keyword .search_keywords li{
width:30%;
}

#amanadetail #main_section #header .amanaimages_logo{
position: relative;
}

#amanadetail #main_section #header ul{
position: relative;
top:-22px;
min-height:18px;
}

#amanadetail #main_section #header{
padding-top: 0 !important/* imp消せない */;
}

#amanadetail #main_section #header ol{
position: relative;
overflow: hidden;
left: auto;
top: -12px;
clear: both;
}

#amanadetail #main_section #header #work_title{
margin-bottom: 1em;
}

#amanadetail #main_section #header #work_title h1{
width: 55%;
font-size: 14px;
}

#amanadetail .login-link{
width: auto;
bottom: 98px;
position: relative;
}

#amanadetail .login-link a{
float: none;
margin:0 52% 0 auto;
}

#amanadetail .work_keyword .btn_search{
margin-top:1em;
}

#amanadetail #price_section .text_support,
.banner-campaign-info,
.bnr-research,
.bnr-rmrf,
.bnr-pdf,
.info-indemnity{
text-align: center;
}

.info-indemnity{
width:260px;
margin:10px auto 0;
box-sizing:border-box;
}

#amanadetail #price_section .text_block th{
width: 50%;
}

#amanadetail #price_section .text_block.size-price h3 span.size-title{
width: 50%;
}

#amanadetail #price_section .text_block.size-price h3 span.size-title span{
width: 50%;
left: 50%;
-webkit-transform:translate(-50%, 0%);
transform:translate(-50%, 0%);
}

#amanadetail #price_section .text_block.size-price h3 a{
width: 50%;
text-align: center;
}

.phonenum-info{
margin:0;
}

.phonenum-info li{
margin-top:1px;
}

.phonenum-info span{
display: inline-block;
margin-left: 0.5em;
position: relative;
top: 2px;
}

.contform-info a{
padding:5px 0 3px 25px;
background:url(/img/header2/icon-form-w.gif) no-repeat 0 4px;
}

#user-tools .user-tools-wrap{
padding-bottom: 24px;
}

#user-tools .search-area div.selectbox{
width:200px;
}

.ab-search #user-tools .search-area div.selectbox input.searchtext{
width: auto;
min-width: 50px;
max-width: 50%;
border-radius:5px;
height: auto;
padding-top: 3px;
}

#user-tools .search-area div.selectbox{
width: 97%;
}

#user-tools{
min-width: auto;
}

#user-tools .user-tools-wrap{
padding-left: 10px;
min-width: 310px;
}

#user-tools .search-area div.selectbox .select a{
display: none;
}

.ab-search #user-tools .search-area div.selectbox input.searchtext::placeholder{
color:#fff;
}

#amanadetail #main_section #header ul li{
float: none;
margin-bottom: 5px;
}

#amanadetail #main_section #header ol li{
float: left;
margin-bottom: 0;
}

#amanadetail #price_section .nav_nextprev{
border-top:1px solid #b0b0b3;
position:fixed;
left:0;
bottom:0;
width:100%;
background:#ffffff;
pointer-events: none;
z-index:999;
margin-bottom:0;
padding-bottom: 0;
font-size: 12px;
}

#amanadetail #price_section .nav_nextprev li{
width:50%;
}

#amanadetail #price_section .nav_nextprev a{
pointer-events: auto;
color:#00b1ee;
width: auto;
height: auto;
line-height:30px;
padding:0px 15px;
box-sizing:border-box;
font-weight:normal;
}

#amanadetail #price_section .nav_nextprev a#lnkPrevious::after {
content: "前の検索結果";
background:url(/img/common/pager-arrow-bk.png) no-repeat 0% 50%;
padding-left:30px;
min-height: 26px;
display: block;
xbackground-size: 10px 12px;
}

#amanadetail #price_section .nav_nextprev a#lnkNext::after {
content: "次の検索結果";
background:url(/img/common/pager-arrow-nx.png) no-repeat 100% 50%;
padding-right:30px;
min-height: 26px;
display: block;
text-align:right;
}

#amanadetail #price_section .nav_nextprev a#lnkPrevious:hover::after{
background:#505055 url(/img/common/pager-arrow-bk-h.png) no-repeat 0% 50%;
}

#amanadetail #price_section .nav_nextprev a#lnkNext:hover::after{
background:#505055 url(/img/common/pager-arrow-nx-h.png) no-repeat 100% 50%;
}

#amanadetail #price_section .nav_nextprev a:hover{
color:#ffffff;
background:#505055;
}

#amanadetail #price_section .nav_nextprev a img {
display:none;
}

#amanadetail #copyright{
width:auto;
padding:30px 3% 50px;
background:#eeeeee;
margin-left:0;
}

#amanadetail #main_section .keyword-attention{
background:none;
}

a.keyword_search_direct:hover{
font-size:14px;
}

/* 同一モデルとシミュレーションGTM消す */
#amanadetail #main_section #work_detail table{
width:100% !important;
}

#work_detail #infoBox,
.searchtips{
display:none !important;
}

/* RMのみ要素 */
#cart-area .price-tips{
display:none !important;
}
#amanadetail #price_section .text_block.size-price .btn-cart,
#amanadetail #price_section .text_block.size-price .bnr-rmguide{
text-align: center;
}
#amanadetail #work_detail .royality_category a#dtlInfo_lnkUseHistory1_0{
display: block;
margin-left: 70px;
}
.popup-link{
margin-bottom:1em;
}

/* カスタム */
.poweredlogo{
display:none;
}

}/* end 480px */



@media screen and (max-width: 390px) {
#amanadetail .sample_nav li{
flex-basis:100%;
}
#amanadetail .sample_nav li a,
#amanadetail .sample_nav li:nth-child(3) a{
text-align: center;
margin: 0 auto;
}
#amanadetail .login-link a{
margin: 0 auto;
}

}/* end 390px */


/* 動画のみ要素 */
@media screen and (max-width: 480px) {

#amanadetail #clip_info h3{
font-size:14px;
margin-bottom:5px;
}

#amanadetail #clip_info li{
font-size:12px;
width:calc(100% - 20px);
}

#amanadetail #clip_info li .td{
width:auto;
}

#amanadetail .snapshot td img{
max-width: 100%;
height:auto;
}

.body-info-motion #amanadetail .sample_nav li{
flex-basis:100%;
}

.body-info-motion #amanadetail .sample_nav li a,
.body-info-motion #amanadetail .sample_nav li:nth-child(4) a{
text-align:center;
margin:0 auto;
}

.body-info-motion #amanadetail .login-link .comp-member{
margin:0 auto;
}

.body-info-motion .tooltip-info{
z-index:998;
}

.body-info-motion .tooltip-info::after{
width:120px;
}

#amanadetail #price_section .text_block.size-price .motion_contact img,
#motion-4krf img,
#motion-4krm img,
#motion-8rf img,
#motion-8krm img,
#motion-sound img{
display:block;
margin:0 auto auto;
}

}