.title {
background-image: url("../images_240926/title.jpg");
background-repeat: no-repeat;
background-position: top center;
background-size:100% 100%;
width: 870px;
height: 200px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
}
h1 { color: #FFFFFF;
text-align: left;
font-weight: 700;
font-size: 70px;
/* text-shadow: 1px 1px 2px rgba(10,10,10,0.7);*/
text-shadow:3px 2px 20px #000000;
margin-left: 15px;
}
#menu{
margin-bottom: 40px;
}
.pc-only{
display: block
}
.pc-only2{
}
.sp-only{
display: none
}
#main a{
text-decoration:none;
color: #005FC3;}
/*index.html*/
#main .brand{
margin-top:20px}
#lineup p{
display: inline-block;
margin: 10px 10px 0 0;
font-size: 20px;
font-weight: bold;
line-height: 1.2;
text-align: left;
}
.center {
text-align: center;
margin: 0 auto;
}
table.borderGray {
border: 1px #ccc solid;
border-collapse: collapse;
margin-bottom: 1em;
margin:15px auto;
font-size:0.85em
}
table.borderGray th {
font-weight:bold;
font-size:90%;
background-color:#FFFFC5;
border: 1px #ccc solid;
border-collapse: collapse;
text-align:center;
vertical-align:middle;
padding:5px 3px;
line-height:1.3
}
table.borderGray td {
border: 1px #ccc solid;
padding:5px;
border-collapse: collapse;
vertical-align:middle;
line-height:1.3;
text-align:center;
}
table.borderGray .huzoku td {
text-align:left;
font-size:12px;
}
table.borderGray tr.odd {
border: 1px #ccc solid;
background-color:#FFFFC5;
}
table.borderGray td.price {
color:#FF0000;
text-align:right;
}
table.borderGray td.center {
text-align:center;
}
table.borderGray td a {
display: block;
}
#main .small {
font-size: 0.75em;
}
#main .ml10{
margin-left:10px;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;/*\*//*/
height: auto;
overflow: hidden;
/**/
}
.clearfix {
/* display: inline-block;*/
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
/*index.html*/
/*ino.html*/
.inbox3 p {
color: #000;
}
#main .mb10{
margin-bottom:10px;
}
#main h5 {
background-image: url(../img/mainh4.png);
background-repeat: no-repeat;
background-position: left 7px;
padding: 10px 0 10px 30px;
text-decoration: none !important;
color: #177c40 !important;
font-weight: 700;
font-size: 20px;
margin: 0;
}
#main h5.pdt5{
padding-top:5px}
#letscamp li{
padding: 15px;
text-align: center
}
#main .links li img {
width: 60%;
}
#main .links li a {
text-align: center;
}
#main .bdl{
text-align: left;
}
#main .fl{
float:left}
#main p.mr8{
margin-right:8px}
#main p.btn150{
width:115px;
height:24px;
background-image: url(../img/150btn.jpg);
background-repeat:no-repeat;
margin-bottom:5px;
margin-left:0;
font-weight:bold;
padding-top:2px;
text-align: center;
font-size: .8em;
line-height: 1.4;
}
#main p.btn150 a{
display:block;
color:#333333;
text-decoration:none
}
#main p.btn150 a:hover{
display:block;
color:#177c40;
}
#main .cols3-2 .text-box{
font-size: 0.9em;
line-height: 1.3em;
}
#main .links{
margin-bottom: 0px;
}
#main .cols3-2 .hidden{
margin-bottom: 0px;
}
/*ino.html*/
/*saru.html*/
#main .relative{
position:relative;
}
#main .relative a:hover img{
background-color:#FF0000;
opacity: 0.4;
}
#main .absolute{
position:absolute;
}
#main .cols2-1 .text-box{
font-size: 0.9em;
line-height: 1.3em;
}
#main .links li .imgmg img{
width: 80%;
}
#main .cols2-1 .hidden{
margin-bottom: 0px;
}
#main .small3 {
font-size: 0.85em;
color: #FF0000;
}
/*saru.html*/
/*net2.html*/
.clear {
clear: both;
}
table.borderBlue {
border: 1px #468FC4 solid;
border-collapse: collapse;
margin-bottom: 1em;
width: 100%;
margin:15px auto;
font-size:0.85em
}
table.borderBlue th {
font-weight:bold;
font-size:90%;
background-color:#FFFFC5;
border: 1px #468FC4 solid;
border-collapse: collapse;
text-align:center;
vertical-align:middle;
padding:5px 3px;
line-height:1.3
}
table.borderBlue td {
border: 1px #468FC4 solid;
padding:4px 3px;
border-collapse: collapse;
vertical-align:middle;
line-height:1.3
}
table.borderBlue tr.odd {
border: 1px #468FC4 solid;
background-color:#FFFFC5;
}
table.borderBlue td.price {
color:#FF0000;
text-align:right;
}
table.borderBlue td.center {
text-align:center;
}
table.borderBlue td a {
display: block;
}
#main table.borderBlue a:link{text-decoration: none;
color: #005FC3;}
#main .lh14{
line-height:1.4}
/*net2.html*/
/*saku.html*/
#main .m5 {
margin: 10px;
margin-top: 0;
}
/*saku.html*/
/*anzen.html*/
.mozi{
color:#005FC3;
font-weight:bold;
}
#main .mt20{
margin-top:20px}
/*anzen.html*/
/*set.html*/
#main .complete_set .a_earth {
font-size:32px;
text-align:center;
margin-bottom: 30px;
}
#main .complete_set ul {
padding:0;
margin-bottom:30px;
list-style:none;
}
#main .complete_set ul li{
text-indent: -11px;
padding-left: 11px;
text-align: justify;
margin-bottom: 10px;
line-height: 1.2;
}
#main .complete_set table,
#main .complete_set table th,
#main .complete_set table td {
border:1px solid #ccc;
border-collapse: collapse;
vertical-align:middle;
}
#main .complete_set table{
margin-top:30px;
/*margin-bottom:20px;*/
border:2px solid #ccc;
}
#main .complete_set table th,
#main .complete_set table td.set {
padding:5px 20px;
}
#main .complete_set table th{
font-size:18px;
font-weight:bold;
/* border-bottom-width:2px;
border-top-width:2px;*/
background:#CCCCCC;
}
#main .complete_set table td.set{
text-align:left;
font-size:16px;
font-weight:normal;
}
#main .complete_set table td{
text-align:center;
font-size:20px;
font-weight:bold;
}
#main .complete_set table td span{
font-size:16px;
}
#main .complete_set table td a{
display:block;
padding:10px;
color:#E50012;
text-decoration:none;
transition: 0.4s;
}
#main .complete_set table td a:hover{
background:#E50012;
color:#FFFFFF;
}
/*set.html*/
#main h3.listHead34 {
font-size: 1.2em;
font-family: 'Noto Sans JP', "ï¼ï¼³ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
color: #333;
font-weight: bold;
margin: 20px 0;
}
#main h4.listHead34 {
font-size: 1.2em;
font-family: 'Noto Sans JP', "ï¼ï¼³ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
color: #333;
font-weight: bold;
margin: 20px 0;
}
.copy_text {
font-family: "Noto Sans JP";
position: absolute;
font-weight: bold;
top: 3%;
left: 2%;
color: #333;
text-shadow: 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 1px #ffffff, 1px 0px 1px #ffffff, 0px 1px 1px #ffffff, -1px 0px 1px #ffffff, 0px -1px 1px #ffffff;
padding: 3px 0px;
font-size: 0.9em;
letter-spacing: -0.7px;
line-height: 1.2em;
width: 95%;
box-sizing: border-box;
text-align: left
}
.bTxt {
font-family: "Noto Sans JP";
font-size: 1.25em;
font-weight: 700;
line-height: 1.1;
/* height: 3em; */
text-align: left;
/* color: #000; */
margin-bottom: 5px;
text-shadow: 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 1px #ffffff, 1px 0px 1px #ffffff, 0px 1px 1px #ffffff, -1px 0px 1px #ffffff, 0px -1px 1px #ffffff;
}
#main .cols3-2 li img{
padding: 2em 0 2em 0
}
/*.text-box{
position: absolute;
bottom: 3%;
left: 2%;
width: 96%;
text-align: center
}*/
.twoBtn{
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 0.8em
}
#main .twoBtn a.btnRadius02{
width: 48%;
}
#main .cols3-2 .text-box {
box-sizing: border-box
}
#main .fsSmall {
font-size: 0.8em;
padding: 0.8em 0.4em;
}
.threeBtn{
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 0.8em;
width: 96%
}
#main .threeBtn a.btnRadius02{
width: 31%;
}
#main .cols3-2 li img.pcpdt{
padding-top: 3em
}
#main .denkiflow{
width: 100%;
}
#main p.bnr{
margin: 15px 0
}