@charset "UTF-8";
  body {
font-family:'メイリオ','Hiragino Kaku Gothic Pro',sans-serif;
margin:0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.left {
float:left;
}
.right {
float:right;
}
.cf:after {
content:"";
display:block;
clear:both;
}
.li_n {
list-style:none;
margin:0;
padding:0;
}
a:hover img {
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}
.corner {
padding: 1px;
background: #8cc63f;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.shadow {
width:100%;
position: relative;
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.5);
-moz-box-shadow: 1px 2px 4px rgba(0,0,0,.5);
box-shadow: 1px 1px 4px rgba(0,0,0,.5);
padding: 3px;
background: white;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
} .border_h {
width:100%;
height:15px;
background-color:#8cc63f;
} #head_box {
width:100%;
max-width:1000px;
margin:10px auto 3px;
padding: 0;
} .logo_ss {
width:90px;
height:auto;
} .menu_h_box {
margin-left:5px;
}
.h1_text h1 {
font-size:12px;
font-weight:400;
color:#999;
margin-bottom:10px;
}
.menu_h_box2 {
margin-top:15px;
}
.menu_h_box2 ul {
margin:0;
padding:0;
}
.menu_h_box2 li {
float:left;
width:auto;
}
.menu_head {
font-size:13px;
}
.menu_head a{
color:#006837;
text-decoration:none;
}
.menu_head a:hover{
text-decoration:underline;
}
.menu_head li {
border-left:1px dotted #999;
border-right:1px dotted #999;
padding:5px 15px;
}
.menu_head li+ li {
border-left:0;
border-right:1px dotted #999;
}
#head_box {
position:relative;
}
.fotorama {
position: relative;
max-width: 1920px;
margin: 0 auto;
}
.fotorama:after {
position: absolute;
left: 0; top: 0; right: 0; bottom: 0;
-moz-box-shadow: inset 0px 0px 10px 2px rgba(153,153,153,1);
-webkit-box-shadow: inset 0px 0px 10px 2px rgba(153,153,153,1);
box-shadow: inset 0px 0px 10px 2px rgba(153,153,153,1);
content: " ";
}
.menu_bg {
width:100%;
height:65px;
background-color:#8cc63f;
} .fa-chevron-circle-right {
margin-right:10px;
} #menu {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 0;
}
#menu li{
display: block;
float: left;
width: 20%;
margin: 0;
padding: 0;
}
#menu li a {
display: block;
padding: 20px 0 20px;
background-color: #8cc63f;
color: #fff;
text-align: center;
text-decoration: none;
}
#menu li {
border-left:1px dotted #fff;
border-right:1px dotted #fff;
}
#menu li+ li {
border-left: 0;
border-right: 1px dotted #fff;
}
#menu li a:hover{
background: #a3d165;
}
#menu li:last-child a{
border: none;
}
#toggle {
display: none;
} .pan {
width:100%;
max-width:1000px;
padding:15px 0;
margin:0 auto;
}
.pan,
.pan a {
font-size:13px;
color:#999;
} .product h3 {
font-size:25px;
color:#4d4d4d;
font-weight:300;
margin:0;
}
.product p,.p_text {
font-size:15px;
color:#4d4d4d;
font-weight:200;
}
#lineup_box {
width:100%;
max-width:1000px;
margin:30px auto 20px;
}
.menu_lineup_box {
margin:10px 0 0 5px;
}
.h2_text h2 {
font-size:20px;
color:#f15a24;
font-weight:400;
margin:0;
}
.menu_lineup_box2 {
text-align:right;
}
.menu_lineup_box2 h3 {
margin:20px 0 0 0;
}
.menu_lineup_box2 p {
margin-top:0;
} #lineup_box2 {
width:100%;
max-width:1000px;
margin:0 auto;
}
#lineup_box2 ul {
margin:0;
padding:0;
}
#lineup_box2 li a {
display:block;
margin:0 10px 0;
text-decoration:none;
}
#lineup_box2 li a:hover {
color:#4d4d4d;
text-decoration:underline;
}
#lineup_box2 li {
float: left;
width: 50%;
}
#lineup_box2 img {
max-width: 100%;
height: auto;
transition: 0.5s;
} #concept {
width:100%;
max-width:1920px;
margin:50px auto 0;
background-image:url(//petit-cam.jp/wp-content/themes/petitcam/img/bg_concept.jpg);
background-size:cover;
}
.concept_box {
width:100%;
max-width:1000px;
margin:0px auto;
}
.concept_box2 {
margin:0 0 0 5px;
padding:30px 0 20px;
}
.concept_box2 .h2_text {
margin: 15px 0 0 5px;
}
.concept_img {
width:40%;
margin:0 auto;
padding:5px;
}
.concept_img img {
max-width:100%;
height:auto;
border:none;
}
.concept_box4 {
width:60%;
padding:0 10px 30px;
}
.concept_box4 .h3_text {
width:100%;
max-width:500px;
margin:0 auto;
}
.concept_box4 .p_text {
width:100%;
max-width:400px;
margin:0 auto;
}
.link_text {
list-style:none;
font-size:15px;
color:#006837;
margin:0;
padding:0;
}
.link_text a{
color:#006837;
} #setup {
width:100%;
max-width:1920px;
margin:0 auto;
background-image:url(//petit-cam.jp/wp-content/themes/petitcam/img/bg_setup.gif);
}
#setup .concept_box3 {
width:60%;
padding:0 10px 30px;
}
#setup .concept_img {
width:40%;
margin:0 auto;
padding:5px;
}
#setup .concept_box3 .h3_text {
width:100%;
max-width:500px;
margin:0 auto;
}
#setup .concept_box3 .p_text {
width:100%;
max-width:400px;
margin:0 auto;
} #option {
width:100%;
max-width:1920px;
margin:0 auto;
background-image:url(//petit-cam.jp/wp-content/themes/petitcam/img/bg_option.jpg);
background-size:cover;
background-position:center center;
} #info {
width:100%;
max-width:1000px;
margin:0 auto;
padding-bottom:10px;
}
.info_box1 {
width:80%;
max-width:800px;
padding:20px;
float:left;
}
.info_box2 {
width:20%;
min-width:180px;
padding-top:40px;
float:left;
}
.info_box1 h2 {
font-size:16px;
font-weight:normal;
color:#006837;
padding:10px;
background-color:#f1f8e8;
}
.info_list {
font-size:12px;
color:#006837;
float:right;
margin:-40px 20px 0 0;
}
.info_box1 dl{
font-size: 12px;
line-height: 1.6em;
margin:0 20px;
overflow: auto; height: 280px; }
.info_box1 dl dt{
text-align:center;
font-size: 12px;
width: 80px;
}
.info_box1 dl dd{
margin: -1.7em 0 4px 0;
padding: 0 0 4px 100px;
border-bottom:#CCC solid 1px;
}
.info_box1 a {
color:#4d4d4d;
text-decoration:none;
}
.info_box1 a:hover {
text-decoration:underline;
}
.newslist {
text-align:right;
}
.newslist p {
font-size: 12px;
padding: 0px;
margin: 0px;
display: inline;
}
.info_box1 span {
color:#fff;
background-color:#fbb03b;
padding:0 5px;
} #foot {
width:100%;
background-color:#f6fbf0;
}
.foot_box {
width:100%;
max-width:1000px;
margin:0 auto;
padding:20px 10px;
}
.foot_box1 a {
color:#006837;
text-decoration:none;
}
.foot_box1 a:hover {
text-decoration:underline;
}
.foot_box1 {
width:100%;
font-size:12px;
margin:0 auto;
}
.foot_menu2,
.foot_menu3 {
margin-top:30px;
margin-left:55px;
}
.foot_menu4 {
margin-left:35px;
padding-top:40px;
}
.foot_menu4 li {
float:left;
margin:5px;
}
#addr {
width:100%;
height:auto;
background-color:#006837;
}
.inline-block {
text-align: center;
}
.inline-block li {
display: inline-block;
}
.addr_box {
width:100%;
max-width:1000px;
margin:0 auto;
padding:20px 0 15px;
border-bottom: 1px solid #fff;
}
.addr_box li {
float:left;
}
.addr_box2 p {
padding:15px;
text-align:center;
font-size:11px;
color:#fff;
margin:0;
} #kiji_single {
width:100%;
max-width:1000px;
margin:0 auto;
background-image:url(//petit-cam.jp/wp-content/themes/petitcam/img/bg_setup.gif);
}
.kiji_single_box {
max-width:950px;
margin:0 auto;
padding:10px 0 30px;
}
.kiji_single_list a {
color:#4d4d4d;
text-decoration:none;
}
.kiji_single_list a:hover {
text-decoration:underline;
}
.kiji_single_list p {
font-size: 15px;
padding: 0px;
margin: 0px;
display: inline;
}  .screen-reader-text {
display:none;
}
#kiji_list {
width:100%;
max-width:900px;
margin:0 auto;
padding-bottom:10px;
}
.kiji_list_box1 {
width:100%;
padding:20px;
}
.kiji_list_box1 h2 {
font-size:23px;
color:#2b8738;
padding:10px;
background-color:#f1f8e8;
}
.kiji_list_box1 dl{
font-size: 15px;
line-height: 1.6em;
margin:0 20px;
}
.kiji_list_box1 dl dt{
text-align:center;
font-size: 12px;
width: 80px;
}
.kiji_list_box1 dl dd{
margin: -1.7em 0 4px 0;
padding: 0 0 4px 100px;
border-bottom:#CCC solid 1px;
}
.kiji_list_box1 a {
color:#4d4d4d;
text-decoration:none;
}
.kiji_list_box1 a:hover {
text-decoration:underline;
}
.kiji_list_box1 span {
color:#fff;
background-color:#fbb03b;
padding:0 5px;
}
.kiji_list_pageno {
margin:10 30px;
font-size:15px;
font-weight:bold;
} #sp_con_box {
width:100%;
max-width:1000px;
margin:0 auto;
padding:0 10px;
}
.sp_title {
width:100%;
max-width:350px;
margin:80px auto 0;
text-align:center;
}
.sp_title:after {
content: "";
display: block;
clear: both;
}
.sp_logo {
float:left;
}
.sp_titletext {
float:left;
margin:30px 0 0 20px;
}
.sp_titletext h2 {
font-size:23px;
color:#2b8738;
margin:0;
}
.sp_titletext p {
font-size:12px;
color:#2b8738;
margin:0;
}
.sp_stitle {
font-size:16px;
color:#2b8738;
text-align:center;
margin:80px 0;
}
.sp_contents {
width:100%;
max-width:650px;
margin:0 auto 100px;
}
.sp_contents h3 {
font-size:15px;
color:#4d4d4d;
margin:40px 0 5px;
}
.sp_contents p {
font-size:15px;
color:#4d4d4d;
margin-top:0;
} .mform_base {
width:100%;
max-width:700px;
margin:-30px auto 0;
} .que {
font-size:21px;
color:#2b8738;
font-weight:normal;
margin-right:15px;
}
.ans {
font-size:21px;
color:#8bc53f;
margin-right:15px;
} .sp_contents ul {
font-size:15px;
color:#4d4d4d;
}
.li_none {
list-style:none;
} table.company {
width:100%;
max-width: 800px;
margin: 0 auto;
border-spacing: 0px 1px;
font-size: 15px;
}
table.company th,
table.company td {
padding: 10px;
}
table.company th {
text-align: center;
width: 30%;
color: #4d4d4d;
font-size: 15px;
}
table.company td {
width: 70%;
padding-left: 20px;
color:#4d4d4d;
} .sp_contents i {
padding:0 10px;
}
.ul_01 {
margin: 0px;
padding: 0px;
}
.ul_01 a,
.ul_01 li{
list-style:none;
text-decoration:none;
color:#2b8738;
}
.ul_01 a:hover {
text-decoration:underline;
}
.li_01 {
background-color:#8bc53f;
}
.li_01 a {
color:#fff;
}
.ul_01 {
zoom: 1;
overflow: hidden;
}
.ul_01 li {
margin-top: -1px;
padding: 10px 5px;
border-top:1px solid #CCC;
}
.ul_01 {
zoom: 1;
overflow: hidden;
}
.ul_01 li {
margin-top: -1px;
padding: 10px 5px;
border-top:1px solid #CCC;
} #kcam_lineup {
width:100%;
max-width:1000px;
margin:0 auto;
background-image:url(//petit-cam.jp/wp-content/themes/petitcam/img/bg_setup.gif);
}
.kcam_lineup_box {
max-width:950px;
margin:0 auto;
padding:10px 0 30px;
}
.lineup_photo img {
width:100%;
max-width:950px;
height:auto;
}
.lineup_contents {
padding:0 20px;
}
.lineup_naca {
float:left;
width:75%;
}
.lineup_name img{
width:100%;
max-width:385px;
height:auto;
}
.lineup_naca .p_text {
font-size:14px;
width:75%;
margin-left:8em;
}
.lineup_menu {
float:left;
width:25%;
margin-top:10px
}
.lineup_menu li a{
display:block;
font-size:14px;
color:#fff;
text-align:center;
text-decoration:none;
background-color:#8bc53f;
margin-top:10px;
padding:10px;
-webkit-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-radius: 3px;
}
.lineup_menu li a:hover{
background-color:#a3d165;
} #model_Mimg {
max-width:1920px;
}
#model_Mimg img {
width:100%;
height:auto;
}
#model_try_box01 {
width:100%;
max-width:1000px;
margin:0 auto;
}
.try_menu {
width:100%;
max-width:900px;
margin:0 auto;
padding:0;
}
.try_name {
width:45%;
}
.try_name img {
width:100%;
height:auto;
}
.try_list {
width:55%;
}
.try_list ul {
font-size:0;
margin:0;
padding:0;
}
.try_list li {
display:inline-block;
width:31%;
margin:15px 0 0 10px;
}
.try_list li a{
display:block;
font-size:14px;
color:#fff;
text-align:center;
text-decoration:none;
background-color:#8bc53f;
padding:10px;
-webkit-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-radius: 3px;
}
.try_list li a:hover {
background-color:#a3d165;
}
#model_try_box02 {
width:100%;
max-width:1000px;
margin:0 auto;
background-image:url(//petit-cam.jp/wp-content/themes/petitcam/img/bg_setup.gif);
}
.detbox,
.acsbox,
.optbox {
width:100%;
max-width:925px;
margin:0 auto;
padding-bottom:20px;
}
.det_01 {
padding:15px 0;
}
.det_01 p{
font-size:20px;
color:#2b8538;
padding-left:5px;
border-left:8px solid #89c33f;
margin:0px;
}
.det_02 {
width:60%;
padding-right:5px;
}
.det_02 img {
width:100%;
height:auto;
}
.det_03,
.det_04 {
width:38%;
padding-left:5px;
}
.det_03 img {
width:100%;
height:auto;
}
.det_he {
font-size:20px;
color:#2b8538;
text-align:center;
margin:0;
padding:5px 0;
}
.det_te,
.acs_img p,
.opt_img p {
font-size:15px;
color:#4d4d4d;
margin:0;
padding:0;
}
.acs_img,
.opt_img,
.mov_des {
width:33%;
float:left;
padding:0 5px;
}
.acs_img img,
.opt_img img {
width:100%;
height:auto;
}
.acs_img p,
.opt_img {
text-align:center;
}
.movie-wrap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#model_try_box03 {
width:100%;
max-width:1000px;
margin:0 auto;
}
.sum_box01,
.sum_box02 {
width:50%;
}
.sum_box01 table {
border-collapse:collapse;
width:100%;
}
.sum_box01 th.t_top {
border-top:#8ac43f 4px solid;
}
.sum_box01 th {
width:35%;
border-bottom:#e3e3e3 1px dotted;
text-align:center;
padding:10px;
font-weight:normal;
font-size:15px;
color:#006837;
}
.sum_box01 td.t_top {
border-top:#006837 4px solid;
}
.sum_box01 td {
width:65%;
border-bottom:#e3e3e3 1px dotted;
text-align:left;
padding:10px;
font-size:12px;
color:#4d4d4d;
}
.sum_box02 {
padding:10px 0 0 10px;
}
.sum_box02 li {
float:left;
width:31%;
margin:3px;
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.5);
-moz-box-shadow: 1px 2px 4px rgba(0,0,0,.5);
box-shadow: 1px 1px 4px rgba(0,0,0,.5);
padding: 2px;
background: white;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.sum_box02 img {
display:block;
width:100%;
height:auto;
transition: 0.5s;
} .not_found {
color:#999;
text-align:center;
padding:20px 0;
} @media (max-width: 1039px) {
#head_box {
padding:0 10px;
} #menu i {
display:none;
}  .info_box1 {
width:75%;
}
.info_box2 {
width:25%;
} .kiji_list_box1 dd,
.kiji_list_pageno {
font-size:14px;
} #kiji_single h2 {
font-size:24px;
}
#kiji_single p {
font-size:14px;
} .foot_box {
padding:10px 0;
}
.foot_box1 {
width:565px;
}
.foot_menu1 {
margin-top:30px;
}
.foot_menu2,
.foot_menu3 {
margin-top:60px;
margin-left:20px;
}
.foot_menu4 {
margin-left:20px;
padding-top:5px;
}
.foot_menu4 li {
float:none;
margin:auto;
}
.addr_box {
max-width:750px;
}
.addr_img01 {
display:none;
} .logo_s {
display:none;
}
#lineup_box {
margin:10px auto;
} .try_name,
.detbox,
.acsbox,
.optbox {
padding:0 10px;
}
.try_list li {
margin:10px 0 0 7px;
}
.det_he {
font-size:17px;
margin:0;
padding:0;
}
.det_te,
.acs_img p,
.opt_img p {
font-size:13px;
margin:0;
padding:0;
}
.sum_box02 {
padding-top:40px;
}
} @media (max-width: 767px) {
.menu_h_box2 {
display:none;
}
.menu_bg {
height:60px;
}
#menu li {
font-size: 13px;
} .menu_lineup_box2 {
display:none;
} #concept {
margin:20px auto 0;
}
.concept_img {
display:none;
}
.concept_box2 {
padding:0;
}
#setup .concept_box3 {
width:100%;
padding:0 10px 30px;
}
.concept_box4 {
width:100%;
padding:0 10px 30px;
} .info_box1 {
width:100%;
float:none;
}
.info_box2 {
display:none;
} .kiji_list_box1 dd,
.kiji_list_pageno {
font-size:12px;
line-height:15px;
} #kiji_single h2 {
font-size:14px;
line-height:15px;
}
#kiji_single {
font-size:12px;
line-height:15px;
} .addr_box {
max-width:500px;
}
.addr_img04 {
display:inline;
} .sp_stitle {
text-align:left;
} form#mailformpro dl dt{
float: none;
clear: none;
text-align: left;
width: 100%;
}
form#mailformpro dl dd{
padding: 10px 5px;
border-top: none;
}
form#mailformpro dl dd input,
form#mailformpro dl dd textarea{
width: 100% !important;
} .lineup_naca .p_text {
font-size:14px;
width:100%;
margin-left:0;
}
.lineup_menu {
float:left;
width:25%;
margin-top:10px
} .try_list li {
margin-top:3px;
}
.det_02,
.det_03 {
width:50%;
}
.det_04 {
width:100%;
}
.sum_box01,
.sum_box02 {
float:none;
width:100%;
}
.sum_box01 th {
width:40%;
}
.sum_box01 td {
width:60%;
}
.sum_box02 {
padding:10px 0 0 10px;
}
} @media (min-width:600px) { .fa-play-circle-o {
margin-right:5px;
color:#006837;
} } @media (max-width: 599px) {
.logo,
.logo_name {
display:none;
}
#head_box {
margin:10px auto;
}
.menu_h_box {
float: none;
text-align:center;
}
.menu_bg {
height:40px;
}
#menu {
display: none;
}
#menu li {
width: 100%;
}
#toggle {
display: block;
position: relative;
width: 100%;
background: #8cc63f;
}
#toggle a{
display: block;
position: relative;
padding: 10px 0 10px;
border-bottom: 1px solid #fff;
color:#fff;
text-align: center;
text-decoration: none;
}
#toggle:before {
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 30px;
height: 30px;
margin-top: -15px;
background: #fff;
}
#toggle a:before, #toggle a:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 30px;
height: 6px;
background: #8cc63f;
}
#toggle a:before {
margin-top:-9px;
}
#toggle a:after {
margin-top: 3px;
}
#menu li a {
padding: 10px 0 10px;
border-bottom:1px dotted #fff;
} #lineup_box2 li {
width:100%;
}
#lineup_box2 img {
min-width:100%;
} #concept {
margin:0 auto;
} .foot_box1 {
width:200px;
}
#foot {
display:none;
}
.addr_box {
max-width:320px;
}
.addr_box img {
width:100%;
height:auto;
} .logo_ss {
display:none;
}
.sp_title {
margin:10px auto;
}
.sp_titletext {
float:none;
margin:0;
}
.sp_titletext p {
font-size:12px;
}
.sp_stitle {
font-size:13px;
margin:10px 0;
}
.sp_contents {
margin:0 auto 10px;
}
.sp_contents h3 {
font-size:13px;
margin:15px 0 0px;
}
.sp_contents p {
font-size:13px;
margin-top:0;
} table.company,
table.company th {
font-size: 13px;
}
table.company th,
table.company td {
padding: 5px;
} .sp_contents ul {
font-size:13px;
} .que,
.ans {
font-size:15px;
margin-right:5px;
} .lineup_naca {
float:none;
width:100%;
}
.lineup_menu {
float:none;
width:100%;
margin-top:5px
}
.lineup_menu ul {
margin:0;
padding:0;
}
.lineup_menu li a{
margin-top:1px;
} .try_name,
.try_list {
float:none;
width:100%;
}
.try_list li {
display:inherit;
width:100%;
margin:0;
padding:0 15px 1px;
}
.det_01 p,
.det_he {
font-size:13px;
text-align:left;
}
.det_02,
.det_03,
.acs_img,
.opt_img {
float:none;
width:100%;
padding:0;
}
.sum_box02 {
padding:0;
}
.sum_box02 li {
width:48%;
}
}
#lineup_box2 ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
#lineup_box2 li {
width: 100%;
}
#lineup_box2 li a {
width: 100%;
margin: 0;
}
#lineup_box2 img { 
vertical-align: bottom;
}
.banner-jimny{
display: block;
width: 100%;
margin-top: 30px;
}
#lineup_box2 .banner-jimny img{
width: 100%;
height: 100%;
vertical-align: bottom;
object-fit: cover;
}