@charset "utf-8";
/*
Theme Name: theme_toi3c
Version: 0.0
Theme URI: http://www.metalrats.co.jp/
Author: metalrats
Author URI: http://www.metalrats.co.jp/
Description: metalrats
*/
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
responsible
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
@media only screen and (min-width: 992px) {
div.wrapPC , .forPC{ display: block !important; }
div.wrapPT , .forPT{ display: block !important; }
div.wrapTS , .forTS{ display: none !important; }
div.wrapSP , .forSP{ display: none !important; }
}
@media only screen and (max-width: 991px) {
div.wrapPC , .forPC{ display: none !important; }
div.wrapPT , .forPT{ display: block !important; }
div.wrapTS , .forTS{ display: block !important; }
div.wrapSP , .forSP{ display: none !important; }
}
@media only screen and (max-width: 767px) {
div.wrapPC , .forPC{ display: none !important; }
div.wrapPT , .forPT{ display: none !important; }
div.wrapTS , .forTS{ display: block !important; }
div.wrapSP , .forSP{ display: block !important; }
}
*{
margin: 0;
padding: 0;
}
div{
display: block;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
body
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
body {
margin: 0;
padding: 0;
font-family: 'Noto Sans Japanese' , "メイリオ" , Meiryo , Osaka ,
"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,
"Segoe UI" , Lustria , sans-serif ,
"ＭＳ Ｐゴシック" , "MS PGothic";
line-height: 1.5;
color: #111;
word-wrap: normal;
}
@media (min-width: 992px) {body{ font-size:16.0px;} }
@media (min-width: 768px) and (max-width: 991px) {body{ font-size:18.0px;} }
@media (min-width: 640px) and (max-width: 767px) {body{ font-size:21.0px;} }
@media (max-width: 639px) {body{ font-size:14.0px;} }
.fb:before {
font-family: 'FontAwesome' ;
padding-right: 5px ;
color: #0174C8 ;
}
.fb-tgl:before {content: '\f039' ;}
.fb-phone:before{content: '\f2a0' ;}
.fb-mail:before {content: '\f0e0' ;}
.fb-atmk:before {content: '\f1fa' ;}
.fb-accs:before {content: '\f3c5' ;}
.fb-home:before {content: '\f015' ;}
.fb-arrS:before {content: '\f105' ;}
.fb-arrW:before {content: '\f101' ;}
.fb-arrC:before {content: '\f0da' ;}
.fb-arrD:before {content: '\f04e' ;}
.fb-arrR:before {content: '\f35a' ;}
.fb-bus:before {content: '\f55e' ;}
.fb-car:before {content: '\f5de' ;}
.fb-train:before{content: '\f239' ;}
.fb-dot:before {content: '\f111' ;}
.fb-chk:before {content: '\f00c' ;}
.fb-star:before {content: '\f005' ;}
.fb-txt:before {content: '\f15c' ;}
.fb-url:before {content: '\f2d2' ;}
.fb-pdf:before {content: '\f1c1' ;}
.fb-fbk:before {content: '\f09a' ;}
.fb-twi:before {content: '\f099' ;}
.fb-ins:before {content: '\f16d' ;}
.fb-lin:before {content: '\f3c0' ;}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
position
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.anytime_left { float: left;}
.anytime_right {float: right;}
@media only screen and (min-width: 768px) {
.left { float: left;}
.right { float: right;}
}
@media only screen and (max-width: 767px) {
.left , .right{
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 420px) {
.boxleft { float: left;}
.boxright { float: right;}
}
@media only screen and (max-width: 419px) {
.boxleft , .boxright{
margin-left: auto;
margin-right: auto;
}
}
.obj_left{
display: block;
margin-right: auto;
margin-left: 0;
}
.obj_right{
display: block;
margin-right: 0px;
margin-left: auto;
}
.obj_center{
display: block;
margin-left: auto !important;
margin-right: auto !important;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
clear
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.clear { clear: both; }
.clearfix { min-height: 1px;}
.clearfix:after {
content: "";
display: block;
clear: both;
}
br.clear {
clear: both;
display: none;
}
hr.clear {
clear: both;
display: block;
border-top: 1px dotted #ccc;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
<h>
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
h1 , h2 , h3 , h4 ,h5 , h6 {
word-break: break-all;
}
h1{
display: inline-block;
}
h2 , h3 , h4 ,h5 , h6 {
display: block;
}
h1{font-size: 12px; line-height: 1; font-weight:normal !important;}
h2{font-size: 1.2em; line-height: 1; }
h3{font-size: 1.2em; line-height: 1; }
h4{font-size: 1.2em; line-height: 1; }
h5{font-size: 1em; line-height: 1; }
h6{font-size: 1em; line-height: 1; }
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
フォント
■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.fntXXS { font-size: 0.75em !important; }
.fntXS { font-size: 0.88em !important; }
.fntS { font-size: 0.96em !important; }
.fntM { font-size: 1.0em !important; }
.fntL { font-size: 1.20em !important; }
.fntXL { font-size: 1.50em !important; }
.fntXXL { font-size: 2.00em !important; }
.fntXXXL{ font-size: 3.00em !important; }
.fntXXXXL{ font-size: 3.60em !important; }
.textcenter{text-align: center !important; }
.textright {text-align: right !important; }
.textleft {text-align: left !important; }
.thin{ font-weight:100;}
.normal{ font-weight:400 !important; }
.bold{ font-weight:700 !important; }
.heavy{ font-weight:900 !important; }
.GOCHIC {font-family: 'Noto Sans Japanese' , "Segoe UI";}
.MINCHO {font-family: "Sawarabi Mincho" , "Segoe UI"; }
.MEIRYO {font-family: "メイリオ" , Meiryo , Osaka ,"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Segoe UI"; }
.lustria{font-family: 'Lustria', serif; }
.oswald {font-family: 'Oswald' , sans-serif; }
.slabo27{font-family: 'Slabo 27px', serif; }
.shadow ,
.textshadow{ text-shadow: 1px 0px 0px #111; }
.clearshadow{ text-shadow: 0 !important; }
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
<p>
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
p{
display: block;
margin: 0;
padding: 0 0 25px 0;
word-break: break-all;
}
div.nopad ,
h2.nopad ,
h3.nopad ,
h4.nopad ,
p.nopad{
padding: 0 0 0 0 !important;
padding-bottom: 0 !important;
}
p.underline{
border-bottom: 1px dotted #ccc;
padding: 0;
}
p:after {
content: "";
display: block;
clear: both;
}
p.wp-caption-text{
display: block;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 10px;
font-size: 1em;
line-height: 1.2;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
画像 img
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
img{
display: block;
margin: 0;
padding: 0;
max-width: 100%;
height: auto;
width: auto;
}
img.resizeimg ,
li.resizeimg img ,
p.resizeimg img ,
div.resizeimg img {
width: 100%;
height: auto;
}
img.size50 {
width: 50%;
height: auto;
}
img.size40 {
width: 40%;
height: auto;
}
@media (min-width: 768px) {
img.imgleft ,
.alignleft{
float: left;
margin-right: 20px;
margin-bottom: 10px;
}
img.imgright ,
.alignright{
float: right;
margin-left: 20px;
margin-bottom: 10px;
}
img.imgright ,
img.imgleft {
display: block;
width: -webkit-calc(40% - 20px);
width: calc(40% - 20px);
max-width: 300px;
height: auto;
}
img.alignleft ,
img.alignright{
display: block;
width: auto;
height: auto;
}
}
@media (max-width: 767px) {
img.imgleft ,
.alignleft ,
img.imgright ,
.alignright{
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
img.imgright ,
img.imgleft ,
img.alignleft ,
img.alignright{
display: block;
width: 98%;
height: auto;
}
}
img.imgcenter ,
.aligncenter{
display: block;
margin: 0 auto 10px auto;
}
.alignnone{
display: block;
margin-bottom: 0px;
}
a img {
border: none;
background: none;
}
a img:hover{ opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: none;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
wrap/container
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.wrap ,
#wrap ,
#wrap_inner ,
#wrap_head ,
#wrap_navi ,
#wrap_desc ,
#wrap_copy ,
#wrap_title ,
#wrap_footer ,
#wrap_bottom {
display: block;
word-break: break-all;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#wrap_desc {
padding-top: 2px !important;
padding-bottom: 2px;
}
#wrap_copy {
position: relative;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
inner
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.inner ,
.inner_copy ,
.inner_navi ,
#inner ,
#inner_head ,
#inner_desc ,
#inner_copy ,
#inner_navi ,
#inner_title ,
#inner_footer ,
#inner_bottom {
display: block;
width: 98%;
margin-left: auto;
margin-right: auto;
padding: 0;
word-break: break-all;
max-width: 1080px;
}
p.inner_this ,
div.inner_this {
display: block;
margin-left: auto;
margin-right: auto;
width: 94%;
max-width: 1020px;
word-break: break-all;
}
@media (min-width: 1200px) {
.inner_this , div.inner_this {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 1199px) {
.inner_this , div.inner_this {
width: 94%
padding-left: 2%;
padding-right: 2%;
}
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
main-side
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#inner_main ,
#inner_side ,
#inner_left ,
#inner_right {
display: block;
word-break: break-all;
padding: 0 !important;
margin-bottom: 10px;
}
@media (min-width: 992px) {
#inner_side { width: 280px; }
#inner_main { width: 720px; }
#inner_right{ width: 560px;float: right;}
#inner_left { width: 480px;float: left;}
}
@media (max-width: 991px) {
#inner_side ,
#inner_main ,
#inner_right ,
#inner_left {
width: 720px;
margin-left: auto;
margin-right: auto;
}
#inner_side:after ,
#inner_main:after ,
#inner_right:after ,
#inner_left:after {
content: "";
display: block;
clear: both;
}
}
@media (max-width: 767px) {
#inner_main ,
#inner_side ,
#inner_right ,
#inner_left {
width: 98%;
margin-left: auto;
margin-right: auto;
}
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
block
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.block { display: block !important; }
.inblock{ display: inline-block !important;}
.tblcell{ display: table-cell !important; }
.theblock{
display: block !important;
border: 1px solid transparent;
}
div.footS ,div.footM ,div.footE {
margin: 0;
padding: 0;
}
div.block80 ,div.block70 ,div.block60 ,
div.block40 ,div.block30 ,div.block20 {
display: block;
}
@media only screen and (min-width: 992px) {
div.footS ,div.footM ,div.footE {
display: inline-block !important;
}
div.footS {float: left; }
div.footM {float: left; }
div.footE {float: right; }
}
@media only screen and (max-width: 991px) {
div.footS ,div.footM ,div.footE {
display: block;
width: 98% !important;
padding: 0;
}
}
@media (min-width: 768px) {
div.RC {
display: inline-block;
margin: 0;
float: left;
padding: 5px;
}
div.CR {
display: block;
width: 98% !important;
padding: 0;
margin-left: auto;
margin-right: auto;
}
div.blockL ,div.blockLF {float: left; }
div.blockR ,div.blockRF {float: right; }
div.blockL ,div.blockR {width: 48%; }
div.blockLF ,div.blockRF{width: 49.5%; }
div.block90 {width: 89%; }
div.block80 {width: 79%; }
div.block75 {width: 74%; }
div.block70 {width: 69%; }
div.block60 {width: 59%; }
div.block40 {width: 39%; }
div.block30 {width: 29%; }
div.block25 {width: 24%; }
div.block20 {width: 19%; }
}
@media (max-width: 767px) {
div.block90 ,div.block80 ,div.block75 ,div.block70 ,div.block60 ,
div.block40 ,div.block30 ,div.block25 ,div.block20 ,
div.blockL ,div.blockR ,div.RC ,
div.blockLF ,div.blockRF ,
div.footS ,div.footM ,div.footE {
display: block;
width: 98% !important;
padding: 0;
margin-left: auto;
margin-right: auto;
}
div.CR {
display: inline-block;
float: left;
margin: 0;
padding: 0 20px 0 0;
}
}
/*●●●●●●●●●●●●●●●●●●●●●●●●●●
wrap clear
●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
.theblock:after ,
.wrap:after ,
#wrap:after ,
#wrap_head:after ,
#wrap_navi:after ,
#wrap_desc:after ,
#wrap_copy:after ,
#wrap_title:after ,
#wrap_inner:after ,
#wrap_footer:after ,
#wrap_bottom:after ,
#inner_head:after ,
#inner_navi:after ,
#inner_desc:after , #inner_copy:after ,
.inner:after ,
#inner:after ,
#inner:before ,
#inner_footer:after ,
#inner_bottom:after {
content: "";
display: block;
clear: both;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
width
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.youtube iframe{width: 100%; }
.wide100 { width:100%;}
.max1440 { max-width:1440px !important;}
.max1320 { max-width:1320px !important;}
.max1280 { max-width:1280px !important;}
.max1240 { max-width:1240px !important;}
.max1200 { max-width:1200px !important;}
.max1160 { max-width:1160px !important;}
.max1140 { max-width:1140px !important;}
.max1120 { max-width:1120px !important;}
.max1080 { max-width:1080px !important;}
.max1040 { max-width:1040px !important;}
.max1020 { max-width:1020px !important;}
.max1000 { max-width:1000px !important;}
.max960 { max-width:960px !important;}
.max880 { max-width:880px !important;}
.max800 { max-width:800px !important;}
.max720 { max-width:720px !important;}
.max700 { max-width:700px !important;}
.max680 { max-width:680px !important;}
.max640 { max-width:640px !important;}
.max600 { max-width:600px !important;}
.max560 { max-width:560px !important;}
.max480 { max-width:480px !important;}
.max440 { max-width:440px !important;}
.max400 { max-width:400px !important;}
.max360 { max-width:360px !important;}
.max350 { max-width:350px !important;}
.max340 { max-width:340px !important;}
.max320 { max-width:320px !important;}
.max280 { max-width:280px !important;}
.max240 { max-width:240px !important;}
.max200 { max-width:200px !important;}
.max180 { max-width:180px !important;}
.max160 { max-width:160px !important;}
.wide1280 { width:1280px !important;}
.wide1240 { width:1240px !important;}
.wide1200 { width:1200px !important;}
.wide1160 { width:1160px !important;}
.wide1140 { width:1140px !important;}
.wide1120 { width:1120px !important;}
.wide1080 { width:1080px !important;}
.wide1000 { width:1000px !important;}
.wide960 { width:960px !important;}
.wide880 { width:880px !important;}
.wide800 { width:800px !important;}
.wide720 { width:720px !important;}
.wide640 { width:640px !important;}
.wide600 { width:600px !important;}
.wide560 { width:560px !important;}
.wide480 { width:480px !important;}
.wide440 { width:440px !important;}
.wide400 { width:400px !important;}
.wide360 { width:360px !important;}
.wide320 { width:320px !important;}
.wide280 { width:280px !important;}
.wide240 { width:240px !important;}
.wide200 { width:200px !important;}
.wide180 { width:180px !important;}
.wide160 { width:160px !important;}
.wide140 { width:140px !important;}
.wide120 { width:120px !important;}
.wide100 { width:100px !important;}
.wide90 { width:90px !important;}
.wide80 { width:80px !important;}
.wide60 { width:60px !important;}
.wide40 { width:40px !important;}
@media (min-width: 992px) {
.pcmax400 { max-width:400px !important;}
.pcmax360 { max-width:360px !important;}
.pcmax340 { max-width:340px !important;}
.pcmax320 { max-width:320px !important;}
.pcmax280 { max-width:280px !important;}
.pcmax240 { max-width:240px !important;}
.pcmax200 { max-width:200px !important;}
}
@media (max-width: 991px) {
.pcmax400 { width:96% !important;}
.pcmax360 { width:96% !important;}
.pcmax340 { width:96% !important;}
.pcmax320 { width:96% !important;}
.pcmax280 { width:96% !important;}
.pcmax240 { width:96% !important;}
.pcmax200 { width:96% !important;}
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■
blockRow/blockCol/blockHibrid
■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
/* DIV */
.blockRC ,
.blockCR ,
.blockSide ,
.blockHED ,
.blockCol ,
.blockRow {
display: block;
}
/* DIV ul */
.blocktT ul , ul.blockT ,
.blocktbl ul , ul.blocktbl ,
.blockRow ul , ul.blockRow {
position: relative;
display: flex;
list-style: none;
background-color: transparent;
padding: 0;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
-webkit-align-content: flex-start; /* Safari */
align-content: flex-start;
-webkit-flex-direction: row;
flex-direction: row;
}
.blockCol ul , ul.blockCol {
display: block;
list-style: none;
}
/* BLOCKTBL */
ul.blocktbl {
margin-top: 5px;
margin-bottom: 5px !important;
}
ul.blocktbl li {
padding: 0 !important;
}
ul.nobold {
border: 1px solid transparent !important;
}
ul.nobold li {
border-top: 1px solid transparent !important;
border-left: 1px solid transparent !important;
}
ul.tbl_hed_bbb li:nth-child(odd) {background-color: #bbb; }
ul.tbl_hed_ccc li:nth-child(odd) {background-color: #ccc; }
ul.tbl_hed_ddd li:nth-child(odd) {background-color: #ddd; }
ul.tbl_hed_eee li:nth-child(odd) {background-color: #eee; }
ul.tbl_hed_300 li:nth-child(odd) {font-weight: 300; }
ul.tbl_hed_500 li:nth-child(odd) {font-weight: 500; }
ul.tbl_hed_700 li:nth-child(odd) {font-weight: 700; }
ul.tbl_hed_900 li:nth-child(odd) {font-weight: 900; }
ul.blocktbl li:nth-child(even) {background-color: #fff; }
ul li.wideP80 {width: 79% !important; }
ul li.wideP75 {width: 74% !important; }
ul li.wideP70 {width: 69% !important; }
ul li.wideP60 {width: 59% !important; }
ul li.wideP40 {width: 39% !important; }
ul li.wideP30 {width: 29% !important; }
ul li.wideP25 {width: 24% !important; }
ul li.wideP20 {width: 19% !important; }
@media (min-width: 640px) {
ul.blocktbl {
border: 1px solid #ccc;
}
ul.blockT li {
border: 1px solid #ccc;
}
ul.blocktbl li {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
ul.blocktbl li:first-child {border-top-color: transparent !important; }
ul.blocktbl li:nth-child(odd) {border-left-color: transparent !important; }
ul.blocktbl li p {
display: block;
padding-left: 5px !important;
padding-right: 5px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
ul.blocktbl li:nth-child(2) {border-top-color: transparent !important; }
ul.blocktbl li:nth-child(odd) {width: 25%; }
ul.blocktbl li:nth-child(even) {width: 74%; }
ul.tbl28 li:nth-child(odd) {width: 19.5% !important; }
ul.tbl28 li:nth-child(even) {width: 80% !important; }
ul.tbl37 li:nth-child(odd) {width: 29.5% !important; }
ul.tbl37 li:nth-child(even) {width: 70% !important; }
ul.tbl46 li:nth-child(odd) {width: 39.5% !important; }
ul.tbl46 li:nth-child(even) {width: 60% !important; }
ul.tbl55 li:nth-child(odd) {width: 49.5% !important }
ul.tbl55 li:nth-child(even) {width: 49.5% !important; }
ul.tbl64 li:nth-child(odd) {width: 59.5% !important; }
ul.tbl64 li:nth-child(even) {width: 40% !important; }
ul.tbl73 li:nth-child(odd) {width: 69.5% !important; }
ul.tbl73 li:nth-child(even) {width: 30% !important; }
ul.tbl82 li:nth-child(odd) {width: 79.5% !important; }
ul.tbl82 li:nth-child(even) {width: 20% !important; }
}
@media (max-width: 639px) {
ul.blocktbl {
border-right: 1px solid #ccc ;
border-bottom: 1px solid #ccc ;
}
ul.blocktbl li {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
padding: 0 !important;
}
ul.blocktbl li {
display: block;
width: 98%;
margin-left: auto;
margin-right: auto;
}
ul.blocktbl li:nth-child(odd) { background-color: #ddd; }
ul.blocktbl li:nth-child(even) { background-color: #fff; }
ul.blocktbl li:nth-child(odd) p {
display: block;
padding-top: 2px !important:
padding-bottom: 2px !important;
font-weight: 700;
font-size: 0.9em;
}
ul.blocktbl li:nth-child(even) p {
display: block;
padding-top: 10px !important:
padding-bottom: 10px !important;
font-size: 2em;
}
}
/* BLOCKHED */
ul.blockHED {
display: flex;
list-style: none;
padding: 0;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
-webkit-align-content: flex-end; /* Safari */
align-content: flex-end;
-webkit-flex-direction: row;
flex-direction: row;
justify-content: flex-start;
margin: 0 !important;
}
ul.blockHED li:first-child ,ul.blockRC li:first-child {
margin-right: auto;
}
@media (min-width: 992px) {
.blockRC ul , ul.blockRC {
position: relative;
display: flex;
list-style: none;
background-color: transparent;
padding: 0;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
-webkit-align-content: flex-start; /* Safari */
align-content: flex-start;
-webkit-flex-direction: row;
flex-direction: row;
}
.blockCR ul , ul.blockCR ,
.blockSide ul , ul.blockSide{
display: block;
list-style: none;
}
}
@media (max-width: 991px) {
.blockCR ul , ul.blockCR ,
.blockSide ul , ul.blockSide {
position: relative;
display: flex;
list-style: none;
background-color: transparent;
padding: 0;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
-webkit-align-content: flex-start; /* Safari */
align-content: flex-start;
-webkit-flex-direction: row;
flex-direction: row;
}
.blockRC ul , ul.blockRC {
display: block;
list-style: none;
}
}
/* DIV ul li */
ul.blockHED li ,
ul.blockRC li , ul.blockCR li ,
.blockSide ul li , ul.blockSide li ,
.blockCol ul li , ul.blockCol li ,
.blockRow ul li , ul.blockRow li {
position: relative;
display: block;
background-color: transparent;
overflow: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
border: 0;
}
/* DIV ul li 内要素 */
ul li a ,
ul li p ,
ul li a p ,
ul li div {
display: block;
}
ul li p {
padding-left: 5px !important;
padding-right: 5px !important;
padding-top: 5px;
padding-bottom: 5px !important;
font-size: 1em !important;
}
ul li a img ,
ul li p img ,
ul li a p img ,
ul li div img {
display: block;
width: 100%;
height: auto;
}
ul li a img.auto ,
ul li p img.auto ,
ul li a p img.auto ,
ul li div img.auto {
display: block;
width: auto !imporant;
}
/* ================================================================== */
/* blockcol */
ul.blockCol li{
border: 1px solid transparent;
}
/* ================================================================== */
/* blockRow */
ul.w1 li , ul li.w1 {width: 100%; }
ul.w2 li , ul li.w2 {width: 50%; }
ul.w3 li , ul li.w3 {width: 33.333%;}
ul.w4 li , ul li.w4 {width: 25%; }
ul.w5 li , ul li.w5 {width: 20%; }
ul.w6 li , ul li.w6 {width: 16.666%;}
ul.w7 li , ul li.w7 {width: 14.285%;}
ul.w8 li , ul li.w8 {width: 12.5%; }
ul.w80 li ,ul li.w80{width: 80%; }
ul.w75 li ,ul li.w75{width: 75%; }
ul.w70 li ,ul li.w70{width: 70%; }
ul.w60 li ,ul li.w60{width: 60%; }
ul.w50 li ,ul li.w50{width: 50%; }
ul.w40 li ,ul li.w40{width: 40%; }
ul.w30 li ,ul li.w30{width: 30%; }
ul.w25 li ,ul li.w25{width: 25%; }
ul.w20 li ,ul li.w20{width: 20%; }
ul.s1 li , ul li.s1 , ul.s2 li , ul li.s2 , ul.s3 li , ul li.s3 , ul.s4 li , ul li.s4 ,
ul.s5 li , ul li.s5 , ul.s6 li , ul li.s6 , ul.s7 li , ul li.s7 , ul.s8 li , ul li.s8 ,
ul.s80 li , ul li.s80 , ul.s75 li , ul li.s75 , ul.s70 li , ul li.s70 ,
ul.s60 li , ul li.s60 , ul.s50 li , ul li.s50 , ul.s40 li , ul li.s40 ,
ul.s30 li , ul li.s30 , ul.s25 li , ul li.s25 , ul.s20 li , ul li.s20 {
margin-left: 0.2%;
margin-right: 0.2%;
border: 1px solid transparent;
}
ul.s1 li , ul li.s1 {width: 99.0%; width:-webkit-calc(99.5% - 2px) ; width:-moz-calc(99.5% - 2px); width:calc(99.5% - 2px) ; }
ul.s2 li , ul li.s2 {width: 49.0%; width:-webkit-calc(49.5% - 2px) ; width:-moz-calc(49.5% - 2px); width:calc(49.5% - 2px) ; }
ul.s3 li , ul li.s3 {width: 32.533%; width:-webkit-calc(32.833% - 2px); width:-moz-calc(32.833% - 2px); width:calc(32.833% -2px); }
ul.s4 li , ul li.s4 {width: 24.2%; width:-webkit-calc(24.5% - 2px) ; width:-moz-calc(24.5% - 2px); width:calc(24.5% - 2px) ; }
ul.s5 li , ul li.s5 {width: 20.2%; width:-webkit-calc(19.5% - 2px) ; width:-moz-calc(19.5% - 2px); width:calc(19.5% - 2px) ; }
ul.s6 li , ul li.s6 {width: 15.866%; width:-webkit-calc(16.166%- 2px); width:-moz-calc(16.166%- 2px); width:calc(16.166% -2px); }
ul.s7 li , ul li.s7 {width: 13.533%; width:-webkit-calc(13.785%- 2px); width:-moz-calc(13.785%- 2px); width:calc(13.785% -2px); }
ul.s8 li , ul li.s8 {width: 11.7%; width:-webkit-calc(12% - 2px) ; width:-moz-calc(12% - 2px) ; width:calc(12% - 2px) ; }
ul.s80 li , ul li.s80 {width: 79.2%; width:-webkit-calc(79.5% - 2px) ; width:-moz-calc(79.5% - 2px); width:calc(79.5% - 2px) ; }
ul.s75 li , ul li.s75 {width: 74.2%; width:-webkit-calc(74.5% - 2px) ; width:-moz-calc(74.5% - 2px); width:calc(74.5% - 2px) ; }
ul.s70 li , ul li.s70 {width: 69.2%; width:-webkit-calc(69.5% - 2px) ; width:-moz-calc(69.5% - 2px); width:calc(69.5% - 2px) ; }
ul.s60 li , ul li.s60 {width: 59.2%; width:-webkit-calc(59.5% - 2px) ; width:-moz-calc(59.5% - 2px); width:calc(59.5% - 2px) ; }
ul.s50 li , ul li.s50 {width: 49.2%; width:-webkit-calc(49.5% - 2px) ; width:-moz-calc(49.5% - 2px); width:calc(49.5% - 2px) ; }
ul.s40 li , ul li.s40 {width: 39.2%; width:-webkit-calc(39.5% - 2px) ; width:-moz-calc(39.5% - 2px); width:calc(39.5% - 2px) ; }
ul.s30 li , ul li.s30 {width: 29.2%; width:-webkit-calc(29.5% - 2px) ; width:-moz-calc(29.5% - 2px); width:calc(29.5% - 2px) ; }
ul.s25 li , ul li.s25 {width: 24.2%; width:-webkit-calc(24.5% - 2px) ; width:-moz-calc(24.5% - 2px); width:calc(24.5% - 2px) ; }
ul.s20 li , ul li.s20 {width: 19.2%; width:-webkit-calc(19.5% - 2px) ; width:-moz-calc(19.5% - 2px); width:calc(19.5% - 2px) ; }
ul.x1 li , ul li.x1 , ul.x2 li , ul li.x2 , ul.x3 li , ul li.x3 , ul.x4 li , ul li.x4 ,
ul.x5 li , ul li.x5 , ul.x6 li , ul li.x6 , ul.x7 li , ul li.x7 , ul.x8 li , ul li.x8 ,
ul.x80 li , ul li.x80 , ul.x75 li , ul li.x75 , ul.x70 li , ul li.x70 ,
ul.x60 li , ul li.x60 , ul.x50 li , ul li.x50 , ul.x40 li , ul li.x40 ,
ul.x30 li , ul li.x30 , ul.x25 li , ul li.x25 , ul.x20 li , ul li.x20 {
padding-left: 1%;
padding-right: 1%;
border: 1px solid transparent;
}
ul.x1 li , ul li.x1 {width: 97.7%; width:-webkit-calc(98% - 2px) ; width:-moz-calc(98% - 2px) ; width:calc(98% - 2px) ; }
ul.x2 li , ul li.x2 {width: 47.7%; width:-webkit-calc(48% - 2px) ; width:-moz-calc(48% - 2px) ; width:calc(48% - 2px) ; }
ul.x3 li , ul li.x3 {width: 31.033%; width:-webkit-calc(31.333%-2px) ; width:-moz-calc(31.333%-2px); width:calc(31.333%-2px); }
ul.x4 li , ul li.x4 {width: 22.7%; width:-webkit-calc(23% - 2px) ; width:-moz-calc(23% - 2px) ; width:calc(23% - 2px) ; }
ul.x5 li , ul li.x5 {width: 17.7%; width:-webkit-calc(18% - 2px) ; width:-moz-calc(18% - 2px) ; width:calc(18% - 2px) ; }
ul.x6 li , ul li.x6 {width: 14.366%; width:-webkit-calc(14.666%-2px) ; width:-moz-calc(14.666%-2px); width:calc(14.666%-2px); }
ul.x7 li , ul li.x7 {width: 11.985%; width:-webkit-calc(12.285%-2px) ; width:-moz-calc(12.285%-2px); width:calc(12.285%-2px); }
ul.x8 li , ul li.x8 {width: 10.2%; width:-webkit-calc(10.5% - 2px) ; width:-moz-calc(10.5% - 2px); width:calc(10.5% - 2px); }
ul.x80 li , ul li.x80 {width: 77.7%; width:-webkit-calc(78% - 2px) ; width:-moz-calc(78% - 2px) ; width:calc(78% - 2px) ; }
ul.x75 li , ul li.x75 {width: 72.7%; width:-webkit-calc(73% - 2px) ; width:-moz-calc(73% - 2px) ; width:calc(73% - 2px) ; }
ul.x70 li , ul li.x70 {width: 67.7%; width:-webkit-calc(68% - 2px) ; width:-moz-calc(68% - 2px) ; width:calc(68% - 2px) ; }
ul.x60 li , ul li.x60 {width: 57.7%; width:-webkit-calc(58% - 2px) ; width:-moz-calc(58% - 2px) ; width:calc(58% - 2px) ; }
ul.x50 li , ul li.x50 {width: 47.7%; width:-webkit-calc(48% - 2px) ; width:-moz-calc(48% - 2px) ; width:calc(48% - 2px) ; }
ul.x40 li , ul li.x40 {width: 37.7%; width:-webkit-calc(38% - 2px) ; width:-moz-calc(38% - 2px) ; width:calc(38% - 2px) ; }
ul.x30 li , ul li.x30 {width: 27.7%; width:-webkit-calc(28% - 2px) ; width:-moz-calc(28% - 2px) ; width:calc(28% - 2px) ; }
ul.x25 li , ul li.x25 {width: 22.7%; width:-webkit-calc(23% - 2px) ; width:-moz-calc(23% - 2px) ; width:calc(23% - 2px) ; }
ul.x20 li , ul li.x20 {width: 17.7%; width:-webkit-calc(18% - 2px) ; width:-moz-calc(18% - 2px) ; width:calc(18% - 2px) ; }
ul.k1 , ul.k2 , ul.k3 , ul.k4 , ul.k5 , ul.k6 , ul.k7 , ul.k8 ,
ul.k80 , ul.k75 , ul.k70 , ul.k60 , ul.k50 , ul.k40 , ul.k30 , ul.k25 , ul.k20 {
border-top: 1px solid #ccc;
}
ul.k1 li , ul li.k1 , ul.k2 li , ul li.k2 , ul.k3 li , ul li.k3 , ul.k4 li , ul li.k4 ,
ul.k5 li , ul li.k5 , ul.k6 li , ul li.k6 , ul.k7 li , ul li.k7 , ul.k8 li , ul li.k8 ,
ul.k80 li , ul li.k80 , ul.k75 li , ul li.k75 , ul.k70 li , ul li.k70 ,
ul.k60 li , ul li.k60 , ul.k50 li , ul li.k50 , ul.k40 li , ul li.k40 ,
ul.k30 li , ul li.k30 , ul.k25 li , ul li.k25 , ul.k20 li , ul li.k20 {
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
ul.k1 li , ul li.k1 {width: 99.4%; width:-webkit-calc(99.5% - 2px) ; width:-moz-calc(99.5% - 2px); width:calc(99.5% - 2px) ; }
ul.k2 li , ul li.k2 {width: 49.4%; width:-webkit-calc(49.5% - 2px) ; width:-moz-calc(49.5% - 2px); width:calc(49.5% - 2px) ; }
ul.k3 li , ul li.k3 {width: 32.933%; width:-webkit-calc(32.833% - 2px); width:-moz-calc(32.833% - 2px); width:calc(32.833% -2px); }
ul.k4 li , ul li.k4 {width: 24.6%; width:-webkit-calc(24.5% - 2px) ; width:-moz-calc(24.5% - 2px); width:calc(24.5% - 2px) ; }
ul.k5 li , ul li.k5 {width: 20.6%; width:-webkit-calc(19.5% - 2px) ; width:-moz-calc(19.5% - 2px); width:calc(19.5% - 2px) ; }
ul.k6 li , ul li.k6 {width: 16.266%; width:-webkit-calc(16.166%- 2px); width:-moz-calc(16.166%- 2px); width:calc(16.166% -2px); }
ul.k7 li , ul li.k7 {width: 13.933%; width:-webkit-calc(13.785%- 2px); width:-moz-calc(13.785%- 2px); width:calc(13.785% -2px); }
ul.k8 li , ul li.k8 {width: 12.1%; width:-webkit-calc(12% - 2px) ; width:-moz-calc(12% - 2px) ; width:calc(12% - 2px) ; }
ul.k80 li , ul li.k80 {width: 79.6%; width:-webkit-calc(79.5% - 2px) ; width:-moz-calc(79.5% - 2px); width:calc(79.5% - 2px) ; }
ul.k75 li , ul li.k75 {width: 74.6%; width:-webkit-calc(74.5% - 2px) ; width:-moz-calc(74.5% - 2px); width:calc(74.5% - 2px) ; }
ul.k70 li , ul li.k70 {width: 69.6%; width:-webkit-calc(69.5% - 2px) ; width:-moz-calc(69.5% - 2px); width:calc(69.5% - 2px) ; }
ul.k60 li , ul li.k60 {width: 59.6%; width:-webkit-calc(59.5% - 2px) ; width:-moz-calc(59.5% - 2px); width:calc(59.5% - 2px) ; }
ul.k50 li , ul li.k50 {width: 49.6%; width:-webkit-calc(49.5% - 2px) ; width:-moz-calc(49.5% - 2px); width:calc(49.5% - 2px) ; }
ul.k40 li , ul li.k40 {width: 39.6%; width:-webkit-calc(39.5% - 2px) ; width:-moz-calc(39.5% - 2px); width:calc(39.5% - 2px) ; }
ul.k30 li , ul li.k30 {width: 29.6%; width:-webkit-calc(29.5% - 2px) ; width:-moz-calc(29.5% - 2px); width:calc(29.5% - 2px) ; }
ul.k25 li , ul li.k25 {width: 24.6%; width:-webkit-calc(24.5% - 2px) ; width:-moz-calc(24.5% - 2px); width:calc(24.5% - 2px) ; }
ul.k20 li , ul li.k20 {width: 19.6%; width:-webkit-calc(19.5% - 2px) ; width:-moz-calc(19.5% - 2px); width:calc(19.5% - 2px) ; }
.bot05 ,ul.bot05 li {margin-bottom: 5px !important;}
.bot10 ,ul.bot10 li {margin-bottom: 10px !important;}
.bot20 ,ul.bot20 li {margin-bottom: 20px !important;}
.bot30 ,ul.bot30 li {margin-bottom: 30px !important;}
.top05 ,ul.top05 li {margin-top: 5px !important;}
.top10 ,ul.top10 li {margin-top: 10px !important;}
.top20 ,ul.top20 li {margin-top: 20px !important;}
.top30 ,ul.top30 li {margin-top: 30px !important;}
@media (max-width: 991px) {
ul.w3 li , ul li.w3 , ul.w4 li , ul li.w4 ,
ul.w5 li , ul li.w5 , ul.w6 li , ul li.w6 ,
ul.w7 li , ul li.w7 , ul.w8 li , ul li.w8 {
width: 33.333%;
}
ul.s3 li , ul li.s3 , ul.s4 li , ul li.s4 ,
ul.s5 li , ul li.s5 , ul.s6 li , ul li.s6 ,
ul.s7 li , ul li.s7 , ul.s8 li , ul li.s8 {
width: 32.533%;
width: -webkit-calc(32.833%- 2px);
width: -moz-calc(32.833%- 2px);
width: calc(32.833%- 2px);
}
ul.x3 li , ul li.x3 , ul.x4 li , ul li.x4 ,
ul.x5 li , ul li.x5 , ul.x6 li , ul li.x6 ,
ul.x7 li , ul li.x7 , ul.x8 li , ul li.x8 {
width: 31.033%;
width: -webkit-calc(31.333%- 2px);
width: -moz-calc(31.333%- 2px);
width: calc(31.333%- 2px);
}
ul.k3 li , ul li.k3 , ul.k4 li , ul li.k4 ,
ul.k5 li , ul li.k5 , ul.k6 li , ul li.k6 ,
ul.k7 li , ul li.k7 , ul.k8 li , ul li.k8 {
width: 32.933%;
width: -webkit-calc(32.833% - 2px);
width: -moz-calc(32.833% - 2px);
width: calc(32.833% -2px);
}
}
@media (max-width: 767px) {
ul.w3 li , ul li.w3 , ul.w4 li , ul li.w4 ,
ul.w5 li , ul li.w5 , ul.w6 li , ul li.w6 ,
ul.w7 li , ul li.w7 , ul.w8 li , ul li.w8 {
width: 50%;
}
ul.s3 li , ul li.s3 , ul.s4 li , ul li.s4 ,
ul.s5 li , ul li.s5 , ul.s6 li , ul li.s6 ,
ul.s7 li , ul li.s7 , ul.s8 li , ul li.s8 {
width: 49.0%;
width: -webkit-calc(49.5%- 2px);
width: -moz-calc(49.5%- 2px);
width: calc(49.5%- 2px);
margin-left: 0.2%;
margin-right: 0.2%;
border: 1px solid transparent;
}
ul.x3 li , ul li.x3 , ul.x4 li , ul li.x4 ,
ul.x5 li , ul li.x5 , ul.x6 li , ul li.x6 ,
ul.x7 li , ul li.x7 , ul.x8 li , ul li.x8 {
width: 47.5%;
width: -webkit-calc(48%- 2px);
width: -moz-calc(48%- 2px);
width: calc(48%- 2px);
margin-left: 1%;
margin-right: 1%;
border: 1px solid transparent;
}
ul.k3 li , ul li.k3 , ul.k4 li , ul li.k4 ,
ul.k5 li , ul li.k5 , ul.k6 li , ul li.k6 ,
ul.k7 li , ul li.k7 , ul.k8 li , ul li.k8 {
width: 49.4%;
width: -webkit-calc(49.5%- 2px);
width: -moz-calc(49.5%- 2px);
width: calc(49.5%- 2px);
margin-left: 0.2%;
margin-right: 0.2%;
border: 1px solid transparent;
}
ul.s80 li , ul li.s80 ,
ul.s75 li , ul li.s75 ,
ul.s70 li , ul li.s70 ,
ul.s60 li , ul li.s60 {
width: 99.0%; width:-webkit-calc(99.5% - 2px) ; width:-moz-calc(99.5% - 2px); width:calc(99.5% - 2px) ;
}
ul.s50 li , ul li.s50 ,
ul.s40 li , ul li.s40 ,
ul.s30 li , ul li.s30 ,
ul.s25 li , ul li.s25 ,
ul.s20 li , ul li.s20 {
width: 49.0%; width:-webkit-calc(49.5% - 2px) ; width:-moz-calc(49.5% - 2px); width:calc(49.5% - 2px) ;
}
ul.x50 li , ul li.x50 ,
ul.x40 li , ul li.x40 ,
ul.x30 li , ul li.x30 ,
ul.x25 li , ul li.x25 ,
ul.x20 li , ul li.x20 {
width: 47.5%; width:-webkit-calc(48% - 2px) ; width:-moz-calc(48% - 2px) ; width:calc(48% - 2px) ;
}
ul.x80 li , ul li.x80 ,
ul.x75 li , ul li.x75 ,
ul.x70 li , ul li.x70 ,
ul.x60 li , ul li.x60 {
width: 97.5%; width:-webkit-calc(98% - 2px) ; width:-moz-calc(98% - 2px) ; width:calc(98% - 2px) ;
}
}
@media (max-width: 641px) {
ul.w2 li , ul li.w2 , ul.W2 li , ul li.W2 ,
ul.w3 li , ul li.w3 , ul.W3 li , ul li.W3 ,
ul.w4 li , ul li.w4 , ul.W4 li , ul li.W4 ,
ul.w5 li , ul li.w5 , ul.W5 li , ul li.W5 ,
ul.w6 li , ul li.w6 , ul.W6 li , ul li.W6 ,
ul.w7 li , ul li.w7 , ul.W7 li , ul li.W7 ,
ul.w8 li , ul li.w8 , ul.W8 li , ul li.W8 ,
ul.s2 li , ul li.s2 , ul.S2 li , ul li.S2 ,
ul.s3 li , ul li.s3 , ul.S3 li , ul li.S3 ,
ul.s4 li , ul li.s4 , ul.S4 li , ul li.S4 ,
ul.s5 li , ul li.s5 , ul.S5 li , ul li.S5 ,
ul.s6 li , ul li.s6 , ul.S6 li , ul li.S6 ,
ul.s7 li , ul li.s7 , ul.S7 li , ul li.S7 ,
ul.s8 li , ul li.s8 , ul.S8 li , ul li.S8 ,
ul.x2 li , ul li.x2 , ul.X2 li , ul li.X2 ,
ul.x3 li , ul li.x3 , ul.X3 li , ul li.X3 ,
ul.x4 li , ul li.x4 , ul.X4 li , ul li.X4 ,
ul.x5 li , ul li.x5 , ul.X5 li , ul li.X5 ,
ul.x6 li , ul li.x6 , ul.X6 li , ul li.X6 ,
ul.x7 li , ul li.x7 , ul.X7 li , ul li.X7 ,
ul.x8 li , ul li.x8 , ul.X8 li , ul li.X8 {
width: 96%;
margin-left: auto;
margin-right: auto;
max-width: 480px;
}
ul.s80 li , ul li.s80 ,
ul.s75 li , ul li.s75 ,
ul.s70 li , ul li.s70 ,
ul.s60 li , ul li.s60 ,
ul.s50 li , ul li.s50 ,
ul.s40 li , ul li.s40 ,
ul.s30 li , ul li.s30 ,
ul.s25 li , ul li.s25 ,
ul.s20 li , ul li.s20 {
width: 99.0%; width:-webkit-calc(99.5% - 2px) ; width:-moz-calc(99.5% - 2px); width:calc(99.5% - 2px) ;
}
ul.x80 li , ul li.x80 ,
ul.x75 li , ul li.x75 ,
ul.x70 li , ul li.x70 ,
ul.x60 li , ul li.x60 ,
ul.x50 li , ul li.x50 ,
ul.x40 li , ul li.x40 ,
ul.x30 li , ul li.x30 ,
ul.x25 li , ul li.x25 ,
ul.x20 li , ul li.x20 {
width: 97.5%; width:-webkit-calc(98% - 2px) ; width:-moz-calc(98% - 2px) ; width:calc(98% - 2px) ;
}
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
ul
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
ul {
background-image: none !important;
margin: 0;
padding: 0;
}
ul li{
margin: 0;
position: relative;
display: block;
list-style: none !important;
list-style-type: none !important;/*ポチ消す*/
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
MARK
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.dot32 , ul.dot32 li {background-image: url("image/dot32blk.png"); }
.dot16 , ul.dot16 li {background-image: url("image/dot16blk.png"); }
.dot , ul.dot li {background-image: url("image/dot16blk.png"); }
.box32 , ul.box32 li {background-image: url("image/box32blk.png"); }
.box16 , ul.box16 li {background-image: url("image/box16blk.png"); }
.box , ul.box li {background-image: url("image/box16blk.png"); }
.star32 , ul.star32 li {background-image: url("image/star32blk.png");}
.star16 , ul.star16 li {background-image: url("image/star16blk.png");}
.star , ul.star li {background-image: url("image/star16blk.png");}
.kome32 , ul.kome32 li {background-image: url("image/kome32blk.png");}
.kome16 , ul.kome16 li {background-image: url("image/kome16blk.png");}
.kome , ul.kome li {background-image: url("image/kome16blk.png");}
.check32 , ul.check32 li{background-image: url("image/check32blk.png");}
.check16 , ul.check16 li{background-image: url("image/check16blk.png");}
.check , ul.check li {background-image: url("image/check32blk.png");}
.url32 {background-image: url("image/url32blk.png"); }
.url16 {background-image: url("image/url16blk.png"); }
.url {background-image: url("image/url32blk.png"); }
.txt32 {background-image: url("image/txt32blk.png"); }
.txt16 {background-image: url("image/txt16blk.png"); }
.txt {background-image: url("image/txt32blk.png"); }
.eml { background-image: url("image/eml32.png"); }
.mail { background-image: url("image/mail32blk.png"); }
.phone {background-image: url("image/phone32blk.png"); }
.access{ background-image: url("image/access32blk.png"); }
.pdf {background-image: url("image/pdf32.png"); }
.bus {background-image: url("image/bus32.png"); }
.car {background-image: url("image/car32.png"); }
.train {background-image: url("image/train32.png"); }
.qes {background-image: url("image/faqQ32.png"); }
.ans {background-image: url("image/faqA32.png"); }
ul.dot li ,
ul.box li ,
ul.star li ,
ul.kome li ,
ul.check li ,
ul.check16 li ,
ul.MK16 li ,
ul.MK32 li {
display: block;
list-style-type: none !important;
background-repeat: no-repeat !important;
padding-top: 0;
padding-bottom: 10px;
line-height: 1;
}
ul.dot li , ul.box li , ul.star li , ul.kome li , ul.check16 li , ul.MK16 li {
background-position: left top;
background-repeat: no-repeat !important;
padding-left: 20px !important;
min-height: 16px;
}
ul.MK32 li , ul.check li {
background-position: left top;
background-repeat: no-repeat !important;
padding-left: 36px !important;;
min-height: 32px;
}
div.dot , p.dot , div.box , p.box , div.star , p.star , div.kome , p.kome ,
div.check16 , p.check16 , div.url16 , p.url16 , div.txt16 , p.txt16 ,
div.MK16 , p.MK16 {
display: block;
background-repeat: no-repeat !important;
background-position: left top !important;
line-height: 1 !important;
padding-bottom: 5px !important;
padding-left: 20px !important;
min-height: 16px;
padding-top: 4px;
}
div.dot32 , p.dot32 , div.box32 , p.box32 , div.star32 , p.star32 , div.kome32 , p.kome32 ,
div.check , p.check , div.url , p.url , div.txt , p.txt , div.pdf , p.pdf ,
div.phone , p.phone , div.eml , p.eml , div.mail , p.mail , div.access , p.access ,
div.MK32 , p.MK32 {
display: block;
background-repeat: no-repeat !important;
background-position: left top !important;
line-height: 1;
padding-bottom: 5px !important;
padding-left: 36px !important;
min-height: 24px;
padding-top: 8px;
}
.txtBIG {
padding-top: 4px !important;
font-size: 1.3em;
}
.qes {
font-size: 1.2em;
font-weight: 700;
border-bottom: 1px dotted #ccc;
margin-bottom: 5px;
}
.ans {
font-size: 1.0em;
font-weight: 300;
border-bottom: 1px solid #ccc;
margin-bottom: 25px;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
NUMBER
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
ul.num li:nth-child(1) ,.no01{background-image: url("image/no_01.png") !important;}
ul.num li:nth-child(2) ,.no02{background-image: url("image/no_02.png") !important;}
ul.num li:nth-child(3) ,.no03{background-image: url("image/no_03.png") !important;}
ul.num li:nth-child(4) ,.no04{background-image: url("image/no_04.png") !important;}
ul.num li:nth-child(5) ,.no05{background-image: url("image/no_05.png") !important;}
ul.num li:nth-child(6) ,.no06{background-image: url("image/no_06.png") !important;}
ul.num li:nth-child(7) ,.no07{background-image: url("image/no_07.png") !important;}
ul.num li:nth-child(8) ,.no08{background-image: url("image/no_08.png") !important;}
ul.num li:nth-child(9) ,.no09{background-image: url("image/no_09.png") !important;}
ul.num li:nth-child(10) ,.no10{background-image: url("image/no_10.png") !important;}
ul.num li:nth-child(11) ,.no11{background-image: url("image/no_11.png") !important;}
ul.num li:nth-child(12) ,.no12{background-image: url("image/no_12.png") !important;}
ul.num li:nth-child(13) ,.no13{background-image: url("image/no_13.png") !important;}
ul.num li:nth-child(14) ,.no14{background-image: url("image/no_14.png") !important;}
ul.num li:nth-child(15) ,.no15{background-image: url("image/no_15.png") !important;}
ul.num li:nth-child(16) ,.no16{background-image: url("image/no_16.png") !important;}
ul.num li:nth-child(17) ,.no17{background-image: url("image/no_17.png") !important;}
ul.num li:nth-child(18) ,.no18{background-image: url("image/no_18.png") !important;}
ul.num li:nth-child(19) ,.no19{background-image: url("image/no_19.png") !important;}
ul.num li:nth-child(20) ,.no20{background-image: url("image/no_20.png") !important;}
ul.num li ,.no01 ,.no02 ,.no03 ,.no04 ,.no05 ,.no06 ,.no07 ,.no08 ,.no09 ,
.no10 ,.no11 ,.no12 ,.no13 ,.no14 ,.no15 ,.no16 ,.no17 ,.no18 ,.no19 ,.no20 {
background-position: left top;
background-repeat: no-repeat;
min-height: 32px;
padding-left: 40px;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
LABEL
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
ul.no li ,div.no ,p.no { background-image:url("image/no.png"); }
ul.step li ,div.step ,p.step { background-image:url("image/step.png"); }
ul.point li ,div.point ,p.point{ background-image:url("image/point.png"); }
ul.no li , ul li.no ,ul.step li , ul li.step ,ul.point li , ul li.point ,
div.no , p.no ,div.step , p.step ,div.point , p.point {
background-position: left top;
background-repeat: no-repeat;
display: block;
min-height: 32px;
padding-left: 40px;
font-size: 1.2em;
}
ul.num li p ,
ul.no li p , ul li.no p ,
ul.step li p , ul li.step p ,
ul.point li p , ul li.point p {
display: block;
padding-left: 40px;
min-height: 32px;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
NUM
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
div.r32sblu , p.r32sblu , ul.r32sblu li {background-image:url("image/round32sblu.png"); }
div.r32sgrn , p.r32sgrn , ul.r32sgrn li {background-image:url("image/round32sgrn.png"); }
div.r32syel , p.r32syel , ul.r32syel li {background-image:url("image/round32syel.png"); }
div.r32svio , p.r32svio , ul.r32svio li {background-image:url("image/round32svio.png"); }
div.r32spnk , p.r32spnk , ul.r32spnk li {background-image:url("image/round32spnk.png"); }
div.NUM , ul.NUM li { display: block; }
div.NUM , ul.NUM li , p.NUM {
background-position: left top;
background-repeat: no-repeat !important;
padding-bottom: 0 !important;
line-height: 1;
}
ul.NUM li {
list-style-type: none !important;
vertical-align: middle;
}
div.NUM , ul.NUM li , p.NUM {
margin-bottom: 10px;
}
div.NUM , ul.NUM li { padding-left: 10px; min-height: 32px; }
div.NUM p , ul.NUM li p {
display: block;
margin: 0;
padding: 0;
padding-bottom: 0 !important;
min-height: 32px;
}
div.NUM p strong , ul.NUM li p strong{
display: inline-block;
color: #fff;
min-width: 30px;
}
div.NUM p strong , ul.NUM li p strong{
display: inline-block;
color: #fff;
min-width: 30px;
}
@media only screen and (min-width: 768px) {
div.NUM p , ul.NUM li p {
line-height: 1.3;
}
div.NUM p , ul.NUM li p {
padding-top: 5px;
font-size: 1.3em;
}
}
@media only screen and (max-width: 767px) {
div.NUM p , ul.NUM li p {
line-height: 1.1;
}
div.NUM p , ul.NUM li p {
padding-top: 2px;
font-size: 1.1em;
}
}
/*-------------------------------------
p パターン
-------------------------------------*/
p.NUM {
margin-bottom: 10px !important;
min-height: 32px;
padding-left: 10px;
}
p.NUM strong {
display: inline-block;
color: #fff;
min-width: 30px;
}
@media only screen and (min-width: 767px) {
p.NUM {
padding-left: 10px;
padding-top: 5px;
font-size: 1.3em;
}
}
@media only screen and (max-width: 766px) {
p.NUM {
padding-left: 10px;
padding-top: 2px;
font-size: 1.1em;
}
}
@media only screen and (max-width: 479px) {
p.NUM {
padding-left: 10px;
padding-top: 7px;
font-size: 1.1em;
}
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
ol
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
ol {
margin: 0;
padding: 0;/* paddingキャンセル */
list-style: none;/* olがはき出す数字を消す */
}
ol {counter-reset: olcount;/* 数字のカウントをリセットする */}
ol li{
margin: 0;
padding: 0;
padding-bottom: 5px;
}
ol li:before {
counter-increment: olcount;/* 任意の名前を付ける */
content: counter(olcount);/* 名前を付けたカウンターをcontentで発動！ */
}
ol li:before {
float: left;
width: 1.6em;
height: 1.6em;
font-size: 1em;
text-align: center;
line-height: 1.6;
margin-top: 0px;
margin-right: 5px;
}
ol.maru li:before {
float: left;
width: 1.6em;
height: 1.6em;
border-radius: 50%;
font-size: 1em;
line-height: 1.6;
margin-top: 0px;
margin-right: 5px;
background-color: #ccc;
}
ol.no li:before ,
ol.step li:before {
float: left;
width: 24px;
height: 32px;
border-radius: 0 !important;
font-size: 1.5em;
font-weight: 700;
line-height: 1;
text-align: left;
padding-left: 40px;
margin-top: 0px;
margin-right: 5px;
background-position: left top;
background-repeat: no-repeat;
background-color: transparent !important;
}
ol.no li:after ,
ol.step li:after {
content: "";
display: block;
clear: both;
}
ol.no li:before { background-image: url("image/no.png"); }
ol.step li:before { background-image: url("image/step.png"); }
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
dl
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
dl {
display: block;
padding: 0 !important;
margin-left: 0:
margin-right: 0:
margin-top: 0:
margin-bottom: 30px !important;
}
dl:after {
content: "";
display: block;
clear: both;
}
dt , dd {
display: inline-block;
margin: 0 !important;
padding: 0;
vertical-align: top;
padding-top: 5px !important;
padding-bottom: 5px !important;
padding-left: 0.5% !important;
padding-right: 0.5% !important;
}
dd {
float: right;
}
dd:after {
content: "";
display: block;
clear: both;
}
dt {min-height: 32px;}
dd {min-height: 32px;}
dl dt p ,dl dd p {
display: table-cell;
vertical-align: middle;
margin: 0;
padding: 0;
padding-bottom: 0 !important;
}
/*----------------------------------------------------
dl tbl
----------------------------------------------------*/
dl.lst {
border-top: 1px solid #ccc;
}
dl.lstE {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
/*----------------------------------------------------
dl tbl
----------------------------------------------------*/
dl.tbl {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
dl.tblE{
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
dl.tblE dd ,
dl.tbl dd {
min-height: 32px;
}
/*----------------------------------------------------
dl width
----------------------------------------------------*/
@media (min-width: 992px) {
dl.lst dt { width: 23%; }
dl.lst dd { width: 73%; }
dl.tbl dt { width: 23%; }
dl.tbl dd { width: 73%; }
dl.tblE dt { width: 23%; }
dl.tblE dd { width: 73%; }
dl.w55 dt { width: 48% !important; }
dl.w55 dd { width: 48% !important; }
dl.w55F dt { width: 49.5% !important; }
dl.w55F dd { width: 49.5% !important; }
dl.w37 dt { width: 28% !important; }
dl.w37 dd { width: 68% !important; }
dl.w73 dt { width: 68% !important; }
dl.w73 dd { width: 28% !important; }
dl.w46 dt { width: 38% !important; }
dl.w46 dd { width: 58% !important; }
dl.w64 dt { width: 58% !important; }
dl.w64 dd { width: 38% !important; }
dl.w28 dt { width: 18% !important; }
dl.w28 dd { width: 78% !important; }
dl.w82 dt { width: 78% !important; }
dl.w82 dd { width: 18% !important; }
}
@media (max-width: 991px) {
dl.lst dt { width: 23%; }
dl.lst dd { width: 73%; }
dl.tbl dt { width: 23%; }
dl.tbl dd { width: 73%; }
dl.tblE dt { width: 23%; }
dl.tblE dd { width: 73%; }
dl.w55 dt { width: 48% !important; }
dl.w55 dd { width: 48% !important; }
dl.w55F dt { width: 49.5% !important; }
dl.w55F dd { width: 49.5% !important; }
dl.w37 dt { width: 28% !important; }
dl.w37 dd { width: 68% !important; }
dl.w73 dt { width: 68% !important; }
dl.w73 dd { width: 28% !important; }
dl.w46 dt { width: 38% !important; }
dl.w46 dd { width: 58% !important; }
dl.w64 dt { width: 58% !important; }
dl.w64 dd { width: 38% !important; }
dl.w28 dt { width: 18% !important; }
dl.w28 dd { width: 78% !important; }
dl.w82 dt { width: 78% !important; }
dl.w82 dd { width: 18% !important; }
}
@media (max-width: 767px) {
dl.w28 dt ,dl.w28 dd ,
dl.w82 dt ,dl.w82 dd ,
dl.w37 dt ,dl.w37 dd ,
dl.w73 dt ,dl.w73 dd ,
dl.tblE dt ,dl.tblE dd ,
dl.tbl dt ,dl.tbl dd {
width: 94% !important;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 640px) {
dl.w46 dt ,dl.w46 dd ,
dl.w64 dt ,dl.w64 dd ,
dl.w55 dt ,dl.w55 dd ,
dl.lst dt ,dl.lst dd {
width: 94% !important;
margin-left: auto;
margin-right: auto;
}
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
WP Sitemap Page
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* 投稿 */
ul.wsp-posts-list li strong.wsp-category-title a{
display: inline-block;
color: #222;
}
ul.wsp-posts-list li strong.wsp-category-title {
display: block;
color: #777;
margin: 10px 0 5px 0;
}
ul.wsp-posts-list li.wsp-post a {
color: #222;
padding-left:40px;
}
ul.wsp-posts-list li.wsp-post a:hover {
text-decoration: underline !important;
}
ul.wsp-posts-list li.wsp-post {
display: block;
}
/* 固定ページ */
ul.wsp-pages-list li.page_item a{
color: #222;
padding-left: 40px;
}
ul.wsp-pages-list li.page_item a:hover {
text-decoration: underline !important;
}
ul.wsp-pages-list li.page_item {
display: block;
}
/* カスタム投稿ページ */
ul.wsp-productss-list li a{
color: #222;
padding-left: 40px;
}
ul.wsp-productss-list li a:hover {
text-decoration: underline !important;
}
ul.wsp-productss-list li {
display: block;
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
formObject
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
/*******************************************
ラベル
********************************************/
#theContent form p.hissu ,
#theContent form p.label
{
display: block;
margin: 0;
padding-bottom: 3px;
}
#theContent form p
{
font-size: 1em;
line-height: 1.4;
}
#theContent form h2 ,
#theContent form h3
{
font-size: 1.2em;
line-height: 1.4;
border-bottom: 3px double #777;
margin-top: 20px;
margin-bottom: 15px;
}
#theContent form p.hissu ,
#theContent form p.label
{
font-size: 0.88em;
line-height: 0.88em;
color: #111;
}
#theContent form p.hissu:after
{
display: inline-block;
content: "※";
color: crimson;
}
/********************************************
text
********************************************/
#theContent form textarea,
#theContent form input[type="text"] {
padding: 2px;
border: 1px solid #ccc;
}
#theContent form .size-full textarea,
#theContent form .size-full input[type="text"] {
width: 90%;
}
#theContent form .size-half textarea,
#theContent form .size-half input[type=text]{
width: 50%;
}
#theContent form .size-090px input[type=text]{
width: 90px;
}
#theContent form .size-120px input[type=text]{
width: 120px;
}
#theContent div.mag form input[type=text]{
width: 240px !important;
padding: 5px !important;
font-size: 1.125em !important;
}
#theContent form .mwform-tel-field input[type=text] ,
#theContent form .mwform-zip-field input[type=text]{
width:auto;
}
.hankaku {
ime-mode: disabled;
}
#theContent form input[type="submit"] {
display: inline-block;
text-align: center;
border: 1px solid #ccc;
border-radius: 10px;
min-width: 180px;
font-size: 1.1em;
background-image: url("image/arrow32DD_blk.png");
background-position: right center;
background-repeat: no-repeat;
padding: 10px 55px 10px 20px;
margin: 0 0 10px 10px;
}
#theContent form input[name="submitConfirm"] {
display: inkine-block;
text-align: center;
border: 1px solid #ccc;
border-radius: 10px;
min-width: 160px;
font-size: 1.1em;
background-image: url("image/arrow32DD_blk.png");
background-position: right center;
background-repeat: no-repeat;
padding: 10px 55px 10px 20px;
margin: 0 0 10px 10px;
}
#theContent form input[name="submitBack"] {
display: inkine-block;
text-align: center;
border: 1px solid #ccc;
border-radius: 10px;
min-width: 160px;
font-size: 1.1em;
background-image: url("image/arrow32DDrev_blk.png");
background-position: left center;
background-repeat: no-repeat;
padding: 10px 20px 10px 55px;
margin: 0 0 10px 10px;
}
#theContent form input[type="submit"]:hover {
color: #fff;
background-color: #111;
text-decoration: none;
background-image: url("image/arrow32DD_wht.png");
}
#theContent form input[name="submitConfirm"]:hover {
background-image: url("image/arrow32DD_wht.png");
}
#theContent form input[name="submitBack"]:hover {
background-image: url("image/arrow32DDrev_wht.png");
}
/********************************************
ボタンエリア
********************************************/
.buttonArea{
margin: 30px 0;
padding: 10px;
border-top: 1px dotted #ccc;
}
/********************************************
base
********************************************/
.btn_Wrap , .taxbtn_Wrap{
margin: 0;
padding: 0;
margin-bottom: 20px;
}
/********************************************
.btn
********************************************/
.btn{
padding: 15px 20px;
text-align: center;
}
/********************************************
特定画面のみ表示
********************************************/
/*入力画面のみ*/
div.mw_wp_form_input p.onlyinput{ font-size:1em; }/* 入力画面 */
div.mw_wp_form_confirm p.onlyinput{ display: none; }/*確認画面*/
/*確認画面のみ*/
div.mw_wp_form_input p.onlyconfirm{ display:none; }/* 入力画面 */
div.mw_wp_form_confirm p.onlyconfirm{ font-size:1em; }/*確認画面*/
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
formObject search
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
.formobj{
display: block;
padding: 5px;
margin: 0 0 10px 0;
border: 1px solid #ccc;
}
.formtil{
display: block;
text-align: center;
padding: 5px;
border-bottom: 1px solid transparent;
margin-bottom: 5px;
}
.formobj_label{
display: block;
font-size: 0.8em;
}
.formobj_body{
display: block;
width: 90%;
padding: 3px 5%;
border-radius: 3px;
font-size: 1.05em;
margin-bottom: 10px;
}
.submit_btn{
display: block;
border: 0px;
width: 160px;
height: 39px;
margin: 10px auto;
background: url("../../uploads/search_btn.png") left top no-repeat;
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■■
easy table
■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
table.tablesorter thead tr .easy-table-header {
cursor: pointer;
background-repeat: no-repeat;
background-position: center right;
}
table.tablesorter thead tr .easy-table-header:hover{
background-image: url(../images/bg.gif);
}
table.tablesorter thead tr .headerSortUp,
table.tablesorter thead tr .headerSortDown:hover{
background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp:hover {
background-image: url(../images/desc.gif);
}
@media (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
/*ooooooooooooooooooooooooooooooooooooooooooo
easy-table
ooooooooooooooooooooooooooooooooooooooooooo*/
table.easy-table {
max-width: 100%;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
}
.easy-table{
width: 100%;
margin-bottom: 18px;
}
.easy-table th ,
.easy-table td{
padding: 8px;
line-height: 18px;
text-align: left;
vertical-align: top;
border-top: 1px solid #ddd;
}
.easy-table th{
font-weight: bold;
}
.easy-table thead th{
vertical-align: bottom;
}
.easy-table caption+thead tr:first-child th ,
.easy-table caption+thead tr:first-child td ,
.easy-table colgroup+thead tr:first-child th ,
.easy-table colgroup+thead tr:first-child td ,
.easy-table thead:first-child tr:first-child th ,
.easy-table thead:first-child tr:first-child td {
border-top: 0;
}
.easy-table tbody+tbody{
border-top: 2px solid #ddd;
}
.table-condensed th,
.table-condensed td {
padding: 4px 5px;
}
.table-bordered{
border: 1px solid #ddd;
border-collapse: separate;
*border-collapse: collapsed;
border-left: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.table-bordered th ,
.table-bordered td {
border-left: 1px solid #ddd;
}
.table-bordered caption+thead tr:first-child th ,
.table-bordered caption+tbody tr:first-child th ,
.table-bordered caption+tbody tr:first-child td ,
.table-bordered colgroup+thead tr:first-child th ,
.table-bordered colgroup+tbody tr:first-child th ,
.table-bordered colgroup+tbody tr:first-child td ,
.table-bordered thead:first-child tr:first-child th ,
.table-bordered tbody:first-child tr:first-child th ,
.table-bordered tbody:first-child tr:first-child td {
border-top: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child ,
.table-bordered tbody:first-child tr:first-child td:first-child {
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
}
.table-bordered thead:first-child tr:first-child th:last-child ,
.table-bordered tbody:first-child tr:first-child td:last-child {
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
}
.table-bordered thead:last-child tr:last-child th:first-child ,
.table-bordered tbody:last-child tr:last-child td:first-child {
-webkit-border-radius: 0 0 0 4px;
-moz-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child ,
.table-bordered tbody:last-child tr:last-child td:last-child {
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
background-color: #f9f9f9;
}
.easy-table tbody tr:hover td ,
.easy-table tbody tr:hover th {
background-color: transparent !important;
font-weight: bold;
}
table.easy-table caption{
font-weight:bold;
}
/*ooooooooooooooooooooooooooooooooooooooooooo
easy-table-default
ooooooooooooooooooooooooooooooooooooooooooo*/
table.easy-table-default {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
background-color: transparent;
margin-bottom: 0 !important;
}
.easy-table-default th {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #333;
color: #fff;
font-size: 0.8em;
}
.easy-table-default td {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
vertical-align: middle;
background-color: transparent;
}
.td-padV10 tr td {
padding-top: 10px;
padding-bottom: 10px;
}
.td-padV15 tr td {
padding-top: 15px;
padding-bottom: 15px;
}
.first-nopad tr td:first-child {
padding-top: 0px;
padding-bottom: 0px;
}
/*ooooooooooooooooooooooooooooooooooooooooooo
left-head
ooooooooooooooooooooooooooooooooooooooooooo*/
.left-head tr th:first-child {
background-color: #ccc !important;
color: #333;
}
.left-head tr td:first-child {
background-color: #ccc !important;
color: #111;
font-weight: bold;
}
.left-head tr th:last-child {
background-color: #eee !important;
color: #222;
}
.left-head tr td:last-child {
background-color: #eee !important;
color: #222;
}
/*ooooooooooooooooooooooooooooooooooooooooooo
multi-head
ooooooooooooooooooooooooooooooooooooooooooo*/
.multi-head tr th:nth-child(2n+1) {
background-color: #bbb;
color: #111;
}
.multi-head tr td:nth-child(2n+1) {
background-color: #eee;
color: #111;
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
アコーディオン
*/
ul.accordion {
list-style: none;
width: 100%;
}
ul.accordion > li {
background-color: transparent;
border-bottom: 1px solid #ccc;
}
ul.accordion li div {
cursor:pointer;
}
ul.accordion li div.til {
display: block;
padding-top: 3px;
padding-bottom: 3px;
margin: 0 0 0 0 !important;
}
ul.accordion li ul li p.bdy {
display: block;
padding: 0 0 5px 2px !important;
margin: 0 0 0 0 !important;
}
ul.accordion ul {
display:none;
list-style: none;
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
タブUI
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
/*
<div class="tabbox">
<p class="tabs">
<a href="#tab1" class="tab1" onclick="ChangeTab('tab1'); return false;">タブ1</a>
<a href="#tab2" class="tab2" onclick="ChangeTab('tab2'); return false;">タブ2</a>
<a href="#tab3" class="tab3" onclick="ChangeTab('tab3'); return false;">タブ3</a>
</p>
<div id="tab1" class="tab">
<p>(タブ1の中身)</p>
</div>
<div id="tab2" class="tab">
<p>(タブ2の中身)</p>
</div>
<div id="tab3" class="tab">
<p>(タブ3の中身)</p>
</div>
</div>
<script type="text/javascript">ChangeTab('tab1');</script>
*/
/*
=================================================
tabbox
=================================================
*/
/* ▼(A)表示領域全体 */
div.tabbox {
display: block;
margin: 0px;
padding: 0px;
width: 100%;
}
/* ▼(B)タブ部分 */
p.tabs {
margin: 0px;
margin-top: 2px;
margin-bottom: 2px;
padding: 5px 0 3px 0;
/* border-top: 1px solid #0062AC;/*forthisで設定 default*/
/* border-bottom: 1px solid #0062AC;/*forthisで設定 default*/
}
p.tabs a {
/* ▼(B-2)リンクをタブのように見せる */
display: block;
float: left;
margin: 0px;
padding: 5px 5px;
text-align: center;
font-size: 18px;
font-weight: 700;
/* color: #0062AC;/*forthisで設定 default*/
}
/* ▼(B-3)各タブの配色 */
p.tabs a.tablist ,
p.tabs a.tablink {
display: block;
background-color: #fff;
border: 0;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
margin-right: 2px;
margin-bottom: 2px;
width: 112px;
}
p.tabs a:hover {
background-color: #eee;
text-decoration: none;
}
/* ▼(C)タブ中身のボックス */
div.tab {
/* ▼(C-2)ボックス共通の装飾 */
height: auto;
overflow: auto;
clear: left;
}
span.tab_on ,
span.tab_off ,
div.tab_on ,
div.tab_off {
display: block;
float: left;
width: 126px;
text-align: center;
/* color: #0062AC;/*forthisで設定default*/
}
span.tab_on ,
div.tab_on {
/* border-top: 5px solid #0062AC;/*forthisで設定default*/
}
span.tab_off ,
div.tab_off {
border-top: 5px solid transparent;
}
@media (max-width: 600px) {
span.tab_on ,
span.tab_off ,
div.tab_on ,
div.tab_off {
display: none;
}
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
front
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.front_wrap {
display: block;
word-break: break-all;
width: 100%;
}
.front_title ,
.front_subtitle ,
.front_container {
display: block;
word-break: break-all;
margin-left: auto;
margin-right: auto;
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
head-block
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
#wrap_head_transparent ,
#frame_transparent {
background-color: transparent;
}
#wrap_head_blockfix ,
#frame_fixed {
position: fixed;
top: 0px;
right: 0px;
z-index: 100;
}
#wrap_head_block ,
#frame_block {
display: block;
}
#fixnavi_topright {
position: fixed;
top: 120px;
right: 20px;
z-index: 100;
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
head-desc
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
#wrap_desc {
padding: 0;
min-height: 20px;
}
#inner_desc {
line-height: 1;
font-weight: normal;
padding: 3px 0;
}
div.breadcrumbWrap{
display: block;
line-height: 1;
font-size: 12px;
font-weight: normal;
padding: 0;
}
div.breadcrumbWrap:after{
content: "";
display: block;
clear: both;
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
wrap_head
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
#wrap_head {
display: block;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
.body content,
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#frontArchive ,
#frontContent {
display: block;
word-break: break-all;
margin-left: auto;
margin-right: auto;
}
#theArchive ,
#theContent {
display: block;
word-break: break-all;
margin-left: auto;
margin-right: auto;
min-height: 50vh;
}
#theContent p {
padding: 0 0 25px 0;
line-height: 1.7;
}
.mv40{margin: 20px 0 !important; }
.mv60{margin: 30px 0 !important; }
.pv40{padding: 20px 0 !important; }
.pv60{padding: 30px 0 !important; }
/*■■■■■■■■■■■■■■■■■■■■■■■■■
.pagenation
■■■■■■■■■■■■■■■■■■■■■■■■■*/
.wrap_pagenation{
display: block;
margin: 0;
margin-top: 30px;
padding: 10px 0;
}
.wrap_pagenation:after {
content: "";
display: block;
clear: both;
}
#pagenation{
display: block;
margin: 0;
padding: 0;
}
#pagenation:after {
content: "";
display: block;
clear: both;
}
span.page-numbers,
a.page-numbers{
display: block;
float: left;
margin: 0;
margin-right: 2px;
margin-bottom: 2px;
padding: 5px 8px 3px 8px;
border: 1px solid #ccc;
}
#pagenation a.page-numbers:hover{
text-decoration: none;
}
#pagenation a.next,
#pagenation a.prev{
margin-right: 2px;
margin-bottom: 2px;
padding: 5px 8px 3px 8px;
text-align: center;
text-decoration: none;
}
/* single page */
div.prevpage{
display: block;
float: left;
width: 20%;
text-align: right;
}
div.nextpage
{
display: block;
float: right;
width: 20%;
text-align: left;
}
div.listpage
{
display: block;
width: 59%;
float: left;
text-align: center;
}
div.listpage a:hover ,
div.prevpage a:hover ,
div.nextpage a:hover
{
text-decoration: underline;
}
div.toback{
display: block;
width: 30% !important;
text-align: center;
margin: 0 auto;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
pagenation color
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#pagenation a.page-numbers:hover{
background-color: #777;
color: #eee;
}
#pagenation span.current{
color: #111;
background: #fff;
}
span.page-numbers,
a.page-numbers{
background: #eee;
border: 1px solid #ccc;
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
footer
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
/*default*/
/* css014forthis.css
#wrap_footer ,
#wrap_bottom {
/* background-color: #3954a5;
}
*/
#wrap_footer {
padding: 5px 0;
}
#inner_footer {
display: block;
line-height: 1;
}
#wrap_bottom {
padding: 5px 0;
min-height: 100px;
}
#inner_bottom {
line-height: 1;
text-align: center;
font-size: 0.88em;
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
side
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
div.sideblock {
display: block;
background-color: #fff;
border: 1px solid transparent;
margin-bottom: 20px;
}
div.sidetitle{
display: block;
background-color: transparent;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
border-left: 5px solid #222;
border-bottom: 1px solid #ccc;
font-weight: 700;
}
div.sideinner {
display: block;
padding: 10px;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
overall
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* backgrouns-image */
h2 , h3 , h4, h5, h6 ,p.himg {
background-color: transparent !important;
background-position: left 2px !important;
background-repeat: no-repeat !important;
word-break: break-all;
}
h2{ font-weight: 700; }
h3{ font-weight: 700; }
h4{ font-weight: 700; }
h5{ font-weight: 400; }
h6{ font-weight: 400; }
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
front page
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
*/
.front_wrap h2 , .front_title h2 {
background-image: none !important;
text-align: center !important;
font-size: 2em;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
}
.front_wrap h3 , .front_title h3 {
background-image: url("image/h2_blk.png") ;
min-height: 32px;
text-align: left;
padding-left: 40px;
padding-right: 0;
padding-top: 7px;
}
.front_wrap h4 , .front_title h4 {
display: block;
background-image: none !important;
padding-left: 0px;
padding-right: 0;
padding-top: 5px;
padding-bottom: 5px;
}
.front_wrap h5 , .front_title h5 {
display: block;
background-image: none !important;
padding-left: 0px;
padding-right: 0;
padding-top: 5px;
padding-bottom: 5px;
}
.front_wrap h3.til , .front_title h3.til ,
.front_wrap h4.til , .front_title h4.til ,
.front_wrap h5.til , .front_title h5.til {
background-image: none !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
font-size: 1.2em !important;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
sub page
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#wrap_title {
padding-top: 0px;
padding-bottom: 0px;
background-color: #fff;/*bg_page-title*/
border-bottom: 1px solid #ccc;
}
.page_title , .sub_title {
display: block;
word-break: break-all;
padding-bottom: 0 !important;
padding-top: 0px:
padding-right: 0px:
padding-left: 10px:
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
.content_title ,
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#theArchive h2 , #theContent h2 {
background-image: url("image/h2_blk.png") ;
min-height: 32px;
line-height: 1;
font-size: 1.5em;
text-align: left !important;
padding-left: 40px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 15px;
}
h3.underline ,
#theArchive h3 , #theContent h3 {
background-image: none !important;
line-height: 1;
font-size: 1.2em;
text-align: left !important;
padding-left: 0px;
padding-right: 8px;
padding-top: 5px;
padding-bottom: 8px;
border-bottom: 3px solid #ccc;
margin-bottom: 10px;
}
#theArchive h4 , #theContent h4 {
background-image: url("image/h3_blk.png") ;
min-height: 32px;
line-height: 1;
font-size: 1.2em;
text-align: left !important;
padding-left: 40px;
padding-right: 5px;
padding-top: 8px;
padding-bottom: 0px;
margin-bottom: 0px;
}
h4.yy{
background-image: none !important;
line-height: 1;
font-size: 1.1em;
text-align: left !important;
padding-left: 0px;
padding-right: 5px;
padding-top: 4px;
padding-bottom: 4px;
border-bottom: 1px dashed #ccc;
margin-top: 4px;
margin-bottom: 4px;
}
#theArchive h5 , #theContent h5 {
background-image: none !important;
line-height: 1;
font-size: 1.0em;
text-align: left !important;
padding-left: 0px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.plane {
background-image: none !important;
text-align: left !important;
padding-left: 0px !important;
}
#theArchive h3.til , #theContent h3.til ,
#theArchive h4.til , #theContent h4.til ,
#theArchive h5.til , #theContent h5.til {
background-image: none !important;
padding-left: 0px !important;
padding-right: 5px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
font-size: 1.1em;
}
.h2_grn {background-image: url("image/h2_grn.png") !important;}
.h2_red {background-image: url("image/h2_red.png") !important;}
.h2_org {background-image: url("image/h2_org.png") !important;}
.h2_blu {background-image: url("image/h2_blu.png") !important;}
.h3_grn {background-image: url("image/h3_grn.png") !important;}
.h3_red {background-image: url("image/h3_red.png") !important;}
.h3_org {background-image: url("image/h3_org.png") !important;}
.h3_blu {background-image: url("image/h3_blu.png") !important;}
.h2DD_grn {background-image: url("image/h2DD_grn.png") !important;}
.h2DD_red {background-image: url("image/h2DD_red.png") !important;}
.h2DD_org {background-image: url("image/h2DD_org.png") !important;}
.h2DD_blu {background-image: url("image/h2DD_blu.png") !important;}
.h3DD_grn {background-image: url("image/h3DD_grn.png") !important;}
.h3DD_red {background-image: url("image/h3DD_red.png") !important;}
.h3DD_org {background-image: url("image/h3DD_org.png") !important;}
.h3DD_blu {background-image: url("image/h3DD_blu.png") !important;}
.def_h2 ,.def_h3 ,.def_h2DD ,.def_h3DD ,
.h2_grn ,.h2_red ,.h2_org ,.h2_blu ,
.h3_grn ,.h3_red ,.h3_org ,.h3_blu ,
.h2DD_grn ,.h2DD_red ,.h2DD_org ,.h2DD_blu ,
.h3DD_grn ,.h3DD_red ,.h3DD_org ,.h3DD_blu
{
text-align: left !important;
padding-left: 40px;
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■■
fixnavi_side
■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
#fixnavi_side {
position: fixed;
bottom: 20px;
right: 0px;
z-index: 100;
}
#fixnavi_side a {
display: block;
width: 64px;
padding: 0;
text-decoration: none;
border-radius: 5px;
}
#fixnavi_side a:hover {
text-decoration: none;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
wrap_navi
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#wrap_navi{
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
@media only screen and (min-width: 992px) {
#wrap_navi{
padding: 0;
border-top-color: #aaa !important;
border-bottom-color: #aaa !important;;
}
}
@media only screen and (max-width: 991px) {
#wrap_navi{
padding: 0;
border-top: 0;
border-bottom: 0;
}
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
toggle
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
div.BLANK_AREA ,
.NAME_AREA ,
ul li.NAME_AREA{display: block; }
ul li.ICON_AREA{display: block; }
.NAME_PLOT {
display: block;
padding-left: 1%;
padding-right: 1%;
padding-top: 5px;
padding-bottom: 5px;
font-weight: 700;
color: #fff;
}
.ICON_PLOT {
display: block;
padding-left: 1%;
padding-right: 1%;
padding-top: 5px;
padding-bottom: 5px;
}
@media only screen and (min-width: 992px) {
div.BLANK_AREA{ height: 60px; }
#wrap_toggle{ display: none; }
#toggle{ display: none; }
}
@media only screen and (max-width: 991px) {
div.BLANK_AREA{ height: 100px; }
#wrap_toggle{ display: block; }
#wrap_toggle{ height: 84px; }
#toggle { display: block; }
#toggle { position: relative; }
/* ul li.NAME_AREA{width: 82%; }/**/
ul li.NAME_AREA{width: 74%; }/**/
ul li.ICON_AREA{width: 8% }
.NAME_PLOT{ font-size: 32px }
img.splogo{
height: 80px;
width: auto;
}
}
@media only screen and (max-width: 767px) {
/* ul li.NAME_AREA{width: 80%; }/**/
ul li.NAME_AREA{width: 71%; }/**/
ul li.ICON_AREA{width: 9%; }
.NAME_PLOT{ font-size: 30px; }
}
@media only screen and (max-width: 735px) {
#wrap_toggle{ height: 74px; }
.NAME_PLOT{ font-size: 27px; }
img.splogo{
height: 70px;
width: auto;
}
}
@media only screen and (max-width: 666px) {
/* ul li.NAME_AREA{width: 78%; }/**/
ul li.NAME_AREA{width: 68%; }/**/
ul li.ICON_AREA{width: 10%; }
.NAME_PLOT { font-size: 24px; }
}
@media only screen and (max-width: 600px) {
#wrap_toggle{ width: 98%; }
.NAME_PLOT { font-size: 22px; }
}
@media only screen and (max-width: 568px) {
.NAME_PLOT{ font-size: 20px; }
}
@media only screen and (max-width: 419px) {
div.BLANK_AREA{ height: 80px; }
#wrap_toggle{ height: 60px; }
/* ul li.NAME_AREA{width: 74%; }/**/
ul li.NAME_AREA{width: 62%; }/**/
ul li.ICON_AREA{width: 12%; }
.NAME_PLOT{ font-size: 18px; }
img.splogo{
height: 57px;
width: auto;
}
}
@media only screen and (max-width: 386px) {
/* ul li.NAME_AREA{width: 70%; }/**/
ul li.NAME_AREA{width: 56%; }/**/
ul li.ICON_AREA{width: 14%; }
.NAME_PLOT { font-size: 18px; }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
navi_head ボタンの体裁
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/**/
ul.navi_head li a:link{ text-decoration: none;}
ul.navi_head li a:visited{ text-decoration: none;}
ul.navi_head li a:hover{ text-decoration: none !important;}
ul.navi_head li a {
border: 1px solid transparent;
}
ul.navi_head li p , ul.navi_head li a p {
display: block;
width: 100% !important;
margin: 0;
vertical-align: middle;
line-height: 1;
text-align: center;
}
ul.navi_head li a p lab,
ul.navi_head li p lab {
display: block;
line-height: 1;
text-align: center;
padding-top: 2px;
font-size: 0.75em;
font-weight: normal;
}
@media only screen and (min-width: 992px) {
ul.navi_head li {
display: inline-block;
margin: 0;
}
ul.navi_head li a{
border-right-color: #aaa;
}
ul.navi_head li:first-child a{
border-left-color: #aaa;
}
ul.navi_head li a p {
text-align: center !important;
padding: 15px 0 !important;
}
}
@media only screen and (max-width: 991px) {
ul.navi_head{
display: none;
}
ul.navi_head li{
width: 49.0% !important;
display: inline-block;
margin-left: 0.25%;
margin-right: 0.25%;
margin-bottom: 3px;
}
ul.navi_head li a{
border-color: #aaa;
}
ul.navi_head li a p {
padding: 20px 0 !important;
min-height: 14px;
}
ul.navi_head li a p img{
max-width: 200px;
height: auto;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (max-width: 480px) {
ul.navi_head li{
width: 99% !important;
}
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■
navi_side ボタンの体裁
■■■■■■■■■■■■■■■■■■■■■■■■■*/
ul.navi_side li a:link{ text-decoration: none;}
ul.navi_side li a:visited{ text-decoration: none;}
ul.navi_side li a:hover{ text-decoration: none !important;}
@media only screen and (min-width: 992px) {
ul.navi_side{
border: 1px solid #aaa;
padding: 0 !important;
}
ul.navi_side li{
border-bottom: 1px dotted #aaa;
width: 100% !important;
background-image: url("image/arrow16wht.png");
background-repeat: no-repeat;
background-position: left center;
}
ul.navi_side li:last-child{
border-bottom: 0px;
}
ul.navi_side li.til{
border-bottom: 1px dotted #aaa;
width: 100% !important;
background-image: none;
}
ul.navi_side li a{
display: block;
margin-left: 16px;
background-color: #f2f2f2;
height: 50px;
padding-left: 8px;
}
ul.navi_side li a p {
display: table-cell !important;
vertical-align: middle;
margin: 0;
padding: 0;
padding-right: 8px;
height: 50px;
line-height: 1.2;
font-size: 1em;
}
ul.navi_side li a p lab{
display: block;
width: 100%;
line-height: 1;
font-size: 0.8em;
padding-top: 3px;
}
ul.navi_side li.til{
background-image: none;
}
ul.navi_side li.til p{
padding: 5px 15px;
}
ul.navi_side li a:hover >p { text-decoration: none !important; }
ul.navi_side li a:hover >p lab { text-decoration: none !important; }
}
@media only screen and (max-width: 991px) {
ul.navi_side{
display: none;
}
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■
navi_foot ボタンの体裁
■■■■■■■■■■■■■■■■■■■■■■■■■*/
ul.navi_foot li a:link{ text-decoration: none;}
ul.navi_foot li a:visited{ text-decoration: none;}
ul.navi_foot li a:hover{ text-decoration: none !important;}
ul.navi_foot ,
ul.navi_foot li {
display: block;
}
@media only screen and (min-width: 992px) {
ul.navi_foot {
margin: 0 0 10px 0;
}
ul.navi_foot li.til p {
display: table-cell !important;
vertical-align: middle;
margin: 0;
padding: 0 0 5px 0;
height: 18px;
line-height: 1;
font-size: 1em;
font-weight: 700;
text-decoration: underline;
}
ul.navi_foot li a{
display: inline-block;
height: 18px;
background-color: transparent;
padding-left: 16px;
padding-right: 16px;
background-image: url("image/arrowW16wht.png");
background-position: left center;
background-repeat: no-repeat !important;
}
ul.navi_foot li a p {
display: table-cell !important;
vertical-align: top;
margin: 0;
padding: 0;
padding-top: 1px;
height: 18px;
line-height: 1;
font-size: 0.88em;
}
ul.navi_foot li a p lab{
display: inline-block;
line-height: 1;
font-size: 0.8em;
padding-left: 10px;
color: #ccc;
}
}
@media only screen and (max-width: 991px) {
ul.navi_foot {
margin: 0 0 10px 0;
}
ul.navi_foot li{
display: inline-block;
width: 48% !important;
margin-bottom: 10px;
border: 1px dotted #eee;
}
ul.navi_foot li a{
display: block;
padding-left: 20px;
padding-right: 10px;
background-color: transparent;
background-image: url("image/arrowW16wht.png");
background-position:left center;
background-repeat: no-repeat !important;
}
ul.navi_foot li a p {
display: table-cell !important;
vertical-align: middle;
margin: 0;
padding-bottom: 0 !important;
line-height: 1;
font-size: 0.88em;
height: 40px;
}
ul.navi_foot li a p lab{
display: block;
width: 100%;
line-height: 1;
font-size: 0.8em;
padding-top: 3px;
}
ul.navi_foot li.til p {
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 0 0 5px 0;
height: 18px;
line-height: 1;
font-size: 1em;
font-weight: 700;
text-decoration: underline;
}
}
@media only screen and (max-width: 480px) {
ul.navi_foot li{
margin-left: auto;
margin-right: auto;
width: 99% !important;
}
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■
navi_block ボタンの体裁
■■■■■■■■■■■■■■■■■■■■■■■■■*/
ul.navi_block li a:link{ text-decoration: none;}
ul.navi_block li a:visited{ text-decoration: none;}
ul.navi_block li a:hover{ text-decoration: none !important;}
ul.navi_block li{
border: 1px solid transparent;
}
ul.navi_block li a {
display: block;
padding: 2px;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
<a> link
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
a{ display: inline-block;}
a{ color: #555; text-decoration: none;}
a:link{ color: #000; text-decoration: none;}
a:visited { color: #777; text-decoration: none;}
/* -----------------------------------------
IMAGE
----------------------------------------- */
a.link { background-image: url("image/arrowS16blk.png"); }
a.goto { background-image: url("image/arrowS16wht.png"); }
a.button{ background-image: url("image/arrowS16wht.png"); }
a.buttonFull{ background-image: url("image/arrowS16wht.png"); }
a.detail{ background-image: url("image/arrow32wht.png"); }
a.bigbanner ,
a.midbanner ,
a.smlbanner { background-image: url("image/arrowR32wht.png"); }
a.arrow16 { background-image: url("image/arrow16blk.png"); }
a.arrowS16 { background-image: url("image/arrowS16blk.png"); }
a.arrowW16 { background-image: url("image/arrowW16blk.png"); }
a.arrow32 { background-image: url("image/arrow32blk.png"); }
a.arrowS32 { background-image: url("image/arrowS32blk.png"); }
a.arrowW32 { background-image: url("image/arrowW32blk.png"); }
a.arrowR32 { background-image: url("image/arrowR32blk.png"); }
a.arrowD32 { background-image: url("image/arrowD32blk.png"); }
a.access { background-image: url("image/access32blk.png"); }
a.phone { background-image: url("image/phone32blk.png"); }
a.phoneW { background-image: url("image/phone32wht.png"); }
a.pdf { background-image: url("image/pdf32.png"); }
a.txt { background-image: url("image/txt32blk.png"); }
a.txtw { background-image: url("image/txt32wht.png"); }
a.url { background-image: url("image/url32blk.png"); }
a.eml { background-image: url("image/eml32.png"); }
a.mail { background-image: url("image/mail32blk.png"); }
a.inquire { background-image: url("image/eml32.png"); }
a.fb { background-image: url("image/fb32blk.png"); }
a.tw { background-image: url("image/tw32blk.png"); }
a.insta { background-image: url("image/insta32blk.png"); }
a.line { background-image: url("image/line32blk.png"); }
/* -----------------------------------------
BUTTON
----------------------------------------- */
/*ボタン系*/
a.detail ,a.goto ,a.button ,a.buttonFull ,a.link , a.inquire {
display: inline-block !important;
background-repeat: no-repeat !important;
line-height: 1 !important;
margin-right: 5px;
margin-bottom: 5px;
border: 1px solid transparent;
}
a.detail p ,a.goto p ,a.button p ,a.link p , a.inquire p {
display: table-cell;
vertical-align: middle;
line-height: 1 !important;
padding-bottom: 0 !important;
overflow: hidden;
}
.detail_box{/*ボタンを格納する場所*/
display: block;
position: relative;
padding-bottom: 50px;
}
a.detail {
display: block;
position: absolute;
bottom: 0px;
right: 0px;
background-position: right center;
padding-right: 36px !important;
padding-left: 8px !important;
padding-top: 10px;
padding-bottom: 10px;
min-width: 140px;
}
a.goto {
background-position: right center;
padding-right: 20px !important;
padding-left: 8px !important;
padding-top: 0px;
padding-bottom: 8px;
min-width: 80px;
}
a.buttonFull ,
a.button {
background-position: left center;
padding-left: 16px !important;
padding-right: 8px !important;
padding-top: 0px;
padding-bottom: 5px;
}
a.button {
min-width: 80px;
}
a.buttonFull {
width: 100%;
}
a.link {
background-position: left center;
padding-left: 16px !important;
padding-right: 5px !important;
padding-top: 1px;
padding-bottom: 1px;
}
a.inquire {
background-position: left center;
padding-left: 20px !important;
padding-right: 8px !important;
padding-top: 5px;
padding-bottom: 5px;
min-width: 150px;
}
a.inquire p ,
a.detail p{ height: 32px; }
a.goto p { height: 32px; }
a.button p{ height: 24px; }
a.link p{ height: 14px; }
/* -----------------------------------------
ＬＩＮＫ
----------------------------------------- */
/*リンク系*/
a.url , a.pdf , a.txt, a.txtw , a.eml , a.mail , a.phone, a.access ,
a.MK32 {
display: inline-block !important;
background-repeat: no-repeat !important;
line-height: 1 !important;
background-position: left top !important;
padding-left: 36px !important;
min-height: 24px;
padding-top: 8px;
}
a.MK16 {
display: inline-block !important;
background-repeat: no-repeat !important;
line-height: 1 !important;
background-position: left 2px !important;
padding-left: 16px !important;
min-height: 16px;
}
a.url p , a.pdf p , a.txt p , a.eml p , a.mail p , a.phone p , a.access p ,
a.MK16 p , a.MK32 p {
display: table-cell;
vertical-align: middle;
line-height: 1 !important;
padding-bottom: 0 !important;
overflow: hidden;
}
a.url p , a.pdf p , a.txt p , a.eml p , a.mail p , a.phone p , a.access p ,
a.MK32 p {
height: 24px;
}
a.MK16 {
height: 16px;
}
/* -----------------------------------------
big/mid/sml BANNER
----------------------------------------- */
a.fullbanner ,
a.smlbanner , a.midbanner , a.bigbanner {
display: block;
text-align: center;
background-repeat: no-repeat;
background-position: right center;
line-height: 1;
padding-right: 40px !important;
padding-left: 10px !important;
margin-top: 5px;
margin-bottom: 5px;
margin-right: auto;
margin-left: auto;
}
a.smlbanner , a.midbanner , a.bigbanner {
border-radius: 10px 10px 10px 10px;
}
a.bigbanner {padding-top: 22px; padding-bottom: 22px; }
a.midbanner {padding-top: 20px; padding-bottom: 20px; }
a.smlbanner {padding-top: 12px; padding-bottom: 12px; }
a.smlbanner p ,
a.midbanner p ,
a.bigbanner p {
display: table-cell;
vertical-align: middle;
line-height: 1 !important;
overflow: hidden;
width: 100%:
text-align: center;
padding-bottom: 0 !important;
}
a.smlbanner p { height: 18px; }
a.midbanner p { height: 24px; }
a.bigbanner p { height: 36px; }
@media only screen and (min-width: 640px) {
a.bigbanner {max-width: 480px; }
a.midbanner {max-width: 360px; }
a.smlbanner {max-width: 240px; }
}
@media only screen and (max-width: 639px) {
a.bigbanner {max-width: 270px; }
a.midbanner {max-width: 240px; }
a.smlbanner {max-width: 240px; }
}
/* -----------------------------------------
SELECTOR
----------------------------------------- */
div.selector , a.selector {
display: inline-block;
background-image: none;
text-align: center;
padding-right: 5px;
padding-left: 20px;
margin-left: 2px;
margin-right: 2px;
border-bottom: 5px solid transparent;
border-radius: 10px 10px 0 0;
}
div.selector p ,a.selector p {
display: table-cell;
vertical-align: middle;
text-align: center;
line-height: 1 !important;
padding-bottom: 0 !important;
overflow: hidden;
}
a.side_selector {
display: block !important;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 3px;
border: 1px solid #ccc;
font-size: 0.8em;
}
@media only screen and (min-width: 992px) {
div.selector , a.selector { min-width: 270px; }
div.selector p ,a.selector p { height: 48px; }
a.side_selector { display: block; }
}
@media only screen and (max-width: 991px) {
div.selector , a.selector { width: 270px; }
div.selector p ,a.selector p { height: 48px; }
}
@media only screen and (max-width: 899px) {
div.selector , a.selector { width: 270px; }
div.selector p ,a.selector p { height: 64px; }
}
@media only screen and (max-width: 599px) {
div.selector , a.selector { width: 270px }
div.selector p ,a.selector p { height: 64px; }
}
/* -----------------------------------------
HOVER
----------------------------------------- */
/* ----------------------------------
ボタン系 リンク
------------------------------------*/
a.MK32:hover ,
a.MK16:hover ,
a.url:hover ,
a.eml:hover ,
a.url:hover ,
a.pdf:hover ,
a.txt:hover , a.txtw:hover ,
a.phone:hover ,
a.access:hover .
a.button:hover ,
a.link:hover ,
a.goto:hover ,
a.detail:hover ,
a.selector:hover ,
a.inquire:hover ,
a.contact:hover ,
a.bigbanner:hover ,
a.midbanner:hover ,
a.smlbanner:hover ,
.bg_hover ,
.bg_hov ,
.bg_def ,
.dmy{
text-decoration: none !important;
}
a.yymm:hover{
text-decoration: underline !important;
}
/*
274aa1青系
0044cf青系0497db
0e7ac4 青系
0084cf
0062AC
40aaef 薄青系
40e0d0 ターコイズ基本
00cdcd ターコイズ明
007676 ターコイズ暗
006c66
b0c4de lightsteelblue
bcccdd
#778899 lightslategray
#2f4f4f darkslategray
■■■■■■■■■■■■■■■■■■■■■■■■■
color
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
.clr_111 {color: #111 !important; }
.clr_333 {color: #333 !important; }
.clr_555 {color: #555 !important; }
.clr_777 {color: #777 !important; }
.clr_999 {color: #999 !important; }
.clr_ccc {color: #ccc !important; }
.clr_eee {color: #eee !important; }
.clr_fff {color: #fff !important; }
.clr_sgy {color: #2f4f4f !important; }
.clr_blu {color: #0068bf !important; }
.clr_lbl {color: #00a2ff !important; }
.clr_dbl {color: #142878 !important; }
.clr_rbl {color: #225fe7 !important; }
.clr_lrb {color: #4169e1 !important; }
.clr_sky {color: #d3e9f9 !important; }
.clr_tac {color: #00958D !important; }
.clr_dta {color: #007676 !important; }
.clr_lta {color: #40e0d0 !important; }
.clr_grn {color: #90c31f !important; }
.clr_sgr {color: #698e17 !important; }
.clr_bgr {color: #31982a !important; }
.clr_dgr {color: #038592 !important; }
.clr_kak {color: #938a59 !important; }
.clr_brw {color: #8a0d0f !important; }
.clr_lbr {color: #cd853f !important; }
.clr_dbr {color: #4a3228 !important; }
.clr_dor {color: #ff8c00 !important; }
.clr_org {color: #ffa500 !important; }
.clr_ord {color: #e94f0c !important; }
.clr_red {color: #ff0027 !important; }
.clr_skr {color: #d671e8 !important; }
.clr_pnk {color: #d34186 !important; }
.clr_dpk {color: #D60077 !important; }
.clr_pur {color: #9e3786 !important; }
.clr_vio {color: #7b5993 !important; }
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
border-color
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
.bdc_111 {border-color: #111 !important; }
.bdc_333 {border-color: #333 !important; }
.bdc_555 {border-color: #555 !important; }
.bdc_777 {border-color: #777 !important; }
.bdc_999 {border-color: #999 !important; }
.bdc_ccc {border-color: #ccc !important; }
.bdc_eee {border-color: #eee !important; }
.bdc_fff {border-color: #fff !important; }
.bdc_sgy {border-color: #2f4f4f !important; }
.bdc_red {border-color: crimson !important; }
.bdc_grn {border-color: #90c31f !important; }
.bdc_sgr {border-color: #698e17 !important; }
.bdc_bgr {border-color: #31982a !important; }
.bdc_dgr {border-color: #175f2c !important; }
ul.bdc_111 li {border-color: #111 !important; }
ul.bdc_333 li {border-color: #333 !important; }
ul.bdc_555 li {border-color: #555 !important; }
ul.bdc_777 li {border-color: #777 !important; }
ul.bdc_999 li {border-color: #999 !important; }
ul.bdc_ccc li {border-color: #ccc !important; }
ul.bdc_eee li {border-color: #eee !important; }
ul.bdc_fff li {border-color: #fff !important; }
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
background - color
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
.bgc_000 {background-color: #000; }
.bgc_111 {background-color: #111; }
.bgc_333 {background-color: #333; }
.bgc_555 {background-color: #555; }
.bgc_777 {background-color: #777; }
.bgc_999 {background-color: #999; }
.bgc_ccc {background-color: #ccc; }
.bgc_ddd {background-color: #ddd; }
.bgc_eee {background-color: #eee; }
.bgc_fff {background-color: #fff; }
.bdc_sgy {background-color: #2f4f4f; }
ul.bgc_eee li{
background-color: #eee;
}
.bgc_blu {background-color: #0068bf; }
.bgc_lbl {background-color: #00a2ff; }
.bgc_dbl {background-color: #142878; }
.bgc_rbl {background-color: #225fe7; }
.bgc_lrb {background-color: #4169e1; }
.bgc_sky {background-color: #d3e9f9; }
.bgc_tac {background-color: #00958D; }
.bgc_dta {background-color: #007676; }
.bgc_lta {background-color: #40e0d0; }
.bgc_grn {background-color: #90c31f; }
.bdc_lgr {background-color: #01fd9a; }
.bgc_sgr {background-color: #698e17; }
.bgc_bgr {background-color: #31982a; }
.bgc_dgr {background-color: #175f2c; }
.bgc_kak {background-color: #938a59; }
.bgc_brw {background-color: #8a0d0f; }
.bgc_lbr {background-color: #cd853f; }
.bgc_dor {background-color: #ff8c00; }
.bgc_org {background-color: #ffa500; }
.bgc_ord {background-color: #e94f0c; }
.bgc_red {background-color: #ff0027; }
.bgc_skr {background-color: #fbe8ee; }
.bgc_pnk {background-color: #d34186; }
.bgc_dpk {background-color: #D60077; }
.bgc_pur {background-color: #9e3786; }
.bgc_vio {background-color: #7b5993; }
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
background & text - color
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
.bg_trans {background-color;transparent !important;}
.bg_000 {background-color: #000 !important; color: #fff !important; }
.bg_111 {background-color: #111 !important; color: #fff !important; }
.bg_222 {background-color: #222 !important; color: #fff !important; }
.bg_333 {background-color: #333 !important; color: #fff !important; }
.bg_555 {background-color: #555 !important; color: #fff !important; }
.bg_777 {background-color: #777 !important; color: #fff !important; }
.bg_ccc {background-color: #ccc !important; color: #111 !important; }
.bg_ddd {background-color: #ddd !important; color: #111 !important; }
.bg_eee {background-color: #eee !important; color: #111 !important; }
.bg_fff {background-color: #fff !important; color: #111 !important; }
.bg_sgy {background-color: #2f4f4f !important; color: #fff !important; }
.bg_blu {background-color: #0068bf !important; color: #fff !important; }
.bg_lbl {background-color: #00a2ff !important; color: #fff !important; }
.bg_dbl {background-color: #142878 !important; color: #fff !important; }
.bg_rbl {background-color: #225fe7 !important; color: #fff !important; }
.bg_lrb {background-color: #4169e1 !important; color: #fff !important; }
.bg_sbl {background-color: #b0c4de !important; color: #fff !important; }
.bg_sky {background-color: #d3e9f9 !important; color: #0068bf !important; }
.bg_tac {background-color: #00958D !important; color: #fff !important; }
.bg_dta {background-color: #007676 !important; color: #fff !important; }
.bg_lta {background-color: #40e0d0 !important; color: #0068bf !important; }
.bg_grn {background-color: #90c31f !important; color: #fff !important; }
.bg_sgr {background-color: #698e17 !important; color: #fff !important; }
.bg_bgr {background-color: #31982a !important; color: #fff !important; }
.bg_dgr {background-color: #175f2c !important; color: #fff !important; }
.bg_kak {background-color: #938a59 !important; color: #fff !important; }
.bg_brw {background-color: #8a0d0f !important; color: #fff !important; }
.bg_lbr {background-color: #cd853f !important; color: #fff !important; }
.bg_dor {background-color: #ff8c00 !important; color: #fff !important; }
.bg_org {background-color: #ffa500 !important; color: #fff !important; }
.bg_ord {background-color: #e94f0c !important; color: #fff !important; }
.bg_red {background-color: #ff0027 !important; color: #fff !important; }
.bg_skr {background-color: #fbe8ee !important; color: #d34186 !important; }
.bg_pnk {background-color: #d34186 !important; color: #fff !important; }
.bg_dpk {background-color: #D60077 !important; color: #fff !important; }
.bg_pur {background-color: #9e3786 !important; color: #fff !important; }
.bg_vio {background-color: #7b5993 !important; color: #fff !important; }
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
hover
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
.hov_111:hover {background-color: #111 !important; color: #fff !important; }
.hov_222:hover {background-color: #222 !important; color: #fff !important; }
.hov_333:hover {background-color: #333 !important; color: #fff !important; }
.hov_555:hover {background-color: #555 !important; color: #fff !important; }
.hov_777:hover {background-color: #777 !important; color: #fff !important; }
.hov_ccc:hover {background-color: #ccc !important; color: #111 !important; }
.hov_ddd:hover {background-color: #ddd !important; color: #111 !important; }
.hov_eee:hover {background-color: #eee !important; color: #111 !important; }
.hov_fff:hover {background-color: #fff !important; color: #111 !important; }
.hov_sgy:hover {background-color: #2f4f4f !important; color: #fff !important; }
.hov_blu:hover {background-color: #0068bf !important; color: #fff !important; }
.hov_lbl:hover {background-color: #00a2ff !important; color: #fff !important; }
.hov_dbl:hover {background-color: #142878 !important; color: #fff !important; }
.hov_rbl:hover {background-color: #225fe7 !important; color: #fff !important; }
.hov_lrb:hover {background-color: #4169e1 !important; color: #fff !important; }
.hov_sbl:hover {background-color: #b0c4de !important; color: #fff !important; }
.hov_sky:hover {background-color: #d3e9f9 !important; color: #0068bf !important; }
.hov_tac:hover {background-color: #00958D !important; color: #fff !important; }
.hov_dta:hover {background-color: #007676 !important; color: #fff !important; }
.hov_lta:hover {background-color: #40e0d0 !important; color: #0068bf !important; }
.hov_grn:hover {background-color: #90c31f !important; color: #fff !important; }
.hov_sgr:hover {background-color: #698e17 !important; color: #fff !important; }
.hov_bgr:hover {background-color: #31982a !important; color: #fff !important; }
.hov_dgr:hover {background-color: #175f2c !important; color: #fff !important; }
.hov_kak:hover {background-color: #938a59 !important; color: #fff !important; }
.hov_brw:hover {background-color: #8a0d0f !important; color: #fff !important; }
.hov_lbr:hover {background-color: #cd853f !important; color: #fff !important; }
.hov_dor:hover {background-color: #ff8c00 !important; color: #fff !important; }
.hov_org:hover {background-color: #ffa500 !important; color: #fff !important; }
.hov_ord:hover {background-color: #e94f0c !important; color: #fff !important; }
.hov_red:hover {background-color: #ff0027 !important; color: #fff !important; }
.hov_skr:hover {background-color: #fbe8ee !important; color: #d34186 !important; }
.hov_pnk:hover {background-color: #d34186 !important; color: #fff !important; }
.hov_dpk:hover {background-color: #D60077 !important; color: #fff !important; }
.hov_pur:hover {background-color: #9e3786 !important; color: #fff !important; }
.hov_vio:hover {background-color: #7b5993 !important; color: #fff !important; }
.opa_000 {
background: rgb(0, 0, 0) !important;
background: rgba(0, 0, 0, 0.7) !important;
color: #fff;
}
@media (min-width: 992px) {
.opa09_000 {
background: rgb(0, 0, 0) !important;
background: rgba(0, 0, 0, 0.9) !important;
color: #fff;
}
.opa05_000 {
background: rgb(0, 0, 0) !important;
background: rgba(0, 0, 0, 0.5) !important;
color: #fff;
}
}
@media (max-width: 991px) {
.opa09_000 {
background: transparent !important;
}
.opa05_000 {
background: transparent !important;
}
}
.opa_fff {
background: rgb(255, 255, 255) !important;
background: rgba(255, 255, 255, 0.7) !important;
}
.opa09_fff {
background: rgb(255, 255, 255) !important;
background: rgba(255, 255, 255, 0.9) !important;
}
.opa05_fff {
background: rgb(255, 255, 255) !important;
background: rgba(255, 255, 255, 0.5) !important;
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
banner
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
a.logo {
display: block;
border: 1px solid transparent;
padding: 0;
margin: 2px 4px 2px 0;
}
a.banner ,
div.banner {
display: block;
border: 1px solid #ccc !important;
padding: 0;
margin: 2px 0px 2px 4px;
}
a.logo:hover ,
a.banner:hover {
background-color: #ccc !important;
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
コンテンツ格納要素
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
/*===============================================
MAIN Container
===============================================*/
.linkbox , .zoombox ,
.childbox , .childlist
{
display: block;
position: relative;
padding: 0;
border-style: solid;
border-width: 1px;
border-color: transparent;
top: 0;
bottom: 0;
overflow: hidden;
}
a.linkbox * ,a.zoombox * ,
li.linkbox * ,li.zoombox * ,
div.linkbox * ,div.zoombox * ,
{
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
/*===============================================
SUB Container - TEXT
===============================================*/
.box_txt {
display: block;
position: relative;
padding: 0;
}
div.box_top{
position: absolute;
top: 0;
width: 100%;
}
/*--------------------
text > INFO
----------------------*/
.box_info {
display: block;
padding: 2px 1px !important;
margin-bottom: 2px !important;
font-size: 0.88em !important;
border: 1px solid transparent;
}
/*--------------------
text > INFO >date Cat
----------------------*/
/* date */
p.date {
display: inline-block;
line-height: 1;
font-size: 0.88em !important;
margin-right: 10px;
padding: 2px 2px !important;
border: 1px solid transparent;
}
/* cat */
p.cat {
display: inline-block;
line-height: 1;
font-size: 0.88em !important;
margin-right: 10px;
padding: 2px 2px !important;
border: 1px solid #ccc;
}
/*--------------------
text > Title sub bdy apd
----------------------*/
div.box_txt {
display: block;
padding: 0px !important;
padding-bottom: 0px !important;
}
p.til , p.TIL {
display: block !important;
padding: 5px;
padding-bottom: 5px !important;
font-weight: 700;
line-height: 1;
}
div.sub , div.bdy , div.apd , div.TXT ,
p.sub , p.bdy , p.apd , p.TXT {
display: block !important;
padding-left: 5px !important;
padding-right: 5px !important;
padding-top: 0px !important;
padding-bottom: 5px !important;
line-height: 1.3;
}
/*===============================================
SUB Container - TEXT:hover
===============================================*/
.theline:hover ,.theblock:hover ,
a.linkbox:hover ,a.zoombox:hover .
ul.linkbox li:hover ,ul.zoombox li:hover ,
li.linkbox:hover ,li.zoombox:hover ,
div.linkbox:hover ,div.zoombox:hover ,
a.linkbox:hover > h2 , a.linkbox:hover > h3 , a.linkbox:hover > h4 , a.linkbox:hover > p ,
a.zoombox:hover > h2 , a.zoombox:hover > h3 , a.zoombox:hover > h4 , a.zoombox:hover > p ,
li.linkbox:hover > h2 , li.linkbox:hover > h3 , li.linkbox:hover > h4 , li.linkbox:hover > p ,
li.zoombox:hover > h2 , li.zoombox:hover > h3 , li.zoombox:hover > h4 , li.zoombox:hover > p ,
ul.linkbox li:hover > h2 , ul.linkbox li:hover > h3 , ul.linkbox li:hover > h4 , ul.linkbox li:hover > p ,
ul.zoombox li:hover > h2 , ul.zoombox li:hover > h3 , ul.zoombox li:hover > h4 , ul.zoombox li:hover > p ,
div.linkbox:hover > h2 ,div.linkbox:hover > h3 ,div.linkbox:hover > h4 ,div.linkbox:hover > p ,
div.zoombox:hover > h2 ,div.zoombox:hover > h3 ,div.zoombox:hover > h4 ,div.zoombox:hover > p
{
text-decoration: none !important;
}
/*===============================================
SUB Container - IMAGE
===============================================*/
.box_img {
display: block;
position: relative;
}
/* imageに重ねるhoverアイコン */
img.ico{
display: block;
width: 32px !important;
height: 32px !important;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto !important;
visibility: hidden;
}
/*===============================================
SUB Container - IMAGE:hover
===============================================*/
/* hoverアイコン表示 */
a.linkbox:hover > div.box_img img.ico ,
a.zoombox:hover > div.box_img img.ico ,
li.linkbox:hover > li.box_img img.ico ,
li.zoombox:hover > li.box_img img.ico ,
div.linkbox:hover > div.box_img img.ico ,
div.zoombox:hover > div.box_img img.ico
{
visibility: visible !important;
}
/* hoverでimage拡大 */
@media (min-width: 992px) {
.zoombox:hover > img ,
.zoombox:hover > div.box_img img ,
.dmy{
transform: scale( 1.3 ) !important;
-webkit-transform: scale( 1.3 ) !important;
-moz-transform: scale( 1.3 ) !important;
}
}
/*===============================================
SUB Container - hover_show（hover時のみ表示）
===============================================*/
div.hover_show{
visibility: hidden;
}
.linkbox:hover > p.hover_show , .linkbox:hover > div.hover_show ,
.zoombox:hover > div.hover_show , .zoombox:hover > p.hover_show
{
visibility: visible !important;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
Contents DIV
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
strong.waku ,
p.waku {
display: block;
padding: 5px;
}
div.frame ,
p.frame {
display: block;
padding: 10px !important;
border: 1px solid #ccc;
margin-bottom: 5px;
}
div.masu ,
p.masu {
display: block;
padding: 10px;
border: 1px solid transparent;
}
hr.dash { display:block;border:1px solid transparent;border-top: 1px dashed #ccc !important;margin-top:5px;height:5px;}/*破線*/
hr.dot { display:block;border:1px solid transparent;border-top: 1px dotted #ccc !important;margin-top:10px;height:5px;}/*点線*/
hr.sol { display:block;border:1px solid transparent;border-top: 1px solid #ccc !important ;margin-top:10px;height:5px;}/*実線*/
.scroll { overflow: scroll; }
.pad05 { padding: 5px !important; }
.pad10 { padding: 10px !important; }
.pad15 { padding: 15px !important; }
.pad20 { padding: 20px !important; }
.mgn10 { margin: 10px !important; }
.mgnTB10{ margin-top: 10px !important; margin-bottom: 10px !important; }
.mgnT10{ margin-top: 10px !important; }
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
widget
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
ul.widget {
display: block;
list-style: none;
border: 1px solid transparent;
padding: 0;
margin-bottom: 20px;
}
ul.widget li {
display: block;
list-style: none;
}
ul.widget li.widget{
display: block;
background-color: transparent;
padding: 0px;
}
div.widgettitle{
display: block;
margin-bottom: 5px;
border-bottom: 3px solid #ccc;
font-weight: 700;
font-size: 1.2em;
background-color: transparent;
}
ul.widget li.widget label{
display: inline-block;
min-width: 80px;
}
ul.widget li.widget input{
display: inline-block;
font-size: 1.0em;
padding-left: 5px;
}
div.forgetmenot{
display: block;
font-size: 0.88em;
padding: 10px 3px;
}
ul.widget li.widget form input[type="submit"] {
display: inline-block;
text-align: center;
border: 1px solid #ccc;
border-radius: 10px;
min-width: 120px;
font-size: 1.1em;
margin: 0 5px 5px 0;
}
a.logout ,
span.bp-login-widget-register-link a{
display: inline-block;
text-align: center;
border: 1px solid #ccc;
background-color: #eee;
border-radius: 10px;
min-width: 120px;
font-size: 1.1em;
margin: 0 5px 5px 0;
}
ul.widget li.widget img.avatar{
width: 50px !important;
height: auto;
margin-right: 10px;
}
div.bp-login-widget-user-avatar{
display: inline-block;
}
div.bp-login-widget-user-links{
display: inline-block;
}
ul.widget li.widget_archive ul li a{
display: inline-block;
background-image: url("image/arrowS16blk.png");
background-repeat: no-repeat;
background-position: left 2px;
padding-left: 20px;
border-bottom: 1px dotted transparent;
}
ul.widget li.widget_archive ul li a:hover{
border-bottom-color: #222 !important;
}
div.textwidget{
display: block;
padding: 10px;
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
anime_fadeIn
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
@keyframes fadeIn {
0% {
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
100% {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
100% {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
}
.anime_fadeIn {
/*～通常のスタイル記述～*/
animation-name: fadeIn;
animation-duration: 8s;
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 8s;
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
anime_scaleUp
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
@keyframes scaleUp {
from {
transform: scale(1.5,1.5);
}
to {
transform: scale(1,1);
}
}
@-webkit-keyframes scaleUp {
from {
-webkit-transform: scale(1.5,1.5);
}
to {
-webkit-transform: scale(1,1);
}
}
.anime_scaleUp {
animation: scaleUp 3s ease 0s 1 normal;
-webkit-animation: scaleUp 3s ease 0s 1 normal;
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■■
slider-pro
■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooo
slider-pro
ooooooooooooooooooooooooooooooooooooooooooooooooooo*/
.sp-custom {
/* background-image: url("image/bg_overay_slash.png");*/
}
/*oooooooooooooooooooooooooooooooooooooooooooooooooo
slider-pro-wrap
ooooooooooooooooooooooooooooooooooooooooooooooooooo*/
#wrap_win_slide ,
#wrap_sp-window ,
#wrap_slide ,
.wrap_slide {
position: absolute;
width: 100%;
top: 0;
bottom: 0;
}
#inner_sp-window ,
#inner_slide ,
.inner_slide {
max-width: 1080px;
height: 100%;
position: relative;
}
@media (max-width: 991px) {
#inner_sp-window ,
#inner_slide ,
.inner_slide {
width: 100%;
}
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
window
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
div#wrap_base ,
div#wrap_fixed ,
div.wrap_block ,
div.wrap_window ,
video { display: block; }
div#wrap_block ,
div.wrap_block {
position: relative;
width: 100%;
height: auto;
}
@media (min-width: 992px) {
div#wrap_fixed , video#wrap_fixed {
min-width: 100%;
min-height: 100vh;
width: auto;
height: auto;
z-index: -100;
position: fixed;
top: 0;
right: 0;
}
div.vh100{ height: 100vh; }
div.vh90{ height: 90vh; }
div.vh80{ height: 80vh; }
div.vh70{ height: 70vh; }
div.vh60{ height: 60vh; }
}
@media (max-width: 991px) {
div#wrap_fixed , video#wrap_fixed {
min-width: 100%;
width: auto;
height: auto;
z-index: -100;
position: fixed;
top: 0;
right: 0;
}
div.vh100 ,div.vh90 ,div.vh80 ,div.vh70 ,div.vh60 {
height: auto;
}
}
@media (max-width: 767px) {
div#wrap_fixed , video#wrap_fixed {
min-width: 100%;
min-height: 768px;
width: auto;
height: auto;
z-index: -100;
position: fixed;
top: 0;
right: 0;
}
}
div.wrap_window ,
div.vh100 ,div.vh90 ,div.vh80 ,div.vh70 ,div.vh60 ,
div.vhAUTO {
width: 100%;
}
/*ボカシ効果*/
@media (min-width: 992px) {
div.overlay_slash{ background-image: url("image/bg_overay_slash.png") !important; }
div.overlay_check{ background-image: url("image/bg_overay_check.png") !important; }
div.overlay_none{ background-image: none !important; }
div.black_dot{ background-image: url("image/bg_black_dot.png") !important; }
div.brown_dot{ background-image: url("image/bg_brown_dot.png") !important; }
}
@media (max-width: 991px) {
div.overlay_slash{ background-image: none !important; }
div.overlay_check{ background-image: none !important; }
div.overlay_none{ background-image: none !important; }
div.black_dot{ background-image: none !important; }
div.brown_dot{ background-image: none !important; }
}
div.bg_img1{ background-image: url("../../uploads/bg_img1.jpg"); }
div.bg_img2{ background-image: url("../../uploads/bg_img2.jpg"); }
div.bg_img3{ background-image: url("../../uploads/bg_img3.jpg"); }
div.bg_img4{ background-image: url("../../uploads/bg_img4.jpg"); }
div.bg_img5{ background-image: url("../../uploads/bg_img5.jpg"); }
div.bg_cover{ background-position: center top; background-size:cover; }
div.bg_full{ background-position: center top; background-size: 100% auto; }
div.bg_left{ background-position: left top; }
div.bg_right{ background-position: right top; }
div.bg_img{ background-repeat: no-repeat; }
/*
div.bg_this{
background-image: url("../../uploads/bg_img1.jpg");
background-position: right bottom;
background-size: auto 100%;
background-repeat: no-repeat;
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
caption
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
/*
height/widthは必ず実数で決めること。
*/
div.wrap_box {
display: block;
}
@media (min-width: 992px) {
div.wrap_box ,
div.box_rerative{
display: block;
position: relative;
margin-left: auto;
margin-right: auto;
height: auto;
}
div.box_absolute{
display: block;
position: absolute;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
padding: 0;
}
div.box_top{ top: 150px; left: 0; right: 0; }
div.box_bottom{ bottom: 50px; left: 0; right: 0; }
div.box_center{ top: 0px; left: 0; right: 0; bottom: 0px; }
div.box_front{
width: 960px;
height: 540px;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
@media (max-width: 991px) {
div.box_absolute ,
div.box_rerative ,
div.wrap_box {
position: relative;
margin-left: auto;
margin-right: auto;
height: auto;
}
div.box_top ,
div.box_bottom ,
div.box_center ,
div.box_front{margin-top: 50px; }
}
@media (max-width: 767px) {
div.box_top ,
div.box_bottom ,
div.box_center ,
div.box_front{margin-top: 30px; }
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■■
inner-max
■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
.inner ,
#inner ,
.inner_navi ,
#inner_navi ,
#inner_footer ,
#inner_bottom ,
#inner_head ,
#inner_desc ,
#inner_title {
max-width: 1080px;
}
.SectionTitle { display: block;
font-size: 1.4em;
line-height: 1.5;
}
.SectionSubTitle{ display: block;
font-size: 0.88em;
}
.page_title{font-size: 2em !important;}
.sub_title{ font-size: 1.8em !important;
font-family: "Sawarabi Mincho" , "Segoe UI";
font-weight: 900;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
color
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.bg_c1 { background-color: #038592 !important; color: #fff !important; }
.bdc_c1 { border-color: #038592 !important; }
.clr_c1 { color: #038592 !important; }
.bg_c2 { background-color: #044468 !important; color: #fff !important; }
.bdc_c2 { border-color: #044468 !important; }
.clr_c2 { color: #044468 !important; }
.bg_def{ background-color: #038592;
color: #fff;
}
.bg_list{ background-color: #fff; color: #111; }
.bg_hov ,.bg_hover ,.bg_def:hover ,.bg_list:hover {
background-color: #044468 !important;
color: #fff !important;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
リンク
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* -------------------------------------
LINK
------------------------------------- */
a.link ,a.goto ,a.detail ,
a.button ,a.buttonFull ,a.headbanner ,
a.smlbanner ,a.midbanner ,a.bigbanner ,
a.selector ,a.side_selector ,
a.inquire {
color: #fff;
background-color: #038592;/*default*/
}
.selectorlabel {
color: #fff;
background-color: #038592;
}
a.link:hover ,a.goto:hover ,a.detail:hover ,
a.button:hover ,a.buttonFull:hover ,a.headbanner:hover ,
a.midbanner:hover ,a.bigbanner:hover ,a.smlbanner:hover ,
a.selector:hover ,a.side_selector:hover ,
a.inquire:hover {
color: #fff !important;
background-color: #044468 !important;/*hover*/
}
/* -------------------------------------
text
------------------------------------- */
a.txt , a.pdf , a.url , a.URL {
color: #444;
}
/* -------------------------------------
content block
------------------------------------- */
a p.date {color: #000; }
a h2.til ,a h3.til ,a p.til {color: #000; }
p.sub ,p.bdy ,p.apd {color: #000; }
div.sub ,div.bdy ,div.apd {color: #000; }
a:hover > h2.til ,a:hover > h3.til ,a:hover > p.til {
color: #fff !important;
}
a.linkbox:hover >div p.date {color: #fff !important;}
a.linkbox:hover >div p.cat {color: #fff !important;}
a.linkbox:hover >div p.til {color: #fff !important;}
a.linkbox:hover >div h2 {color: #fff !important;}
a.linkbox:hover >div h3 {color: #fff !important; border-color: #fff !important;}
a.linkbox:hover >div p.sub {color: #fff !important;}
a.linkbox:hover >div p.bdy {color: #fff !important;}
a.linkbox:hover >div p.apd {color: #fff !important;}
a.linkbox:hover >div div.sub {color: #fff !important;}
a.linkbox:hover >div div.bdy {color: #fff !important;}
a.linkbox:hover >div div.apd {color: #fff !important;}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
wrap head
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
@media (min-width: 992px) {
#wrap_head_blockfix ,
#wrap_head_block{ color: #000; }
}
@media (max-width: 991px) {
#wrap_head_blockfix ,
#wrap_head_block{ color: #fff; }
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
desc color
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
@media (min-width: 992px) {
#wrap_desc {
background-color: #fff;
color: #038592;
}
}
@media (max-width: 991px) {
#wrap_desc {
background-color: #038592;
color: #fff;
}
}
#wrap_desc a{ color: #038592 !important;}
#wrap_desc a:hover{ text-decoration: underline !important;}
a.breadcrumb{ text-decoration: none; }
a.breadcrumb:hover{ text-decoration: underline !important;}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
head color
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
@media (min-width: 992px) {
#wrap_head {
background-color: #fff;
color: #038592;
}
}
@media (max-width: 991px) {
#wrap_head{
display: none !important;
}
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
navi color
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
@media (min-width: 992px) {
#wrap_navi{ background-color: #038592;
padding: 15px 0 15px 0;
}
ul.navi_head li{ background-color: transparent; }
ul.navi_head li{ /*min-width: 14.25%;*/ }
ul.navi_head li a { padding-left: 15px;
padding-right: 15px; }
ul.navi_head li p { color: #fff; }
ul.navi_head li a p { color: #fff;
font-weight: 700; }
ul.navi_head li a p lab { color: #ddd; }
}
@media (max-width: 991px) {
#wrap_navi{ background-color: #038592; }
ul.navi_head li{ background-color: transparent; }
ul.navi_head li p { color: #fff; }
ul.navi_head li a p { color: #fff; font-weight:700; }
ul.navi_head li a p lab { color: #ddd; }
}
ul.navi_side li{ background-color: #038592;;/*default*/ }
ul.navi_side li p { color: #000; }
ul.navi_side li a{ background-color: #f2f2f2; }
ul.navi_side li a p { color: #000;
font-size: 0.9em; }
ul.navi_side li a p lab{ color: #ddd; }
ul.navi_side li.til p { color: #fff; }
#wrap_footer { padding-top: 20px; }
#wrap_footer { background-color: #038592;/*foot*/ }
#wrap_bottom { background-color: #044468; color: #fff; }
ul.navi_foot li{ background-color: transparent; }
ul.navi_foot li p { color: #fff ; }
ul.navi_foot li a p { color: #fff; }
ul.navi_foot li a p lab { color: #ddd; }
/*hover*/
ul.navi_head li a:hover { background-color: #044468 !important; }
ul.navi_head li a:hover > p { color: #fff !important; }
ul.navi_head li a:hover > p lab{color: #fff !important; }
ul.navi_side li a:hover{ background-color: #044468 !important; }
ul.navi_side li a:hover >p { color: #fff !important; }
ul.navi_side li a:hover >p lab{ color: #fff !important; }
ul.navi_foot li a:hover { background-color: #044468;/*hover*/ }
ul.navi_foot li a:hover >p { color: #fff !important; }
ul.navi_foot li a:hover >p lab{ color: #fff !important; }
/*fixnavi*/
#fixnavi_side a ,
#fixnavi_v a ,
#fixnavi_h a { background-color: #038592; color: #ccc; }
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
accordion color
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
ul.accordion li div.til:hover {
background-color: #044468;
color: #fff;
}
ul.accordion li div.til:hover >h3 ,
ul.accordion li div.til:hover >h2 ,
ul.accordion li div.til:hover >p.cat ,
ul.accordion li div.til:hover >p.date ,
ul.accordion li div.til:hover >p {
color: #fff;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
navi_block color
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
ul.navi_block li ,
ul.navi_block li p ,
ul.navi_block li a p ,
ul.navi_block li h2 ,
ul.navi_block li h3 {
color: #333;
text-align: left;
background-color: transparent;
}
ul.navi_block li a p lab ,
ul.navi_block li p lab{
color: #555;
text-align: left;
padding-bottom: 5px !important;
}
ul.navi_block li:hover ,
ul.navi_block li a:hover ,
ul.navi_block li a:hover >h2 ,
ul.navi_block li a:hover >h3 ,
ul.navi_block li a:hover >p ,
ul.navi_block li a:hover >p lab ,
ul.navi_block li:hover {
background-color: #044468 !important;
color: #fff !important;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
.title color,
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#wrap_title {
background-color: #044468 !important;
}
h2.front_title ,
.front_title h2 { color: #000; }
.page_title { color: #fff; }
.sub_title { color: #eee; }
.front_wrap h3 ,
#theArchive h2 ,
#theContent h2 { color: #000; }
#theArchive h3 ,
#theContent h3 { color: #000; }
#theArchive h4 ,
#theContent h4 { color: #222; }
#theArchive h3 , #theContent h3 {
border-bottom: 3px solid #044468;
}
#theArchive h3.til , #theContent h3.til {
border-bottom: 3px solid transparent;
}
h2.tax_category{
min-height: 24px;
margin-top: 15px !important;
margin-bottom: 5px !important;
padding-top: 8px;
padding-bottom: 0px !important;
border-top: 3px solid #044468;
border-bottom: 3px solid #044468;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
tab color
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
p.tabs {
border-top: 1px solid #044468;/*forthisで設定 default*/
border-bottom: 1px solid #044468;/*forthisで設定 default*/
}
p.tabs a {
color: #044468;/*forthisで設定 default*/
}
span.tab_on ,
span.tab_off ,
div.tab_on ,
div.tab_off {
color: #044468;/*forthisで設定default*/
}
span.tab_on ,
div.tab_on {
border-top: 5px solid #044468;/*forthisで設定default*/
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
sp
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
div.resst ,
#theContent p.resst ,
p.resst {
display: block;
background-image: url("../..//uploads/ico_resst.png") !important;
background-position: left center !important;
background-repeat: no-repeat !important;
height: 25px;
line-height: 1 !important;
padding-left: 180px !important;
padding-right: 10px !important;
padding-top: 7px;
padding-bottom: 0px !important;
}
#theContent p.myres ,
p.myres {
display: block;
background-image: url("../../uploads/ico_myres.png") !important;;
background-position: left center !important;;
background-repeat: no-repeat !important;
height: 25px;
line-height: 1 !important;
padding-left: 180px !important;
padding-right: 10px !important;
padding-top: 7px;
padding-bottom: 0px !important;
}
#theContent p.athre ,
p.athre {
display: block;
background-image: url("../../uploads/ico_athre.png") !important;;
background-position: left center !important;;
background-repeat: no-repeat !important;
height: 25px;
line-height: 1 !important;
padding-left: 180px !important;
padding-right: 10px !important;
padding-top: 7px;
padding-bottom: 0px !important;
}
ul.navi_block li:hover {
border-color: darkorange !important;
}
ul.navi_block li:hover >p.TIL {
background-color: darkorange !important;
color: #000;
}
p.qes {
background-image: url("image/faq_032_Q.png");
border-bottom: 1px dotted #ccc;
border-top: 1px solid #ccc;
margin-bottom: 5px;
padding-top: 5px !important;
font-weight: 700;
}
p.ans {
background-image: url("image/faq_032_A.png");
border-bottom: 1px solid #ccc;
margin-bottom: 25px;
}
p.qes , p.ans {
display: block;
background-repeat: no-repeat;
background-position: left top;
line-height: 1.2 !important;
padding-left: 40px !important;
padding-right: 5px !important;
padding-bottom: 5px !important;
min-height: 40px;
margin-right: 5px;
margin-left: 5px;
}
div.indent ,p.indent {
display: block;
padding-left: 30px !important;
padding-right: 5px !important;
padding-bottom: 5px !important;
}
p.title{
display: block;
padding-bottom: 0px !important;
font-size: 1.3em;
font-weight: bold;
color: #038592 !important;
}