@charset "utf-8";
 .wrap {
width: 100%;
margin: 0 auto;
}
#bread {
width: 95%;
font-size: 17px;
margin: 20px auto;
color: #666;
}
#bread a {
color: #67adbd;
border-bottom: #67adbd 1px solid;
padding-bottom: 2px;
}
.bread_seach {
margin: 20px auto;
width: 67%;
float: right;
}
.item_top h2 {
font-size: 50px;
color: #FFF;
font-weight: bold;
}
.item_top h3 {
color: #FFF;
font-size: 19px;
font-weight: bold;
}
.item_topunder {
width: 100%;
background: #000;
color: #FFF;
text-align: center;
padding: 5px 0;
font-size: 20px;
font-weight: bold;
letter-spacing: 0.15em;
}
.item_menu {
box-shadow: 0px 9px 3px -3px #e0e0e0;
-webkit-box-shadow: 0px 9px 3px -3px #e0e0e0;
-moz-box-shadow: 0px 9px 3px -3px #e0e0e0;
}
.item_menu ul {
width: 100%;
margin: 0 auto;
}
.item_menu li {
float: left;
text-align: center;
width: 16.66666666666667%;
font-weight: bold;
font-size: 18px;
line-height: 1.2em;
background: #f2f2f2;
border-bottom: 1px solid #aaa;
}
.item_menu li a {
position: relative;
color: #000;
top: 0;
line-height: 1.4em;
display: block;
padding:17px 0;
}
.item_menu li a:after {
content: "> ";
transform: scale(0.8, 1.5);
float: right;
margin-right: 20px;
}
.maincontents .item_menu li {
width: 100%;
font-size: 16px;
} .item_menu li:before {
width: 1px;
height: 30px;
background: #e8e5e3;
content: "";
float: left;
display: inline-block;
margin-top: 10px;
}
.item_menu li:last-child:after {
width: 1px;
height: 65px;
background: #e8e5e3;
content: "";
float: right;
display: inline-block;
margin-top: -89px;
}
.item_menu li a:hover {
background: #f2f2f2
}
#results {
width: 100%;
margin: 70px auto;
text-align: center;
}
#results h3 {
font-size: 34px;
font-weight: bold;
}
a.results_more {
background: #000;
color: #FFF;
width: 65%;
border: 1px solid #000;
display: block;
margin: 0 auto;
font-size: 18px;
padding: 15px 0;
}
a.results_more:after {
content: ">";
transform: scale(0.6, 1);
display: inline-block;
font-size: 27px;
line-height: 0.1em;
position: relative;
left: 33%;
top: 2px;
}
#camera .satei_select li, .kaitori_select li:after {
color: #d21c21;
}
a.results_more:after {
color: #fff;
}
a.results_more:hover {
background: #fff;
color: #000;
border: 1px solid #000;
width: 30%;
display: block;
margin: 0 auto;
font-size: 15px;
padding: 13px 0;
}
#seobox1 {
width: 100%;
margin: 30px auto;
}
#seobox1 .ttl {
background: url(//www.7-7maruka.com/kanri/wp-content/themes/original2025/old/img/camera/seottl1.jpg) no-repeat;
width: 100%;
margin: 0 auto 30px;
padding-bottom: 45px;
}
.ttl h2:before{
background: #000;
color: #FFF;
padding: 8px 33px;
font-size: 12px;
white-space: pre;
display: inline-block;
position: absolute;
top: 80px;
line-height: 1.3em;
}
#seobox1 .ttl h2:before {
content: "WANTED!!!";
}
#these .ttl h2:before {
content: "MARUKA'S POINT";
top: 35px;
}
#point .ttl h2:before {
content: "HOT TOPICS";
}
#price .ttl h2:before {
content: "CHECK PLEASE!";
left: 50%;
margin-left: -85.78px;
}
.ttl h2{
font-size: 40px;
font-weight: bold;
position: relative;
padding-top: 130px;
line-height: 1.3em;
}
#these .ttl h2 {
padding-top: 80px;
}
.ttl h3{
color: #d71921;
font-weight: bold;
margin: 30px 0;
margin-left: -250px;
transform: scale(0.6, 1);
position: relative;
}
#these .ttl h3{
margin-left: -142px;
}
.ttl h3:before{
background: #000;
content: "";
display: inline-block;
width: 750px;
height: 7px;
top: -13px;
position: absolute;
}
#these .ttl h3:before {
width: 980px;
}
#seobox1_grayarea {
background: #f9f8f7;
width: 100%;
padding: 70px 0;
margin: 50px auto 0;
}
.seobox_textarea {
width: 60%;
float: left;
}
#camera p {
line-height: 1.8em;
font-size: 14px;
color: #313233;
}
.seo_box_img {
width: 38%;
float: right;
padding-top: 30px;
}
#these {
background: #e5e5e6;
width: 100%;
margin: 0 auto;
padding: 70px 0;
}
#these .ttl {
background: url(//www.7-7maruka.com/kanri/wp-content/themes/original2025/old/img/camera/these_ttl.jpg) no-repeat left top;
padding-bottom: 33px;
padding-left: 40%;
margin-bottom: 20px;
}
#these li,
#point li{
width: 30%;
float: left;
background: #000;
margin-bottom: 40px;
}
#point li {
background: none;
width: 32%
}
#these li:nth-child(2),
#these li:nth-child(5){
margin: 0 5%;
}
#point li:nth-child(2),
#point li:nth-child(5){
margin: 0 2%;
}
#camera #these li p {
margin: 5px auto;
color: #FFF;
text-align: center;
position: relative;
}
#camera #these li p:after {
content: "";
background: url(//www.7-7maruka.com/kanri/wp-content/themes/original2025/old/img/camera/these_check.jpg) no-repeat;
width: 38px;
height: 32px;
display: inline-block;
position: absolute;
top: -6px;
right: -4px;
}
#point {
width: 100%;
background: #d3d2d2;
padding: 70px 0;
}
#point .ttl {
background: url(//www.7-7maruka.com/kanri/wp-content/themes/original2025/old/img/camera/point_ttl.jpg) no-repeat right;
}
#point li p {
text-align: center;
margin: 0 auto;
height: 50px;
} .accbox label {
display: block;
cursor :pointer;
transition: all 0.5s;
} .accbox label:hover {
opacity: 0.5;
} .accbox input {
display: none;
} .accbox .accshow {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
} .cssacc:checked + .accshow {
height: auto;
padding: 5px;
background: #eaeaea;
opacity: 1;
}
.cssacc:checked + .accshow {
width: 100%;
margin: 0 auto;
}
.pricebox {
width: 25%;
float: left;
}
#price .ttl,
#price h2,
#price h3 {
text-align: center;
}
#price .ttl p {
margin: 0 auto;
}
#price h3 {
margin-left: 0;
margin: 20px auto;
}
#price .ttl h3:before {
width: 1100px;
margin-left: -380px;
}
#price .ttl {
position: relative;
}
#price .price_day {
position: absolute;
background: #f3e926;
padding: 35px 40px;
border-radius: 50%;
top: 84px;
right: 0;
font-weight: bold;
}
#price .price_day p {
font-size: 19px;
line-height: 1.5em;
}
#price .price_day p span {
font-size: 15px;
}
#price p {
text-align: center;
}
.accshow img {
max-width: 100%;
}
.accbox .accshow.priceboxl2 {
margin-left: -250px;
}
.accbox .accshow.priceboxl3 {
margin-left: -500px;
}
.accbox .accshow.priceboxl4 {
margin-left: -750px;
}
.satei_select,
.kaitori_select{
width: 100%;
margin: 50px auto 50px;
}
.satei_select {
border-bottom: 1px solid #eae7e4;
padding-bottom: 30px;
margin-bottom: 0;
}
.satei_select h2,
.kaitori_select h2 {
font-size: 28px;
text-align: center;
font-weight: bold;
padding: 0 0 30px;
line-height: 1.3em;
}
.satei_select li,
.kaitori_select li{
width: 80%;
margin: 0 auto 10px;
text-align: center;
}
.satei_select li a,
.kaitori_select li a{
color: #FFF;
padding: 18px 0;
display: block;
border-radius: 50px;
font-size: 21px;
position: relative;
}
.satei_select li a:hover,
.kaitori_select li a:hover {
opacity: 0.5;
}
.satei_select li a:after,
.kaitori_select li a:after{
content: ">";
color: #fff;
transform: scale(0.6, 1);
display: inline-block;
font-size: 27px;
line-height: 0.1em;
position: relative;
left: 27%;
top: 2px;
}
.satei_select li:nth-child(3) a:after {
color: #333433;
}
.satei_select li:first-child a {
background: #27ac37;
}
.satei_select li:first-child a:before,
.satei_select li:nth-child(2) a:before,
.satei_select li:nth-child(3) a:before,
.kaitori_select li:first-child a:before,
.kaitori_select li:nth-child(2) a:before,
.kaitori_select li:nth-child(3) a:before{
width: 30px;
content: "";
height: 30px;
display: inline-block;
position: absolute;
left: 20px;
top: 17px;
}
.satei_select li:first-child a:before {
background: url(//www.7-7maruka.com/kanri/wp-content/themes/original2025/old/img/goods/iconline.png) no-repeat;
}
.satei_select li:nth-child(2) a:before {
background: url(//www.7-7maruka.com/kanri/wp-content/themes/original2025/old/img/goods/iconmail.png) no-repeat;
}
.satei_select li:nth-child(3) a:before {
background: url(//www.7-7maruka.com/kanri/wp-content/themes/original2025/old/img/goods/icontel.png) no-repeat;
}
.kaitori_select li:first-child a:before {
background: url(//www.7-7maruka.com/kanri/wp-content/themes/original2025/old/img/goods/icontentou.png) no-repeat;
}
.kaitori_select li:nth-child(2) a:before {
background: url(//www.7-7maruka.com/kanri/wp-content/themes/original2025/old/img/goods/iconsyuchou.png) no-repeat;
}
.kaitori_select li:nth-child(3) a:before {
background: url(//www.7-7maruka.com/kanri/wp-content/themes/original2025/old/img/goods/icontakuhai.png) no-repeat;
}
.satei_select li:nth-child(2) a {
background: #4499ae;
}
.satei_select li:nth-child(3) a {
background: #f2e425;
color: #333433;
}
.kaitori_select li:first-child a {
background: #eca220;
}
.kaitori_select li:nth-child(2) a {
background: #c4427a;
}
.kaitori_select li:nth-child(3) a {
background: #4499ae;
}
.brand_othermenu {
width:95%;
margin: 70px auto;
}
.brand_othermenu li {
width: 32%;
margin: 0 auto;
float: left;
text-align: center;
border: 1px solid #d0d1cd;
margin-bottom: 18px;
}
.brand_othermenu li:nth-child(2),
.brand_othermenu li:nth-child(5) {
margin: 0 1.5%;
}
.brand_othermenu li img {
width: 65%;
}
.othermenu_link {
clear: both
}
.brand_othermenu li p {
font-size: 18px;
margin: 22px auto;	}
.brand_othermenu li:first-child p {
margin: 8px auto;	}
#camera a p.othermenu_link,
.brand_othermenu  a p.othermenu_link,
.brand_othermenu li:first-child p.othermenu_link {
background: #4499ae;
color: #FFF;
text-align: center;
padding: 5px 0;
border-radius: 20px;
width: 100%;
font-weight: normal;
font-size: 14px;
margin: 0 auto 0;
position: relative
}
.brand_othermenu li:first-child p.othermenu_link {
margin: 0 auto 0;
}
a p.othermenu_link:after {
content: ">";
color: #fff;
transform: scale(0.6, 1);
display: inline-block;
font-size: 22px;
line-height: 0.1em;
position: relative;
left: 10%;
top: 2px;	
}
.brand_othermenu a {
display: block;
padding: 20px ;
}
.brand_othermenu a:hover {
opacity: 0.5;
}
#column {
background:#f8f7f6;
width: 100%;
text-align: center;
padding-bottom: 50px;
}
#column .ttl h2,
#column .ttl h3 {
text-align: center;
margin: 30px auto;
}
#column .ttl h2:before {
content: "COLUMN";
left: 50%;
margin-left: -65px;
}
#column .ttl h3:before {
left:23%;			
}
.under_seo {
width: 99%;
margin: 0 auto;
border: 1px solid #0a0b0a;
padding: 40px 0
}
.under_seo h3 {
background: #e5e5e5;
padding: 10px 0 10px 2%;
width: 88%;
font-size: 24px;
text-align: center;
margin: 0 auto 10px;
}
.under_seo p {
width: 90%;
margin: 0 auto;
font-size: 16px;
line-height: 1.8em;
padding-bottom: 2em;
}
.under_seo img {
width: 90%;
margin: 0 auto 10px 5%;
}
.under_tel {
background: #e5e5e5;
width: 100%;
margin: 70px auto;
padding: 70px 0;
text-align: center;
}
.under_tel img {
width: 90%;
}
.toplink a {
display: block;
border: 1px solid #4499ae;
border-radius: 45px;
padding: 22px 0;
color: #4499ae;
width: 85%;
font-size: 26px;
margin: 50px auto;
text-align: center;
position: relative;
}
.toplink a:after {
content: ">";
color: #4499ae;
transform: scale(0.6, 1);
display: inline-block;
font-size: 22px;
line-height: 0.1em;
position: relative;
left: 20%;
top: 2px;
}