@charset "UTF-8";

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
} body {
margin: 0;
padding: 0;
font-size: 100%;
background: transparent;
line-height: 1.7;
font-family: メイリオ, Meiryo, Verdana, Arial, sans-serif;
color: #000;
min-width: 980px;
}
a:link, a:active, a:visited, a:hover {
color: #005298;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
vertical-align: bottom;
}
strong {
font-weight: bold;
}
.red {
color: #ff0000;
}
.clear {
clear: both;
}
.clear hr {
display: none;
} .inner {
*zoom: 1;
width: 950px;
margin: 0 auto;
text-align: left;
}
.inner:after {
content: "";
display: table;
clear: both;
} #contents:after {
content: "";
display: table;
clear: both;
}
.clearFix {
display: inline-table;
}
.clearFix:after {
display: block;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
font-size: 0.1em;
content: ".";
}/*\*/* html .clearFix {
height: 1%;
}
*:first-child + html .clearFix {
height: 1%;
}
.clearFix {
display: block;
}/**/.clear {
clear: both;
height: 0px;
line-height: 0px;
}
.clear hr {
display: none;
height: 0px;
} body {
text-align: center;
min-width: 1280px;
}
a:link {
color: #0088f1;
}
a:hover {
color: #0088f1;
text-decoration: underline;
}
img.img-left {
float: left;
margin: 0 15px 20px 0;
}
.red {
color: #ff3030;
}
.orange {
color: #ff7930;
}
.small {
font-size: 80%;
}
.section-10 {
margin-bottom: 10px !important;
}
.section-20 {
margin-bottom: 20px !important;
}
.section-30 {
margin-bottom: 30px !important;
} #header {
text-align: center;
}
#header .inner {
background: #ffffff;
margin: 0 auto;
width: 915px;
text-align: left;
position: relative;
}
#header .inner ul.header-menu {
float: right;
}
#header .inner ul.header-menu li {
float: left;
}
#header .inner ul.header-menu li a {
display: block;
background: #d2d2d2;
color: #000;
font-size: 110%;
padding: 3px 0;
width: 128px;
text-align: center;
font-weight: bold;
}
#header .inner ul.header-menu li:nth-child(1) a {
border-radius: 0 0 0 4px;
position: relative;
}
#header .inner ul.header-menu li:nth-child(2) a {
border-radius: 0 0 4px 0;
}
#header .inner ul.header-menu li:nth-child(1) a::after {
position: absolute;
content: "|";
right: -3px;
}
#header .inner ul.header-menu li a:hover {
background: #fcd7a1;
text-decoration: none;
}
#header .info {
-ms-align-items: center;
align-items: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
#header .info .logo-box {
width: 56%;
}
#header .info .logo-box img.logo {
margin: 0;
width: 100%;
}
#header .info .logo-box p#disc {
font-size: 90%;
margin-left: 1em;
}
#header .info .logo-box p#disc strong {
color: #ff0000;
}
#header .info .right-box {
width: 42%;
font-size: 80%;
margin-right: 6px;
}
#header .info .right-box p {
clear: both;
line-height: 1.4;
} #header .info .right-box ul#hd_sodan a {
display: block;
font-size: 120%;
font-weight: bold;
color: #fff;
background: #e62117;
margin-top: 5px;
line-height: 1;
padding: 6px 4px 6px;
height: 16px;
position: relative;
text-align: right;
}
#header ul#hd_sodan a::after {
position: absolute;
content: "";
left: 4px;
box-sizing: border-box;
width: 8px;
height: 8px;
border: 6px solid transparent;
border-left: 8px solid #fff;
}
#header .info .right-box ul#hd_sodan a:hover {
background: #ff9800;
}
#header .info .right-box p#hd_sodan a:hover {
text-decoration: none;
background: #ff5d1e;
}
#header .info .right-box ul#hd_sodan span {
font-size: 85%;
}
#header .info img.tel {
float: right;
margin: 5px 0 4px;
}
#header-top {
margin: 0 auto;
background-color: #003567;
}
#header-top-inner {
width: 915px;
margin: 0 auto;
text-align: center;
}
#header #header-top-inner p {
display: block;
float: none;
width: 100%;
padding: 3px;
margin: 0;
text-align: left;
color: #ffffff;
font-size: 84%;
font-weight: bold;
}
#hd_navi_s {
position: absolute;
bottom: 5px;
right: -148px;
width: 130px;
}
#top #hd_navi_s {
right: -141px;
width: 140px;
}
#hd_navi_s a {
display: block;
border: 1px solid #E95F2D;
color: #003864;
font-weight: bold;
padding: 2px 0 0 0;
font-size: 90%;
line-height: 1.4;
margin-top: 5px;
text-align: center;
}
#hd_navi_s a:hover {
background: #ff9800;
}
#hd_navi_s .banner-contact a{
border: none;
padding: none;
}
#hd_navi_s .banner-contact a:hover{
background: none;
} .hd_banner-qn {
position: absolute;
bottom: 4px;
left: -162px
}
.hd_banner-qn_image {
display: block;
}  #mainNav {
text-align: center;
font-size: 80%;
}
#mainNav {
background: #fff;
border-top: 2px solid #c7e1ff;
border-bottom: 1px solid #003567;
margin-bottom: 7px;
}
#mainNav ul {
width: 950px;
margin: 0 auto;
padding: 5px 0;
}
#mainNav ul li {
list-style-type: none;
display: inline-block;
font-weight: bold;
}
#mainNav ul li:first-child {
border-left: none;
}
#mainNav ul li a {
position: relative;
padding: 0 20px;
color: #003567; }
#mainNav ul li a::after {
content: "|";
position: absolute;
right: -0.5em;
}
#mainNav ul li:last-child a::after {
content: "";
}
#mainNav ul li a:hover {
color: #003567;
text-decoration: underline;
} #top #mainNav {
background: #fff;
border-top: 2px solid #c7e1ff;
border-bottom: 1px solid #003567;
margin-bottom: 0px;
}
#top #mainNav ul li a {
color: #003567; }
#top #mainNav ul li a:hover {
color: #003567;
} #topImage { background: #fff url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/topimage_bg.jpg?20260131) no-repeat 50% 0;
height: 480px;
padding: 0;
}
#topImage_inner {
width: 915px;
margin: 0 auto;
position: relative;
height: 100%;
}
#topImage p {
padding: 0;
width: 456px;
text-align: left;
position: absolute;
top: 20px;
left: 220px;
} .topImage_banner {
position: absolute;
transition: 0.3s;
}
.topImage_banner-qk {
bottom: 16px;
left: 16px;
filter: drop-shadow(0px 2px 2px rgba(186, 186, 186, 0.5));
}  .breadCrumbs ol {
width: 665px;
text-align: left;
margin: 0 0 0 272px;
padding-top: 5px;
color: #666;
line-height: 1em;
}
.breadCrumbs ol li {
display: inline;
font-size: 80%;
}
.breadCrumbs ol li a {
margin-right: 8px;
}
#wide-content .breadCrumbs ol {
margin: 0 0 0 35px;
} #contents {
min-height: 800px;
}
#contents-inner {
width: 950px;
margin: 0 auto;
background: #fff;
}
#content {
padding: 0 15px 0 14px;
text-align: left;
height: 100%;
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/content_bg.gif) repeat-y 14px 0;
}
#main {
width: 665px;
float: right;
text-align: left;
color: #000;
margin: 0 15px 30px;
}
#wide-content #main {
width: 920px;
margin: 0 15px 30px;
}  #top section.topbnr-btn > ul {
width: 920px;
margin: 0 auto;
}
#top section.topbnr-btn > ul li {
float: left;
width: 300px;
height: 136px;
margin-left: 5px;
}
.topbnr-btn > ul li:nth-child(1) {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/top_bnr-btn_1.png) no-repeat;
}
.topbnr-btn > ul li:nth-child(1):hover {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/top_bnr-btn_1_on.png) no-repeat;
}
.topbnr-btn > ul li:nth-child(2) {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/top_bnr-btn_2.png) no-repeat;
}
.topbnr-btn > ul li:nth-child(2):hover {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/top_bnr-btn_2_on.png) no-repeat;
}
.topbnr-btn > ul li:nth-child(3) {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/top_bnr-btn_3.png) no-repeat;
}
.topbnr-btn > ul li:nth-child(3):hover {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/top_bnr-btn_3_on.png) no-repeat;
}
#topbnr-btn ul li {
margin-left: 5px;
}
#top section.topbnr-btn ul li h3 {
font-weight: bold;
text-align: left;
color: #003567;
font-size: 120%;
padding: 20px 0 0 35px;
text-shadow: 1px 1px 3px #ffffff;
}
#top section.topbnr-btn ul li ul {
margin-top: 15px;
margin-left: 20px;
}
#top section.topbnr-btn ul li ul li {
background: none;
clear: both;
width: auto;
height: auto;
font-weight: bold;
text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff;
margin: 5px 0 0 11px;
color: #000;
line-height: 1.2em;
}
#top #list_cace ul {
width: 920px;
margin: 0 auto;
}
#top #list_cace ul li {
width: 175px;
display: block;
float: left;
margin: 10px 0 0 10px;
padding: 0;
}
#top #list_cace ul li:first-child {
margin-left: 0;
}
#top #list_cace ul li a {
display: block;
width: 161px;
height: 146px;
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/interview_btn14.png) no-repeat;
color: #003567;
font-weight: bold; padding: 7px;
line-height: 1.3;
text-align: left;
}
#top #list_cace ul li:nth-child(2) a {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/interview_btn01.png) no-repeat;
}
#top #list_cace ul li:nth-child(3) a {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/interview_btn02.png) no-repeat;
}
#top #list_cace ul li:nth-child(4) a {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/interview_btn03.png) no-repeat;
}
#top #list_cace ul li:nth-child(5) a {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/interview_btn04.png) no-repeat;
}
#top #list_souzokuzei {
margin-top: 20px;
width: 920px;
margin: 0 auto;
}
#top #list_souzokuzei h4 {
padding: 0 10px 0 20px;
margin-bottom: 10px;
margin-top: 10px;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
background: #742611;
color: #fff;
font-size: 120%;
}
#top div.list_souzokuzei-inner {
border: 2px solid #c7e1ff;
}
#top #list_souzokuzei ul {
padding: 3px;
}
#top #list_souzokuzei ul li {
display: block;
float: left;
width: 145px;
height: 43px;
margin: 0 0 0 2px;
padding: 0;
}
#top #list_souzokuzei ul li:nth-child(2), #top #list_souzokuzei ul li:nth-child(8), #top #list_souzokuzei ul li:nth-child(14), #top #list_souzokuzei ul li:nth-child(20) {
width: 173px;
}
#top #list_souzokuzei ul li a {
display: block;
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/icon_menu.gif) no-repeat;
color: #003567;
padding: 10px 0 0 30px;
text-align: left;
}
#top #main {
width: 690px;
float: right;
color: #000;
margin: 15px 15px 0 0;
}
#main #list_quality {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/bg_top_hinshitu.jpg) no-repeat;
height: 337px;
clear: both;
}
#main #topNavi {}
#main div.topNavi1 {
width: 670px;
border: solid 1px #003567;
outline: solid 5px #eee;
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/bg_topNavi1.gif);
padding: 5px;
margin: 20px 0;
}
#main div.topNavi1 h2 {
position: relative;
color: #003567;
text-align: left;
padding: 0 0 0 30px;
font-size: 120%;
border: none;
font-weight: normal;
margin-bottom: 0;
}
#main div.topNavi1 h2::after {
position: absolute;
top: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
box-sizing: border-box;
width: 26px;
height: 26px;
border: 13px solid transparent;
border-left: 13px solid #003567;
border-top: 13px solid #003567;
}
#main div.topNavi1 ul li {
margin: 5px 0 5px 10px;
width: 213px;
float: left;
padding-left: 0;
}
#main div.topNavi1 ul li:after {
content: none;
background: none;
}
#main div.topNavi1 ul li a {
position: relative;
display: block;
width: 190px;
color: #535353;
padding: 5px 0 5px 20px;
text-align: left;
font-size: 85%;
background-color: #fff;
}
#main .topNavi1 li a:hover {
background-color: #fff09e;
}
#main .topNavi1 li a::before {
position: absolute;
top: 0.6em;
bottom: 0;
left: 0.25em;
content: "";
width: 14px;
height: 14px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #f19149;
}
#main .topNavi1 li a::after {
position: absolute;
top: -0.25em;
bottom: 0;
margin: auto;
content: "";
left: 7px;
box-sizing: border-box;
width: 5px;
height: 5px;
border: 3px solid transparent;
border-left: 5px solid #fff;
}
#main #list_quality h2 {
text-align: center; border: none;
color: #003057;
font-size: 150%;
padding: 13px 0 0 0;
text-shadow: 1px 1px 3px #fff;
background: none;
}
#main #list_quality h2::after {
background: none;
}
#main #list_quality li {
width: 210px;
display: block;
float: left;
margin: 0 0 10px 15px;
padding: 0;
}
#main #daihyo {
clear: both;
margin: 20px 0 0 0;
background-color: #F6B380;
background-image: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/img_seita.png), url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/bg_daihyo.png);
background-repeat: no-repeat, no-repeat;
background-position: 6px 6px, right bottom;
min-height: 220px;
padding: 10px 10px 10px 180px;
}
#main #daihyo h2 {
font-size: 90%;
background: none;
clear: none;
padding: 10px 0 0 0; line-height: 1.3;
float: left;
color: #313131;
}
#main #daihyo h2 span {
font-size: 120%;
}
#main #daihyo p {
font-size: 90%;
line-height: 1.3;
clear: left;
width: 280px;
float: left;
color: #313131;
}
#main .top_cm {
clear: both;
margin: 20px 0 20px 0;
background: #C7E1FF url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/bg_cm.png) no-repeat;
padding: 20px 0 18px 0
}
#main .top_cm h2 {
padding: 1px 0 0 20px;
margin-bottom: 10px;
color: #fff;
background: rgba(0, 53, 103, 0.60);
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}
#main .top_cm h3 {
border: none;
padding: 0;
}
#main .top_cm h3::after {
border: none;
}
#main .top_cm .cm_inner {
width: 650px;
margin: 0 auto;
}
#main .top_cm li {
width: 306px;
display: block;
float: left;
margin: 0;
padding: 0;
margin-left: 26px;
line-height: 1.2;
font-size: 90%;
}
#main .top_cm li:first-child {
margin-left: 0;
}
#main #list_quality ul li::after, #main #list_cace ul li::after, #main #list_souzokuzei ul li::after, #main .top_cm ul li::after {
background: none;
}
#main #list_quality h2, #main #list_cace h2, #main #list_souzokuzei h2, #main #daihyo h2, #main .top_cm h2 {
border: none;
}
#main #list_quality h2::after, #main #list_cace h2::after, #main #list_souzokuzei h2::after, #main #daihyo h2::after, #main .top_cm h2::after {
content: "";
}
#topImage div.topNavi5 {
clear: both;
}
#topImage div.topNavi5 ul li {
width: 300px;
height: 136px;
float: left;
margin: 10px 0 0 11px;
}
.topNavi5 ul li:nth-child(1) {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/bnr_top1.png) no-repeat;
}
.topNavi5 ul li:nth-child(1):hover {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/bnr_top1_on.png) no-repeat;
}
.topNavi5 ul li:nth-child(2) {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/bnr_top2.png) no-repeat;
}
.topNavi5 ul li:nth-child(2):hover {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/bnr_top2_on.png) no-repeat;
}
.topNavi5 ul li:nth-child(3) {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/bnr_top3.png) no-repeat;
}
.topNavi5 ul li:nth-child(3):hover {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/bnr_top3_on.png) no-repeat;
}
#topImage div.topNavi5 ul li h3 {
font-weight: bold;
text-align: left;
color: #fff;
font-size: 120%;
padding: 5px 0 0 20px;
text-shadow: 1px 1px 3px #000000;
}
#topImage div.topNavi5 ul li ul {
margin-top: 10px;
}
#topImage div.topNavi5 ul li ul li {
background: none;
width: auto;
height: auto;
font-weight: bold;
text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff;
margin: 5px 0 0 11px;
color: #000;
} #main img.aligncenter {
display: block;
margin: 0 auto;
}
#main img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
#main img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
#main img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
#main .alignright {
float: right;
}
#main .alignleft {
float: left;
}
#main p {
margin-bottom: 10px;
}
#main h1 {
position: relative;
color: #003567;
font-weight: bold;
font-size: 160%;
padding: 12px 0 10px 20px;
margin: 0 0 10px 0; border-left: 5px solid #f19149;
background: #90c4ff;
}
#main h1::after {
content: "";
position: absolute;
width: 10px;
background: #003567;
height: 100%;
left: 0;
top: 0;
}
#main h1.noStyle {
padding: 0;
border: none;
background-color:
transparent;
}
#main h1.noStyle::after {
background: none;
}
#main h2 {
position: relative;
padding: 8px 0 4px 30px;
margin-bottom: 10px;
color: #003567;
font-size: 150%;
border-top: 1px dotted #003567;
border-bottom: 1px dotted #003567; font-weight: bold;
line-height: 1.3;
}
#main h2::after {
content: "■";
position: absolute;
color: #003567;
left: 0;
top: 0.05em;
font-size: 130%;
}
#main h3 {
position: relative;
color: #003567;
font-weight: bold;
font-size: 140%;
padding: 0 0 0 25px;
margin-bottom: 10px; border-bottom: 1px solid #e9e9e9;
}
#main h3::after {
content: '';
display: inline-block;
position: absolute;
left: 0;
width: 0;
height: 0;
top: 0.25em;
border: 9px solid transparent;
border-left: 13px solid #f19149;
}
#main blockquote {
border: 2px solid #dbdbdb;
padding: 10px 10px 7px 12px;
background: #ffffff;
margin-bottom: 15px;
}
#main ul {
margin-bottom: 10px;
}
#main ul li { padding-left: 18px;
list-style-type: none;
position: relative;
}
#main ul li:after {
position: absolute;
top: 10px;
left: 0px;
width: 5px;
height: 5px;
background: #003567;
content: "";
} #main table {
width: 100%;
border-collapse: collapse;
margin-bottom: 10px;
font-size: 100%;
text-align: center;
line-height: 1.7;
}
#main table th {
padding: 3px 7px;
background-color: #f0f0f0;
font-weight: normal;
line-height: 1.7;
}
#main table td {
padding: 3px 7px;
line-height: 1.7;
}
#main table.border-table {
border: 2px solid #cccccc;
}
#main table.border-table th {
border: 1px solid #cccccc;
}
#main table.border-table td {
border: 1px solid #cccccc;
} #main .pan-list {
font-size: 90%;
margin: 0 0 10px;
text-decoration: none;
}
#main .pan-list a {
text-decoration: none;
}
#main .top {
margin-bottom: 0;
}
#main .service {
width: 213px;
background: #ffffff;
float: left;
border: 1px solid #99684a;
margin-bottom: 10px;
}
#main .service h3 {
padding: 1px 0 0 1px;
margin: 1px 1px 5px;
border-bottom: 4px solid #d6d6d6;
background: #eb5f00;
font-size: 100%;
}
#main .service h3 a {
color: #ffffff;
text-decoration: none;
padding-left: 10px;
}
#main .service h3 a:hover {
color: #ffffff;
text-decoration: underline;
}
#main .left {
margin-right: 9px;
}
#main .right {
margin-right: 0;
}
#main ul.service-ul-box {
list-style: none;
}
#main ul.service-ul-box li {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/li-icon01.gif) no-repeat 10px 6px;
padding-left: 25px;
}
#main ul.service-ul-box li a {
color: #333333;
text-decoration: none;
}
#main ul.service-ul-box li a:hover {
color: #e13000;
text-decoration: underline;
}
#main #news {
margin: 20px 0 0 0;
}
#news .newsList {
list-style: none;
margin: 0;
padding-bottom: 0;
}
#news .newsList li {
list-style-type: none;
padding: 6px 0 6px 13px;
margin: 0;
border-bottom: 1px dashed #dddddd;
background-image: none;
}
#news .newsList li::after {
content: none;
}
#news .newsList li a {
color: #0088f1;
margin: 0;
padding-bottom: 0;
}
#news .newsList li a:hover {
text-decoration: underline;
}
#news .newsList img.rss {
float: right;
margin: 0;
width: 47px;
height: 18px;
}
#news .newsList a {
text-decoration: none;
}
#news .newsList a:hover {
text-decoration: underline;
}
#news .newsList li .date {
clear: left;
float: left;
width: 110px;
margin: 0;
padding: 0;
line-height: 2.2;
color: #444;
font-size: 80%;
}
#news .newsList li .tit {
padding: 0;
margin: 0;
line-height: 2.2;
background-position: bottom;
background-repeat: no-repeat;
font-size: 80%;
}
#main #ft_info {
background: #DFEEFB url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/tel_bnr_wide.png);
background-position: right top;
background-repeat: no-repeat;
padding: 25px 0 0 0;
min-height: 300px;
margin: 20px auto 16px auto;
width: 666px;
}
#main #ft_info h2 {
color: #003567; position: relative;
font-size: 140%;
margin: 0 0 5px 0;
padding: 0 0 0 1.75em;
background: none;
border: none;
line-height: 1.3;
}
#main #ft_info h2::after {
content: '';
display: inline-block;
position: absolute;
left: .5em;
width: 0;
height: 0;
top: 0.25em;
border: 11px solid transparent;
border-left: 16px solid #f19149;
}
#main #ft_info p {
margin: 0 0 5px 25px;
width: 390px;
font-size: 75%;
line-height: 1.3;
}
#main #ft_info ul {
margin: 12px 0 0 25px;
}
#main #ft_info ul.btn-upper {
width: 630px;
}
#main #ft_info ul.btn-low {
width: 630px;
margin-top: 5px;
}
#main #ft_info ul li {
padding: 0;
margin-bottom: 6px;
text-align: center;
width: 396px;
float: left;
background: none;
}
#main #ft_info ul li.first-child span {
font-size: 65%;
display: block;
}
#main #ft_info ul.btn-low li {
float: left;
width: 30%;
padding-right: 3%;
}
#main #ft_info ul li::after {
content: none;
}
#main #ft_info ul li a {
display: block;
text-align: center;
color: #fff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
background: #003567;
}
#main #ft_info ul li.right a {
background: #003567;
}
#main #ft_info ul li.right a:hover {
background: #0088f1;
}
#main #ft_info ul li a:hover {
background: #0088f1;
}
#main #ft_info ul li.first-child a {
background: #dc5d1e;
font-size: 130%;
padding: 3px 0;
}
#main #ft_info ul li.first-child a:hover {
background: #ff9800;
}
#main #ft_info ul li.right {
width: 189px;
padding-left: 20px;
}
#main #ft_info ul li.right2 {
width: 218px;
margin-left: 0.5em;
}
#main #ft_info ul li.right2 a {
background: #dc5d1e;
}
#main #ft_info ul li.right2 a:hover {
background: #ff9800;
} #main #ft_info_wide {
background: #DFEEFB url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/tel_bnr_wide.png);
background-position: right top;
background-repeat: no-repeat;
padding: 24px 0;
min-height: 300px;
margin: 20px auto 20px auto;
}
#main #ft_info_wide h2 {
color: #003567;
position: relative;
font-size: 160%;
margin: 0 0 10px 0;
padding: 0 0 0 1.75em;
background: none;
border: none;
line-height: 1.3;
}
#main #ft_info_wide h2::after {
content: '';
display: inline-block;
position: absolute;
left: .5em;
width: 0;
height: 0;
top: 0.25em;
border: 11px solid transparent;
border-left: 16px solid #f19149;
}
#main #ft_info_wide p {
margin: 0 0 5px 25px;
float: left;
width: 390px;
font-size: 80%;
}
#main #ft_info_wide p.info_time {
margin-left: 0;
text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff;
}
#main #ft_info_wide ul.btn-upper {
width: 900px;
}
#main #ft_info_wide ul.btn-low {
width: 880px;
clear: left;
}
#main #ft_info_wide ul.btn-upper {
margin: 5px 0 0 25px;
}
#main #ft_info_wide ul.btn-low {
margin: 0 0 0 25px;
}
#main #ft_info_wide ul li {
margin-bottom: 6px;
text-align: center;
background: none;
display: inline-block;
width: 200px;
padding: 0 7px 0 0;
line-height: 2em;
}
#main #ft_info_wide ul.btn-low li {
float: left;
width: 200px;
padding-right: 7px;
}
#main #ft_info_wide ul li::after {
content: none;
}
#main #ft_info_wide ul li a {
display: block;
font-size: 0.85em;
padding: 5px 0;
text-align: center;
color: #fff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
background: #003567;
}
#main #ft_info_wide ul li.right a {
background: #dc5d1e;
}
#main #ft_info_wide ul li.right a:hover {
background: #ff9800;
}
#main #ft_info_wide ul li a:hover {
background: #0088f1;
}
#main #ft_info_wide ul li.first-child {
width: 431px;
}
#main #ft_info_wide ul li.first-child span {
font-size: 60%;
display: block;
}
#main #ft_info_wide ul li.first-child a {
font-size: 160%;
background: #dc5d1e;
}
#main #ft_info_wide ul li.first-child a:hover {
background: #ff9800;
}
#main #ft_info_wide ul li.right2 {
width: 212px;
}
#main #ft_info_wide ul li.right2 a {
background: #dc5d1e;
}
#main #ft_info_wide ul li.right2 a:hover {
background: #ff9800;
}
.ft_info_inner {
-ms-align-items: flex-end;
align-items: flex-end;
box-sizing: border-box;
border-radius: 4px;
border: 1px solid #fff;
background-color: rgba(255, 255, 255, 0.65);
backdrop-filter: blur(20px);
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-right: auto;
margin-left: auto;
width: 94%;
overflow: hidden;
}
.ft_info_lm_menu {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#main #ft_info .ft_info_lm_menu h3 {
font-size: 18px;
}
.ft_info_lm_man {
width: 20%;
height: auto;
}
.ft_info_lm_accent {
color: #dc5d1e;
font-size: 120%;
}
#main .ft_info_inner h3 {
border-bottom: none;
line-height: 1.25;
}
#main .ft_info_inner h3::after {
content: none;
}
#main .ft_info_inner .btn-low li a {
padding-top: 0.5em;
padding-bottom: 0.5em;
font-size: 1.15em;
}
#main #ft_info .ft_info_inner ul.btn-low li {
width: 114px;
font-size: 0.85em;
padding-right: 4px;
}
#main #ft_info_wide .ft_info_inner ul.btn-low li {
width: 160px;
} #main #trust-form table {
border-top: 1px dotted #ccc;
}
#main #trust-form table th, #main #trust-form table td {
padding: 5px;
border: none;
border-bottom: 1px dotted #ccc;
}
#main #trust-form table th {
position: relative;
width: 35%;
vertical-align: middle;
padding-right: 40px;
background: transparent;
font-size: 95%;
font-weight: normal;
}
#main #trust-form table th .require {
position: absolute;
top: 50%;
right: 5px;
padding: 3px 5px 0;
margin-top: -10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: #ff0000;
color: #fff;
font-size: 71%;
}
#main #trust-form table td input, #main #trust-form table td select, #main #trust-form table td textarea {
padding: 8px 12px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
border: 1px solid #dfdfdf;
background-color: #f7f7f7;
font-size: 95%;
}
#main #trust-form table td input.inputName {
width: 50%;
}
#main #trust-form table td input.inputMail {
width: 80%;
}
#main #trust-form table td input.inputAddress {
width: 20%;
}
#main #trust-form table td input.inputTel {
width: 30%;
}
#main #trust-form table td textarea.inputAddress {
width: 90%;
}
#main #trust-form table td textarea.inputContact {
width: 90%;
height: 150px;
}
#main #trust-form table td .error {
padding-top: 5px;
}
#main #trust-form table td div.submessage {
padding-top: 5px;
}
#main #trust-form table td ul {
margin: 0;
}
#main #trust-form table td ul li {
display: inline;
padding: 0;
background-image: none;
font-size: 95%;
}
#main #trust-form #confirm-button {
text-align: center;
}
#main #trust-form #confirm-button input {
padding: 15px 30px;
border: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background: #dc5d1e;
color: #fff;
font-size: 129%;
cursor: pointer;
}
#main #trust-form #confirm-button input:hover {
background-color: #ffa375;
}
#main #trust-form table td ul li:before {
background: none;
margin: 0;
padding: 0;
} #form_table {
text-align: center;
}
#form_table table td {
padding: 10px 5px;
text-align: left;
}
#form_table table td table td table td {
padding: 3px;
}
#form_table input[type="submit"], #form_table input[type="reset"] {
padding: 12px;
border-style: none;
display: inline-block;
border-radius: 3px;
font-size: 110%;
text-align: center;
cursor: pointer;
background: #003864;
color: #ffffff;
line-height: 1em;
border: 2px solid #003864; }
#form_table input[type="submit"]:hover, #form_table input[type="reset"]:hover {
color: #003864;
background: #ffffff;
} #main p.pointup {
color: #003567;
font-size: 115%;
font-weight: bold;
} #top #sub {
padding: 15px 8px 0 13px;
}
#sub {
width: 210px;
height: 100%;
float: left;
margin: 0 0 30px 0;
padding: 0 8px 0 13px;
text-align: center;
}
#sub ul li {
background-image: none;
padding-left: 0;
}
#sub h3 {
padding: 0;
margin: 0;
background: none;
}
#sub #side_sodan h3 {
background: #0068b7;
color: #fff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
font-weight: bold;
border-radius: 4px 4px 0 0;
padding: 5px 0 3px;
font-size: 110%;
}
#sub #side_sodan ul {
padding: 180px 0 0 0;
list-style: none;
margin: 0 0 10px;
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/btn_toi01.png) no-repeat top; overflow: visible;
}
#sub #side_sodan li {
padding: 0 0 6px;
margin: 0 auto;
width: 190px;
}
#sub #side_sodan li a {
display: table-cell;
border-radius: 4px;
background: #fff;
width: 190px;
height: 35px;
vertical-align: middle;
background-color: white;
line-height: 1.3;
color: #fff;
background: #dc5d1e;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}
#sub #side_sodan li:nth-child(1) a {
height: 50px;
}
#sub #side_sodan li a:hover {
background: #ff9800;
}
#sub #side_access {
margin: 0 auto 15px;
background: #ffffff url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/bg_contents_menu.png);
padding: 5px 5px 5px 5px;
border: 1px solid #ccc;
}
#sub .side-syozaichi {
text-align: center;
color: #030303;
padding: 15px 0;
background: #fff;
}
#sub #side_access ul {
background: #fff;
font-size: 80%;
}
#sub #side_access p {
color: #6f6f6f;
font-size: 20px;
font-weight: bold;
}
#sub #side_supportprice {
padding: 0;
list-style: none;
margin: 0 0 10px;
}
#sub .side-botton {
list-style: none;
margin: 20px 0 15px;
}
#sub .side-botton li {
text-align: center;
padding: 0;
margin: 0 0 5px;
}
#sub .side-botton li a img {
padding: 0;
margin: 0;
} #sub #menu-side-menu, #sub .menuBox {
margin: -1px auto 15px;
}
#sub .menuBox h1 {
background: #85C2FB;
line-height: 1.2em;
padding: 15px 0 10px;
}
#sub .menuBox h1 a {
color: #003864; font-weight: bold;
text-shadow: 0 0 2px rgba(255, 255, 255, 1);
}
#sub .menuBox ul {
text-align: left;
width: 210px;
}
#sub .menuBox ul li {
margin-top: 4px;
border: none;
font-size: 86%;
background: #e9e9e9;
}
#sub .menuBox ul li a {
padding: 5px 0;
display: block;
padding-left: 25px;
color: #010101;
text-decoration: none;
position: relative;
background: #e9e9e9;
}
#sub .menuBox ul li a:hover {
background: #f0f0f0;
}
#sub .menuBox ul li a:hover, #sub .menuBox ul li.current_page_item a {
text-decoration: none;
}
#sub .menuBox ul li a::after {
content: '';
display: inline-block;
position: absolute;
left: 8px;
width: 0;
height: 0;
top: 0.75em;
border: 6px solid transparent;
border-left: 9px solid #f19149;
}
#sub #menu-side-menu li, #sub .menuBox .side-menu li {
padding: 0;
list-style: none;
margin-top: 4px;
text-align: left;
background: #e9e9e9;
}
#sub .blogSide .menuBox > ul.side-menu-archive {
background: none;
border: none;
margin: 20px 0px 0px;
padding: 0px;
}
#sub .blogSide .menuBox > ul.side-menu-archive > li > a {
background: #FF921D;
line-height: 1.2em;
padding: 10px 0 5px;
border-bottom: 5px solid #FFE447;
font-size: 114%;
text-align: center;
color: #fff;
font-weight: bold;
}
.menuBox02 .side-menu li {
padding: 0;
list-style: none;
margin-top: 4px;
text-align: left;
}
.menuBox02 .side-menu li a {
position: relative;
color: #000;
font-size: 86%;
padding: 6px 0 6px 20px;
display: table-cell;
vertical-align: middle;
line-height: 1.4;
background: #C1E0FD;
width: 210px;
}
.menuBox02 .side-menu li a::after {
content: '';
display: inline-block;
position: absolute;
left: 8px;
width: 0;
height: 0;
top: 0.55em;
border: 7px solid transparent;
border-left: 5px solid #003864;
}
.menuBox02 .side-menu li a:hover {
text-decoration: none;
background: #DCEDFE;
}
#sub img.click {
margin: 10px 0 5px;
}
#sub .side-search {
text-align: center;
padding-left: 3px;
}
#sub .side-search h3 {
text-align: left;
padding-left: 15px;
}
#sub .side-search input#search {
width: 170px;
padding: 0;
}
#main .side-search input#search2 {
width: 300px;
padding: 0;
}
#sub .side-search input#submit {
width: 37px;
padding: 0;
} #main dl.dl-search {
margin-bottom: 20px;
}
#main dl.dl-search dt a {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/li-icon01-2.gif) no-repeat 0 3px;
padding-left: 15px;
margin-bottom: 3px;
}
#main dl.dl-search dd {
color: #666666;
} footer {
text-align: center;
margin: 0;
background: #003057;
}
footer .footer_txt {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/footer_logo.png) no-repeat left top;
color: #fff;
text-align: left;
padding: 0 0 0 145px;
}
#footer-inner {
width: 950px;
text-align: center;
margin: 0 auto;
padding: 32px 0 120px 0;
font-size: 80%;
}
#footer-inner p#copyright {
text-align: center;
color: #ffffff;
margin-top: 2em;
}
#footerNav {
margin-top: 50px;
}
#footerNav #menu-footer-menu {
display: block;
text-align: center;
margin: 0 auto 10px;
}
#footerNav #menu-footer-menu li:first-child {
border-left: none;
}
#footerNav #menu-footer-menu li {
display: inline-block;
border-left: 1px solid #ffffff;
}
#footerNav #menu-footer-menu li a {
color: #000;
font-size: 80%;
position: relative;
padding: 0 20px;
}
#footerNav #menu-footer-menu li a::after {
content: "|";
position: absolute;
right: -0.5em;
} #sub h3.side-blog {
background: #eb5f00;
color: #ffffff;
background-image: none;
border: none;
margin: 0 auto;
margin-bottom: 0;
padding: 3px 0;
font-weight: bold;
text-align: center;
width: 210px;
}
#sub .calender-content {
width: 210px;
margin: 10px auto 20px;
}
#sub .calendar table {
text-align: center;
width: 100%;
font-size: 80%;
line-height: 140%;
color: #5f5f5f;
}
#sub .calendar table th.sun {
color: #ee0000;
}
#sub .calendar table th.sat {
color: #0000be;
}
#main img.blog-banner {
margin-bottom: 20px;
}
#main .entry-box {
border-bottom: 1px solid #cccccc;
padding-bottom: 20px;
margin-bottom: 30px;
}
#main .entry-box h1 a {
color: #ffffff;
text-decoration: none;
}
#main p.date {
color: #339966;
padding: 0;
font-weight: bold;
margin-bottom: 10px;
}
#main .page-pre-next {
text-align: center;
}
#main .page-pre-next ul {
list-style: none;
font-size: 90%;
margin: 0 0 20px 0;
}
#main .page-pre-next ul li {
display: inline;
margin: 0;
padding: 0;
}
#main .page-pre-next ul li.pre, #main .page-pre-next ul li.home {
margin: 0 5px 0 0;
border-right: 1px solid #cccccc;
padding: 0 5px 0 0;
}
#main .page-pre-next ul li.pre2, #main .page-pre-next ul li.next2 {
display: block;
width: 4em;
}
.blog {
border-top: 1px solid #cccccc;
}
#main .page-pre-next ul.page-li li {
background-image: none;
}
#main .page-archive {
text-align: center;
} .listStyleNone li {
list-style: none;
background: none !important;
padding: 0 !important;
}
.2column {
display: table;
width: 100%;
}
.listImage {
display: table-cell;
width: auto;
}
.listImage img {
margin: 0 10px 10px 0;
}
.listText {
display: table-cell;
vertical-align: top;
}
.listText ul li {
margin-bottom: 3px;
}
.width50 {
display: table-cell;
width: 315px;
}
.width50 img {
margin: 10px 0;
}
.txtRight {
text-align: right;
}
.txtCenter {
text-align: center;
}
.bold {
font-weight: bold;
}
.txtRed {
color: #ff0000;
}
.txt140 {
font-size: 140%;
}
.txt130 {
font-size: 130%;
}
.txt120 {
font-size: 120%;
}
.txt110 {
font-size: 110%;
}
#tbl-bdr table, #tbl-bdr td, #tbl-bdr th {
border-collapse: collapse;
border: 1px solid #cccccc;
} .bnrKaikeigyomu {}
.bnrKaikeigyomu .listDouble {
width: 680px;
}
.bnrKaikeigyomu .listDouble li {
background: none !important;
margin: 0 !important;
padding: 5px !important;
display: inline-block;
}
.bnrKaikeigyomu .listSingle li {
background: none !important;
padding: 0 5px !important;
margin-bottom: 30px;
} #mainCol {
width: 665px;
float: right;
margin: 15px 15px 30px;
}
#mainCol p.bnr {
margin-bottom: 20px;
}
#mainCol .entry {
margin-bottom: 40px;
}
#mainCol #main .entry h1 a {
color: #000;
}
#mainCol h2.cateTit {
margin-bottom: 20px;
padding: 10px 15px;
background: #339966;
color: #fff;
text-align: left;
font-size: 140%;
font-weight: bold;
}
#mainCol #main {
width: 100%;
float: none;
margin: 0;
}
#mainCol #main img {
max-width: 100%;
height: auto;
}
#main .wp-pagenavi {
margin-bottom: 40px;
text-align: center;
}
#main .wp-pagenavi a, #main .wp-pagenavi span {
padding: 10px 15px;
border: 1px solid #ff6600;
}
#main .wp-pagenavi span.pages {
display: block;
}
#main .wp-pagenavi span.pages, #main .wp-pagenavi span.extend {
border-color: #fff;
}
#main .wp-pagenavi a {
background: #ff6600;
color: #fff;
display: inline-block;
}
#main .wp-pagenavi a:hover {
background: #fff;
color: #ff6600;
}
#main .pagefeed ul {
padding-top: 40px;
margin-bottom: 40px;
text-align: center;
}
#main .pagefeed ul li {
display: inline-block;
padding: 0;
background-image: none;
}
#main .pagefeed ul li::after {
content: none;
}
#main .pagefeed ul li.top {
border: 1px solid #ccc;
border-width: 0 1px;
margin: 0 10px;
padding: 0 10px;
}
#sub .blogSide .menuBox h1 {
color: #fff;
font-weight: bold;
}
#sub table#wp-calendar {
position: relative;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
width: 100%;
background: #fff;
text-align: center;
padding-bottom: 5px;
}
#sub table#wp-calendar td#prev {
position: absolute;
top: 10px;
left: 10px;
}
#sub table#wp-calendar td#next {
position: absolute;
top: 10px;
right: 10px;
}
#sub table#wp-calendar caption {
background: #fff;
text-align: center;
padding: 10px 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
#sub table#wp-calendar th, #sub table#wp-calendar td {
text-align: center;
font-size: 93%;
}
#sub table#wp-calendar tfoot {
height: 5px;
}
#sub table#wp-calendar td.pad { } #right-side-area01 h4 {
background: #00736d;
padding: 9px 0 6px 0;
text-align: center;
font-size: 110%;
color: #fff;
line-height: 1.4;
border-radius: 4px;
font-weight: bold;
} #top #right-side-area01 {
position: absolute;
right: -130px;
width: 130px;
top: -960px;
}
#right-side-area01 {
position: absolute;
right: -130px;
width: 130px;
top: 0;
} #right-side-area01 div {
margin: 8px 0;
background: #ffdda3 url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/right_side_back.png) no-repeat 50% top;
}
#right-side-area01 p {
width: 120px;
margin: 0 auto;
border-radius: 5px;
padding: 85px 5px 5px 5px;
text-align: left;
line-height: 1.3;
text-align: center;
font-size: 85%;
}
#right-side-area01 p strong {
color: #00736d;
}
#right-side-area01 ul {
width: 130px;
margin: 0 auto;
padding: 0;
}
#right-side-area01 ul li {
margin-bottom: 8px;
}
#right-side-area01 ul li a {
display: block;
text-align: center;
position: relative;
} .wrapper { width: 950px;
margin: 0 auto;
position: relative;
}  #top #left-side-area01 {
position: absolute;
left: -130px;
width: 130px;
top: -960px;
}
#left-side-area01 {
position: absolute;
left: -130px;
width: 130px;
top: 0;
} #left-side-area01 ul {
width: 130px;
margin: 0 auto;
padding: 0;
}
#left-side-area01 ul li {
margin-bottom: 8px;
} div.souzokuNagare1, div.souzokuNagare2, div.souzokuNagare3, div.souzokuNagare4, div.souzokuNagare5 {
display: block;
height: 41px;
width: 627px;
clear: both;
}
div.souzokuNagare1 {
background: url(//www.zeirisi.co.jp/wp-content/uploads/2016/04/category_back01.png) no-repeat;
}
div.souzokuNagare2 {
background: url(//www.zeirisi.co.jp/wp-content/uploads/2016/04/category_back02.jpg) no-repeat;
}
div.souzokuNagare3 {
background: url(//www.zeirisi.co.jp/wp-content/uploads/2016/04/category_back03.jpg) no-repeat;
}
div.souzokuNagare4 {
background: url(//www.zeirisi.co.jp/wp-content/uploads/2016/04/category_back04.jpg) no-repeat;
}
div.souzokuNagare5 {
background: url(//www.zeirisi.co.jp/wp-content/uploads/2016/04/category_back05.png) no-repeat;
}
div.souzokuNagare1 p, div.souzokuNagare2 p, div.souzokuNagare3 p, div.souzokuNagare4 p, div.souzokuNagare5 p {
margin: 6px 10px 0 0;
width: 213px;
height: 32px;
float: right;
}
#pageFooter {
clear: both;
border: 2px solid #DBEEFE;
border-radius: 8px;
padding: 30px 16px;
width: 95%;
margin: 60px auto 0 auto;
box-sizing: border-box;
position: relative;
}
#nstmp #pageFooter {
margin: 30px auto 0 auto;
width: 100%;
}
#main #pageFooter h2.ttl_kanren {
position: absolute;
padding: 0 0.5em 0 1.5em;
top: 0;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
display: inline-block;
background: #fff;
margin-bottom: 10px;
margin-right: 0.75em;
font-size: 125%;
border: none;
line-height: 1.3;
max-width: 95%;
}
#main #pageFooter h2.ttl_kanren::before {
position: absolute;
content: "";
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/icon_light.png) no-repeat;
display: inline-block;
width: 1em;
height: 1.5em;
left: 0.25em;
top: -6px;
}
#main #pageFooter h2.ttl_kanren::after {
content: "";
}
#pageFooter ul li.page_item {
width: 280px;
list-style-type: none;
padding-left: 14px;
display: inline-block;
vertical-align: top;
}
#nstmp #pageFooter ul li.page_item {
width: 260px;
padding-left: 14px;
} .btn_style {
width: 600px;
margin: 0 auto;
clear: both
}
#main ul.btn_style li {
background: none;
padding: 0;
margin-bottom: 10px;
}
#main ul.btn_style li:after {
position: absolute;
top: 10px;
left: 0px;
width: 0;
height: 0;
background: #93DA35;
content: "";
}
.btn_style a {
position: relative;
display: block;
background: #FF921D;
color: #fff;
text-decoration: none;
padding: 8px 0 5px 45px;
border-radius: 5px;
border: 1px solid #FF921D;
box-shadow: inset 1px 1px 0px 0px #FCC246;
-moz-box-shadow: inset 1px 1px 0px 0px #FCC246;
-webkit-box-shadow: inset 1px 1px 0px 0px #FCC246;
}
.btn_style a:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 25px;
width: 0;
height: 0;
margin-top: -5px;
border: 5px solid transparent;
border-left: 5px solid #fff;
}
.btn_style a:hover {
background: #FCC246;
} div.staffBox {
margin-bottom: 25px;
padding-bottom: 20px;
}
div.staffBox div.staffText {
float: right;
width: 430px;
padding-top: 5px;
} #main #trust-form ul li::after {
background: transparent;
} img.ChartStyle1 {
width: 75%;
display: block;
margin: 0 auto;
} ul.yokoh_lt {
clear: both;
list-style: none;
padding: 0;
margin: 0 0 0px;
width: 665px;
margin: 0;
text-align: center;
list-style-type: none;
flex-wrap: wrap;
overflow: hidden;
}
#main .yokoh_lt li {
float: left;
width: 200px;
list-style: none;
padding: 0 20px 0 0;
margin: 0 0 0px;
font-size: 1.0em;
background: none;
list-style-type: none;
}
#main .yokoh_lt li::after {
background: none;
}
ul.yokoh_lt2 {
clear: both;
list-style: none;
padding: 0;
margin: 0 0 0;
width: 665px;
margin: 0;
}
#main .yokoh_lt2 li {
float: left;
width: 200px;
list-style: none;
padding: 0 20px 0 0;
margin: 0 0 0px;
font-size: 1.0em;
background: none;
}
#main .yokoh_lt2 li::after {
background: none;
}
dl.yokoh_ltdl {
clear: both;
margin: 0 0 0 5px;
}
ul.yokoh_lt5 {
clear: both;
list-style: none;
padding: 0;
margin: 0 0 0px;
width: 665px;
margin: 0 0 30px;
}
#main .yokoh_lt5 li {
float: left;
width: 302px;
list-style: none;
padding: 0 20px 0 10px;
margin: 0 0 0px;
font-size: 1.0em;
line-height: 1.2;
_line-height: 1.5;
}
#main .yokoh_lt5 li::after {
background: none;
}
ul.yokoh_lt5 li:nth-child(odd) {
padding: 0 6px 5px 0;
}
.ac_tbl {
border: 2px solid #cccccc;
}
.ac_tbl th {
border: 1px solid #cccccc;
}
.ac_tbl td {
border: 1px solid #cccccc;
} #pack10 {
margin-left: 60px;
}
.pack10_hd {
clear: both;
width: 800px;
height: 511px; background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/pack10_hd_bg.jpg) left top no-repeat;
padding: 61px 0 0px;
margin: 0;
}
h2#pack10_hd01::after {
content: none;
}
h2#pack10_hd01 {
border: none;
}
.pack10_hd01_mr {
margin: 30px 0 0;
padding: 0;
}
.pack10_hd02_mr {
margin: 0 0 40px;
padding: 0;
}
.pack10_hdi_lf {
margin: 0 0 0 82px;
padding: 0;
}
.pack_main1 {
clear: both;
width: 552px; min-height: 379px;
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/pack_cnt01_bg.gif) left top no-repeat;
margin: 20px 0 0 101px;
padding: 0 0 0 48px;
}
.pack_cnt01_md {
width: 510px; background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/pack_cnt01_md.gif) left top repeat-y;
padding: 5px 16px 0;
font-size: 75%;
color: #89734c;
line-height: 1.4;
}
.pack_cnt02_md {
width: 516px; background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/pack_cnt02_md.gif) left top repeat-y;
padding: 5px 15px 0 11px;
}
.pack_cnt02_in {
clear: both;
width: 516px;
margin: 0;
}
.pack_cnt02_l {
float: left;
width: 193px;
margin: 0;
padding: 0 0 0px;
}
.pack_cnt02_r {
float: left;
width: 323px;
margin: 0;
padding: 0;
font-size: 75%;
color: #89734c;
line-height: 1.4;
padding: 0 0 15px;
}
.pack_cnt02_ft {
margin: 0 0 20px;
}
.pack_main1_sb {
clear: both;
width: 590px;
font-size: 75%;
color: #595757;
line-height: 1.4;
margin: 0 0 0 101px;
padding: 0 0 0px;
}
.pack_main1_sb_l {
float: left;
width: 160px;
margin: 0;
padding: 0 0 0px;
}
.pack_main1_sb_r {
float: left;
width: 430px;
margin: 0;
padding: 0 0 15px;
}
.pack_main3 {
clear: both;
width: 580px; background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/pack_cnt03_bg.gif) left top no-repeat;
margin: 0px 0 0 0px;
padding: 18px 0 0 111px;
}
.pack_main3_sb {
clear: both;
width: 580px;
margin: 0;
padding: 0 0 0px;
}
.pack_main3_sb_l {
float: left;
width: 50px;
margin: 0;
padding: 0 0 0px;
}
.pack_main3_sb_r {
float: left;
width: 530px;
margin: 0 0 25px;
padding: 0;
font-size: 75%;
color: #89734c;
line-height: 1.4;
}
h2#pack10_hd01 {
margin: 0;
padding: 0;
}
h3#pack_cnt01_hd {
margin: 0px;
padding: 0;
border: none;
}
h3#pack_cnt01_hd::after {
content: none;
}
h4.pack_cnt03_ttl {
margin: 0px 0 15px;
}
h5.pack_cnt05_ttl {
font-size: 75%;
margin: 0 0 5px;
padding: 15px 0 0;
border: 1px dashed #ccc;
}
h3#sou_form {
width: 620px;
margin: 0 auto;
}
.pack_urain { background: #eeebd2;
width: 666px; margin: 0;
padding: 0 67px 25px;
}
.pack_urain:after {
content: "";
display: table;
clear: both;
}
.pack_main5 {
clear: both;
background: #ffffff;
width: 636px; padding: 25px 14px 25px 16px;
margin: 0 0 30px;
}
.pack_main5_sb {
clear: both;
width: 636px;
font-size: 75%;
color: #595757;
line-height: 1.4;
margin: 0;
padding: 0;
}
.pack_main5_sb_l {
float: left;
width: 50px;
margin: 0;
padding: 0;
}
.pack_main5_sb_r {
float: left;
width: 586px;
margin: 0;
padding: 0 0 15px;
}
.pack_main6 {
clear: both;
width: 666px; font-size: 75%;
color: #595757;
line-height: 1.4;
margin: 0 0 0 0;
padding: 0;
}
.pack_main6_l {
background: #ffffff;
float: left;
width: 294px; margin: 7px 0 0;
padding: 15px;
}
.pack_main6_r {
background: #ffffff;
float: right;
width: 294px; margin: 7px 0 0;
padding: 15px;
}
.inputText {
padding: 0 0 0 4px;
line-height: 1.6;
} #pack30 {
width: 855px;
margin: 0 auto;
}
#pack30 .main_area {
height: 100%;
background: #A58C64;
padding: 0px 0px 15px 0px;
margin: 0 auto;
}
#pack30 .main_area p {
padding: 20px 0px 0px 0px;
text-align: center;
}
#pack30 .button {
margin: 30px 0px 0px 0px;
}
#pack30 .button ul {
clear: both;
}
#pack30 .button li {
float: left;
margin: 0;
}
#pack30 .button li.mt {
margin-top: 7px;
}
#contents30 p {
font-weight: bold;
}
#contents30 h2 {
margin: 30px 0px 0px 0px;
padding: 0;
}
#contents30 .mt50 {
margin-top: 50px;
text-align: center;
}
#contents30 .mt30 {
margin-top: 30px;
}
#contents30 .mt20 {
margin-top: 20px;
text-align: center;
}
#contents30 p.arrow {
margin: 10px 0px 10px 0px;
text-align: center;
}
#contents30 p.barrow {
margin: 30px 0px 10px 0px;
text-align: center;
}
#contents30 p.txt {
margin: 15px 0px 0px 18px;
line-height: 1.6em;
}
#contents30 ul li {
margin-top: 20px;
}
#contents30 h4 {
margin-top: 25px;
}
#contents30 .step dl {
width: 651px;
float: left;
}
#contents30 .step dd {
margin: 10px 0px 0px 0px;
text-indent: 3.5em;
font-size: 17px;
}
#contents30 .step p {
margin: 0px;
padding: 0;
float: right;
}
#contents30 .voice {
width: 827px;
height: 511px;
margin: 30px 0px 0px 0px;
background: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/bg_voice.gif) top left no-repeat;
padding: 55px 0px 0px 28px;
}
#contents30 .voice h3 {
margin: 25px 0px 15px 0px;
padding: 0;
border: none;
}
#contents30 .voice p {
font-size: 16px;
font-weight: bold;
width: 785px;
line-height: 1.7em;
margin-left: 0.1em;
}
#pack30 .s_area {
width: 754px;
padding-left: 50px;
}
#pack30 .s_area p {
margin-top: 40px;
}
#pack30 .s_area h4 {}
#pack30 .s_area dl {
margin-top: 25px;
clear: both;
}
#pack30 .s_area .pt {
padding-top: 15px;
}
#pack30 .s_area dt {
width: 242px;
float: left;
}
#pack30 .s_area dd {
float: left;
}
#pack30 .s_area dd.list {
line-height: 1.92em;
width: 485px;
font-size: 12px;
float: left;
font-weight: bold;
margin-left: 10px;
background: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/square.gif) left no-repeat;
padding: 0px 0px 0px 17px;
}
#pack30 .s_area dl dd.letter {
letter-spacing: -0.1em;
}
#pack30 .s_area dl dd.pl {
padding-left: 40px;
}
#pack30 .s_area dl dd.pl2 {
padding-left: 10px;
}
#pack30 .s_area dl dd.pl3 {
padding-left: 5px;
}
#pack30 .s_area dl dd.pl4 {
padding-left: 6px;
}
#pack30 .s_area dl dd.pl5 {
padding-left: 9px;
}
#pack30 .s_area dl dd.pl6 {
padding-left: 1px;
}
#pack30 .s_area dl dd span {
font-size: 11px;
}
#pack30 .s_area hr {
display: block;
border-top: 1px dotted #000;
margin-top: 20px;
}
#main #pack30 ul li:after {
background: none;
}
#main #pack30 h2 {
border: none;
}
#main #pack30 h2:after {
content: none;
}
#main #pack30 h3:after {
content: none;
} ol.kaiseiList li {
padding-left: 1em;
text-indent: -1em;
}
.kaiseiPT {
font-size: 120%;
}
table.tbl_kaisei03 {
width: 100%;
border-collapse: collapse;
border: 1px #cccccc solid;
font-size: 1.2em;
margin: 0 0 15px;
}
table.tbl_kaisei03 th {
font-weight: normal;
text-align: left;
vertical-align: middle;
padding: 5px;   border: none;
background: #fcfbf8;
}
table.tbl_kaisei03 td {
font-weight: normal;
padding: 5px;
line-height: 150%; border-left: 1px #cccccc solid;
border-right: 1px #cccccc solid;
background: #fcfbf8;
text-align: center;
}
table.tbl_kaisei03 th.ttl {
background-color: #f2f0e6;
border-right: 1px solid #cccccc;
text-align: center;
}
table.tbl_kaisei03 th.dash-t {
border-top: 1px dotted #cccccc;
border-left: none;
}
table.tbl_kaisei03 td.dash-t {
border-top: 1px dotted #cccccc;
}
table.tbl_kaisei03 th.dash-r0 {
border-left: 1px dotted #cccccc;
}
table.tbl_kaisei03 th.dash-r {
border-right: 1px dotted #cccccc;
}
table.tbl_kaisei03 td.dash-r {
border-right: 1px dotted #cccccc;
}
table.tbl_kaisei03 th#dash-00 { border-right: 1px dotted #cccccc;
}
table.tbl_kaisei03 th.line-b {
border-bottom: 1px solid #cccccc;
}
div.manu table.tbl_kaisei03 th.txta_r {
text-align: right;
}
.kakko {
position: relative;
width: auto;
padding: 0px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
float: right;
}
.kakko::before, .kakko::after {
position: absolute;
top: 0;
content: '';
width: 50px;
height: 100%;
border-radius: 20%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.kakko::before {
left: 0;
border-left: 2px solid #b2b2b2;
border-radius: 8px 0 0 8px;
border-top: none;
border-bottom: none;
}
.kakko::after {
right: 0;
border-right: 2px solid #b2b2b2;
border-radius: 0 8px 8px 0;
border-top: none;
border-bottom: none;
}
#main ul.page-menu li {
display: inline-block;
font-size: 90%;
width: 210px;
height: 40px;
text-align: left;
text-decoration: none;
line-height: 40px;
outline: none;
background-color: #e9e9e9;
color: #fff;
margin: 0 5px 5px 0;
padding-left: 20px;
}
ul.page-menu li::before, ul.page-menu li::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
ul.page-menu li a::before {
position: absolute;
top: 1em;
bottom: 0;
left: 0.25em;
content: "";
width: 14px;
height: 14px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #f19149;
}
ul.page-menu li a::after {
position: absolute;
top: -0.05em;
bottom: 0;
margin: auto;
content: "";
left: 7px;
box-sizing: border-box;
width: 5px;
height: 5px;
border: 3px solid transparent;
border-left: 5px solid #fff;
}
ul.page-menu li, ul.page-menu li::before, ul.page-menu li::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
#main ul.page-menu li:hover {
background-color: #d1e9ff;
} #main table.company_stbl {
margin: 0;
border-collapse: collapse;
border: none;
background-color: #fcfbf8;
}
#main table.company_stbl tr {
padding: 0;
margin: 0;
border-bottom: 1px solid #e0e0d1;
}
#main table.company_stbl tr.b_non {
padding: 0;
margin: 0;
border-bottom: none;
}
#main table.company_stbl th {
font-weight: normal;
padding: 7px 0 10px 0;
border: none;
}
#main table.company_stbl td {
padding: 7px 20px 10px 3px;
border: none;
vertical-align: top;
line-height: 1.3;
}
td.company_stbl_w01 {
width: 40%;
}
td.company_stbl_w02 {
width: 60%;
} #main #story {
margin-left: 22px;
width: 620px;
margin-bottom: 0px; padding: 0;
background: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/story_bg.gif) repeat-y;
line-height: 1.5;
}
#main #story p {
width: 574px;
padding: 20px 23px;
line-height: 1.5;
}
div#story2 {
width: 620px;
height: 186px;
margin: 15px 0 25px 22px;
padding: 0;
background: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/story_tel_bg.gif) no-repeat;
}
div.story2in {
display: inline;
float: left;
width: 310px;
height: 80px;
padding: 20px 0 0 0;
text-align: center;
} #main #inner_es2 {
background: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/esp_imgp01.jpg) right 0px no-repeat;
width: 665px;
}
#main #inner_es2 ul.esp_ls00 {
list-style-type: none;
margin: 0 0 35px 0px;
}
#main #inner_es2 ul.esp_ls00 li:after {
background: none;
}
#main #inner_es2 ul.esp_ls00 li.case01 {
background: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/esp_case01.png) 0 3px no-repeat;
padding: 0 0 21px 57px;
width: 400px;
}
#main #inner_es2 ul.esp_ls00 li.case02 {
background: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/esp_case02.png) 0 3px no-repeat;
padding: 0 0 21px 57px;
width: 400px;
}
#main #inner_es2 ul.esp_ls00 li.case03 {
background: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/esp_case03.png) 0 3px no-repeat;
padding: 0 0 21px 57px;
width: 400px;
}
#main #bg_lt {
background: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/bg_letter3.gif) top left no-repeat;
width: 665px;
padding: 20px 0 5px 25px;
margin: 0 0 30px;
}
#main #bg_lt ul.esp_ls {
list-style-type: none;
margin: 0 0 25px 0px;
}
#main #bg_lt ul.esp_ls li:after {
background: none;
}
#main #bg_lt ul.esp_ls li {
background: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/ic_check02.png) left 0 no-repeat;
padding: 0 0 0px 37px;
line-height: 2.4;
}
#main #cs_btn_cnt {
width: 100%;
clear: both;
padding: 0 0 30px;
margin: 20px 0 15px;
}
#main #cs_btn_cnt ul.esp_ls02 li {
float: left;
padding: 0;
}
#main #cs_btn_cnt ul.esp_ls02 li.mr30 {
margin: 0 30px 0 0;
}
#main #cs_btn_cnt ul.esp_ls02 li:after {
background: none;
}
#main .esp_mlt {
border-top: 1px solid #cccccc;
padding: 15px 0 0;
}
#main #esp_crs {
margin: 0 0 25px;
border: 2px solid #bddff4;
padding: 15px 30px;
background: #ffffff;
} #main p.srv_cal {
float: left;
width: 450px;
margin-bottom: 30px;
}
#main div.srv {
float: left;
width: 620px;
border: 1px #cccccc solid;
background: #ffffff;
margin: 0 0 12px 0;
padding: 25px 18px 10px 18px;
}
.srv_l {
width: 190px;
float: left;
}
.srv_r {
width: 410px;
float: right;
}
.srv_r p {
margin-bottom: 15px;
}
#main div.srv ul {
font-size: 90%;
line-height: 150%;
width: 50%;
float: left;
}
#main div.srv ul li {
list-style: none;
padding-left: 0;
}
#main div.srv ul li:after {
background: none;
} .income_tbl {
clear: both;
width: 608px;
margin: 0px auto 17px;
border-collapse: collapse;
line-height: 1.6;
}
.income_tbl td {
vertical-align: top;
padding: 2px 0;
}
.income_td01 {
width: 32%;
white-space: nowrap;
}
.income_td02 {
width: 8%;
text-align: center;
white-space: nowrap;
}
.income_td03 {
width: 55%;
}
div.corpo03_ft {
width: 608px;
min-height: 126px;
margin: 0 0 25px 0;
padding: 0;
}
div.corpo03 {
width: 608px;
min-height: 126px;
margin: 0 0 15px 0;
padding: 0 0 45px 0;
}
div.corpo03 p.yj002 {
width: 608px;
}
div.corpo03 p.yj002 img {
margin: 0 auto;
}
div.corpo03 img.l, div.corpo03_ft img.l {
float: left;
margin-left: 10px;
}
div.corpo03 h6, div.corpo03_ft h6 {
float: left;
width: 79px;
height: 126px;
margin: 0 10px 0 0;
}
div.corpo03_in {
display: inline;
float: right;
width: 512px;
min-height: 126px;
height: 100%;
}
div.corpo03_in ul {
margin: 0 0 0 0px;
list-style-type: none;
padding: 0;
}
div.corpo03_in li {
list-style-type: none;
padding-left: 1em;
}
div.corpo03_in dt {
padding-left: 1em;
text-indent: -1em;
} #main ul.agri {
list-style: none;
float: left;
}
#main ul.agri li:after {
background: none;
}
#main ul.agri li {
width: 50%;
padding: 0 20px 10px 0;
}
#main ul.agri h4 {
margin-bottom: 10px;
}
#main ul.agri p {
width: 290px;
line-height: 150%;
} #main .fl_rt {
float: right;
margin: 0 0 0 20px;
}
#main ul.noml_lst2 li {
list-style-type: none;
padding-left: 0px;
}
#main ul.noml_lst2 li:after {
background: none;
} #main .prt_l {
float: left;
width: 395px;
margin-bottom: 25px;
}
#main p.prt_r img {
float: right;
} #main ul.words_lst {
clear: both;
width: 100%;
list-style: none;
margin: 0 0 25px;
padding: 3px 0 4px 0;
background-color: #e2e9ee;
display: inline-block;
}
#main ul.words_lst li {
float: left;
list-style-type: none;
line-height: 1.6;
border-right: 1px solid #ccc;
padding: 0 13px 0 12px;
margin: 3px 0 0;
color: #666;
}
#main ul.words_lst li:after {
background: none;
}
#main div.words_cnt dd {
margin: 0 0 15px;
padding: 0 0 25px;
border-bottom: 1px dashed #ccc;
}
#main div.words_cnt dt {
font-weight: bold;
font-size: 105%;
color: #000066;
margin: 0 0 5px;
padding: 0 0 2px;
text-decoration: underline;
}
#main p.words_tp01 {
line-height: 1.2;
margin: 0;
padding: 12px 0 0;
}
#main p.words_tp {
padding: 12px 0;
} #main h2.estate {
margin: 18px auto 13px;
background-image: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/estate_ttl3.png);
height: 118px;
font-size: 20px;
font-weight: bold;
padding-left: 10px;
line-height: 5.5em;
border: none;
}
#main h2.estate:after {
content: none;
} #main .voice_frm {
width: 665px;
border: 1px solid #ccc;
margin: 0 auto 10px;
clear: both;
}
#main .voice_frm h4 {
background: #c7d7ec;
padding: 7px 15px;
font-weight: bold;
}
#main .voice_frm h4 span.vnews {
background: #0065b2;
padding: 2px 5px 0px 7px;
color: #ffffff;
font-size: 0.8em;
float: right;
}
#main .voice_txt {
float: left;
width: 63%;
margin: 10px;
}
#main .voice_img {
float: left;
margin: 10px;
}
#main .voice-q {
color: #003567;
font-weight: bold;
}
#main .voice_txt2 {
margin: 10px;
} #main p.q {
padding-bottom: 6px;
padding-left: 35px;
background: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/faq_q_bg.png) left top no-repeat;
}
#main p.a {
margin: 13px auto 10px auto;
padding-left: 35px;
background: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/faq_a_bg.png) left top no-repeat;
}
#main div.a_exp {
margin-left: 35px;
}
.waku {
border: 1px solid #ccc;
padding: 10px;
} div.ja_div01 {
border: 1px solid #cccccc;
padding: 7px;
margin: 12px 0;
background: #fff;
}
div.ja_div02 {
width: 340px;
float: right;
margin: 0px 0px 10px 15px;
} a.pdf:link {
background: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/pdf.gif) no-repeat top left;
padding-left: 25px;
padding-bottom: 5px;
text-decoration: underline;
color: #000066;
} .publishing_entry {
border-top: 1px solid #ccc;
padding: 30px 0;
}
.publishing_entry:nth-child(1) {
border-top: none;
}
.publishing_info {
margin-bottom: 10px;
}
.publishing_left {
float: left;
width: 150px;
}
.publishing_left .book-img {
border: 1px solid #999;
}
.publishing_right {
float: right;
width: 500px;
}
#main .publishing_right h1 {
background: #BADFFB;
border: none;
padding: 0 10px;
font-size: 110%;
}
#main .publishing_right h1 a {
color: #000;
}
#main .publishing_right h1::after {
background: none;
}
.publishing_right .btn_left_s {
text-align: center;
}
.bookinn2 {
clear: both;
margin: 0 auto 20px;
}
.bookinn2 h6 {
font-weight: bold;
margin-top: 1em;
}
.bookinn2 dl {
font-size: 90%;
margin-left: 1em;
}
.bookinn2 dt {
font-weight: bold
}
.bookinn2 dd {
margin-left: 1em;
} img.attachment_img {
float: right;
margin: 0 0 20px 10px;
} img.tvradio_img {
float: right;
margin: 0 0 20px 10px;
} .btn_left_s a {
background: #003864;
display: inline-block;
color: #fff;
padding: 2px 20px;
border-radius: 2px;
} .btn_left_s a:hover {
background: #0088f1;
}
#main ul.btn_list {
margin-bottom: 30px;
} #main ul.btn_list li {
margin: 0 0 10px 8px;
padding: 0;
width: 210px;
float: left;
border: 1px solid #003864;
border-radius: 3px;
}
#main ul.btn_list li::after {
background: none;
}
#main ul.btn_list li a {
padding: 2px 10px;
width: 190px;
display: table-cell;
vertical-align: middle;
font-size: 95%;
height: 55px;
background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
line-height: 1.2;
position: relative;
}
#main ul.btn_list li a::after {
position: absolute;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-top: 4px solid #003864;
left: 195px;
top: 26px;
content: "";
}
#main ul.btn_list li a:hover {
background: #fff;
text-decoration: none;
}
#main div.pagefeed {
clear: both;
} #main h2.LP_style01, #main h2.LP_style02, #main h2.LP_style03, #main h2.LP_style04, #main h2.LP_style05, #main h2.LP_style06, #main h2.LP_style07, #main h2.LP_style08 {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/ttl_LP_style07.png) no-repeat;
border: none;
min-height: 80px;
color: #fff;
font-size: 150%;
padding: 65px 0 0 35px;
}
#main h2.LP_style02 {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/ttl_LP_style02.png) no-repeat;
}
#main h2.LP_style03 {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/ttl_LP_style03.png) no-repeat;
}
#main h2.LP_style04 {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/ttl_LP_style04.png) no-repeat;
}
#main h2.LP_style05 {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/ttl_LP_style06.png) no-repeat;
}
#main h2.LP_style06 {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/ttl_LP_style09.png) no-repeat;
}
#main h2.LP_style07 {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/ttl_LP_style07.png) no-repeat;
}
#main h2.LP_style08 {
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/ttl_LP_style08.png) no-repeat;
}
#main h2.LP_style01::after, #main h2.LP_style02::after, #main h2.LP_style03::after, #main h2.LP_style04::after, #main h2.LP_style05::after, #main h2.LP_style06::after, #main h2.LP_style07::after, #main h2.LP_style08::after {
content: "|";
color: #fff;
left: 15px;
top: 55px;
} #books-new {
width: 920px;
margin: 0 auto;
padding: 0;
}
#books-new #header_inner {
width: 920px;
margin: 0 auto;
padding: 70px 0 0;
border-bottom: 3px solid #14398e;
background: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/bg_header.png) right bottom no-repeat;
}
#books-new #header_inner h1 {
margin: 0 0 25px 5px;
padding: 0;
font-size: 180%;
line-height: 1.45em;
font-weight: bold;
background: none;
border: none;
}
#books-new #header_inner h1:after {
content: none;
}
#books-new .blocks_001 dl {
float: left;
width: 590px;
}
#books-new .blocks_001 dl dt {
text-align: center;
margin: 0 0 35px;
padding: 0 0 50px;
background: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/bg_between_A.png) center bottom no-repeat;
}
#books-new .blocks_001 dl dd {
text-align: center;
margin: 0;
padding: 0;
}
#books-new .blocks_001 p {
float: right;
width: 327px;
margin: 0;
padding: 0 0 25px;
font-size: 0;
line-height: 0;
}
#books-new .blocks_001 ul {
margin: 0;
padding: 0;
}
#books-new .blocks_001 ul li {
text-align: center;
margin: 0;
padding: 0 0 45px;
}
#books-new .blocks_001 ul li.note {
text-align: left;
margin: 0;
padding: 0 0 55px 5px;
}
#books-new .blocks_002 {
clear: both;
}
#books-new .blocks_002 .frame {
width: 920px;
background: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/obj_02_004.gif) 0 0 repeat-y;
margin: 0;
padding: 0;
}
#books-new .blocks_002 .inner {
width: 920px;
background: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/obj_02_003.gif) 0 bottom no-repeat;
margin: 0;
padding: 0 0 55px;
}
#books-new .blocks_002 dl.profile {
margin: 0;
padding: 0;
}
#books-new .blocks_002 dl.profile dt {
margin: 0;
padding: 0 0 20px;
font-size: 180%;
line-height: 0;
}
#books-new .blocks_002 dl.profile dd {
margin: 0;
padding: 0 50px;
}
#books-new .blocks_002 dl.profile dd ul {
margin: 0;
padding: 0;
}
#books-new .blocks_002 dl.profile dd ul li.photo {
float: left;
width: 180px;
margin: 0;
padding: 0;
}
#books-new .blocks_002 dl.profile dd ul li.note {
float: right;
width: 70%;
margin: 0;
padding: 0;
}
#books-new .blocks_002 dl.profile dd ul li.note p.name {
font-size: 200%;
line-height: 1.45em;
margin: 0;
padding: 0;
}
#books-new .blocks_002 dl.profile dd ul li.note p.name span {
font-size: 70%;
line-height: 1.45em;
margin: 0;
padding: 0;
}
#books-new .blocks_002 dl.profile dd ul li.note p.detail {
font-size: 130%;
line-height: 1.45em;
margin: 20px 0 0;
padding: 0;
}
#books-new .blocks_002 dl.profile dd ul li.note p.comment {
font-size: 110%;
line-height: 2.00em;
margin: 10px 0 0;
padding: 0;
}
#books-new .blocks_002 dl.indexname {
width: 920px;
margin: 0;
padding: 0;
}
#books-new .blocks_002 dl.indexname dt {
margin: 55px 0 30px;
padding: 0 0 40px;
text-align: center;
background: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/bg_between_A.png) center bottom no-repeat;
}
#books-new .blocks_002 dl.indexname dd {
margin: 0;
padding: 0 0 50px;
text-align: center;
}
#books-new .blocks_002 p.btn {
margin: 0;
padding: 0 0 100px;
text-align: center;
}
#books-new .blocks_003 {
clear: both;
}
#books-new .blocks_003 .catch {
text-align: center;
margin: 0 0 55px;
padding: 0;
font-size: 250%;
line-height: 1.75em;
font-weight: bold;
color: #153a90;
border-bottom: 3px dashed #153a90;
}
#books-new .blocks_003 .frame {
margin: 0;
margin: 0 0 0 86px;
}
#books-new .blocks_003 dl.numbers {
float: left;
width: 376px;
margin: 0 30px 20px 0;
padding: 0;
background: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/obj_03_005.gif) 0 bottom no-repeat;
}
#books-new .blocks_003 dl.numbers dt {
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
}
#books-new .blocks_003 dl.numbers dd {
margin: 0;
padding: 10px 0 0;
}
#books-new .blocks_003 dl.numbers dd p.note {
text-align: left;
margin: 0;
padding: 0 35px;
font-size: 100%;
line-height: 1.45em;
color: #fff;
}
#books-new .blocks_003 dl.numbers dd p.img {
text-align: center;
margin: 0;
padding: 10px 0 35px;
font-size: 0;
line-height: 0;
}
#books-new .blocks_004 dl {
float: left;
width: 550px;
}
#books-new .blocks_004 dl dt {
text-align: center;
}
#books-new .blocks_004 dl dd {
text-align: center;
margin: 0;
padding: 0;
}
#books-new .blocks_004 p {
float: right;
width: 358px;
margin: 0;
padding: 0 0 25px;
font-size: 0;
line-height: 0;
}
#books-new .blocks_004 ul {
margin: 0;
padding: 0;
}
#books-new .blocks_004 ul li {
text-align: center;
margin: 0;
padding: 0 0 45px;
}
#books-new .blocks_004 ul li.note {
text-align: left;
margin: 0;
padding: 0 0 55px 5px;
}
#main #books-new ul li:after {
background: none;
}
#books-new .pick_up {
color: #f83a35;
font-size: 50px;
}
.pick_up02 {
color: #a2753e;
font-size: 50px;
}
#books-new .book_text {
padding-bottom: 20px;
color: #333333;
padding: 0px 5% 0;
text-align: center;
}
#books-new .con_book {
font-size: 25px;
font-weight: bold;
}
#books-new .book_area { margin: 10px 0 30px 0;
padding: 0px 11px 0 11px;
border: #a57a45 solid 3px;
}
#books-new .book_area h2 {
text-align: center;
border: none;
}
#books-new .book_area h2:after {
content: none;
} #main .seminar_archive dl.seminarList {
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
}
#main .seminar_archive dl.seminarList dt {
padding-left: 30px;
position: relative;
}
#main .seminar_archive dl.seminarList dt::after {
position: absolute;
top: -0.2em;
bottom: 0;
margin: auto;
content: "";
left: 16px;
box-sizing: border-box;
width: 5px;
height: 5px;
border: 3px solid transparent;
border-left: 5px solid #fff;
}
#main .seminar_archive dl.seminarList dt::before {
position: absolute;
top: 0.4em;
bottom: 0;
left: 0.7em;
content: "";
width: 14px;
height: 14px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #f19149;
}
#main .seminar_archive dl.seminarList dd {
padding-left: 30px;
}
#main table.seminar_table {
font-size: 85%;
}
#main table.seminar_table th {
text-align: center;
}
#main table.seminar_table td {
padding: 10px 5px
}
#main table.seminar_table td span.capacity {
display: inline-block;
background: #CCE8FD;
padding: 2px 5px 0 5px;
font-size: 80%;
}
#main table.seminar_table td span.seminar_date {
font-weight: bold;
}
#main table.seminar_table td p.seminar_ttl {
font-weight: bold;
}
#main table.seminar_table td ul.seminar_cate {
font-size: 80%;
}
#main table.seminar_table td ul.seminar_cate li {
display: inline;
padding: 2px 5px 0 5px;
}
#main table.seminar_table td ul.seminar_cate li::after {
background: none;
}
#main table.seminar_table td ul.seminar_cate li.general {
background: #F7E2B5;
color: #7F6128;
}
#main table.seminar_table td ul.seminar_cate li.corporation {
background: #BEE5BD;
color: #4C684C;
}
#main table.seminar_table td ul.seminar_cate li.financial {
background: #DBF3F6;
color: #587578;
}
#main table.seminar_table td ul.seminar_cate li.professional {
background: #E5E1FA;
color: #858292;
}
#main table.seminar_table td ul.seminar_cate li.real_estate {
background: #FFCFC9;
color: #A17064;
} #marunouchi-plaza {
margin-left: 7px;
}
#marunouchi-plaza p {
margin-bottom: 0;
}
#marunouchi-plaza h2 {
border: none;
}
#marunouchi-plaza h2:after {
content: none;
}
#marunouchi-plaza h3 {
margin: 10px 0;
padding: 0;
border: none;
}
#marunouchi-plaza h3::after {
content: none;
}
#marunouchi-plaza .plaza01 {
margin-left: 60px;
}
#marunouchi-plaza ul.yokoh_ltsb {
margin-left: 130px;
}
#marunouchi-plaza ul.yokoh_ltsb li {
padding: 0;
float: left;
}
.yokoh_ltsb img {
border: 1px solid #cccccc;
}
#marunouchi-plaza ul li:after {
background: none;
}
#marunouchi-plaza h3.pl-pk {
background-color: #ef8576;
line-height: 2.5em;
text-align: center;
font-size: 130%;
color: #fff;
}
#marunouchi-plaza h3.pl-gr {
background-color: #bbd762;
line-height: 2.5em;
text-align: center;
font-size: 130%;
color: #fff;
}
#marunouchi-plaza .splaza_frm {
width: 665px;
margin: 0 0 30px 130px;
padding: 30px 0;
}
#marunouchi-plaza #plaza-map {
width: 665px;
margin-left: 130px;
} #main ul.media-btn li {
padding-left: 0;
float: left;
margin-left: 10px
}
#main ul.media-btn li:nth-child(1) {
margin-left: 0;
}
#main ul.media-btn li:after {
background: none;
}
ul.media_list li {
clear: both;
border-bottom: 1px solid #ccc;
}
ul.media_list li::before {
position: absolute;
top: 10px;
left: 0px;
width: 5px;
height: 5px;
background: #003567;
content: "";
}
#main ul.media_list li::after {
position: static;
background: none;
}
dl.media_list dt {
position: relative;
border-bottom: 1px dashed #ccc;
font-weight: bold;
margin: 0 0 5px 0;
padding: 0 10px;
}
dl.media_list dt::before {
position: absolute;
top: 10px;
left: 0px;
width: 5px;
height: 5px;
background: #003567;
content: "";
}
dl.media_list dd {
margin: 0 0 40px 0;
} #main div.set_pfcal1 {
float: left;
width: 200px;
}
#main div.set_pfcal2 {
float: right;
width: 440px;
}
#main p.set_pf_iname {
width: 200px;
padding: 5px;
background: #f5f4ee;
}
#main p.set_pf_iname img {
margin-left: 32px;
}
#main ul.booksBox {
clear: both;
}
#main ul.booksBox li {
float: left;
padding: 0 3px 3px 0;
}
#main ul.booksBox li img {
width: 50px;
}
#main ul.booksBox li:after {
background: none;
} #sitemap ul li {
border-bottom: 1px solid #ccc;
margin: 0 0 20px 0;
}
#sitemap ul.children {
margin-top: 10px;
}
#sitemap ul li:before {
height: 10px;
top: 5px;
}
#sitemap ul.children li {
display: inline-block;
float: left;
width: 45%;
border: none;
margin: 0 5px 0 0;
}
#sitemap ul.children li::after {
height: 5px;
top: 10px;
}
#sitemap ul.children {
display: inline-table;
}
#sitemap ul.children:after {
display: block;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
font-size: 0.1em;
content: ".";
}/*\*/* html #sitemap ul.children {
height: 1%;
}
*:first-child + html #sitemap ul.children {
height: 1%;
}
#sitemap ul.children {
display: block;
}/**/#main ul.line_color {
width: 95%;
margin: 0 auto 30px auto;
font-size: 95%;
}
#main ul.line_color li {
padding: 10px 10px 10px 25px;
line-height: 1.4;
}
#main ul.line_color li:nth-child(odd) {
background: #efefef;
}
#main ul.line_color li::after {
top: 18px;
left: 8px;
} #main p.staff img {
float: left;
margin: 0 18px 18px 0;
} #nstmp img {
max-width: 100%;
height: auto;
}
#nstmp .pull-left {
float: left;
}
#nstmp .pull-right {
float: right;
}
#nstmp .clearfix2:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
#nstmp .clearfix2 {
display: inline-block;
}
.wide_title {
padding: 20px;
margin: auto;
margin-bottom: 0;
width: 100%;
border: 1px solid #333;
box-sizing: border-box;
}
#main .wide_title h1 {
position: relative !important;
padding-left: 30px !important;
border-bottom: 1px solid #003567 !important;
font-size: 1.8em;
}
#main .wide_title h1::before {
position: absolute;
content: " ";
width: 6px;
height: 60%;
background: #003567;
left: 0;
top: 20%;
}
#main .wide_title p {
margin: 0 30px;
}
@media screen and (max-width:480px) {
.wide_title {
width: 100%;
}
}
#nstmp .page_top_img {
width: 100%;
padding: 0;
box-sizing: border-box;
margin-bottom: 20px;
background-color: #003567;
overflow: hidden;
position: relative;
}
#nstmp .top_img {
width: 40%;
float: left;
margin: 0;
padding: 0;
margin-right: 10px;
line-height: 0;
}
#nstmp .page_top_txt {
box-sizing: border-box;
padding: 5px 10px;
}
#nstmp .page_top_img .ind li {
margin: 0 !important;
padding: 0 !important;
font-size: 1.2em;
line-height: 1.5em !important;
color: #fff;
text-shadow: 1px 1px 3px #333;
}
#nstmp .page_top_img .ind li::after {
content: none !important;
}
#nstmp .page_top_img .ind li::before {
display: inline-block;
content: "● " !important;
font-size: 1.3em;
color: #fff;
padding-right: 10px;
background: none !important;
position: relative !important;
top: 0 !important;
}
#nstmp .page_top_img .ind li a {
color: #fff;
}
#nstmp .page_top_txt p {
margin: 0 !important;
margin-left: 5px !important;
padding: 0 !important;
color: #003567;
}
#nstmp .top_relate_box {
background: #fff;
padding: 10px;
overflow: hidden;
}
#nstmp .top_relate li {
white-space: nowrap;
margin: 0 5px;
padding: 0 !important;
float: left;
color: #003567;
}
#nstmp .top_relate li::before, .top_relate li::after {
display: none;
}
#nstmp .top_relate li a {
text-decoration: underline;
color: #003567;
}
#nstmp .top_relate li a:hover {
text-decoration: none;
}
@media screen and (min-width:769px) {
#nstmp .top_img_lp {
width: 100%;
height: 360px;
margin-bottom: 20px;
overflow: hidden;
position: relative;
}
#nstmp .top_img_lp img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
}
#nstmp .top_relate_box_lp {
background: #fff;
padding: 10px;
box-sizing: border-box;
border: 1px solid #CCC;
overflow: hidden;
position: absolute;
bottom: 4%;
left: 3%;
width: 94%;
height: auto;
}
#nstmp .top_relate_lp li {
white-space: nowrap;
margin: 0 5px;
padding: 0 !important;
float: left;
color: #003567;
}
#nstmp .top_relate_lp li::before, .top_relate_lp li::after {
display: none;
}
#nstmp .top_relate_lp li a {
text-decoration: underline;
color: #003567;
}
#nstmp .top_relate_lp li a:hover {
text-decoration: none;
}
@media screen and (max-width:768px) {
#nstmp .top_img {
width: 100%;
float: none;
}
#nstmp .page_top_txt {
width: 100%;
box-sizing: border-box;
padding: 10px;
}
#nstmp .page_top_img .ind {
padding-top: 1em;
padding-bottom: 0.5em;
}
#nstmp .page_top_img .ind li {
font-weight: bold;
}
#nstmp .top_img_lp {
width: 100%;
height: auto;
margin-bottom: 20px;
overflow: hidden;
position: relative;
}
#nstmp .top_img_lp img {
width: 100%;
height: auto;
}
#nstmp .top_relate_box_lp {
background: #fff;
padding: 10px;
box-sizing: border-box;
border: 1px solid #CCC;
overflow: hidden;
position: absolute;
bottom: 10%;
left: 2%;
width: 96%;
height: auto;
}
}
#nstmp .content__wide h3 {
border: none !important;
padding: 0 !important;
font-size: 1.15em !important;
}
#nstmp .content__wide h3::after {
display: none !important;
}
#nstmp .content__wide h3::before {
content: "● " !important;
font-size: 1.5em;
}
#nstmp .content__wide p {
font-size: 1.15em !important;
width: 95%;
background: #fff;
box-sizing: border-box;
margin: auto auto 10px;
border: 3px solid #eee;
padding: 30px;
overflow: hidden;
}
#nstmp .content__wide p.txt_formula {
box-shadow: 0 0 0 30px #fff inset;
background: #f5e6cc;
}
#nstmp .content__wide ul {
font-size: 1.15em !important;
width: 95%;
box-sizing: border-box;
margin: auto auto 10px;
background: #fff;
border: 3px solid #eee;
padding: 30px;
overflow: hidden;
}
#nstmp > .content__wide .box__wide {
width: 95%;
box-sizing: border-box;
padding: 30px;
border: 3px solid #eee;
margin: auto auto 10px;
overflow: hidden;
}
#nstmp > .content__wide .box__wide p, #nstmp > .content__wide .box__wide ul {
width: 100%;
box-sizing: border-box;
border: none;
padding: 0;
}
@media screen and (max-width:480px) {
#nstmp .content__wide p {
width: 100%;
padding: 10px;
}
}
#nstmp .box_relate {
position: relative;
margin: 3em 0 1em;
padding: 20px 0 0 0;
clear: both;
border: 2px solid #eee;
border-radius: 8px;
margin: 30px auto 0 auto;
box-sizing: border-box;
position: relative;
}
#nstmp .box_relate .box-title {
font-size: 1.2em;
color: #003864;
font-weight: bold;
position: absolute;
padding: 0;
top: -18px;
display: inline-block;
background: #fff;
margin-bottom: 10px;
font-size: 140%;
border: none;
line-height: 1;
margin-left: 20px;
}
#nstmp .box_relate .box-title::before {
content: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/icon_book.png);
position: relative;
top: 6px;
margin-right: 5px;
}
#nstmp .box_relate ul {
padding: 0.5em 10px 0;
display: inline-table;
}
#nstmp .box_relate ul:after {
display: block;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
font-size: 0.1em;
content: ".";
}/*\*/* html .clearFix {
height: 1%;
}
*:first-child + html #nstmp .box_relate ul {
height: 1%;
}
#nstmp .box_relate ul {
display: block;
}
#nstmp .box_relate ul li {
white-space: nowrap;
margin: 5px 10px;
padding: 0 !important;
float: left;
border: 1px solid #ccc;
border-radius: 3px;
}
#nstmp .box_relate ul li::before {
display: none;
}
#nstmp .box_relate ul li a {
text-decoration: none;
display: inline-block;
padding: 5px 15px;
}
#nstmp .box_relate ul li a:hover {
text-decoration: none;
}
@media screen and (max-width:480px) {
#nstmp .box_relate ul li {
float: none;
}
}
#nstmp .box_relate ul li::after {
display: none !important;
}
#nstmp .box {
width: 100%;
box-sizing: border-box;
padding: 10px;
border: 1px solid #CCC;
border-radius: 10px;
overflow: hidden;
margin-top: 10px;
}
#nstmp .banner_box {
width: 100%;
border: 1px solid #CCC;
border-radius: 10px;
overflow: hidden;
margin-top: 10px;
box-shadow: 1px 1px 3px #333;
}
#nstmp .banner_box img {
width: 100%;
height: auto;
}
#nstmp .width_33 {
width: 31%;
margin: 10px 1% 0 1%;
box-sizing: border-box;
}
#nstmp .width_50 {
width: 48%;
margin: 0 1% 20px 1%;
}
#nstmp .width_66 {
width: 61%;
margin: 0 1% 20px 1%;
}
@media screen and (max-width:991px) {
#nstmp .width_33, .width_50, .width_66 {
width: 48%;
margin: 0 1% 10px 1%;
}
}
@media screen and (max-width:480px) {
#nstmp .width_33, .width_50, .width_66 {
width: 100%;
margin: 0 0 10px;
}
}
#nstmp .tsuyomi {
position: relative;
padding: 0;
box-sizing: border-box;
border: none;
border-radius: 0;
background-image: url(//www.zeirisi.co.jp/wp-content/uploads/2018/02/trophy.png);
background-repeat: no-repeat;
background-position: left;
background-size: 20% 100%;
}
#nstmp .tsuyomi > div {
width: 78%;
height: 80px;
margin-left: 22%;
font-size: 0.95em
}
#nstmp .tsuyomi h3 {
padding: 0 !important;
border: none !important;
font-size: 1.1em !important;
margin: 0 !important;
}
#nstmp .tsuyomi h3::after {
content: none !important;
}
@media screen and (max-width:480px) {
#nstmp .tsuyomi {
min-height: 60px;
height: auto;
}
}
#nstmp2 .box__wide {
width: 95%;
box-sizing: border-box;
padding: 10px;
border: 3px solid #eee;
margin: auto auto 10px;
overflow: hidden;
}/**/ #main .plan-other h2 {
background: #003567;
padding: 5px 5px 10px 5px;
color: #fff;
border: none;
}
#main .plan-other h2:after {
content: none;
}
#main table.plan-houshu {
border: 1px solid #e9e9e9;
width: 35%;
float: left;
margin: 0 20px 0 0;
}
#main table.plan-houshu td {
border-right: 1px solid #e9e9e9;
padding: 1em 0.5em;
}
#main p.entry {
color: #c50067;
font-weight: bold;
font-size: 90%;
}
#main div.p-naiyou {
float: left;
width: 60%;
}
#main p.plan-naiyou {
width: 100%;
background: #e9e9e9;
padding: 5px;
font-weight: bold;
}
#main p.plan-naiyou2 {
background: #e9e9e9;
padding: 5px;
font-weight: bold;
}
#main p.plan-naiyou3 {
background: #d3edf7;
padding: 5px;
font-weight: bold;
}
#main .panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
#main .panel-body {
padding: 5px 10px;
min-height: 120px
}
#main .panel-body ul {
margin: 0 !important;
padding: 0 !important;
}
#main .panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
#main dl.case dt {
color: #35babf;
text-decoration: underline;
cursor: pointer;
}
#main dl.case dd {
display: none;
}
#main .case_inner {
border: 1px solid #CCC;
padding: 10px;
box-sizing: border-box;
}
#main .case_inner .new {
width: 50px;
color: #fff;
text-align: center;
background: #d9534f;
padding: 2px;
margin-bottom: 10px;
}
#main .panel-primary {
border-color: #337ab7;
}
#main .panel-primary > .panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
#main .panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #337ab7;
}
#main ul.houshu_flow {
text-align: center;
margin: 20px auto;
}
#main li.hflow {
display: inline-block;
font-size: 0.8em;
border-radius: 3px;
color: #fff;
position: relative;
padding: 5px !important;
box-sizing: border-box;
background: rgba(0, 53, 103, 0.8);
width: 95px;
height: 70px;
margin-left: 1%;
text-align: center;
vertical-align: top;
counter-increment: count;
}
#main li.hflow span {
display: block;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
}
#main .hflow::before {
display: inline-block;
position: absolute;
bottom: 3px;
left: 3px;
vertical-align: middle;
content: counter(count);
color: rgba(255, 255, 255, 0.2);
font-size: 30px;
line-height: 1;
}
#main .hflow::after {
content: "";
position: absolute;
top: 19px;
left: auto;
right: -10px;
width: 0;
height: 0;
border-left: 8px solid #f0ad4e;
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
background: none !important;
}
#main .hflow:last-child:after {
border: none !important;
}
@media screen and (max-width:480px) {
#main li.hflow {
display: block;
font-size: 1em;
border-radius: 3px;
color: #fff;
position: relative;
padding: 5px !important;
box-sizing: border-box;
background: rgba(0, 53, 103, 0.8);
width: 90%;
height: 50px;
margin: 20px auto;
text-align: center;
vertical-align: top;
counter-increment: count;
}
#main li.hflow span {
display: block;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
}
#main .hflow::before {
display: inline-block;
position: absolute;
bottom: 3px;
left: 3px;
vertical-align: middle;
content: counter(count);
color: rgba(255, 255, 255, 0.2);
font-size: 30px;
line-height: 1;
}
#main .hflow::after {
content: "";
position: absolute;
top: auto;
left: 47%;
right: auto;
bottom: -15px;
width: 0;
height: 0;
border-top: 8px solid #f0ad4e;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
background: none;
}
#main .hflow:last-child:after {
border: none !important;
}
} #main section#cnbc_movie {
margin-top: 30px;
}
#main section#cnbc_movie dl {
float: left;
width: 288px;
margin-right: 7px;
display: block;
height: 310px;
}
#main section#cnbc_movie dl:nth-child(3n) {
margin-right: 0;
}
#main section#cnbc_movie dl dd {
padding: 5px 10px 0 0;
font-size: 98%;
}
#main section#cnbc_movie dl dd:nth-child(odd) {
font-size: 80%;
color: #666;
} #main p.mitsu-btn a {
background: #f6f6f6;
background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 51%, #e3e9ef 52%, #f6f6f6 100%);
background: -webkit-linear-gradient(top, #f6f6f6 0%, #ffffff 51%, #e3e9ef 52%, #f6f6f6 100%);
background: linear-gradient(to bottom, #f6f6f6 0%, #ffffff 51%, #e3e9ef 52%, #f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f6f6f6', GradientType=0);
display: block;
height: 1.5em;
font-size: 150%;
color: #003567;
font-weight: bold;
text-align: center;
padding: 0.5em;
border: 1px solid #003567;
border-radius: 5px;
width: 90%;
margin: 0 auto;
box-shadow: 2px 2px 4px #ccc;
}
#main p.mitsu-btn a:hover {
background: #feffa0;
text-decoration: none;
}
#main p.mitsu-btn img {
position: relative;
top: -5%;
padding-right: 15px;
} #main ol.kobetsu ol {
margin-bottom: 10px;
}
#main ol.kobetsu li {
float: left;
margin-left: 10px;
width: 32%;
}
#main ol.kobetsu li:nth-child(1) {
margin-left: 0;
width: 32%;
} #main .line_box {
width: 95%;
box-sizing: border-box;
margin: auto auto 10px;
background: #fff;
border: 3px solid #eee;
padding: 30px;
}
#main .txt_formula {
background: #f5e6cc;
line-height: 3em;
font-size: 120%;
text-align: center;
}
#main .txt_bg {
background: #f5e6cc;
}
#main .result {
background: #F0EAEA;
}
#nstmp .content__wide .result {
background: #F0EAEA;
}
#nstmp .content__wide .txt_bg {
background: #f5e6cc;
} #main ul.btn_style_list01 li {
white-space: nowrap;
margin: 5px 10px;
padding: 0 !important;
float: left;
border: 1px solid #ccc;
border-radius: 3px;
}
#main ul.btn_style_list01 li:after {
background: none;
}
#main ul.btn_style_list01 li a {
text-decoration: none;
display: inline-block;
padding: 5px 15px;
}
#main ul.btn_style_list01 li a:hover {
text-decoration: underline;
}  .marker-y {
background-image: -webkit-linear-gradient(88.4deg, #f8eba9, #f8eba9 36%, transparent 30.1%, transparent);
background-image: linear-gradient(1.6deg, #f8eba9, #f8eba9 36%, transparent 30.1%, transparent);
}
.marker-p {
background-image: -webkit-linear-gradient(88.4deg, #ffc7f6, #ffc7f6 36%, transparent 30.1%, transparent);
background-image: linear-gradient(1.6deg, #ffc7f6, #ffc7f6 36%, transparent 30.1%, transparent);
}
.marker-w {
background-image: -webkit-linear-gradient(88.4deg, #abeffe, #abeffe 36%, transparent 30.1%, transparent);
background-image: linear-gradient(1.6deg, #abeffe, #abeffe 36%, transparent 30.1%, transparent);
}
.marker-g {
background-image: -webkit-linear-gradient(88.4deg, #afffb1, #afffb1 36%, transparent 30.1%, transparent);
background-image: linear-gradient(1.6deg, #afffb1, #afffb1 36%, transparent 30.1%, transparent);
}
.f-marker-y {
background-image: -webkit-linear-gradient(transparent 80%, #f8eba9 80%);
background-image: linear-gradient(transparent 80%, #f8eba9 80%);
}
.f-marker-p {
background-image: -webkit-linear-gradient(transparent 80%, #ffc7f6 80%);
background-image: linear-gradient(transparent 80%, #ffc7f6 80%);
}
.f-marker-w {
background-image: -webkit-linear-gradient(transparent 80%, #abeffe 80%);
background-image: linear-gradient(transparent 80%, #abeffe 80%);
}
.f-marker-g {
background-image: -webkit-linear-gradient(transparent 80%, #afffb1 80%);
background-image: linear-gradient(transparent 80%, #afffb1 80%);
}
.f-marker-r {
background-image: -webkit-linear-gradient(transparent 80%, #ff7c7c 80%);
background-image: linear-gradient(transparent 80%, #ff7c7c 80%);
}  .link-button-green {
text-align: center;
padding-bottom: 20px;
}
.link-button-green a {
background: #5ace5f;
border-radius: 5px;
color: #fff !important;
text-align: center;
border-bottom: 5px solid #38bd3e;
padding: 12px 32px;
text-decoration: none;
}
.link-button-green a i {
margin-right: 10px;
}
.link-button-green a:hover {
opacity: 0.7;
}
@media only screen and (max-width: 767px) {
.link-button-green a {
width: 100%;
display: block;
}
} .link-button-orange {
text-align: center;
padding-bottom: 20px;
}
.link-button-orange a {
background: #ec6a12;
border-radius: 5px;
color: #fff !important;
text-align: center;
border-bottom: 5px solid #d45f10;
padding: 12px 32px;
text-decoration: none;
}
.link-button-orange a i {
margin-right: 10px;
}
.link-button-orange a:hover {
opacity: 0.7;
}
@media only screen and (max-width: 767px) {
.link-button-orange a {
width: 100%;
display: block;
}
}
.entry-content a {
color: #0068b7;
}
.attention p:last-child {
margin-bottom: 0 !important;
}
.entry-content h4, .entry-content h5, .entry-content h6 {
color: #003567;
display: inline-block;
width: 100%;
}
.entry-content h4 {
margin: 0 0 14px;
border-bottom: 1px solid #e5e5e5;
font-size: 20px;
line-height: 32px;
padding: 10px 0 8px;
}
@media screen and (max-width: 991px) {
.entry-content h4 {
font-size: 18px;
margin-top: 7px;
}
}
.entry-content h5 {
margin: 6px 0 8px;
line-height: 34px;
font-size: 16px;
position: relative;
}
@media screen and (max-width: 991px) {
.entry-content h5 {
font-size: 15px;
line-height: 34px;
margin-top: 15px;
margin-bottom: 2px;
}
}
.entry-content h6 {
margin: 0 0 8px;
font-size: 15px;
}
.entry-content ul {
margin-bottom: 40px;
}
.entry-content ul li ul {
margin-bottom: 0;
}
.entry-content ul li ul li {
list-style: disc;
}
.entry-content ol {
list-style-type: decimal;
padding-left: 32px;
}
.entry-content dl {
margin-bottom: 40px;
}
.entry-content dl dt {
display: inline-block;
margin: 0 0 1em;
padding: 14px;
border: 1px solid #f1f1f1;
background: #fbfbfb;
}
.entry-content dl dd {
margin: 0;
}
.entry-content table {
width: 100% !important;
margin-bottom: 40px;
}
.entry-content table th {
background: #54708a !important;
color: #fff;
}
.entry-content table tr td {
padding: 2px 10px;
}
.entry-content table tr:nth-child(odd) td {
background: #f8f8f8;
}
.entry-content #toc_container {
font-size: 16px;
padding: 40px 47px 32px;
border: 1px solid #cdcaca;
background: #fbfbfb;
}
@media screen and (max-width: 991px) {
.entry-content #toc_container {
padding: 24px;
}
}
.entry-content #toc_container .toc_title {
font-weight: bold;
padding: 9px 12px;
color: #0068b7;
border: 1px solid #cdcaca;
background: #FFF;
}
@media screen and (max-width: 991px) {
.entry-content #toc_container .toc_title {
padding: 12px 12px 7px;
}
}
.entry-content #toc_container .toc_title .toc_toggle a {
color: #0068b7;
font-size: 16px;
font-weight: bold;
}
.entry-content #toc_container ul.toc_list {
margin-top: 30px !important;
}
@media screen and (max-width: 991px) {
.entry-content #toc_container ul.toc_list {
margin-top: 10px !important;
}
}
.entry-content #toc_container ul.toc_list li {
font-weight: normal;
line-height: 33px;
font-size: 16px;
}
@media screen and (max-width: 991px) {
.entry-content #toc_container ul.toc_list li {
font-size: 14px;
}
}
.entry-content #toc_container ul.toc_list li a {
display: block;
}
.entry-content #toc_container ul.toc_list li a:hover {
text-decoration: none;
}
.entry-content #toc_container ul.toc_list li ul {
margin-bottom: 24px;
border-top: 1px solid #cdcaca;
margin-left: 0;
padding-left: 20px;
padding-top: 14px;
}
.entry-content #toc_container ul.toc_list li:last-child ul {
margin-bottom: 0;
}
.entry-content #toc_container ul.toc_list > li {
font-size: 18px;
font-weight: bold;
}
@media screen and (max-width: 991px) {
.entry-content #toc_container ul.toc_list > li {
font-size: 16px;
}
}
.entry-content #toc_container ul.toc_list > li > a {
padding: 7px 0;
}
@media screen and (max-width: 991px) {
.entry-content #toc_container ul.toc_list > li > a {
padding: 5px 0;
}
}
.entry-content blockquote {
margin-bottom: 50px;
padding: 32px 45px;
border: 1px solid #002f5c;
background: #fff;
position: relative;
}
@media screen and (max-width: 991px) {
.entry-content blockquote {
padding: 32px 24px;
}
}
.entry-content blockquote:before, .entry-content blockquote:after {
content: '';
position: absolute;
width: 31px;
height: 26px;
}
.entry-content blockquote:before {
background-image: url(//www.zeirisi.co.jp/wp-content/uploads/2020/09/block-before.png);
top: -13px;
left: 5px;
}
.entry-content blockquote:after {
background-image: url(//www.zeirisi.co.jp/wp-content/uploads/2020/09/block-after.png);
bottom: -13px;
right: 8px;
}
.entry-content .attention {
padding: 32px 45px;
margin-bottom: 40px;
border: 1px solid #d2d2d2;
background: #fbfbfb;
}
@media screen and (max-width: 991px) {
.entry-content .attention {
padding: 32px 24px;
}
}
.entry-content .a-3 .attention-title {
font-weight: bold;
color: #fff;
font-size: 20px;
line-height: 32px;
background: #002f5c;
margin: -32px -46px 32px !important;
padding: 20px 12px;
text-align: center;
}
@media screen and (max-width: 991px) {
.entry-content .a-3 .attention-title {
margin: -32px -25px 32px;
}
}
.entry-content .attention ul:last-child, .entry-content .attention p:last-child, .entry-content blockquote ul:last-child, .entry-content blockquote p:last-child {
margin-bottom: 0;
}
.entry-content .link-button-green, .entry-content .link-button-orange {
margin-bottom: 30px !important;
text-align: center;
padding: 0;
}
.entry-content .link-button-green a, .entry-content .link-button-orange a {
display: inline-block;
padding: 8px 32px 9px;
color: #fff !important;
background: #00a0e9;
font-weight: bold;
border-radius: 5px;
text-decoration: none !important;
border-bottom: 3px solid #0075a9;
}
.entry-content .link-button-green a:hover, .entry-content .link-button-orange a:hover {
text-decoration: none !important;
}
.entry-content .link-button-green a i, .entry-content .link-button-orange a i {
margin-right: 10px;
}
.entry-content .link-button-green:hover a, .entry-content .link-button-orange:hover a {
opacity: 0.8;
}
.entry-content .link-button-orange a {
background: #22ac38;
border-bottom: #097c25 3px solid;
} #main span.nlik_t {
text-decoration: none !important;
background-color: #002f5c;
color: white;
padding: 4px 13px;
font-size: 12px;
font-weight: bold;
position: relative;
top: 10px;
z-index: 1;
left: 11px;
}
#main div.blog-card {
border: 1px solid #999;
word-wrap: break-word;
max-width: 100%;
border-radius: 0px;
margin-bottom: 30px;
font-size: 1.2em;
box-shadow: 4px 4px 0px #666;
transition: 0.1s ease;
position: relative;
}
#main div.blog-card:hover {
box-shadow: 0px 0px 0px #666;
}
#main div.blog-card a {
display: block
}
#main div.blog-card p.blog-card-title {
padding: 17px 10px 10px 0;
font-size: 90%;
color: #002f5c;
}
#main div.blog-card p.blog-card-title::before {
content: '続きを読む >';
font-size: 0.7em;
font-weight: bold;
color: #fff;
background: #666;
width: 7em;
display: inline-block;
padding: 0.2em;
position: absolute;
text-align: center;
margin-right: 1em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 3px;
bottom: 10px;
right: 0px;
}  .l-row {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.l-row > *:not(:first-child) {
margin-top: 1em;
}
@media only screen and (max-width: 767px) {
.l-row {
align-items: center;
}
}
@media print, screen and (min-width: 768px) {
.l-row {
flex-direction: row;
justify-content: space-between;
}
.l-row > *:not(:first-child) {
margin-top: 1em;
}
}   .l-row_column1, .l-column_column1 {
width: 8%;
}
.l-row_column2, .l-column_column2 {
width: 16%;
}
.l-row_column3, .l-column_column3 {
width: 24%;
}
.l-row_column4, .l-column_column4 {
width: 32%;
}
.l-row_column5, .l-column_column5 {
width: 40%;
}
.l-row_column6, .l-column_column6 {
width: 48%;
margin-top: 1em;
text-align: center;
}
.l-row_column7, .l-column_column7 {
width: 56%;
}
.l-row_column8, .l-column_column8 {
width: 64%;
}
.l-row_column9, .l-column_column9 {
width: 72%;
}
.l-row_column10, .l-column_column10 {
width: 80%;
}
.l-row_column11, .l-column_column11 {
width: 88%;
}
.l-row_column12, .l-column_column12 {
width: 96%;
} @media print, screen and (min-width: 768px) {
.l-row_column1-tab, .l-column_column1-tab {
width: 8%;
}
}
@media print, screen and (min-width: 768px) {
.l-row_column2-tab, .l-column_column2-tab {
width: 16%;
}
}
@media print, screen and (min-width: 768px) {
.l-row_column3-tab, .l-column_column3-tab {
width: 24%;
}
}
@media print, screen and (min-width: 768px) {
.l-row_column4-tab, .l-column_column4-tab {
width: 32%;
}
}
@media print, screen and (min-width: 768px) {
.l-row_column5-tab, .l-column_column5-tab {
width: 40%;
}
}
@media print, screen and (min-width: 768px) {
.l-row_column6-tab, .l-column_column6-tab {
width: 48%;
margin-top: 1em;
}
}
@media print, screen and (min-width: 768px) {
.l-row_column7-tab, .l-column_column7-tab {
width: 56%;
}
}
@media print, screen and (min-width: 768px) {
.l-row_column8-tab, .l-column_column8-tab {
width: 64%;
}
}
@media print, screen and (min-width: 768px) {
.l-row_column9-tab, .l-column_column9-tab {
width: 72%;
}
}
@media print, screen and (min-width: 768px) {
.l-row_column10-tab, .l-column_column10-tab {
width: 80%;
}
}
@media print, screen and (min-width: 768px) {
.l-row_column11-tab, .l-column_column11-tab {
width: 88%;
}
}
@media print, screen and (min-width: 768px) {
.l-row_column12-tab, .l-column_column12-tab {
width: 96%;
}
} @media print, screen and (min-width: 980px) {
.l-row_column1-pc, .l-column_column1-pc {
width: 8%;
}
}
@media print, screen and (min-width: 980px) {
.l-row_column2-pc, .l-column_column2-pc {
width: 16%;
}
}
@media print, screen and (min-width: 980px) {
.l-row_column3-pc, .l-column_column3-pc {
width: 24%;
}
}
@media print, screen and (min-width: 980px) {
.l-row_column4-pc, .l-column_column4-pc {
width: 32%;
}
}
@media print, screen and (min-width: 980px) {
.l-row_column5-pc, .l-column_column5-pc {
width: 40%;
}
}
@media print, screen and (min-width: 980px) {
.l-row_column6-pc, .l-column_column6-pc {
width: 48%;
margin-top: 1em;
}
}
@media print, screen and (min-width: 980px) {
.l-row_column7-pc, .l-column_column7-pc {
width: 56%;
}
}
@media print, screen and (min-width: 980px) {
.l-row_column8-pc, .l-column_column8-pc {
width: 64%;
}
}
@media print, screen and (min-width: 980px) {
.l-row_column9-pc, .l-column_column9-pc {
width: 72%;
}
}
@media print, screen and (min-width: 980px) {
.l-row_column10-pc, .l-column_column10-pc {
width: 80%;
}
}
@media print, screen and (min-width: 980px) {
.l-row_column11-pc, .l-column_column11-pc {
width: 88%;
}
}
@media print, screen and (min-width: 980px) {
.l-row_column12-pc, .l-column_column12-pc {
width: 96%;
}
} .l-information_box {
position: relative;
width: 920px;
margin-right: auto;
margin-left: auto;
}
.l-sidebnr_box {
position: absolute;
width: 100%;
top: 0;
left: 0;
}
.c-sidebnr_bnr, .c-sideinfo {
position: absolute;
}
.c-sidebnr_bnr {
top: 0;
width: 149px;
height: 257px;
}
.c-sidebnr_bnr_link {
position: absolute;
bottom: 40px;
left: 5px;
}
.c-sidebnr_bnr-left {
left: -155px;
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/bnr_topImage_left.png) no-repeat;
}
.c-sidebnr_bnr-right {
position: absolute;
right: -165px;
background: url(//www.zeirisi.co.jp/wp-content/themes/ocean-temp_v002/images/bnr_topImage_right.png?20260126) no-repeat;
}
.c-sidebnr_bnr-nikkei, .c-sidebnr_bnr-premium {
width: auto;
height: auto;
}
.c-sidebnr_bnr-nikkei {
top: 265px;
right: -165px;
}
.c-sidebnr_bnr-premium {
top: 265px;
left: -158px;
}
.c-sidebnr_bnr-nikkei:hover a img, .c-sidebnr_bnr-premium:hover a img {
filter: brightness(1.1);
}
.c-sideinfo {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #FFF;
padding: 8px;
position: absolute;
top: 265px;
width: 144px;
}
.c-sideinfo-border {
border: solid 2px #FF0004;
}
.c-sideinfo-left {
left: -155px;
}
.c-sideinfo_title {
border-bottom: 1px solid #dd0004;
color: #FF0004;
font-size: 13px;
font-weight: 800;
margin-bottom: 8px;
line-height: 1.75;
padding-bottom: 4px;
}
.c-infolist {
text-align: left;
margin-left: 1em;
}
.c-infolist_list {
font-size: 12px;
text-indent: -1em;
}
.c-infolist_list:before {
content: '>';
}
.c-infolist_link {}
.c-informationbox {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #FF0004;
font-size: 14px;
margin-top: 16px;
padding: 8px 16px;
text-align: left;
width: 920px;
}
.c-informationbox_inner {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
width: 98%;
}
.c-informationbox_title {
font-weight: 800;
text-align: center;
color: #FF0004;
width: 24%;
}
.c-informationbox_ul {
width: 72%;
}
.c-informationbox_list {}
.c-informationbox_list:before {
content: '●';
}
.c-informationbox_link {}
.c-informationbox_link-small {
font-size: 0.85em;
}
.u-mbtm8 {
margin-bottom: 8px;
}
.u-mbtm16 {
margin-bottom: 8px;
}
.l-topmenucolumn_wrap {
-ms-align-items: stretch;
align-items: stretch;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
margin-bottom: 16px;
width: 920px;
}
.c-topmenucolumn {
-ms-align-items: stretch;
align-items: stretch;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.c-topmenucolumn_title {
background: #AA0000;
background: -moz-linear-gradient(left, #671200 0%, #AA0000 100%);
background: -webkit-gradient(linear, left center, right center, from(#671200), to(#AA0000));
background: -webkit-linear-gradient(left, #671200 0%, #AA0000 100%);
background: -o-linear-gradient(left, #671200 0%, #AA0000 100%);
background: linear-gradient(to right, #671200 0%, #AA0000 100%);
color: #fff;
font-size: 18px;
font-weight: 800;
margin-bottom: 8px;
padding: 8px;
width: 100%;
}
.c-topmenucolumn_first {
width: 365px;
}
.c-topmenucolumn_second {
width: 550px;
}
.o-linklist {
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #dedede;
background: -moz-linear-gradient(#ffffff 0%, #ffffff 50%, #dedede 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #ffffff), to(#dedede));
background: -webkit-linear-gradient(#ffffff 0%, #ffffff 50%, #dedede 100%);
background: -o-linear-gradient(#ffffff 0%, #ffffff 50%, #dedede 100%);
background: linear-gradient(#ffffff 0%, #ffffff 50%, #dedede 100%);
margin-bottom: 5px;
transition: all 0.3s ease;
width: 180px;
}
.o-linklist:hover {
filter: brightness(1.1);
}
.o-linklist_blue {
border: 1px solid #003567;
}
.o-linklist_blue .o-linklist_txt {
color: #003567;
}
.o-linklist_red {
border: 1px solid #671200;
}
.o-linklist_red .o-linklist_txt {
color: #671200;
}
.o-linklist_link {
-ms-align-items: center;
align-items: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
height: 124px;
justify-content: space-between;
padding: 16px;
}
.o-linklist_link:hover {
text-decoration: none;
}
.o-linklist_txt {
font-size: 15px;
font-weight: 800;
line-height: 1.5;
}
.o-linklist_img {
border-radius: 2px;
width: 148px;
height: auto;
}
.p-youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.p-youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.c-button {
-ms-align-items: center;
align-items: center;
background-color: #fff;
color: #003567 !important;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
padding: 0.5em;
border: 1px solid #003567;
}
.c-button:hover {
text-decoration: none;
background-color: #fffca2;
}
.c-button::before {
content: '≫';
}
.c-box {
padding: 1em;
}
.c-box-lightgray {
background: #f5f5f5;
}
.c-box-white {
background: #fff;
}
.c-title {
font-weight: 800;
color: #003864;
margin-bottom: 0.5em;
} .c-list {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
line-height: 1.5;
}
.c-list li {
margin-top: 0.25em;
margin-bottom: 0.25em;
}
.p-index_youtube {}
.p-index_youtube .yrc-item {
padding: 0 !important;
}
.p-index_youtube .yrc-item::after {
display: none;
}
.p-index_youtube .yrc-item:nth-child(n + 3), .p-index_youtube .yrc-pagination {
display: none;
}
.p-index_youtube_lp {}
.p-index_youtube_lp .yrc-item {
padding: 0 !important;
}
.p-index_youtube_lp .yrc-item::after {
display: none;
}
.p-index_youtube_lp .yrc-item:nth-child(n + 4), .p-index_youtube_lp .yrc-pagination {
display: none;
} .top_info {
position: relative;
}
.Container {
width: 100%;
overflow: hidden;
}
.Box-Container {
display: flex;
width: fit-content;
transition: transform 0.3s ease;
transform: translateX(0);
}
.Box {
flex-shrink: 0;
width: 300px;
height: 200px;
margin-right: 10px;
border-radius: 10px;
background-color: #ccc;
}
.Arrow {
position: absolute;
top: 40%;
transform: translateY(-50%);
width: 40px;
height: 40px;
background-color: #003567;
color: #fff;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.Arrow.left {
left: -10px;
}
.Arrow.right {
right: -10px;
}
.Hide {
display: none;
} #main #mailForm table {
border-top: 1px dotted #ccc;
}
#main #mailForm table th, #main #mailForm table td {
padding: 15px;
border: none;
border-bottom: 1px dotted #ccc;
}
#main #mailForm table th {
position: relative;
width: 35%;
vertical-align: middle;
padding-right: 40px;
background: transparent;
font-size: 107%;
font-weight: normal;
}
#main #mailForm table th .require {
position: absolute;
top: 50%;
right: 5px;
padding: 3px 5px 0;
margin-top: -10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: #ff0000;
color: #fff;
font-size: 71%;
}
#main #mailForm table th span.require {
padding: 3px 5px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: #ff0000;
color: #fff;
font-size: 71%;
}
#main .mw_wp_form_confirm #mailForm table td .submessage, #main .mw_wp_form_confirm #mailForm table th span.require {
display: none;
}
#main #mailForm table td input, #main #mailForm table td select, #main #mailForm table td textarea {
padding: 8px 12px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
border: 1px solid #dfdfdf;
background-color: #f7f7f7;
font-size: 114%;
}
#main #mailForm table td input.inputName {
width: 50%;
}
#main #mailForm table td input.inputMail {
width: 80%;
}
#main #mailForm table td input.inputAddress {
width: 20%;
}
#main #mailForm table td input.inputTel {
width: 30%;
}
#main #mailForm table td textarea.inputAddress {
width: 90%;
}
#main #mailForm table td textarea.inputContact {
width: 90%;
height: 150px;
}
#main #mailForm table td .error {
padding-top: 5px;
}
#main #mailForm table td div.submessage {
padding-top: 5px;
font-size: 80%;
color: #666;
}
#main #mailForm table td ul {
margin: 0;
}
#main #mailForm table td ul li {
display: inline;
padding: 0;
margin-right: 10px;
background-image: none;
}
#main #mailForm #confirm-button {
text-align: center;
}
#main #mailForm #confirm-button input {
padding: 15px 30px;
border: 1px solid #4b62e0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background-color: #6394dd;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF6394DD', endColorstr='#FF5E8FD8');
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6394dd), color-stop(54%, #3c6ebc), color-stop(100%, #5e8fd8));
background-image: -webkit-linear-gradient(top, #6394dd 0%, #3c6ebc 54%, #5e8fd8 100%);
background-image: -moz-linear-gradient(top, #6394dd 0%, #3c6ebc 54%, #5e8fd8 100%);
background-image: -o-linear-gradient(top, #6394dd 0%, #3c6ebc 54%, #5e8fd8 100%);
background-image: linear-gradient(top, #6394dd 0%, #3c6ebc 54%, #5e8fd8 100%);
color: #fff;
font-size: 129%;
cursor: pointer;
}
#main #mailForm #confirm-button input:hover {
background-color: #5e8fd8;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5E8FD8', endColorstr='#FF6394DD');
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5e8fd8), color-stop(54%, #3c6ebc), color-stop(100%, #6394dd));
background-image: -webkit-linear-gradient(top, #5e8fd8 0%, #3c6ebc 54%, #6394dd 100%);
background-image: -moz-linear-gradient(top, #5e8fd8 0%, #3c6ebc 54%, #6394dd 100%);
background-image: -o-linear-gradient(top, #5e8fd8 0%, #3c6ebc 54%, #6394dd 100%);
background-image: linear-gradient(top, #5e8fd8 0%, #3c6ebc 54%, #6394dd 100%);
}
#main #mailForm #confirm-button input.back {
background: #000;
} .c-balloon {
display: flex;
justify-content: space-between;
-ms-align-items: center;
align-items: flex-start;
column-gap: 24px;
margin-bottom: 1em;
}
.c-balloon-reverse {
flex-direction: row-reverse;
}
.c-balloon_icon {
height: auto;
overflow: hidden;
width: 16%;
}
.c-balloon_icon img {
border-radius: 100vh;
width: 100%;
height: auto;
}
.c-balloon_icon figcaption {
text-align: center;
font-size: 0.85em;
margin-top: 0.25em;
}
.c-balloon_fukidashi {
border-radius: 4px;
background-color: #e1f1ff;
margin-top: 0.5em;
padding: .75em 1em;
position: relative;
width: 80%;
}
.c-balloon_fukidashi p {
margin-bottom: 0 !important;
}
.c-balloon_fukidashi::before {
content: '';
position: absolute;
background-color: #e1f1ff;
width: 16px;
height: 24px;
}
.c-balloon_fukidashi-left::before {
left: -15px;
clip-path: polygon(0 50%, 100% 0, 100% 100%);
content: '';
}
.c-balloon_fukidashi-right::before {
right: -15px;
clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.c-youtube {
width: 100%;
aspect-ratio: 16 / 9;
}
.c-youtube iframe {
width: 100%;
height: 100%;
} #region-header .l-row {justify-content: start;}
#region-header .top_img{width:30%;}
#region-header .linklist {border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #dedede;
background: -moz-linear-gradient(#ffffff 0%, #ffffff 50%, #dedede 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #ffffff), to(#dedede));
background: -webkit-linear-gradient(#ffffff 0%, #ffffff 50%, #dedede 100%);
background: -o-linear-gradient(#ffffff 0%, #ffffff 50%, #dedede 100%);
background: linear-gradient(#ffffff 0%, #ffffff 50%, #dedede 100%);
margin-bottom: 5px;
transition: all 0.3s ease;
line-height: 1.4;
display: flex;
align-items: center;
margin-right: 1.3%;
}
#region-header .page_top_txt ul li:nth-child(4) {margin-right: 0;}
#region-header .linklist:hover{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #ffecbe;
background: -moz-linear-gradient(#ffffff 0%, #ffffff 50%, #ffecbe 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #ffffff), to(#ffecbe));
background: -webkit-linear-gradient(#ffffff 0%, #ffffff 50%, #ffecbe 100%);
background: -o-linear-gradient(#ffffff 0%, #ffffff 50%, #ffecbe 100%);
background: linear-gradient(#ffffff 0%, #ffffff 50%, #ffecbe 100%);
}
#region-header .linklist a {display: block; padding: 3px;}
#region-header .linklist-button {
position: relative;
}
#region-header .linklist-button:before {
content: '';
position: absolute;
left: 8px;
border: 6px solid transparent;
border-left: 9px solid #f19149;
background: none;
border-radius: 0;
}
#region-header .linklist_align {align-items: stretch}
#region-header .page_top_txt ul li:after{display: none;}
#region-header .l-row > *:not(:first-child) {margin-top: 0}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}