@charset "utf-8";

/* base */
#item #head{
position: relative;
}
.content{
margin: 100px auto;
}
h1,h2{
text-align: center;
}
/* content */
h1{margin-bottom: 45px;}
h2{
margin-bottom: 76px;
font-size: 20px;
color: #015DB2;
}
h3{margin-bottom: 26px;}
.layout{
background: url(../images/img_bg_01.png) repeat-x 0 189px;
}
#layout01{
margin-bottom: 60px;
}
#layout02{
background: url(../images/img_bg_01.png) repeat-x 0 135px;;
}
#layout03{
background: url(../images/img_bg_01.png) repeat-x 0 106px;
}

.pdtWrap{
width: 980px;
margin: 0 auto;
letter-spacing: -1em;
}
.pdtWrap .pdtCol{
width: 470px;
display: inline-block;
vertical-align: top;
letter-spacing: normal;
}
.pdtWrap .pdtCol:nth-child(even){
margin-left: 40px;
}
.pdtWrap .pdtCol .itemImg{
text-align: center;
}
.pdtWrap .pdtCol .itemImg .img_change_pc{
display: inline-block !important;
}
.pdtWrap .pdtCol .itemDtl .txtarea{
font-size: 14px;
line-height: 2;
margin-bottom: 25px;
}
.pdtWrap .pdtCol .itemDtl .txtarea + .notice{
font-size: 12px;
margin-top: -15px;
line-height: 1.5;
}

.layoutInr{
width: 980px;
height: 392px;
margin: 41px auto 0;
}
.layoutInr .right,
.layoutInr .left{
width: 470px;
}
.layoutInr .left p{
width: 452px;
margin: 0 auto;
display: block;
}
.layoutInr .left p img{
display: block;
margin-left: 70px;
}
#layout02 .layoutInr .left p img{
margin-top: 10px;
}
#layout03 .layoutInr{
height: 343px;
margin: 0 auto;
}
#layout03 .layoutInr .left p img{
margin: 39px 0px;
}
.layoutInr .right{
padding: 20px 0;
}
.layoutInr .right .txtarea{
font-size: 14px;
line-height: 28px;
margin-bottom: 33px;
}
#layout02 .layoutInr .right .txtarea{
margin-bottom: 17px;
}
#layout03 .layoutInr .right{
padding: 10px 0;
}
#layout03 .layoutInr .right .txtarea{
margin-bottom: 17px;
}
#layout03 .layoutInr .right .txtarea span{
font-size: 10px;
}
.product_txt .txt_02{
font-size: 12px;
line-height: 24px;
}
.product_txt{
width: 980px;
margin: 0 auto;
}
.layoutInr .right .btnarea{
text-align: right;
}

#layout04{
margin-bottom: 80px;
}
#layout_04 .bnr {
    width: 640px;
    margin: 60px auto 40px;
    display: block;
}
#layout_04 .bnr:hover{
    filter: alpha(opacity=70) !important;
    -moz-opacity: 0.7 !important;
    opacity: 0.7 !important;
}



/* ------------------------レスポンシブ------------------------ */
@media screen and (max-width: 764px){
.content{
margin: 44px auto 100px;
}
.content h1{
margin-bottom: 23px;
}
.content h1 img{
height: 31.5px;
}
.content h2{
font-size: 15px;
margin: 0 20px 34px;
line-height: 24px;
}
.layout,#layout02,#layout03{
background: none;
}
.layoutInr{
width: 100%;
height: auto;
margin:29px auto 38px;
}
#layout03 .layoutInr{
height: auto;
}
.layoutInr .left,
.layoutInr .right{
width: auto;
float: none!important;
}
.layoutInr .left p{
width: auto;
}
.layoutInr .left p img{
width: 100%;
margin: 0 auto;
}
#layout01 .layoutInr .left{
margin-bottom: 5px;
}
#layout02 .layoutInr .left{
margin-bottom: 0;
}
.layoutInr .right{
padding: 0;
margin: 0 20px;
}
.layoutInr .right h3{
margin-bottom: 18px;
}
.layoutInr .right h3 img{
height: 15px;
}
.layoutInr .right .txtarea{
margin-bottom: 24px;
font-size: 12px;
line-height: 24px;
}
.layoutInr .right .btnarea a img{
height: 31px;
margin: 0 auto;
display: block;
}
#layout03{
margin-bottom: 30px;
}
#layout02 .layoutInr .right .txtarea,
#layout03 .layoutInr .right .txtarea{
margin-bottom: 23px;
}
#layout03 .layoutInr .right{
padding: 0;
}
#layout03 .layoutInr .left p img{
width: 100%;
margin: 10px auto 0;
}
.product_txt{
width: auto;
padding: 0 20px;
margin: 0 auto;
}
.product_txt .txt_02{
font-size: 10px;
line-height: 15px;
}
#layout_04 .bnr {
width: 100%;
margin-top: 60px;
}

#layout01{
margin-bottom: 45px;
}
.pdtWrap{
width: 100%;
}
.pdtWrap .pdtCol{
width: 100%;
display: block;
}
.pdtWrap .pdtCol:nth-child(even){
margin-top: 45px;
margin-left: 0;
}
.pdtWrap .pdtCol .itemImg{
margin-bottom: 5px;
}
.pdtWrap .pdtCol .itemImg .img_change_pc{
display: none !important;
}
.pdtWrap .pdtCol .itemImg .img_change_sp{
width: 100%;
}
.pdtWrap .pdtCol .itemDtl{
width: 87.5%;
margin: 0 auto;
}
.pdtWrap .pdtCol .itemName img{
height: 15px;
}
.pdtWrap .pdtCol .btnarea{
text-align: center;
}

}/* ------------------------レスポンシブ -end- ------------------------*/