@charset "UTF-8";

/* Structure
----------------------------------------------------------------- */
body{
background:#fff;
}
#logo { background: url(../images/bg-header.gif) repeat-x;}
#logoInner { width: 960px; margin: 0 auto; text-align: left;}
#logoInner img { vertical-align: middle; }
#logoInner span { vertical-align: middle; color: #585858; font-size: 12px; font-weight: normal; }

article .subline{
margin-bottom:10px;
}

.mainvisual{
text-align: center;
}
.mainvisual img{
max-width: 100%;
}

#snsArea { padding: 30px 0 0; text-align: center; }
#snsAreaInner { width: 100%; max-width: 960px; margin: 0 auto; text-align: right;  }
#snsArea ul { margin-bottom: 25px; }
#snsArea li{ display: inline; text-align: right; margin-right: 8px; }
#snsArea p { height: 19px; }

footer {
text-align: center;
margin:0;
padding: 10px 0;
background: #363636;
}

footer #copy {
font-size: 10px;
color: #797979;
}


/* Module
----------------------------------------------------------------- */
.alpha{
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.alpha:hover{
opacity: .6;
-ms-filter: "alpha(opacity=60)";
filter: alpha(opacity=60);
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
ul .mark{
font-size: 11px;
line-height: 1.5;
}
ol .mark{
font-size: 11px;
line-height: 1.5;
}
.mt15{margin-top: 15px;}
.mt30_pc{
margin-top:30px;
}
.mb30_pc{
margin-bottom:30px;
}
.device-name{
position: absolute;
top: 10px;
left: 0;
}
.device-price{
margin-top: 106px;
}
.display_sp{
display: none;
}
.notice{
font-size:10px;
}
.lyt_image + .notice {
text-align: center;
}
.col2 > .col > .lyt_image + .notice {
text-align: right;
padding-right: 10px;
}

.lyt_image .image{
margin-right:14px;
float:left;
}
.lyt_col2 > div{
margin-left:30px;
float:left;
}
.lyt_col2 > div:first-child{
margin-left:0;
}

.area_01 img{
max-width:100%;
}
.area_01{
margin: 0 auto 40px;
position:relative;
border:1px solid #c1c1c1;
width: 980px;
border-radius: 10px;
}
.area_01_outer {
width: 980px;
margin: 0 auto 40px;
}
.area_01_outer > .area_01 {
margin-bottom: 10px;
}
.area_01 h2{
margin: -1px -1px 0;
padding:15px 15px 10px;
position:relative;
border-radius: 10px 10px 0 0;
background:#e61717;
text-align:center;
}
.area_01 .col > *:last-child{
margin-bottom:0 !important;
}
.area_01.col1 .col,
.area_01.col1_1 .col{
margin:0 auto;
width:580px;
}
.area_01.col2 .col,
.area_01.col2-2 .col,
.area_01.col3 .col{
float:left;
box-sizing: border-box;
border-left:1px solid #c1c1c1;
}
.area_01.col2 h2 + .col,
.area_01.col2-2 h2 + .col,
.area_01.col3 h2 + .col{
border-left:none;
}
.area_01.col1 .col{
padding:30px 30px 10px;
}
.area_01.col1_1 .col{
padding:40px 30px 20px;
}
.area_01.col2 .col{
padding:0 30px;
margin: 30px 0;
width:50%;
}
.area_01.col2 .col.add-height{
height: 558px;
}
.area_01.col2 .col.add-height-02{
height: 664px;
}
.area_01.col2 .col.add-height-03{
height: 588px;
}
.area_01.col2-2 .col{
padding:30px 100px;
width:479px;
}
.area_01.col2 .col3 .col{
padding:30px;
width:326px;
}
.area_01.col2 .col3 .col .lyt_image{
position: relative;
}
.area_01.col2 .col3 .col .lyt_image .image{
width:120px;
}
.area_01.col2 .col3 .lyt_image .image.overwrap{
position: absolute;
top: 0;
}
.area_01.col3 .col{
padding:30px 20px 30px 29px;
width:326px;
}
.area_01.col1 .col .notice{
margin:-20px 0 0 245px;
}
.area_01.col1 .lyt_image .image{
width:52px;
}
.area_01.col2 .lyt_image .image{
width:170px;
}
.area_01.col2 .lyt_image .content{
overflow: hidden;
position: relative;
padding-top: 10px;
float: right;
}

.area_01.col2 .col3 .lyt_image .content{
overflow:visible;
}
.area_01.col2-2 .lyt_image .image,
.area_01.col1_1 .lyt_image .image{
width:120px;
}
.area_01.col3 .lyt_image .image{
width:120px;
}
.area_01.col3 .lyt_image .image.bottom-m{
margin-bottom:24px;
}
.area_01.col1_1 .lyt_image{
margin-left:30px;
}
.area_01.col1_1 .lyt_image .content{
overflow:hidden;
margin-top:15px;
}
.area_01.col1_1 .content .image_marginT{
margin-top:-15px;
}
.area_01.col1_1 .content .btn_marginL{
margin-left:30px;
}
.area_01.col2_3 .col{
padding:30px 25px;
width:490px;
box-sizing:border-box;
float:left;
}
.area_01.col2_3 .col:nth-child(n+4){
border-top:1px solid #c1c1c1;
}
.area_01.col2_3 .lyt_image .image{
width:170px;
}
.area_01.col2_3 .col .content{
overflow:hidden;
}
.area_01.col2_3 .lyt_image .image{
margin-right:20px;
}
.area_01.h-fix .col{
height:330px;
}
.area_01 .col-2.inner {
width: 100%;
margin: 0;
}
.area_01 .col-2.inner > li.col {
width: 50%;
margin: 0;
padding: 0;
padding-right: 10px;
border: none;
}
.area_01 .col-2.inner > li.col:last-child {
padding-right: 0;
}
.area_01 .col-2.inner .small {
font-size: 85%;
font-weight: normal;
}
.area_01 .col-2.inner .ttl{
margin-bottom: 5px;
}
.area_01 .col-2.inner > li.col table {
width: 100%;
}
.area_01 .col-2.inner > li.col table th {
text-align: left;
font-size: 11px;
}
.area_01 .col-2.inner > li.col table td {
text-align: right;
white-space: nowrap;
font-size: 11px;
background-color: #fff2f2;
}
.area_01 .col-2.inner > li.col table td.price {
font-size: 100%;
}
.area_01 .col-2.inner > li.col table .price.bold{
font-size: 15px;
}
.area_01 .col-2.inner > li.col table td.price .num {
font-size: 12px;
}
.area_01 .col-2.inner > li.col ul.list-type-none li {
margin-bottom: 0;
}
.area_01 .col-2.inner > li.col table td.price .paren {
margin-right: -0.5em;
}
tr.bg-pink-light > *{
	background: #fff2f2 !important;
}
.area_01.col2 .col1-box .col{
	width: auto;
	display: table;
	position: relative;
	height: 270px;
	padding: 30px 0 0;
	margin: 0 30px 30px;
	border-top: 1px solid #c1c1c1;
}
.area_01.col2 .col1-box .col .lyt_image{
	display: table-cell;
	width: 50%;
}
.area_01.col2 .col1-box .col .lyt_image.height-type-03{
	height: 330px;
}
.area_01 .col1-box .lyt_image .content{
	padding-top: 0;
	float: left;
}
.area_01 .col1-box .col-2.inner{
	display: table-cell;
	width: 50%;
}
article .area_01 .col1-box table th,
article .area_01 .col1-box table td{
	padding: 7px;
}
article .area_01 .col1-box table th{
	width: 60%;
}
.area_01 .col1-box .font-small{
	font-size: 10px !important;
}

.area_01.col3-2 .lyt_image {
text-align: center;
padding: 45px 10px;
vertical-align: top;
}
.area_01.col3-2 .lyt_image .col {
display: inline-block;
vertical-align: middle;
margin-right: 28px;
}
.area_01.col3-2 .lyt_image .col .image {
display: inline-block;
margin-right: 0;
}
.area_01.col3-2 .lyt_image .content {
display: inline-block;
}
.area_01.col3-2 .lyt_image .col:last-child {
margin-right: 0;
}
.area_01.col3-box .lyt_image{
padding: 30px 100px 20px 190px;
}
.area_01.col3-box .lyt_image .col{
display: inline-block;
vertical-align: baseline;
}
.area_01.col3-box .lyt_image .content .col:first-child,
.area_01.col3-box .lyt_image .content-02 .col:first-child{
margin-left: 10px;
}
.area_01.col3-box .lyt_image .content .col:last-child,
.area_01.col3-box .lyt_image .content-02 .col:last-child{
margin-left: 30px;
}

.area_02{
margin-bottom:75px;
background: none;
max-width: 100%;
}
.area_02 .inner{
margin: 0 auto;
width: 980px;
}
.area_02 h2{
margin-bottom:30px;
padding:15px 0;
background:#f387b8;
text-align:center;
}

.area_03{
background:#f2f2f2;
}
.area_03 .inner{
margin: 0 auto;
padding:55px 0;
width: 980px;
text-align:center;
}
.area_03 .lead{
font-size:20px;
}
.out_stock{
margin:0;
padding:10px;
background:#efefef;
}
.right_border{
border-right:1px solid #c1c1c1;
width: 50.2% !important;
}
.border_left_none{
border-left:0 !important;
}
.border_top_none{
border-top:0 !important;
}
.image_mt-5{
margin-top:-5px;
}
.border-bottom{
border-bottom:1px solid #c1c1c1;
}
.notice.type2{
margin-top: 10px;
margin-bottom: 21px;
}


/* Media Query
----------------------------------------------------------------- */
@media screen and (max-width: 1280px){
article .headline{
position: relative;
}
.headline .logo{
left: 11%;
width: 9%;
}
article .boxes .box > .ind .img .img_sp_size{
max-width:100%;
width:auto;
height:auto;
}
}

@media screen and (max-width: 768px){
#logoInner { width: 100%; margin: 0 auto; text-align: center;}
#logoInner img { vertical-align: middle; width: 130px; }
#logoInner span { display: none; }
article .subline{
margin-bottom:10px;
position:static;
min-height:0;
}
#snsArea { padding: 30px 0 0; text-align: center; }
#snsAreaInner { text-align: center;  }
#snsArea ul { margin-bottom: 25px; margin-left: 8px; }
#snsArea li{ display: inline; text-align: center; margin-right: 8px; }
#snsArea p { height: 19px; }
article > section:nth-of-type(1) > .container{
padding-top:10px;
}
.mainvisual{
margin:0 10px;
}
.mainvisual img{
min-width: 0;
width: 100%;
}
#order-nav{
display: none !important;
}
.mt30_pc{
margin-top:0;
}
.mb30_pc{
margin-bottom:0;
}
.device-name{
position: static;
}
.device-price{
margin-top: 0;
}
.mb10_sp{
margin-bottom:10px;
}
.display_pc{
display: none;
}
.display_sp{
display: block;
}
.lyt_image .content{
overflow:hidden;
}
.lyt_image.sp-flat .image{
margin-right:0;
float:none;
text-align:center;
}
.lyt_image.sp-flat .content{
text-align:center;
}
.lyt_image.sp-flat .display_sp{
margin:0 auto;
}
.lyt_image.sp-flat .btn_01 img{
width:148px;
}
.lyt_col2 > div{
margin-left:0;
float:none;
}
.area_01{
margin: 0 10px 40px;
max-width: 100%;
width:auto;
}
.area_01_outer {
max-width: 100%;
width:auto;
margin: 0 10px 40px;
}
.area_01_outer > .area_01 {
margin: 0 0 10px;
width: 100%;
}

.area_01 h2 .display_sp{
display:inline;
}
.area_01.col1 .col,
.area_01.col1_1 .col{
width:auto;
}
.area_01.col2 .col,
.area_01.col2-2 .col,
.area_01.col3 .col{
float:none;
border-left:none;
}
.area_01.col2 .col,
.area_01.col2-2 .col,
.area_01.col3 .col{
border-top:1px solid #c1c1c1;
}
.area_01.col2 h2 + .col,
.area_01.col2-2 h2 + .col,
.area_01.col3 h2 + .col{
border-top:none;
}
.area_01.col1 .col,
.area_01.col1_1 .col{
padding:15px 15px 10px;
}
.area_01.col2 .col{
padding: 15px 0 10px;
width:auto;
margin: 0 15px;
}
.area_01.col2 .col.add-height,
.area_01.col2 .col.add-height-02{
height: auto;
}
.area_01.col2-2 .col{
padding:15px 15px 10px;
width:auto;
}
.area_01.col3 .col{
padding:15px 20px 10px 15px;
width:auto;
}
.area_01.col2 .col3 .col{
padding:15px 15px 10px;
width:auto;
}
.area_01.col1 .col .notice{
margin:0;
}
.area_01.col2 .col .notice{
margin:0;
}
.area_01.col1 .lyt_image .image{
margin-left:10%;
width:44px;
}
.area_01.col1 .lyt_image .content{
width:50%;
}
.area_01.col2 .lyt_image .image{
width:108px;
}
.area_01.col2-2 .lyt_image .image,
.area_01.col1_1 .lyt_image .image{
width:108px;
}
.area_01.col3 .lyt_image .image{
width:108px;
}
.area_01.col1_1 .mt_30{
margin-left:0;
}
.area_01.col1_1 .lyt_image .content,
.area_01.col1_1 .content .image_marginT{
margin-top:0;
}
.area_01.col2  .col3 .lyt_image .content{
overflow:hidden;
}
.area_01.col2_3 .col{
padding:15px 15px 10px;
width:auto;
float:none;
}
.area_01.h-fix .col{
height:auto;
}
.area_01.col2_3 .col:nth-child(n+3){
border-top:1px solid #c1c1c1;
}
.area_01.col2_3 .lyt_image .image{
width:108px;
}

.area_01.col2 .col1-box .col{
padding: 15px 0 10px;
margin: 0 15px;
}
.area_01.col2 .col1-box .col,
.area_01 .col1-box .col-2.inner,
.area_01.col2 .col1-box .col .lyt_image,
.area_01.col2 .col1-box .col .lyt_image.height-type-03{
width: auto;
display: block;
height: auto;
}
.area_01 .col1-box .lyt_image .content{
padding-top: 0;
float: right;
}
.area_01.col3-box .lyt_image{
padding: 20px 10px;
}
.area_01.col3-box .lyt_image .inner-box{
padding: 0 30px;
margin-bottom: 10px;
}
.area_01.col3-box .lyt_image .image{
width: 20%;
margin-right: 25px;
}
.area_01.col3-box .lyt_image .col{
display: block;
}
.area_01.col3-box .lyt_image .content .col:first-child,
.area_01.col3-box .lyt_image .content-02 .col:first-child{
margin-left: 0;
}
.area_01.col3-box .lyt_image .content .col:last-child,
.area_01.col3-box .lyt_image .content-02 .col:last-child{
margin-left: 0;
text-align: center;
}
.content-02 .content-02-note{
font-size: 10px;
text-align: center;
color: #e51717;
margin-bottom: 10px;
}

.area_02{
margin-bottom:40px;
}
.area_02 .inner{
margin: 0 10px;
width: auto;
}
.area_02 h2{
margin-bottom:20px;
padding:15px 0;
}
.area_02 h2 .display_sp{
display:inline;
}
.area_03{
}
.area_03 .inner{
margin: 0 10px;
padding:30px 0;
width: auto;
}
.area_03 .lead{
font-size:12px;
}
.out_stock{
font-size:10px;
padding:5px;
background:#efefef;
}
.right_border{
border-right:none;
width: auto !important;
}
.border-bottom{
border-bottom:none;
}

#a01.area_01 .col .lyt_image .image {
display: inline-block;
width: 46%;
box-sizing: border-box;
margin-right: 0;
padding-right: 15px;
text-align: center;
}
#a01.area_01 .col .lyt_image .content {
display: inline-block;
width: 54%;
}

.area_01 .col-2.inner > li.col {
width: 100%;
margin: 0 0 10px;
padding: 0;
border: none;
}

.area_01 .col-2.inner > li.col table th {
padding: 5px;
}
.area_01 .col-2.inner > li.col table td {
padding: 5px;
}

.area_01.col2 .col3 .lyt_image .image.overwrap{
position: static;
top: 0;
}

.area_01.col3-2 .lyt_image {
display: table;
margin: 0 auto;
}
.area_01.col3-2 .lyt_image > .col {
margin-right: 0;
display: table-cell;
vertical-align: top;
}
.area_01.col3-2 .lyt_image .col {
margin-right: 0;
}
.area_01.col3-2 .lyt_image .col .image {
display: block;
text-align: center;
float: none;
padding-right: 20px;
}
.area_01.col3-2 .lyt_image .col .display_sp {
display: inline;
}
.area_01.col3-2 .lyt_image .content {
display: table-cell;
margin: 0;
}
.area_01.col3-2 .lyt_image .content .col {
display: block;
text-align: center;
margin-bottom: 10px;
}

#a03.area_01 .col .lyt_image .image {
display: inline-block;
width: 50%;
box-sizing: border-box;
margin-right: 0;
padding-right: 15px;
text-align: center;
}
#a03.area_01 .col .lyt_image .content {
display: inline-block;
width: 50%;
}

#a03.area_01 .col .notice {
text-align: center;
margin-bottom: 10px;
}
.col2 > .col > .lyt_image + .notice {
text-align: center;
padding-right: 0;
}

#a03.area_01 .text-center a .display_sp {
display: inline-block;
width: auto;
max-width: 50%;
margin-bottom: 10px;
}

}
.lyt_image.height-type-01{
	height: 288px;
}
.lyt_image.height-type-02{
	min-height: 333px;
}
.lyt_image.height-type-03{
	min-height: 252px;
}
@media screen and (max-width:768px) {
.lyt_image.height-type-01{
	height: auto;
}
.lyt_image.height-type-02,
.lyt_image.height-type-03{
	min-height: auto;
}
}

.heading-img{
margin-top: -10px;
}
.plan-bnr-01{
margin: 30px 0 0;
text-align: center;
clear: both;
}
.products-price{
width: 100%;
margin: 15px 0 0;
padding: 0;
list-style: none;
}
.products-price li{
float: left;
position: relative;
margin-bottom: 0;
margin-left: 24px;
width: 33%;
max-width: 140px;
text-align: center;
}
.products-price li:first-child{
margin-left: 0;
max-width: 120px;
}
.products-price li:last-child{
max-width: 120px;
}
.products-price li.color-box .head{
background-color: #e61717;
}
.products-price li.color-box .price{
background-color: #fff2f2;
}
.products-price li .img-icon{
position: absolute;
left: -18px;
top: 0;
bottom: 0;
margin: auto;
}
.products-price li .head{
padding: 5px;
border-radius: 5px 5px 0 0;
font-size: 11px;
background-color: #666666;
color: #fff;
}
.products-price li .price{
padding: 5px;
min-height: 31px;
border-radius: 0 0 5px 5px;
font-size: 18px;
background-color: #f4f4f4;
}
.area_01.col2 .col1-box .col .box-position{
width: 430px;
position: absolute;
left: 0;
bottom: -30px;
}
.area_01.col2 .col1-box .col .box-position.btm-60{
bottom: -60px;
}
.force_margin {
	margin-bottom: 47px;
}
.wrap_img-area {
height: 334px;
}
@media screen and (max-width:768px) {
.wrap_img-area {
height: auto;
}
.heading-img{
margin-top: -6px;
}
.plan-bnr-01{
margin: 15px 20px;
}
.products-price{
width: 100%;
margin: 15px 0 0;
padding: 0;
list-style: none;
}
.products-price li{
margin-left: 9%;
width: 27%;
min-height: 74px;
max-width: none;
text-align: center;
}
.products-price li:first-child{
margin-left: 0;
max-width: none;
}
.products-price li:last-child{
max-width: none;
}
.products-price li .img-icon{
position: absolute;
left: -18px;
}
.products-price li .head{
padding: 5px;
border-radius: 5px 5px 0 0;
font-size: 10px;
background-color: #666666;
color: #fff;
}
.products-price li .price{
padding: 5px;
min-height: auto;
border-radius: 0 0 5px 5px;
font-size: 13px;
background-color: #f4f4f4;
}
.area_01.col2 .col1-box .col .box-position{
width: auto;
position: static;
}
.bordertop-sp-none{
border-top: none !important;
}
.price-img{
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.force_margin {
margin-bottom: 0;
}
}
.box-frame-01{
overflow-x: hidden;
overflow-y: scroll;
padding: 15px 0 0 15px;
height: 190px;
border: 1px solid #e0e0e0;
font-size: 12px;
}

@media screen and (min-width:769px) {
.no-pricedown{
	height: 230px;
}
}