@charset "UTF-8";


html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*, *::after, *::before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}    html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
} a:active, a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type=checkbox],
input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
} input[type=search] {
-webkit-appearance: textfield; -webkit-box-sizing: content-box;
box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}      * {
padding: 0;
margin: 0;
background-repeat: no-repeat;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
html,
body {
background: #fff;
color: #444;
font-size: 14px;
line-height: 1.75;
font-family: Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 767px) {
html,
body {
overflow-x: hidden;
}
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
a {
color: #185c98;
}
a:hover {
color: #477DCA;
}
.text-right {
text-align: right;
}
section {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
max-width: 100%; }
section::after {
clear: both;
content: "";
display: block;
}
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0px;
padding: 10px !important;
border: 1px solid #999 !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
textarea {
font-size: 16px;
}
}
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
textarea:focus {
border-bottom-width: 2px !important;
}
.select-wrapper {
position: relative;
display: block;
background-color: #f8f8f8;
-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.select-wrapper:after {
border-top: 1px solid #999;
content: "▼";
position: absolute;
right: 1px;
top: 0px;
display: block;
width: 2rem;
height: 3rem;
line-height: 2.95em;
font-size: 1rem;
background: #ccc;
text-align: center;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.select-wrapper:hover {
background: #fffbae;
}
.select-wrapper:hover:after {
background: #fffbae;
}
.select-wrapper select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0px;
padding: 10px;
border: 1px solid #999;
vertical-align: middle;
width: 100%;
position: relative;
z-index: 1;
background: transparent;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.select-wrapper select {
font-size: 16px;
}
}
input::-ms-expand,
select::-ms-expand {
display: none;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
.inline {
display: inline;
}
.wrapper {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
width: 67em;
padding: 0;
position: relative;
}
.wrapper::after {
clear: both;
content: "";
display: block;
}
@media screen and (max-width: 767px) {
.wrapper {
padding: 2rem 1em 0 1em;
width: auto;
}
}
.container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 0;
}
.container::after {
clear: both;
content: "";
display: block;
}
header {
width: 100%;
position: fixed;
top: 0;
border-top: solid 5px #005BAB;
background: #fff;
z-index: 2;
}
header:before {
content: "";
background: #F45D40;
height: 49px;
width: 100%;
display: block;
position: absolute;
bottom: 1px;
}
@media screen and (max-width: 767px) {
header:before {
display: none;
}
}
header .wrapper {
background: #fff;
}
@media screen and (max-width: 767px) {
header .wrapper {
padding: 0;
}
}
header h1 {
margin: 12px 12px 18px 0;
display: inline-block;
}
@media screen and (max-width: 767px) {
header h1 {
margin: 12px 5px 12px 1rem;
}
}
header h1 a {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1352px;
width: 186px;
height: 43px;
text-indent: -9999px;
display: block;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
header h1 a {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
header h1 a {
width: 131px;
height: 31px;
background-size: 2167px 1995px;
background-position: -2029px -946px;
}
}
header .subtitle {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1839px;
width: 193px;
height: 12px;
text-indent: -9999px;
display: inline-block;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
header .subtitle {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
header .subtitle {
width: 136px;
height: 9px;
background-size: 2167px 1995px;
background-position: -2029px -1287px;
vertical-align: super;
}
}
@media screen and (max-width: 359px) {
header .subtitle {
display: none;
}
}
header #main-nav {
background: #fff;
border-bottom: 1px solid #f0f0f0;
}
header #main-nav ul {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: table;
width: 100%;
table-layout: fixed;
}
header #main-nav ul::after {
clear: both;
content: "";
display: block;
}
@media screen and (max-width: 767px) {
header #main-nav ul {
display: none;
}
}
header #main-nav ul li {
display: table-cell;
width: 25%;
width: 33.333333%;
border-left: 2px solid #fff;
background: #F45D40;
color: #fff;
text-align: center;
position: relative;
}
header #main-nav ul li span {
margin: 0 auto;
}
header #main-nav ul li a {
display: block;
padding: 15px 0;
height: 48px;
}
@media screen and (max-width: 767px) {
header #main-nav ul li a {
padding: 15px 0 15px 20px;
text-align: left;
}
}
header #main-nav ul li a span {
display: block;
padding: 0 0.1em;
color: #fff;
font-size: 1.15rem;
line-height: 1.25;
}
@media screen and (max-width: 767px) {
header #main-nav ul li a span {
display: inline-block;
}
}
header #main-nav ul li a:hover {
background: rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 767px) {
header #main-nav ul li:first-child .gas_link {
border-bottom: 1px solid #F37961;
}
}
header #main-nav ul li.header_nav_last {
margin-right: 0;
border-right: 2px solid #fff;
}
@media screen and (max-width: 767px) {
header #main-nav ul li.header_nav_last {
border-right: none;
}
}
header #main-nav ul li.header_nav_last span {
color: #fff;
font-size: 1.1rem;
}
header #main-nav ul li .header_sub {
display: block;
position: absolute;
opacity: 0;
visibility: collapse;
top: -300%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index: -100;
border: 2px solid #fff;
border-top: 0;
}
@media screen and (max-width: 767px) {
header #main-nav ul li .header_sub {
position: relative;
opacity: 1;
visibility: visible;
top: 100%;
border: none;
z-index: 0;
}
}
header #main-nav ul li .header_sub li {
width: 100%;
display: block;
border-left: none;
border-top: 2px solid #fff;
}
@media screen and (max-width: 767px) {
header #main-nav ul li .header_sub li {
border-top: none;
}
}
header #main-nav ul li .header_sub li a {
color: #fff;
}
@media screen and (max-width: 767px) {
header #main-nav ul li .header_sub li a {
text-indent: 1rem;
}
}
header #main-nav ul li:hover .header_sub {
opacity: 1;
top: 100%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
visibility: visible;
z-index: 0;
}
@media screen and (max-width: 767px) {
header #main-nav ul li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
border-bottom: 1px solid #F37961;
margin: 0;
border-left: none;
}
header #main-nav ul li:last-child {
margin-right: 0;
}
}
header #sub-nav {
position: absolute;
top: 0;
right: 0;
}
@media screen and (max-width: 767px) {
header #sub-nav {
position: static;
display: none;
}
}
header #sub-nav ul {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
header #sub-nav ul::after {
clear: both;
content: "";
display: block;
}
@media screen and (max-width: 767px) {
header #sub-nav ul {
width: 100%;
}
}
header #sub-nav li {
display: block;
float: left;
margin-left: 1.5rem;
text-align: left;
}
@media screen and (max-width: 767px) {
header #sub-nav li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
border-bottom: 1px solid #F3F3F3;
}
header #sub-nav li:last-child {
margin-right: 0;
}
}
header #sub-nav li a {
padding: 1.6rem 0 0;
display: block;
}
@media screen and (max-width: 767px) {
header #sub-nav li a {
padding: 20px 0 20px 20px;
}
}
header #sub-nav li a span {
vertical-align: middle;
}
header #sub-nav .header-company {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3068px -105px;
width: 19px;
height: 20px;
text-indent: -9999px;
display: inline-block;
margin-right: 4px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
header #sub-nav .header-company {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
header #sub-nav .header-recruit {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3068px -135px;
width: 17px;
height: 16px;
text-indent: -9999px;
display: inline-block;
margin-right: 4px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
header #sub-nav .header-recruit {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
header #sub-nav li.header-contact {
background: #005BAB;
width: 180px;
text-align: center;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
@media screen and (max-width: 767px) {
header #sub-nav li.header-contact {
width: 100%;
text-align: left;
}
}
header #sub-nav li.header-contact a {
color: #fff;
padding: 1em 0;
}
header #sub-nav li.header-contact span:first-child {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3068px -161px;
width: 19px;
height: 13px;
text-indent: -9999px;
display: inline-block;
margin-right: 4px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
header #sub-nav li.header-contact span:first-child {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
header .nav-toggle {
position: absolute;
top: 1rem;
right: 1rem;
}
.icatch {
margin-top: 126px;
padding-top: 0px;
text-align: center;
width: 100%;
border-bottom: 4px solid #EA5946;
background-color: #FEFCE7;
}
.icatch a > div {
background-color: transparent;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
position: relative;
text-indent: -9999px;
height: 248px;
}
@media screen and (max-width: 767px) {
.icatch a > div {
height: 90px;
}
}
.icatch a > div.icatch-main2 {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/home_slide_simulator-2x.png);
}
.icatch a > div.icatch-main3 {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/renovation_02.jpg);
}
.icatch a > div.icatch-main4 {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/point_03.png);
}
.icatch a:hover > * {
opacity: 0.8;
}
@media screen and (max-width: 767px) {
.icatch {
border-bottom: 2px solid #EA5946;
margin-top: 62px;
}
}
@media screen and (max-width: 767px) {
.icatch div.wrapper {
padding: 0;
}
}
.icatch .icatch-main {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite_master/tg-img-home-01-2x.png);
background-position: 50% 100%;
background-size: 938px;
background-repeat: no-repeat;
position: relative;
text-indent: -9999px;
height: 248px;
}
@media screen and (max-width: 767px) {
.icatch .icatch-main {
height: 90px;
background-size: 240px;
}
}
.icatch .icatch-main .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1419px -1681px;
width: 512px;
height: 64px;
text-indent: -9999px;
text-indent: -99999px;
position: relative;
top: 18px;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-main .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-main .icatch-copy {
top: 10px;
width: 256px;
height: 32px;
background-size: 1548px 1425px;
background-position: -709px -840px;
}
}
.icatch .icatch-katei {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: 0px 0px;
width: 1229px;
height: 262px;
text-indent: -9999px;
position: relative;
left: -614.5px;
bottom: -36px;
margin: -36px 0 0 50%;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-katei {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-katei {
bottom: -25px;
left: -307.25px;
margin: 0 0 0 50%;
width: 615px;
height: 131px;
background-size: 1548px 1425px;
background-position: 0px 0px;
}
}
.icatch .icatch-katei .wrapper {
overflow: visible;
}
.icatch .icatch-katei .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -715px -547px;
width: 483px;
height: 130px;
text-indent: -9999px;
position: relative;
top: 3rem;
margin: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-katei .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-katei .icatch-copy {
top: 0px;
left: 1rem;
width: 290px;
height: 78px;
background-size: 1857px 1710px;
background-position: -429px -328px;
}
}
.icatch .icatch-katei .breadcrumb {
position: relative;
}
.icatch .icatch-gyomu {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: 0px -1182px;
width: 1229px;
height: 220px;
text-indent: -9999px;
position: relative;
left: -613.5px;
bottom: -27px;
margin: -27px 0 0 50%;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-gyomu {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-gyomu {
bottom: -25px;
left: -307.25px;
margin: 0 0 0 50%;
width: 615px;
height: 110px;
background-size: 1548px 1425px;
background-position: 0px -591px;
}
}
.icatch .icatch-gyomu .wrapper {
overflow: visible;
}
.icatch .icatch-gyomu .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -718px -738px;
width: 417px;
height: 130px;
text-indent: -9999px;
position: relative;
top: 1.5rem;
margin: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-gyomu .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-gyomu .icatch-copy {
top: 0px;
left: 1rem;
width: 176px;
height: 55px;
background-size: 1300px 1197px;
background-position: -301px -309px;
}
}
.icatch .icatch-gyomu .breadcrumb {
position: relative;
}
.icatch.icatch-ryoukin-outer {
background: #fff;
padding-top: 0;
}
.icatch .icatch-ryoukin {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1239px -313px;
width: 938px;
height: 282px;
text-indent: -9999px;
background-color: #FEFCE7;
position: relative;
left: -469px;
bottom: -4px;
margin: -4px 0 0 50%;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-ryoukin {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.icatch .icatch-ryoukin .wrapper {
overflow: visible;
}
.icatch .icatch-ryoukin .icatch-copy {
text-indent: -9999px;
}
@media screen and (max-width: 767px) {
.icatch .icatch-ryoukin {
bottom: 0;
left: -234.5px;
margin: 0 0 0 50%;
width: 469px;
height: 141px;
background-size: 1548px 1425px;
background-position: -619px -156px;
}
}
.icatch .icatch-ryoukin .breadcrumb {
position: relative;
}
.icatch .icatch-reform {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1239px 0px;
width: 938px;
height: 303px;
text-indent: -9999px;
position: relative;
left: -469px;
bottom: -3px;
margin: 0 0 0 50%;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-reform {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform {
bottom: 0;
left: -164.15px;
margin: 0 0 0 50%;
width: 329px;
height: 107px;
background-size: 1084px 998px;
background-position: -433px 0px;
}
}
.icatch .icatch-reform .wrapper {
overflow: visible;
}
.icatch .icatch-reform .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -718px -1114px;
width: 326px;
height: 53px;
text-indent: -9999px;
position: relative;
top: 25px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-reform .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform .icatch-logo {
top: 20px;
width: 137px;
height: 23px;
background-size: 1300px 1197px;
background-position: -301px -467px;
}
}
.icatch .icatch-reform .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -404px -2680px;
width: 330px;
height: 80px;
text-indent: -9999px;
position: relative;
top: 30px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-reform .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform .icatch-copy {
top: 10px;
width: 139px;
height: 34px;
background-size: 1300px 1197px;
background-position: -169px -1125px;
}
}
@media screen and (max-width: 767px) {
.icatch.icatch-reform-kitchen-outer {
padding-top: 1px !important;
}
}
@media screen and (max-width: 767px) {
.icatch.icatch-reform-toilet-outer {
padding-top: 1px !important;
}
}
@media screen and (max-width: 767px) {
.icatch.icatch-reform-bathroom-outer {
padding-top: 1px !important;
}
}
@media screen and (max-width: 767px) {
.icatch.icatch-reform-living_dining-outer {
padding-top: 1px !important;
}
}
.icatch .icatch-reform-kitchen {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -948px -1412px;
width: 938px;
height: 259px;
text-indent: -9999px;
position: relative;
left: -469px;
bottom: -3px;
margin: 0 0 0 50%;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-reform-kitchen {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-kitchen {
bottom: 0;
left: -234.5px;
margin: 0 0 0 50%;
width: 469px;
height: 130px;
background-size: 1548px 1425px;
background-position: -474px -706px;
}
}
.icatch .icatch-reform-kitchen .wrapper {
overflow: visible;
}
.icatch .icatch-reform-kitchen .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -718px -1114px;
width: 326px;
height: 53px;
text-indent: -9999px;
left: 5rem;
position: relative;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-reform-kitchen .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-kitchen .icatch-logo {
left: 1rem;
width: 163px;
height: 27px;
background-size: 1548px 1425px;
background-position: -359px -557px;
}
}
.icatch .icatch-reform-kitchen .icatch-label {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2362px -2470px;
width: 335px;
height: 47px;
text-indent: -9999px;
left: 7.5rem;
position: relative;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-reform-kitchen .icatch-label {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-kitchen .icatch-label {
left: 1rem;
width: 168px;
height: 24px;
background-size: 1548px 1425px;
background-position: -1181px -1235px;
}
}
.icatch .icatch-reform-kitchen .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1896px -1610px;
width: 256px;
height: 44px;
text-indent: -9999px;
position: relative;
top: 1rem;
left: 5rem;
margin: 0 0px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-reform-kitchen .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-kitchen .icatch-copy {
left: 1rem;
width: 167px;
height: 29px;
background-size: 2012px 1853px;
background-position: -1232px -1046px;
}
}
.icatch .icatch-reform-toilet {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: 0px -1412px;
width: 938px;
height: 259px;
text-indent: -9999px;
position: relative;
left: -469px;
bottom: -3px;
margin: 0 0 0 50%;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-reform-toilet {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-toilet {
bottom: 0;
left: -234.5px;
margin: 0 0 0 50%;
width: 469px;
height: 130px;
background-size: 1548px 1425px;
background-position: 0px -706px;
}
}
.icatch .icatch-reform-toilet .wrapper {
overflow: visible;
}
.icatch .icatch-reform-toilet .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -718px -1114px;
width: 326px;
height: 53px;
text-indent: -9999px;
position: relative;
left: 5rem;
position: relative;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-reform-toilet .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-toilet .icatch-logo {
top: 0;
left: 1rem;
width: 163px;
height: 27px;
background-size: 1548px 1425px;
background-position: -359px -557px;
}
}
.icatch .icatch-reform-toilet .icatch-label {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1672px -2470px;
width: 335px;
height: 47px;
text-indent: -9999px;
position: relative;
top: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-reform-toilet .icatch-label {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-toilet .icatch-label {
top: 0;
left: 1rem;
width: 168px;
height: 24px;
background-size: 1548px 1425px;
background-position: -836px -1235px;
}
}
.icatch .icatch-reform-toilet .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1630px -2550px;
width: 298px;
height: 43px;
text-indent: -9999px;
position: relative;
top: 1rem;
left: 5rem;
margin: 0 18.5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-reform-toilet .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-toilet .icatch-copy {
left: 0rem;
width: 194px;
height: 28px;
background-size: 2012px 1853px;
background-position: -1059px -1657px;
}
}
.icatch .icatch-reform-bathroom {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1239px -877px;
width: 938px;
height: 261px;
text-indent: -9999px;
position: relative;
left: -469px;
bottom: -3px;
margin: 0 0 0 50%;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-reform-bathroom {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-bathroom {
bottom: -2px;
left: -234.5px;
margin: 0 0 0 50%;
width: 469px;
height: 131px;
background-size: 1548px 1425px;
background-position: -619px -438px;
}
}
.icatch .icatch-reform-bathroom .wrapper {
overflow: visible;
}
.icatch .icatch-reform-bathroom .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -718px -1114px;
width: 326px;
height: 53px;
text-indent: -9999px;
position: relative;
top: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-reform-bathroom .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-bathroom .icatch-logo {
top: 0;
left: 2rem;
width: 163px;
height: 27px;
background-size: 1548px 1425px;
background-position: -359px -557px;
}
}
.icatch .icatch-reform-bathroom .icatch-label {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1285px -2550px;
width: 335px;
height: 47px;
text-indent: -9999px;
position: relative;
top: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-reform-bathroom .icatch-label {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-bathroom .icatch-label {
top: 0;
left: 2rem;
width: 168px;
height: 24px;
background-size: 1548px 1425px;
background-position: -642px -1275px;
}
}
.icatch .icatch-reform-bathroom .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1941px -1681px;
width: 231px;
height: 43px;
text-indent: -9999px;
position: relative;
top: 1rem;
left: 5rem;
margin: 0 52px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-reform-bathroom .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-bathroom .icatch-copy {
left: 2.5em;
margin: 0;
width: 151px;
height: 28px;
background-size: 2012px 1853px;
background-position: -1261px -1092px;
}
}
.icatch .icatch-reform-living_dining {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1239px -605px;
width: 938px;
height: 262px;
text-indent: -9999px;
position: relative;
left: -469px;
bottom: -1px;
margin: 0 0 0 50%;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-reform-living_dining {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-living_dining {
bottom: 0;
left: -234.5px;
margin: 0 0 0 50%;
width: 469px;
height: 131px;
background-size: 1548px 1425px;
background-position: -619px -302px;
}
}
.icatch .icatch-reform-living_dining .wrapper {
overflow: visible;
}
.icatch .icatch-reform-living_dining .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -718px -1114px;
width: 326px;
height: 53px;
text-indent: -9999px;
position: relative;
top: 10px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-reform-living_dining .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-living_dining .icatch-logo {
top: -0.5rem;
left: 1rem;
width: 163px;
height: 27px;
background-size: 1548px 1425px;
background-position: -359px -557px;
}
}
.icatch .icatch-reform-living_dining .icatch-label {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2017px -2470px;
width: 335px;
height: 47px;
text-indent: -9999px;
position: relative;
top: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-reform-living_dining .icatch-label {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-living_dining .icatch-label {
top: -1rem;
left: 1rem;
width: 168px;
height: 24px;
background-size: 1548px 1425px;
background-position: -1008px -1235px;
}
}
.icatch .icatch-reform-living_dining .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -744px -2680px;
width: 225px;
height: 71px;
text-indent: -9999px;
position: relative;
top: 1rem;
left: 5rem;
margin: 0 55px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-reform-living_dining .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-living_dining .icatch-copy {
top: 0rem;
left: 1.5em;
margin: 0;
width: 147px;
height: 47px;
background-size: 2012px 1853px;
background-position: -483px -1742px;
}
}
.icatch .icatch-reform-jirei {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/tg-img-reform-kitchen-jirei01-01-2x.jpg) no-repeat 100% 0%;
background-size: cover;
margin-top: 0 !important;
height: 200px;
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-jirei {
margin-top: 88px !important;
height: 150px;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.icatch .icatch-reform-jirei .wrapper {
overflow: visible;
}
.icatch .icatch-reform-jirei .breadcrumb {
position: relative;
top: 1rem;
}
.icatch .icatch-reform-jirei .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -718px -1114px;
width: 326px;
height: 53px;
text-indent: -9999px;
position: relative;
top: 25px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icatch .icatch-reform-jirei .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-jirei .icatch-logo {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.icatch .icatch-reform-jirei .copy {
text-indent: 0;
text-align: center;
width: 335px;
display: block;
margin: 40px 0 0 -1em;
font-size: 20px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-jirei .copy {
font-size: 16px;
}
}
.breadcrumb {
text-align: left;
text-indent: 0;
position: relative;
padding-top: 1rem;
text-shadow: 0 0 3px white;
}
@media screen and (max-width: 767px) {
.breadcrumb {
display: none;
}
}
.breadcrumb li {
display: inline;
}
.breadcrumb li a {
color: #8a8a8a;
}
.breadcrumb li a:hover {
color: #333;
}
.contents {
background: #fff;
margin-top: 35px;
}
#top { }
#top .bx-wrapper {
margin-bottom: 80px;
}
#top .bx-wrapper .bx-viewport {
border: none !important;
left: 0px !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
height: 421px !important;
}
@media screen and (max-width: 767px) {
#top .bx-wrapper .bx-viewport {
height: 190px !important;
}
}
#top .bx-wrapper .bx-pager {
bottom: -3px !important;
}
#top .bx-wrapper .bx-pager.bx-default-pager a {
background: #666 !important;
}
#top .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #aa282b !important;
}
#top .bx-wrapper .bx-controls {
margin-top: -68px;
}
#top .icatch { }
#top .contents {
margin-top: 35px;
}
#top .contents .container {
margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
#top .contents .container {
margin-bottom: 1rem;
}
}
@media screen and (max-width: 767px) {
#top .contents {
margin-top: 15px;
}
}
@media screen and (max-width: 767px) {
#ryoukin .contents {
margin-top: 15px;
}
}
.main {
float: left;
width: 700px;
}
.main a:hover {
text-decoration: underline;
}
.main.col-single {
width: auto;
float: none;
}
@media screen and (max-width: 767px) {
.main {
width: 100%;
float: none;
}
}
.main .container {
margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
.main .container {
margin-bottom: 1rem;
}
}
.main h2 {
margin-bottom: 1em;
color: #F45D40;
font-size: 1.1em;
padding: 0.4em 0;
border-bottom: 2px solid #F45D40;
position: relative;
}
.main h2 a {
position: absolute;
right: 0;
font-weight: 100;
}
.main h2 a span.tolist:after {
content: "";
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3068px -184px;
width: 8px;
height: 12px;
text-indent: -9999px;
display: inline-block;
margin-left: 10px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main h2 a span.tolist:after {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main .side-list h1 {
color: #F45D40;
font-weight: bold;
border-left: 0;
border-bottom: 2px solid #F45D40;
padding: 0 0 0.5em 0;
margin: 30px 0;
}
.main .side-list li {
display: inline-block;
margin: 0 40px 10px 0;
}
.main ul.news-box li {
background: #E5E5E5;
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
margin-bottom: 1rem;
}
.main ul.news-box li:last-child {
margin-right: 0;
}
.main ul.news-box li:nth-child(3n) {
margin-right: 0;
}
.main ul.news-box li:nth-child(3n+1) {
clear: left;
}
@media screen and (max-width: 767px) {
.main ul.news-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
float: none;
margin-bottom: 10px;
}
.main ul.news-box li:last-child {
margin-right: 0;
}
.main ul.news-box li:nth-child(1n) {
margin-right: 0;
}
.main ul.news-box li:nth-child(1n+1) {
clear: left;
}
}
@media screen and (max-width: 767px) {
.main ul.news-box li a {
display: table;
table-layout: fixed;
width: 100%;
}
}
.main ul.news-box li img {
max-height: 147px;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width: 767px) {
.main ul.news-box li img {
max-height: 72px;
}
}
.main ul.news-box li div {
text-align: center;
background: #fff;
}
@media screen and (max-width: 767px) {
.main ul.news-box li div {
display: table-cell;
width: 110px;
}
}
@media screen and (max-width: 767px) {
.main ul.news-box li div:first-child {
height: 60px;
}
}
.main ul.news-box li dl {
padding: 0 0.7em 0.7em 0.7em;
min-height: 77px;
position: relative;
color: #8a8a8a;
}
@media screen and (max-width: 767px) {
.main ul.news-box li dl {
display: table-cell;
vertical-align: top;
padding: 0 0.7em;
}
}
.main ul.news-box li dt {
background: #fff;
display: inline-block;
position: absolute;
top: -16px;
font-size: 0.9em;
padding: 3px 10px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
@media screen and (max-width: 767px) {
.main ul.news-box li dt {
margin-top: 5px;
position: static;
}
}
.main ul.news-box li dd {
position: absolute;
top: 22px;
padding-right: 10px;
}
@media screen and (max-width: 767px) {
.main ul.news-box li dd {
margin-top: 5px;
width: 100%;
padding-right: 0;
position: static;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}
.main ul.service-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 18.1138783813%;
background: #F45D40;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
.main ul.service-box li:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.main ul.service-box li {
margin-bottom: 10px;
}
}
.main ul.service-box li a {
display: block;
height: 100px;
position: relative;
}
@media screen and (max-width: 767px) {
.main ul.service-box li a {
height: 80px;
width: 100%;
display: table;
table-layout: fixed;
}
}
@media screen and (max-width: 767px) {
.main ul.service-box li p {
font-size: 18px;
}
}
.main ul.service-box li p:first-child {
text-align: center;
}
@media screen and (max-width: 767px) {
.main ul.service-box li p:first-child {
display: table-cell;
width: 120px;
text-align: center;
vertical-align: middle;
}
}
.main ul.service-box li p:last-child {
position: absolute;
text-align: center;
bottom: 7px;
width: 100%;
color: #fff;
}
@media screen and (max-width: 767px) {
.main ul.service-box li p:last-child {
display: table-cell;
width: auto;
vertical-align: middle;
position: static;
text-align: left;
padding-left: 20px;
}
}
@media screen and (max-width: 767px) {
.main ul.service-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.main ul.service-box li:last-child {
margin-right: 0;
}
}
.main ul.service-box li:first-child a {
padding: 15px 0 0 0;
}
@media screen and (max-width: 767px) {
.main ul.service-box li:first-child a {
padding: 0;
}
}
.main ul.service-box li:first-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -2022px;
width: 50px;
height: 50px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.service-box li:first-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.service-box li:nth-child(2) a {
padding: 27px 0 0 0;
}
@media screen and (max-width: 767px) {
.main ul.service-box li:nth-child(2) a {
padding: 0;
}
}
.main ul.service-box li:nth-child(2) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1861px;
width: 93px;
height: 33px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.service-box li:nth-child(2) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.service-box li:nth-child(3) a {
padding: 14px 0 0 0;
}
@media screen and (max-width: 767px) {
.main ul.service-box li:nth-child(3) a {
padding: 0;
}
}
.main ul.service-box li:nth-child(3) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -2082px;
width: 49px;
height: 49px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.service-box li:nth-child(3) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.service-box li:nth-child(4) a {
padding: 10px 0 0 0;
}
@media screen and (max-width: 767px) {
.main ul.service-box li:nth-child(4) a {
padding: 0;
}
}
.main ul.service-box li:nth-child(4) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3030px -858px;
width: 44px;
height: 59px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.service-box li:nth-child(4) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.service-box li:last-child a {
padding: 10px 0 0 0;
}
@media screen and (max-width: 767px) {
.main ul.service-box li:last-child a {
padding: 0;
}
}
.main ul.service-box li:last-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3001px -1102px;
width: 79px;
height: 58px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.service-box li:last-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.feature-box {
text-align: center;
}
}
.main ul.feature-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
}
.main ul.feature-box li:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.main ul.feature-box li {
width: 222px;
display: inline-block;
float: none;
margin: 10px;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.main ul.feature-box li:last-child {
margin: 10px auto;
}
}
.main li.lifeinfo-list { }
.main li.lifeinfo-list a {
margin-bottom: 10px;
display: inline-block;
margin-left: 10px;
}
.main li.lifeinfo-list span {
margin-right: 15px;
}
@media screen and (max-width: 767px) {
.main li.lifeinfo-list span.lifeinfo-date {
display: block;
}
}
.main li.lifeinfo-list .lifeinfo-cat {
background: #469920;
color: #fff;
padding: 3px 5px;
font-size: 11px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.main li.lifeinfo-list.happy-energy .lifeinfo-cat {
background: #469920;
}
@media screen and (max-width: 767px) {
.main ul.industry-box {
text-align: center;
}
}
.main ul.industry-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
margin-bottom: 20px;
}
.main ul.industry-box li:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.main ul.industry-box li {
margin-bottom: 10px;
}
}
.main ul.industry-box li a {
display: block;
position: relative;
}
@media screen and (max-width: 767px) {
.main ul.industry-box li a {
width: 100%;
display: inline-block;
}
}
.main ul.industry-box li p:first-child {
text-align: center;
height: 150px;
background: #fefce7;
}
@media screen and (max-width: 767px) {
.main ul.industry-box li p:first-child {
text-align: center;
vertical-align: middle;
}
}
.main ul.industry-box li p:last-child {
text-align: center;
width: 100%;
color: #005bab;
padding: 20px 0 10px 0;
}
@media screen and (max-width: 767px) {
.main ul.industry-box li p:last-child {
width: auto;
position: static;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.main ul.industry-box li {
width: 222px;
float: none;
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.main ul.industry-box li:first-child a {
padding: 0;
}
}
.main ul.industry-box li:first-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2710px -700px;
width: 175px;
height: 150px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.industry-box li:first-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.industry-box li:nth-child(2) a {
padding: 0;
}
}
.main ul.industry-box li:nth-child(2) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2710px -1020px;
width: 175px;
height: 150px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.industry-box li:nth-child(2) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.industry-box li:nth-child(3) {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.main ul.industry-box li:nth-child(3) a {
padding: 0;
}
}
.main ul.industry-box li:nth-child(3) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2710px -540px;
width: 175px;
height: 150px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.industry-box li:nth-child(3) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.industry-box li:nth-child(4) a {
padding: 0;
}
}
.main ul.industry-box li:nth-child(4) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2710px -380px;
width: 175px;
height: 150px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.industry-box li:nth-child(4) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.industry-box li:last-child a {
padding: 0;
}
}
.main ul.industry-box li:last-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2710px -860px;
width: 175px;
height: 150px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.industry-box li:last-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.sean-box {
text-align: center;
}
}
.main ul.sean-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
margin-bottom: 20px;
}
.main ul.sean-box li:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.main ul.sean-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
margin-bottom: 10px;
}
.main ul.sean-box li:last-child {
margin-right: 0;
}
}
.main ul.sean-box li a {
display: block;
position: relative;
}
@media screen and (max-width: 767px) {
.main ul.sean-box li a {
width: 100%;
display: inline-block;
}
}
.main ul.sean-box li p {
margin-bottom: 0;
}
.main ul.sean-box li p:first-child {
text-align: center;
height: 150px;
background: #fefce7;
}
@media screen and (max-width: 767px) {
.main ul.sean-box li p:first-child {
text-align: center;
vertical-align: middle;
}
}
.main ul.sean-box li p:last-child {
text-align: center;
width: 100%;
color: #005bab;
padding: 10px 0;
}
.main ul.sean-box li p:last-child span:before {
content: "";
display: inline-block;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
margin-right: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.sean-box li p:last-child span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.sean-box li p:last-child {
width: auto;
position: static;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.main ul.sean-box li p {
width: 222px;
float: none;
display: block;
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.main ul.sean-box li:first-child a {
padding: 0;
}
}
.main ul.sean-box li:first-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1345px -2033px;
width: 223px;
height: 150px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.sean-box li:first-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.sean-box li:nth-child(2) a {
padding: 0;
}
}
.main ul.sean-box li:nth-child(2) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1811px -2033px;
width: 223px;
height: 150px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.sean-box li:nth-child(2) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.sean-box li:nth-child(3) {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.main ul.sean-box li:nth-child(3) a {
padding: 0;
}
}
.main ul.sean-box li:nth-child(3) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2277px -2033px;
width: 223px;
height: 150px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.sean-box li:nth-child(3) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.sean-box li:nth-child(4) a {
padding: 0;
}
}
.main ul.sean-box li:nth-child(4) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2044px -2033px;
width: 223px;
height: 150px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.sean-box li:nth-child(4) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.sean-box li:last-child a {
padding: 0;
}
}
.main ul.sean-box li:last-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1578px -2033px;
width: 223px;
height: 150px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.sean-box li:last-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.equipment-list li {
display: inline-block;
margin: 0 40px 10px 0;
}
.main ul.equipment-list li a {
font-size: 1.1em;
}
.main ul.equipment-list li a span:before {
content: "";
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
display: inline-block;
margin-right: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.equipment-list li a span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.equipment-list li:last-child {
margin-right: 0;
}
.main div.half-container a {
font-size: 1.1em;
}
.main div.half-container a span:before {
content: "";
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
display: inline-block;
margin-right: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.half-container a span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main div.main-banner {
margin-bottom: 30px;
}
.main div.contactinfo {
border: 3px solid #f45d40;
padding: 25px 25px 0 25px;
}
.main div.contactinfo h2 {
border: none;
text-align: center;
font-size: 1.4em;
padding: 0;
}
.main div.contactinfo ul.contactinfo-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
margin-bottom: 30px;
color: #8a8a8a;
}
.main div.contactinfo ul.contactinfo-box li:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.main div.contactinfo ul.contactinfo-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.main div.contactinfo ul.contactinfo-box li:last-child {
margin-right: 0;
}
}
.main div.contactinfo ul.contactinfo-box li:nth-child(2n) {
margin-right: 0;
}
.main div.contactinfo ul.contactinfo-box li:last-child {
margin-bottom: 0;
}
.main .half-container {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
}
.main .half-container:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.main .half-container {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.main .half-container:last-child {
margin-right: 0;
}
}
.main ul.hojokin-list li {
display: inline-block;
margin-right: 40px;
}
.main ul.hojokin-list li a {
font-size: 1.1em;
}
.main ul.hojokin-list li a span {
font-weight: bold;
}
.main ul.hojokin-list li a span:before {
content: "";
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
display: inline-block;
margin-right: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.hojokin-list li a span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.hojokin-list li p {
margin-top: 10px;
color: #8a8a8a;
}
.main ul.hojokin-list li:last-child {
margin-right: 0;
}
.main div.illust {
position: relative;
}
@media screen and (max-width: 767px) {
.main div.illust {
text-align: center;
}
}
.main div.illust div.person {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2187px 0px;
width: 284px;
height: 546px;
text-indent: -9999px;
margin: 0 auto;
position: relative;
top: -50px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.illust div.person {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust div.person {
position: static;
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {
.main div.illust div.products {
height: auto !important;
}
.main div.illust div.products .tooltip {
background: none;
border: none;
margin: 1rem 0;
}
}
.main div.illust div.products a {
display: block;
text-align: center;
}
.main div.illust div.products a span:before {
content: "";
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
display: inline-block;
margin-right: 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.illust div.products a span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust div.products a span:before {
position: static;
}
}
.main div.illust div.products:nth-child(2) {
position: absolute;
top: 140px;
left: 60px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: 0px -2033px;
width: 220px;
height: 217px;
text-indent: -9999px;
text-indent: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust div.products:nth-child(2) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 15px;
}
}
.main div.illust div.products:nth-child(2) a {
position: absolute;
top: 20px;
left: 28px;
}
@media screen and (max-width: 767px) {
.main div.illust div.products:nth-child(2) a {
position: static;
}
}
.main div.illust div.products:nth-child(2) div {
margin: 0 auto;
width: 105px;
}
.main div.illust div.products:nth-child(3) {
position: absolute;
top: 0px;
right: 0px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2481px -787px;
width: 219px;
height: 229px;
text-indent: -9999px;
text-indent: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.illust div.products:nth-child(3) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust div.products:nth-child(3) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 15px;
}
}
.main div.illust div.products:nth-child(3) a {
position: absolute;
top: 20px;
left: 70px;
}
@media screen and (max-width: 767px) {
.main div.illust div.products:nth-child(3) a {
position: static;
}
}
.main div.illust div.products:nth-child(3) div {
margin: 0 auto;
width: 116px;
}
.main div.illust div.products:nth-child(4) {
position: absolute;
top: 300px;
right: 0px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -464px -2033px;
width: 220px;
height: 182px;
text-indent: -9999px;
text-indent: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.illust div.products:nth-child(4) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust div.products:nth-child(4) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 40px;
}
}
.main div.illust div.products:nth-child(4) a {
position: absolute;
top: 30px;
left: 58px;
}
@media screen and (max-width: 767px) {
.main div.illust div.products:nth-child(4) a {
position: static;
}
}
.main div.illust div.products:nth-child(4) div {
margin: 0 auto;
width: 143px;
}
.main div.illust.tenpo-illust div.person {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2187px -556px;
width: 223px;
height: 548px;
text-indent: -9999px;
text-indent: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.illust.tenpo-illust div.person {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.tenpo-illust div.person {
position: static;
margin-bottom: 20px;
}
}
.main div.illust.tenpo-illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2187px -1673px;
width: 220px;
height: 226px;
text-indent: -9999px;
text-indent: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.illust.tenpo-illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.tenpo-illust div.products:nth-child(2) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 15px;
}
}
.main div.illust.tenpo-illust div.products:nth-child(3) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2481px -1026px;
width: 219px;
height: 229px;
text-indent: -9999px;
text-indent: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.illust.tenpo-illust div.products:nth-child(3) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.tenpo-illust div.products:nth-child(3) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 15px;
}
}
.main div.illust.tenpo-illust div.products:nth-child(4) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1055px -2470px;
width: 220px;
height: 142px;
text-indent: -9999px;
text-indent: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.illust.tenpo-illust div.products:nth-child(4) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.tenpo-illust div.products:nth-child(4) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 40px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.tenpo-illust div.products:nth-child(4) div {
margin: 30px auto 0;
}
}
.main div.illust.hotel-illust div.person {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2481px 0px;
width: 219px;
height: 538px;
text-indent: -9999px;
text-indent: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.illust.hotel-illust div.person {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.hotel-illust div.person {
position: static;
margin-bottom: 20px;
}
}
.main div.illust.hotel-illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2187px -1673px;
width: 220px;
height: 226px;
text-indent: -9999px;
text-indent: 0;
position: absolute;
top: 140px;
left: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.illust.hotel-illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.hotel-illust div.products:nth-child(2) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 15px;
}
}
.main div.illust.hotel-illust div.products:nth-child(3) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2481px -1026px;
width: 219px;
height: 229px;
text-indent: -9999px;
text-indent: 0;
position: absolute;
top: 0;
right: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.illust.hotel-illust div.products:nth-child(3) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.hotel-illust div.products:nth-child(3) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 15px;
}
}
.main div.illust.hospis-illust div.person {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2187px -1114px;
width: 222px;
height: 549px;
text-indent: -9999px;
text-indent: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.illust.hospis-illust div.person {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.hospis-illust div.person {
position: static;
margin-bottom: 20px;
}
}
.main div.illust.hospis-illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -948px -878px;
width: 220px;
height: 226px;
text-indent: -9999px;
text-indent: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.illust.hospis-illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.hospis-illust div.products:nth-child(2) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 20px;
}
}
.main div.illust.hospis-illust div.products:nth-child(2) div {
margin: 5px auto 0;
}
.main div.illust.hospis-illust div.products:nth-child(3) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2481px -1265px;
width: 219px;
height: 195px;
text-indent: -9999px;
text-indent: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.illust.hospis-illust div.products:nth-child(3) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.hospis-illust div.products:nth-child(3) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 20px;
}
}
.main div.illust.hospis-illust div.products:nth-child(3) div {
margin: 15px auto 0;
}
@media screen and (max-width: 767px) {
.main div.illust.hospis-illust div.products:nth-child(3) div {
margin: 30px auto 0;
}
}
.main div.illust.hospis-illust div.products:nth-child(4) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -694px -2033px;
width: 220px;
height: 182px;
text-indent: -9999px;
text-indent: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.illust.hospis-illust div.products:nth-child(4) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main div.illust.hospis-illust div.products:nth-child(4) a {
position: absolute;
top: 20px;
left: 58px;
}
@media screen and (max-width: 767px) {
.main div.illust.hospis-illust div.products:nth-child(4) a {
position: static;
}
}
@media screen and (max-width: 767px) {
.main div.illust.hospis-illust div.products:nth-child(4) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 20px;
}
}
.main div.illust.hospis-illust div.products:nth-child(4) div {
margin: 10px auto 0;
}
.main div.others-box p:first-child {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 74.4105869942%;
color: #8a8a8a;
line-height: 180%;
}
.main div.others-box p:first-child:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.main div.others-box p:first-child {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.main div.others-box p:first-child:last-child {
margin-right: 0;
}
}
.main div.others-box p:last-child {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 23.2317609825%;
text-align: center;
}
.main div.others-box p:last-child:last-child {
margin-right: 0;
}
.main div.others-box p:last-child img {
max-width: 90px;
}
@media screen and (max-width: 767px) {
.main div.others-box p:last-child {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.main div.others-box p:last-child:last-child {
margin-right: 0;
}
}
.main div.katei-illust {
position: relative;
height: 510px;
}
@media screen and (max-width: 767px) {
.main div.katei-illust {
height: auto;
}
}
.main div.katei-illust div.katei-whole {
margin: 0 auto;
position: relative;
top: 120px;
}
@media screen and (max-width: 767px) {
.main div.katei-illust div.katei-whole {
position: static;
}
}
.main div.katei-illust div.products a {
display: block;
text-align: center;
font-size: 1.1em;
}
.main div.katei-illust div.products a span:before {
content: "";
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
display: inline-block;
margin-right: 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.katei-illust div.products a span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust div.products a {
margin: 30px 20px 20px 0;
}
}
.main div.katei-illust div.products:nth-child(2) {
position: absolute;
top: 10px;
left: 75px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -355px;
width: 158px;
height: 115px;
text-indent: -9999px;
text-indent: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.katei-illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust div.products:nth-child(2) {
position: relative;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
width: auto;
height: auto;
}
}
.main div.katei-illust div.products:nth-child(2) a {
position: absolute;
top: 30px;
left: 45px;
}
@media screen and (max-width: 767px) {
.main div.katei-illust div.products:nth-child(2) a {
position: static;
}
}
.main div.katei-illust div.products:nth-child(3) {
position: absolute;
top: 50px;
left: 300px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -230px;
width: 158px;
height: 115px;
text-indent: -9999px;
text-indent: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.katei-illust div.products:nth-child(3) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust div.products:nth-child(3) {
position: relative;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
width: auto;
height: auto;
}
}
.main div.katei-illust div.products:nth-child(3) a {
position: absolute;
top: 30px;
left: 45px;
}
@media screen and (max-width: 767px) {
.main div.katei-illust div.products:nth-child(3) a {
position: static;
}
}
.main div.katei-illust div.products:nth-child(4) {
position: absolute;
top: 80px;
left: 520px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2710px -1522px;
width: 158px;
height: 120px;
text-indent: -9999px;
text-indent: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.katei-illust div.products:nth-child(4) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust div.products:nth-child(4) {
position: relative;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
width: auto;
height: auto;
}
}
.main div.katei-illust div.products:nth-child(4) a {
position: absolute;
top: 20px;
left: 40px;
text-indent: 0;
}
@media screen and (max-width: 767px) {
.main div.katei-illust div.products:nth-child(4) a {
position: static;
display: inline-block;
}
}
.main div.katei-illust div.products:nth-child(4) a:last-child {
position: absolute;
top: 50px;
left: 40px;
}
@media screen and (max-width: 767px) {
.main div.katei-illust div.products:nth-child(4) a:last-child {
position: static;
display: inline-block;
}
}
.main div.katei-illust.living-illust {
position: relative;
height: 510px;
}
@media screen and (max-width: 767px) {
.main div.katei-illust.living-illust {
height: auto;
}
}
.main div.katei-illust.living-illust div.katei-whole {
margin: 0 auto;
position: relative;
top: 0;
}
@media screen and (max-width: 767px) {
.main div.katei-illust.living-illust div.katei-whole {
position: static;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.living-illust div.products a {
margin: 30px 20px 20px 0;
}
}
.main div.katei-illust.living-illust div.products:nth-child(2) {
position: absolute;
top: 20px;
left: 400px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2481px -1882px;
width: 183px;
height: 115px;
text-indent: -9999px;
text-indent: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.katei-illust.living-illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.living-illust div.products:nth-child(2) {
position: relative;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
width: auto;
height: auto;
}
}
.main div.katei-illust.living-illust div.products:nth-child(2) a {
position: absolute;
top: 15px;
left: 15px;
text-indent: 0;
}
@media screen and (max-width: 767px) {
.main div.katei-illust.living-illust div.products:nth-child(2) a {
position: static;
display: inline-block;
}
}
.main div.katei-illust.living-illust div.products:nth-child(2) a:last-child {
position: absolute;
top: 50px;
left: 15px;
}
@media screen and (max-width: 767px) {
.main div.katei-illust.living-illust div.products:nth-child(2) a:last-child {
position: static;
display: inline-block;
}
}
.main div.katei-illust.eco-illust {
position: relative;
height: auto;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.main div.katei-illust.eco-illust {
height: auto;
text-align: center;
margin-bottom: 30px;
}
}
.main div.katei-illust.eco-illust div.katei-whole {
margin: 0;
position: relative;
top: 0;
max-width: 400px;
}
@media screen and (max-width: 767px) {
.main div.katei-illust.eco-illust div.katei-whole {
position: static;
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.eco-illust div.products a {
margin: 30px 20px 20px 0;
}
}
.main div.katei-illust.eco-illust div.products:nth-child(2) {
position: absolute;
top: -60px;
left: 220px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1624px -1787px;
width: 275px;
height: 115px;
text-indent: -9999px;
text-indent: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.katei-illust.eco-illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.eco-illust div.products:nth-child(2) {
position: relative;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #F95B47;
width: 300px;
height: 100px;
vertical-align: top;
margin: 10px;
}
}
.main div.katei-illust.eco-illust div.products:nth-child(2) p:first-child {
width: 65px;
position: absolute;
top: 15px;
left: 15px;
}
.main div.katei-illust.eco-illust div.products:nth-child(2) p:nth-child(2) {
position: absolute;
top: 15px;
left: 95px;
color: #F95B47;
font-size: 1.3em;
}
.main div.katei-illust.eco-illust div.products:nth-child(2) a {
position: absolute;
top: 45px;
left: 120px;
}
@media screen and (max-width: 767px) {
.main div.katei-illust.eco-illust div.products:nth-child(2) a {
position: absolute;
top: 20px;
left: 120px;
}
}
.main div.katei-illust.eco-illust div.products:nth-child(3) {
position: absolute;
top: 90px;
left: 370px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -976px -1787px;
width: 315px;
height: 135px;
text-indent: -9999px;
text-indent: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.katei-illust.eco-illust div.products:nth-child(3) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.eco-illust div.products:nth-child(3) {
position: relative;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
width: 300px;
height: 100px;
border: 2px solid #F95B47;
vertical-align: top;
margin: 10px;
}
}
.main div.katei-illust.eco-illust div.products:nth-child(3) p:first-child {
width: 80px;
position: absolute;
top: 22px;
left: 15px;
}
@media screen and (max-width: 767px) {
.main div.katei-illust.eco-illust div.products:nth-child(3) p:first-child {
position: absolute;
top: 12px;
left: 12px;
}
}
.main div.katei-illust.eco-illust div.products:nth-child(3) p:nth-child(2) {
position: absolute;
top: 22px;
left: 110px;
width: 200px;
color: #F95B47;
font-size: 1.3em;
}
@media screen and (max-width: 767px) {
.main div.katei-illust.eco-illust div.products:nth-child(3) p:nth-child(2) {
top: 12px;
left: 100px;
width: 200px;
line-height: 130%;
}
}
.main div.katei-illust.eco-illust div.products:nth-child(3) a {
position: absolute;
top: 73px;
left: 140px;
}
@media screen and (max-width: 767px) {
.main div.katei-illust.eco-illust div.products:nth-child(3) a {
position: absolute;
top: 27px;
left: 130px;
}
}
.main div.katei-illust.bath-illust {
position: relative;
height: 510px;
}
@media screen and (max-width: 767px) {
.main div.katei-illust.bath-illust {
height: auto;
}
}
.main div.katei-illust.bath-illust div.katei-whole {
margin: 0 auto;
position: relative;
top: 0;
}
@media screen and (max-width: 767px) {
.main div.katei-illust.bath-illust div.katei-whole {
position: static;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.bath-illust div.products a {
margin: 30px 20px 20px 0;
}
}
.main div.katei-illust.bath-illust div.products:nth-child(2) {
position: absolute;
top: 180px;
left: 5px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -105px;
width: 158px;
height: 115px;
text-indent: -9999px;
text-indent: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.katei-illust.bath-illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.bath-illust div.products:nth-child(2) {
position: relative;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
width: auto;
height: auto;
}
}
.main div.katei-illust.bath-illust div.products:nth-child(2) a {
position: absolute;
top: 30px;
left: 45px;
}
@media screen and (max-width: 767px) {
.main div.katei-illust.bath-illust div.products:nth-child(2) a {
position: static;
}
}
.main div.katei-illust.bath-illust div.products:nth-child(3) {
position: absolute;
top: 60px;
left: 240px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -480px;
width: 158px;
height: 115px;
text-indent: -9999px;
text-indent: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main div.katei-illust.bath-illust div.products:nth-child(3) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.bath-illust div.products:nth-child(3) {
position: relative;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
width: auto;
height: auto;
}
}
.main div.katei-illust.bath-illust div.products:nth-child(3) a {
position: absolute;
top: 55px;
left: 20px;
}
@media screen and (max-width: 767px) {
.main div.katei-illust.bath-illust div.products:nth-child(3) a {
position: static;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box {
text-align: center;
}
}
.main ul.cooker-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
margin-bottom: 20px;
}
.main ul.cooker-box li:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li {
margin-bottom: 10px;
}
}
.main ul.cooker-box li a {
display: block;
position: relative;
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li a {
width: 100%;
display: inline-block;
}
}
.main ul.cooker-box li p:first-child {
text-align: center;
height: 105px;
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li p:first-child {
text-align: center;
vertical-align: middle;
}
}
.main ul.cooker-box li p:last-child {
text-align: center;
width: 100%;
color: #8a8a8a;
font-size: 1.1em;
padding: 20px 0 10px 0;
}
.main ul.cooker-box li p:last-child span:before {
content: "";
display: inline-block;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
margin-right: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-box li p:last-child span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li p:last-child {
width: auto;
position: static;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li {
width: 222px;
float: none;
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li:first-child a {
padding: 0;
}
}
.main ul.cooker-box li:first-child p:first-child {
padding-top: 15px;
}
.main ul.cooker-box li:first-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1266px;
width: 182px;
height: 76px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-box li:first-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li:nth-child(2) a {
padding: 0;
}
}
.main ul.cooker-box li:nth-child(2) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -741px;
width: 162px;
height: 107px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-box li:nth-child(2) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.cooker-box li:nth-child(3) {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li:nth-child(3) a {
padding: 0;
}
}
.main ul.cooker-box li:nth-child(3) p:first-child {
padding-top: 10px;
}
.main ul.cooker-box li:nth-child(3) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1001px;
width: 171px;
height: 91px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-box li:nth-child(3) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li:nth-child(4) a {
padding: 0;
}
}
.main ul.cooker-box li:nth-child(4) p:first-child {
padding-top: 30px;
height: 160px;
}
.main ul.cooker-box li:nth-child(4) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -605px;
width: 144px;
height: 126px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-box li:nth-child(4) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li:nth-child(5) a {
padding: 0;
}
}
.main ul.cooker-box li:nth-child(5) p:first-child {
height: 160px;
}
.main ul.cooker-box li:nth-child(5) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2710px -1344px;
width: 122px;
height: 168px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-box li:nth-child(5) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.cooker-box li:nth-child(6) {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li:nth-child(6) a {
padding: 0;
}
}
.main ul.cooker-box li:nth-child(6) p:first-child {
height: 160px;
}
.main ul.cooker-box li:nth-child(6) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2710px -1180px;
width: 146px;
height: 154px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-box li:nth-child(6) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li:nth-child(7) a {
padding: 0;
}
}
.main ul.cooker-box li:nth-child(7) p:first-child {
height: 135px;
}
.main ul.cooker-box li:nth-child(7) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -858px;
width: 120px;
height: 133px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-box li:nth-child(7) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.cooker-point {
text-align: center;
}
.main ul.cooker-point li {
display: inline-block;
margin-right: 40px;
}
@media screen and (max-width: 767px) {
.main ul.cooker-point li {
margin-right: 0;
margin-bottom: 10px;
}
}
.main ul.cooker-point li span {
display: inline-block;
}
.main ul.cooker-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2100px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.cooker-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1470px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.cooker-point li:nth-child(3) {
margin-right: 0;
}
.main ul.cooker-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1890px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.cooker-point.yuka-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1260px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-point.yuka-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.cooker-point.yuka-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1680px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-point.yuka-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.cooker-point.yuka-point li:nth-child(3) {
margin-right: 0;
}
.main ul.cooker-point.yuka-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2481px -1672px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-point.yuka-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.cooker-point.ghp-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -210px -2470px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-point.ghp-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.cooker-point.ghp-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: 0px -2470px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-point.ghp-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.cooker-point.ghp-point li:nth-child(3) {
margin-right: 0;
}
.main ul.cooker-point.ghp-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2310px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-point.ghp-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.cooker-point.kyutoki-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -420px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-point.kyutoki-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.cooker-point.kyutoki-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -210px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-point.kyutoki-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.cooker-point.kyutoki-point li:nth-child(3) {
margin-right: 0;
}
.main ul.cooker-point.kyutoki-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: 0px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-point.kyutoki-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.cooker-point.cogen-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -630px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-point.cogen-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.cooker-point.cogen-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -840px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-point.cogen-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.cooker-point.cogen-point li:nth-child(3) {
margin-right: 0;
}
.main ul.cooker-point.cogen-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1050px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-point.cogen-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.cooker-point.ghp-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -210px -2470px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-point.ghp-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.cooker-point.ghp-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: 0px -2470px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-point.ghp-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main ul.cooker-point.ghp-point li:nth-child(3) {
margin-right: 0;
}
.main ul.cooker-point.ghp-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2310px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main ul.cooker-point.ghp-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main .gyomuexp p {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
line-height: 180%;
color: #8a8a8a;
}
.main .gyomuexp p:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.main .gyomuexp p {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
margin-bottom: 30px;
}
.main .gyomuexp p:last-child {
margin-right: 0;
}
}
.main .cogen-system {
margin-bottom: 30px;
color: #8a8a8a;
line-height: 180%;
}
.main .logo-box {
text-align: center;
padding: 0 30px;
}
.main .logo-box li {
display: inline-block;
margin-right: 40px;
}
@media screen and (max-width: 767px) {
.main .logo-box li {
margin-right: 10px;
margin-left: 10px;
margin-bottom: 20px;
}
}
.main .logo-box li span {
display: inline-block;
}
.main .logo-box li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1676px;
width: 128px;
height: 29px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main .logo-box li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main .logo-box li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1598px;
width: 128px;
height: 31px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main .logo-box li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main .logo-box li:nth-child(3) {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.main .logo-box li:nth-child(3) {
margin-right: 10px;
}
}
.main .logo-box li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1744px;
width: 128px;
height: 27px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main .logo-box li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main .logo-box li:nth-child(4) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1405px;
width: 128px;
height: 43px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main .logo-box li:nth-child(4) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main .logo-box li:nth-child(5) {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.main .logo-box li:nth-child(5) {
margin-right: 10px;
}
}
.main .logo-box li:nth-child(5) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1458px;
width: 141px;
height: 36px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main .logo-box li:nth-child(5) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main .logo-box.yuka-logo-box li {
margin-right: 20px;
}
.main .logo-box.yuka-logo-box li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1676px;
width: 128px;
height: 29px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main .logo-box.yuka-logo-box li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main .logo-box.yuka-logo-box li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1598px;
width: 128px;
height: 31px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main .logo-box.yuka-logo-box li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main .logo-box.yuka-logo-box li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1744px;
width: 128px;
height: 27px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main .logo-box.yuka-logo-box li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main .logo-box.yuka-logo-box li:nth-child(4) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1405px;
width: 128px;
height: 43px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main .logo-box.yuka-logo-box li:nth-child(4) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main .logo-box.kyutoki-logo-box li {
margin-right: 20px;
}
.main .logo-box.kyutoki-logo-box li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1676px;
width: 128px;
height: 29px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main .logo-box.kyutoki-logo-box li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main .logo-box.kyutoki-logo-box li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1598px;
width: 128px;
height: 31px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main .logo-box.kyutoki-logo-box li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main .logo-box.kyutoki-logo-box li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1744px;
width: 128px;
height: 27px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main .logo-box.kyutoki-logo-box li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main .logo-box.kyutoki-logo-box li:nth-child(4) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1405px;
width: 128px;
height: 43px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main .logo-box.kyutoki-logo-box li:nth-child(4) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main .logo-box.ghp-logo-box li {
margin-right: 20px;
}
.main .logo-box.ghp-logo-box li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1808px;
width: 150px;
height: 21px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main .logo-box.ghp-logo-box li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.main .logo-box.ghp-logo-box li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1930px;
width: 131px;
height: 20px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.main .logo-box.ghp-logo-box li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.reform .icatch {
border-bottom: 3px solid #ef9e1d;
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/tg-bg-reform-common-01-2x.png) repeat 0 0;
background-size: 30px 30px;
padding-top: 1rem;
}
@media screen and (max-width: 767px) {
.reform .icatch {
padding-top: 0;
border-bottom-width: 2px;
}
}
.reform .icatch .breadcrumb {
padding-top: 0;
}
.reform h2 {
border-left: 0.5em solid #935c21;
margin-bottom: 30px;
color: #935c21;
font-size: 1.1em;
padding: 0.4em 0 0.4em 0.7em;
border-bottom: 2px solid #935c21;
position: relative;
}
.reform p.outline {
color: #8a8a8a;
margin-bottom: 20px;
line-height: 180%;
}
@media screen and (max-width: 767px) {
.reform ul.reform-sean-box {
text-align: center;
}
}
.reform ul.reform-sean-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
margin-bottom: 20px;
}
.reform ul.reform-sean-box li:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.reform ul.reform-sean-box li {
margin-bottom: 10px;
}
}
.reform ul.reform-sean-box li a {
display: block;
position: relative;
}
@media screen and (max-width: 767px) {
.reform ul.reform-sean-box li a {
width: 100%;
display: inline-block;
}
}
.reform ul.reform-sean-box li p:first-child {
text-align: center;
background: #fefce7;
}
@media screen and (max-width: 767px) {
.reform ul.reform-sean-box li p:first-child {
text-align: center;
vertical-align: middle;
}
}
.reform ul.reform-sean-box li p:last-child {
text-align: center;
width: 100%;
color: #8a8a8a;
padding: 10px 0;
}
.reform ul.reform-sean-box li p:last-child span:before {
content: "";
display: inline-block;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
margin-right: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.reform ul.reform-sean-box li p:last-child span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.reform ul.reform-sean-box li p:last-child {
width: auto;
position: static;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.reform ul.reform-sean-box li {
width: 222px;
float: none;
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.reform ul.reform-sean-box li:first-child a {
padding: 0;
}
}
.reform ul.reform-sean-box li:first-child p:first-child span {
display: inline-block;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.reform ul.reform-sean-box li:nth-child(2) a {
padding: 0;
}
}
.reform ul.reform-sean-box li:nth-child(2) p:first-child span {
display: inline-block;
margin: 0 auto;
}
.reform ul.reform-sean-box li:nth-child(3) {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.reform ul.reform-sean-box li:nth-child(3) {
margin-right: 2.35765%;
}
}
@media screen and (max-width: 767px) {
.reform ul.reform-sean-box li:nth-child(3) a {
padding: 0;
}
}
.reform ul.reform-sean-box li:nth-child(3) p:first-child span {
display: inline-block;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.reform ul.reform-sean-box li:nth-child(4) a {
padding: 0;
}
}
.reform ul.reform-sean-box li:nth-child(4) p:first-child span {
display: inline-block;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.reform ul.reform-sean-box li:last-child a {
padding: 0;
}
}
.reform ul.reform-sean-box li:last-child p:first-child span {
display: inline-block;
margin: 0 auto;
}
.reform .reformplan {
background: #ef9e1d;
padding: 15px 25px;
border-top-left-radius: 0.5em;
border-top-right-radius: 0.5em;
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
margin-bottom: 50px;
}
.reform .reformplan h2 {
border: none;
color: #fff;
font-size: 1.5em;
text-align: center;
max-width: 425px;
margin: 0 auto 15px;
padding: 0;
}
.reform .reformplan p {
text-align: center;
color: #fff;
}
.reform .reformplan ul.reformplan-box {
text-align: center;
margin-bottom: 1rem;
}
.reform .reformplan ul.reformplan-box li {
display: inline-block;
margin-right: 40px;
}
@media screen and (max-width: 767px) {
.reform .reformplan ul.reformplan-box li {
margin-right: 0;
margin-bottom: 10px;
}
}
.reform .reformplan ul.reformplan-box li span {
display: inline-block;
}
.reform .reformplan ul.reformplan-box li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2710px 0px;
width: 180px;
height: 180px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.reform .reformplan ul.reformplan-box li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.reform .reformplan ul.reformplan-box li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2710px -190px;
width: 180px;
height: 180px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.reform .reformplan ul.reformplan-box li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.reform .reformplan ul.reformplan-box li:nth-child(3) {
margin-right: 0;
}
.reform .reformplan ul.reformplan-box li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2520px -2260px;
width: 180px;
height: 180px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.reform .reformplan ul.reformplan-box li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.reform ul.reccomend-box {
text-align: center;
}
}
.reform ul.reccomend-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
margin-bottom: 20px;
}
.reform ul.reccomend-box li:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.reform ul.reccomend-box li {
margin-bottom: 10px;
}
}
.reform ul.reccomend-box li a {
display: block;
position: relative;
}
@media screen and (max-width: 767px) {
.reform ul.reccomend-box li a {
width: 100%;
display: inline-block;
}
}
.reform ul.reccomend-box li p:first-child {
text-align: center;
}
@media screen and (max-width: 767px) {
.reform ul.reccomend-box li p:first-child {
text-align: center;
vertical-align: middle;
}
}
.reform ul.reccomend-box li p:last-child {
text-align: center;
width: 100%;
color: #8a8a8a;
padding: 15px 0 15px 0;
}
.reform ul.reccomend-box li p:last-child span {
display: block;
text-align: left;
}
.reform ul.reccomend-box li p:last-child span:last-child {
font-size: 1.2em;
}
@media screen and (max-width: 767px) {
.reform ul.reccomend-box li p:last-child {
width: auto;
position: static;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.reform ul.reccomend-box li {
width: 222px;
float: none;
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.reform ul.reccomend-box li:first-child a {
padding: 0;
}
}
.reform ul.reccomend-box li:first-child p:first-child span {
display: inline-block;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.reform ul.reccomend-box li:nth-child(2) a {
padding: 0;
}
}
.reform ul.reccomend-box li:nth-child(2) p:first-child span {
display: inline-block;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.reform ul.reform-case-box {
text-align: center;
}
}
.reform ul.reform-case-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
margin-bottom: 20px;
}
.reform ul.reform-case-box li:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.reform ul.reform-case-box li {
margin-bottom: 10px;
}
}
.reform ul.reform-case-box li > p {
display: none;
}
.reform ul.reform-case-box li a {
display: block;
position: relative;
}
@media screen and (max-width: 767px) {
.reform ul.reform-case-box li a {
width: 100%;
display: inline-block;
}
}
.reform ul.reform-case-box li p:first-child {
text-align: center;
background: #fefce7;
}
@media screen and (max-width: 767px) {
.reform ul.reform-case-box li p:first-child {
text-align: center;
vertical-align: middle;
}
}
.reform ul.reform-case-box li p:last-child {
text-align: center;
width: 100%;
color: #FFFFFF;
padding: 15px 0 15px 0;
background: #cdb187;
}
.reform ul.reform-case-box li p:last-child span:before {
content: "";
display: inline-block;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
margin-right: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.reform ul.reform-case-box li p:last-child span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.reform ul.reform-case-box li p:last-child {
width: auto;
position: static;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.reform ul.reform-case-box li {
width: 222px;
float: none;
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.reform ul.reform-case-box li:first-child a {
padding: 0;
}
}
.reform ul.reform-case-box li:first-child p:first-child span {
display: inline-block;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.reform ul.reform-case-box li:nth-child(2) a {
padding: 0;
}
}
.reform ul.reform-case-box li:nth-child(2) p:first-child span {
display: inline-block;
margin: 0 auto;
}
.reform ul.reform-case-box li:last-child {
margin-right: 2.35765%;
}
.reform div.contactinfo {
border: 3px solid #c48f41;
padding: 25px 25px 0 25px;
}
.reform div.contactinfo h2 {
border: none;
text-align: center;
font-size: 1.4em;
padding: 0;
}
.reform div.contactinfo ul.contactinfo-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
margin-bottom: 30px;
color: #8a8a8a;
}
.reform div.contactinfo ul.contactinfo-box li:last-child {
margin-right: 0;
}
.reform div.contactinfo ul.contactinfo-box li:nth-child(6n) {
margin-right: 0;
}
.reform div.contactinfo ul.contactinfo-box li:nth-child(6n+1) {
clear: left;
}
@media screen and (max-width: 767px) {
.reform div.contactinfo ul.contactinfo-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.reform div.contactinfo ul.contactinfo-box li:last-child {
margin-right: 0;
}
}
.reform div.contactinfo ul.contactinfo-box li:nth-child(2n) {
margin-right: 0;
}
.reform div.contactinfo ul.contactinfo-box li:last-child {
margin-bottom: 0;
}
.reform p.case-ttl {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/reform-ttl-bg.png) repeat;
background-size: 6px 6px;
font-size: 1.2em;
padding: 18px 0;
width: 100%;
text-align: center;
margin-bottom: 30px;
height: 23px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
@media screen and (max-width: 767px) {
.reform p.case-ttl {
height: 16.1px;
padding: 12.6px 0;
}
}
@media screen and (max-width: 359px) {
.reform p.case-ttl {
height: 13.8px;
padding: 10.8px 0;
}
}
.reform p.case-ttl span.sean-ttl {
display: inline-block;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1239px -1148px;
width: 421px;
height: 23px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.reform p.case-ttl span.sean-ttl {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.reform p.case-ttl span.sean-ttl {
width: 294.7px;
height: 16.1px;
background-size: 2166.5px 1995px;
background-position: -867.3px -803.6px;
}
}
@media screen and (max-width: 359px) {
.reform p.case-ttl span.sean-ttl {
width: 252.6px;
height: 13.8px;
background-size: 1857px 1710px;
background-position: -743.4px -688.8px;
}
}
@media screen and (max-width: 767px) {
.reform ul.reform-case-angle {
text-align: center;
}
}
.reform ul.reform-case-angle li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
}
.reform ul.reform-case-angle li:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.reform ul.reform-case-angle li {
width: 224px;
display: inline-block;
float: none;
margin: 10px;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.reform ul.reform-case-angle li:last-child {
margin: 10px auto;
}
}
.reform .reform-caseexp p {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
line-height: 180%;
color: #8a8a8a;
}
.reform .reform-caseexp p:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.reform .reform-caseexp p {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
margin-bottom: 30px;
}
.reform .reform-caseexp p:last-child {
margin-right: 0;
}
}
.reform .reform-caseexp p:first-child {
text-align: center;
}
@media screen and (max-width: 767px) {
.reform ul.reform-nayami {
text-align: center;
}
}
.reform ul.reform-nayami li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
}
.reform ul.reform-nayami li:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.reform ul.reform-nayami li {
width: 224px;
display: inline-block;
float: none;
margin: 10px;
text-align: center;
}
}
.reform ul.reform-nayami li:last-child {
padding-top: 20px;
}
@media screen and (max-width: 767px) {
.reform ul.reform-nayami li:last-child {
margin: 10px auto;
padding-top: 0;
}
}
.reform ul.reform-nayami li:first-child {
padding-top: 30px;
}
@media screen and (max-width: 767px) {
.reform ul.reform-nayami li:first-child {
padding-top: 0;
}
}
.reform p.nayami-kaiketsu {
text-align: center;
margin-bottom: 30px;
}
.reform p.nayami-kaiketsu span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1239px -1346px;
width: 565px;
height: 30px;
text-indent: -9999px;
display: inline-block;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.reform p.nayami-kaiketsu span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.reform p.nayami-kaiketsu span {
width: 339px;
height: 18px;
background-size: 1857px 1710px;
background-position: -743.4px -807.6px;
}
}
@media screen and (max-width: 359px) {
.reform p.nayami-kaiketsu span {
width: 282.5px;
height: 15px;
background-size: 1547.5px 1425px;
background-position: -619.5px -673px;
}
}
.reform .reform-logo-box {
text-align: center;
padding: 0 30px;
}
.reform .reform-logo-box li {
display: inline-block;
margin-right: 40px;
}
@media screen and (max-width: 767px) {
.reform .reform-logo-box li {
margin-right: 10px;
margin-left: 10px;
margin-bottom: 20px;
}
}
.reform .reform-logo-box li span {
display: inline-block;
}
.reform .reform-logo-box li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1715px;
width: 175px;
height: 19px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.reform .reform-logo-box li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.reform .reform-logo-box li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1987px;
width: 108px;
height: 25px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.reform .reform-logo-box li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.reform .reform-logo-box li:nth-child(3) {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.reform .reform-logo-box li:nth-child(3) {
margin-right: 10px;
}
}
.reform .reform-logo-box li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1504px;
width: 146px;
height: 29px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.reform .reform-logo-box li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.reform .reform-logo-box li:nth-child(4) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1543px;
width: 93px;
height: 45px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.reform .reform-logo-box li:nth-child(4) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.reform .reform-logo-box li:nth-child(5) {
margin-right: 10px;
}
}
.reform .reform-logo-box li:nth-child(5) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2900px -1639px;
width: 137px;
height: 27px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.reform .reform-logo-box li:nth-child(5) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.reform .reform-logo-box li:nth-child(6) {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.reform .reform-logo-box li:nth-child(6) {
margin-right: 10px;
}
}
.reform .reform-logo-box li:nth-child(6) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3001px -1170px;
width: 83px;
height: 52px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.reform .reform-logo-box li:nth-child(6) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.reform .reform-living_dining_content .reform-nayami {
margin-left: 17.0596086706%;
}
.reform .reform-living_dining_content .reform-nayami li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 40.291369653%;
padding-top: 0 !important;
}
.reform .reform-living_dining_content .reform-nayami li:last-child {
margin-right: 0;
}
.katei-exp {
line-height: 180%;
color: #8a8a8a;
margin-bottom: 30px;
}
.anzen-exp {
line-height: 200%;
color: #8a8a8a;
}
.price-exp {
line-height: 180%;
color: #8a8a8a;
margin-bottom: 20px;
}
.anzenguidebtn {
font-size: 1.3em;
display: inline-block;
margin-bottom: 45px;
}
.anzenguidebtn span:before {
content: "";
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3030px -927px;
width: 44px;
height: 59px;
text-indent: -9999px;
display: inline-block;
margin-right: 10px;
position: relative;
top: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.anzenguidebtn span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.anzenguidebtn span:after {
content: "";
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
display: inline-block;
margin-left: 10px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.anzenguidebtn span:after {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.pricebtn {
text-align: right;
margin-bottom: 30px;
display: inline-block;
text-align: right;
}
.pricebtn span:before {
content: "";
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
display: inline-block;
margin-right: 10px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.pricebtn span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.katei-banner-eco {
margin-bottom: 30px;
max-width: 377px;
}
.contactbtn input,
a.contactbtn {
background: #005bab;
border: 2px solid #8cb5d9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
padding: 13px 0;
text-align: center;
color: #fff;
font-size: 1em;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
margin-bottom: 45px;
-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
}
.contactbtn input span:before,
a.contactbtn span:before {
content: "";
display: inline-block;
margin-right: 8px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3068px -161px;
width: 19px;
height: 13px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.contactbtn input span:before,
a.contactbtn span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.contactbtn input span:before span,
a.contactbtn span:before span {
color: #fff;
}
.contactbtn input:hover,
a.contactbtn:hover {
background: #0076de;
-webkit-box-shadow: none;
box-shadow: none;
top: 2px;
left: 2px;
position: relative;
}
.contactbtn input.btn_green,
a.contactbtn.btn_green {
background: #006f39;
}
.contactbtn input.btn_green:hover,
a.contactbtn.btn_green:hover {
background: #00a253;
}
.otherbtn_fir {
display: block;
margin-bottom: 2rem;
}
a.contactbtn.anzencontact {
max-width: 375px;
margin: 0 auto 30px;
}
@media screen and (max-width: 767px) {
a.contactbtn.anzencontact {
max-width: 100%;
}
}
a.contactbtn.kikicontact {
max-width: 375px;
margin: 0 auto 30px;
}
@media screen and (max-width: 767px) {
a.contactbtn.kikicontact {
max-width: 100%;
}
}
.kiki .hash-target {
margin-top: -180px;
padding-top: 180px;
}
@media screen and (max-width: 767px) {
.kiki .hash-target {
margin-top: -96px;
padding-top: 96px;
}
}
.kiki h4 {
color: #f45d40;
margin-bottom: 20px;
font-size: 1.2em;
}
.kiki h4:before {
content: "◎";
display: inline-block;
margin-right: 5px;
}
.kiki .main p {
margin-bottom: 30px;
color: #8a8a8a;
line-height: 180%;
}
.kiki .main .kiki-img {
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.kiki .main .kiki-img {
text-align: center;
}
}
.kiki .main .kiki-img img {
margin: 0 10px 20px;
max-width: 218px;
}
.kiki .main .kiki-img.cooker-img img:first-child {
max-width: 190px;
}
.kiki .main .kiki-img.rice-img img {
margin: 0 20px 20px;
}
.kiki .main .kiki-img.rice-img img:first-child {
max-width: 140px;
}
.kiki .main .kiki-img.rice-img img:last-child {
max-width: 120px;
}
.kiki .main .kiki-img.heater-img img {
max-width: 180px;
margin: 0 20px 20px;
}
.kiki .main .kiki-img.dryer-img img {
max-width: 230px;
margin: 0 0 20px;
}
.kiki .main .kiki-img-single img {
margin: 0 5px 20px;
max-width: 387px;
}
@media screen and (max-width: 767px) {
.kiki .main .kiki-img-single img {
max-width: 100%;
}
}
.kiki .main .kiki-detail {
display: inline-block;
width: 240px;
color: #8a8a8a;
vertical-align: top;
}
.kiki .main .kiki-detail p {
margin-bottom: 0;
}
.kiki .main .kiki-detail p:first-child {
font-size: 0.9em;
line-height: 200%;
}
.kiki .main .kiki-detail p:nth-child(2) {
font-size: 1.8em;
line-height: 130%;
color: #f45d40;
}
.kiki .main .kiki-detail p:nth-child(3) {
font-size: 0.9em;
line-height: 200%;
}
.kiki .main .kiki-detail p:nth-child(4) {
font-size: 2em;
line-height: 130%;
font-weight: bold;
margin-bottom: 10px;
}
.kiki .main .kiki-detail p:nth-child(5) {
font-size: 0.9em;
line-height: 150%;
}
.kiki .main .builtin-img .kiki-detail {
padding-top: 30px;
}
.underlayer .main h2 {
border-left: 0.5em solid #F45D40;
padding-left: 0.7em;
}
.underlayer .main h2.leftborder {
margin-bottom: 30px;
color: #F45D40;
font-size: 1.2em;
border-bottom: none;
position: relative;
}
.underlayer .main h3 {
color: #F45D40;
font-weight: bold;
border-bottom: 2px solid #F45D40;
padding-bottom: 0.5em;
margin-bottom: 30px;
}
.underlayer .main .cat-label {
background: #f45d40;
color: #fff;
padding: 3px 6px;
margin-right: 0.5rem;
}
.underlayer .main .cols-1-1 .col,
.underlayer .main .cols-1-1 .col-l,
.underlayer .main .cols-1-1 .col-r {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
}
.underlayer .main .cols-1-1 .col:last-child,
.underlayer .main .cols-1-1 .col-l:last-child,
.underlayer .main .cols-1-1 .col-r:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.underlayer .main .cols-1-1 .col,
.underlayer .main .cols-1-1 .col-l,
.underlayer .main .cols-1-1 .col-r {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.underlayer .main .cols-1-1 .col:last-child,
.underlayer .main .cols-1-1 .col-l:last-child,
.underlayer .main .cols-1-1 .col-r:last-child {
margin-right: 0;
}
}
.underlayer .main .cols-1-2 .col:first-child {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
}
.underlayer .main .cols-1-2 .col:first-child:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.underlayer .main .cols-1-2 .col:first-child {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.underlayer .main .cols-1-2 .col:first-child:last-child {
margin-right: 0;
}
}
.underlayer .main .cols-1-2 .col:last-child {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 65.8807826589%;
}
.underlayer .main .cols-1-2 .col:last-child:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.underlayer .main .cols-1-2 .col:last-child {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.underlayer .main .cols-1-2 .col:last-child:last-child {
margin-right: 0;
}
}
.underlayer .main .cols-1-1-1 .col {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
}
.underlayer .main .cols-1-1-1 .col:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.underlayer .main .cols-1-1-1 .col {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.underlayer .main .cols-1-1-1 .col:last-child {
margin-right: 0;
}
}
.underlayer .main .title-style01 {
background: #ecd2cd;
padding: 0.75rem;
}
.underlayer h3.covered-ttl {
background: #F45D40;
color: #fff;
font-size: 1.3em;
border: none;
padding: 0.2em 0.9em;
margin-bottom: 30px;
}
.reform h3 {
color: #935c21;
border-bottom: 2px solid #935c21;
padding-bottom: 0.5em;
margin-bottom: 30px;
font-weight: 100;
}
.reform h3.covered-ttl {
background: #935c21;
color: #fff;
font-size: 1.3em;
border: none;
padding: 0.2em 0.9em;
margin-bottom: 30px;
}
.side {
float: right;
width: 196px;
margin-top: 0.9em;
}
@media screen and (max-width: 767px) {
.side {
float: none;
width: 100%;
margin: 30px auto 0;
}
}
.side h2 {
border-left: 2px solid #f45d40;
padding-left: 7px;
color: #f45d40;
font-size: 1.1em;
margin-bottom: 20px;
}
.side .side-banner {
margin-bottom: 20px;
}
.side .side-banner li {
margin-bottom: 15px;
}
.side .side-banner li a {
display: block;
margin: 0 auto;
}
.side .side-banner li:nth-child(3) a {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -1909px -1787px;
width: 196px;
height: 96px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.side .side-banner li:nth-child(3) a {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.side .side-banner li:nth-child(4) a {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -2187px -1909px;
width: 196px;
height: 96px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.side .side-banner li:nth-child(4) a {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.side .side-social li {
margin-bottom: 20px;
font-size: 13px;
line-height: 1.5;
}
.side .side-social li a {
display: block;
}
.side .tellbox {
background: #f45d40;
padding: 10px;
color: #fff;
margin-bottom: 20px;
}
.side .tellbox h2 {
text-align: center;
font-size: 1.1em;
font-weight: 100;
padding-left: 0;
padding-bottom: 10px;
border-left: 0;
color: #fff;
border-bottom: 1px solid #fff;
margin-bottom: 10px;
}
.side .tellbox p {
margin-bottom: 20px;
line-height: 180%;
padding: 0 5px;
}
.side .tellbox dl {
padding: 0 5px;
margin-bottom: 15px;
}
.side .news-box li {
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.side .side-list {
display: none;
}
}
.side-list {
margin-bottom: 1rem;
}
.side-list h1 {
border-left: 4px solid #f45d40;
padding-left: 7px;
color: #f45d40;
font-size: 1.1em;
margin: 0 0 20px;
}
.side-list li {
display: block;
margin: 0 0 10px 0;
}
.side-list li a {
color: #8a8a8a;
font-size: 1.1em;
display: block;
}
.side-list li a span:before {
content: "";
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
display: inline-block;
margin-right: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.side-list li a span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.side-list li a:hover {
color: #333;
}
.side-list li:last-child {
margin-right: 0;
}
.reform .side h2 {
border-left: 4px solid #c48f41;
border-bottom: none;
color: #c48f41;
}
.reform .side .tellbox {
border-top-left-radius: 0.8em;
border-top-right-radius: 0.8em;
border-bottom-left-radius: 0.8em;
border-bottom-right-radius: 0.8em;
background: #c48f41;
color: #fff;
}
.reform .side .tellbox h2 {
color: #fff;
border-bottom: 1px solid #fff;
}
.reform .side .news-box li {
margin-bottom: 20px;
}
.backtotop {
text-align: right;
}
@media screen and (max-width: 767px) {
.backtotop .wrapper {
padding: 0;
}
}
.backtotop a {
display: inline-block;
margin-right: 10px;
width: 180px;
padding: 18px 0;
text-align: center;
background: #f8f8f8;
color: #f45d40;
}
.backtotop a span:before {
content: "";
display: inline-block;
}
@media screen and (max-width: 767px) {
.backtotop a {
width: 100%;
}
}
.backtotop a img {
width: 21px;
margin-right: 5px;
}
.nav-below::after {
clear: both;
content: "";
display: block;
}
footer {
padding: 30px 0 25px 0;
background: #F45D40;
color: #fff;
}
footer a {
color: #fff;
}
footer .footer-link {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 23.2317609825%;
margin-bottom: 40px;
}
footer .footer-link:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
footer .footer-link {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
margin-bottom: 0.6rem;
}
footer .footer-link:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
footer .footer-link li a {
padding: 0.3rem;
display: block;
}
}
footer .copyright {
text-align: center;
font-size: 11px;
}
.tooltip {
display: none;
position: absolute;
width: 20em !important;
background: #fefbe8;
padding: 1.5rem !important;
border: 2px solid #faea86;
z-index: 2;
left: 50%;
top: 50%;
font-size: 1em !important;
color: #444 !important;
line-height: 1.75 !important;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
@media screen and (max-width: 767px) {
.tooltip {
display: block !important;
opacity: 1 !important;
position: static;
width: 100% !important;
padding: 1rem !important;
margin-bottom: 2rem;
}
}
a {
word-break: break-all;
}
@media screen and (min-width: 768px) {
.desktop-none {
display: none;
}
}
@media screen and (max-width: 767px) {
.mobile-none {
display: none;
}
}
.fs-l {
font-size: 1.25rem !important;
}
.fs-xl {
font-size: 1.5rem !important;
}
.fs-xxl {
font-size: 2rem !important;
}
.mt-1rem {
margin-top: -1rem !important;
}
.mt-2rem {
margin-top: -2rem !important;
}
.mt0rem {
margin-top: 0rem !important;
}
.mt1rem {
margin-top: 1rem !important;
}
.mt2rem {
margin-top: 2rem !important;
}
.mb0rem {
margin-bottom: 0rem !important;
}
.mb1rem {
margin-bottom: 1rem !important;
}
.mb2rem {
margin-bottom: 2rem !important;
}
.mb2rem.flex_title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
.mb2rem.flex_title {
display: block;
}
}
.mb2rem.flex_title img {
-o-object-fit: contain;
object-fit: contain;
}
.mb2rem.flex_title .alignnone {
max-width: 180px;
}
@media screen and (max-width: 767px) {
.mb2rem.flex_title .alignnone {
margin-top: 2rem;
max-width: 150px;
}
}
.denryoku_title {
font-size: 2rem;
}
@media screen and (max-width: 767px) {
.denryoku_title {
font-size: 1.5rem;
}
}
.mb3rem {
margin-bottom: 3rem !important;
}
.mb4rem {
margin-bottom: 4rem !important;
}
.mtb0rem {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.mtb1rem {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.mtb2rem {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.bold {
font-weight: bold !important;
}
.align-l {
text-align: left !important;
}
.align-c {
text-align: center !important;
}
.align-r,
.align_r {
text-align: right !important;
}
.aligncenter {
margin-left: auto;
margin-right: auto;
text-align: center;
display: block;
}
.red {
color: red;
padding: 0 0.5rem 0 0;
}
.red-dull {
color: #aa282b;
}
b {
font-weight: normal;
}
.cf::after {
clear: both;
content: "";
display: block;
}
p.contactbtn > * {
background: #005bab;
display: block;
width: 18em;
padding: 0.5rem 0;
text-align: center;
color: #fff;
font-size: 1em;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
margin-bottom: 30px;
}
.no-icatch {
margin-top: 126px;
}
@media screen and (max-width: 767px) {
.no-icatch {
margin-top: 61px;
}
}
.no-icatch-contents {
margin-top: 25px;
}
@media screen and (max-width: 767px) {
.no-icatch-contents {
margin-top: 1em;
}
}
input,
email,
textarea {
border: 1px solid #ccc;
padding: 0.3rem;
margin-bottom: 1rem;
max-width: 100%;
}
iframe {
border: none;
}
.single .main blockquote {
display: block;
padding: 15px 20px 15px 45px;
position: relative;
border-top: 1px solid #ecd2cd;
border-bottom: 1px solid #ecd2cd;
margin: 1rem 2rem;
}
@media screen and (max-width: 767px) {
.single .main blockquote {
margin: 0 0 1rem;
}
}
.single .main blockquote:before {
content: "“";
font-family: Georgia, serif;
font-size: 60px;
font-weight: 700;
color: #ecd2cd;
position: absolute;
left: 5px;
top: -15px;
}
.single .main blockquote:after {
content: "”";
font-family: Georgia, serif;
font-size: 60px;
font-weight: 700;
color: #ecd2cd;
position: absolute;
right: 5px;
bottom: -45px;
}
.single .main blockquote p {
margin-bottom: 0;
}
.single .main blockquote a {
text-decoration: none;
background: #eee;
cursor: pointer;
padding: 0 3px;
color: #c76c0c;
}
.single .main blockquote a:hover {
color: #666;
}
.single .main p {
line-height: 1.75;
}
.single .main dl {
margin-bottom: 1rem;
}
.single .main dl dt {
font-size: 120%;
font-weight: bold;
margin-bottom: 1rem;
clear: both;
}
.single .main dl dl {
margin-left: 0.5rem;
}
.single .main dl dl dt {
font-size: 100%;
font-weight: bold;
margin-bottom: 1rem;
border-left: 3px solid #999;
padding-left: 8px;
}
.single .main .link-next {
text-align: right;
}
.single .main .link-next a:before {
content: "";
display: inline-block;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
margin-right: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.single .main .link-next a:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.single .main table {
width: 100%;
text-align: center;
}
.single .main table tr {
border: 1px solid #ccc;
}
.single .main table tr td {
border-right: 1px solid #ccc;
padding: 0.5rem 0;
}
.single .main table p {
margin-bottom: 0;
}
.single .main p,
.single .main div,
.single .main table,
.company .main p,
.company .main div,
.company .main table,
.contact .main p,
.contact .main div,
.contact .main table {
margin-bottom: 1rem;
}
.single .main .wp-caption,
.company .main .wp-caption,
.contact .main .wp-caption {
max-width: 100%;
margin-bottom: 2rem;
padding: 0;
}
.single .main .wp-caption img,
.company .main .wp-caption img,
.contact .main .wp-caption img {
display: block;
margin: auto;
}
.single .main .wp-caption-text,
.company .main .wp-caption-text,
.contact .main .wp-caption-text {
font-size: 12px;
background: #ecd2cd;
padding: 0.75rem;
}
.single article,
.company article,
.contact article {
margin-bottom: 4rem;
}
.single article h1,
.company article h1,
.contact article h1 {
font-size: 20px;
color: #F45D40;
border-left: 6px solid #F45D40;
padding-left: 8px;
margin-bottom: 2rem;
}
.single .profile,
.company .profile,
.contact .profile {
border: 1px solid #ecd2cd;
padding: 1rem;
}
.single .profile h4,
.company .profile h4,
.contact .profile h4 {
border-left: 0.3em solid #F45D40;
padding-left: 0.6em;
margin: 1rem 0;
color: #F45D40;
font-size: 1.2em;
position: relative;
}
.single .form-contact,
.company .form-contact,
.contact .form-contact {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
margin-bottom: 1rem;
}
.single .form-contact::after,
.company .form-contact::after,
.contact .form-contact::after {
clear: both;
content: "";
display: block;
}
.single .form-contact dt,
.single .form-contact dd,
.company .form-contact dt,
.company .form-contact dd,
.contact .form-contact dt,
.contact .form-contact dd {
margin-bottom: 0.5rem;
}
.single .form-contact dt,
.company .form-contact dt,
.contact .form-contact dt {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 23.2317609825%;
}
.single .form-contact dt:last-child,
.company .form-contact dt:last-child,
.contact .form-contact dt:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.single .form-contact dt,
.company .form-contact dt,
.contact .form-contact dt {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.single .form-contact dt:last-child,
.company .form-contact dt:last-child,
.contact .form-contact dt:last-child {
margin-right: 0;
}
}
.single .form-contact dd,
.company .form-contact dd,
.contact .form-contact dd {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 65.8807826589%;
}
.single .form-contact dd:last-child,
.company .form-contact dd:last-child,
.contact .form-contact dd:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.single .form-contact dd,
.company .form-contact dd,
.contact .form-contact dd {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.single .form-contact dd:last-child,
.company .form-contact dd:last-child,
.contact .form-contact dd:last-child {
margin-right: 0;
}
}
.single input[type=submit],
.company input[type=submit],
.contact input[type=submit] {
min-width: 10em;
margin-left: auto;
margin-right: auto;
}
.single table,
.company table,
.contact table {
width: 100%;
text-align: center;
}
.single table tr,
.company table tr,
.contact table tr {
border: 1px solid #ccc;
}
.single table tr th,
.single table tr td,
.company table tr th,
.company table tr td,
.contact table tr th,
.contact table tr td {
border-right: 1px solid #ccc;
padding: 0.5rem 0;
}
.single table p,
.company table p,
.contact table p {
margin-bottom: 0;
}
.company .no-icatch-contents {
margin-top: 0;
}
.company table tr,
.company table td {
border-color: #fff !important;
}
.company table th,
.company table td {
padding: 0.75rem 1rem !important;
}
.company table th {
background: #fccec6;
text-align: right;
}
.company table td {
background: #feefec;
text-align: left;
}
.company .main ul.contactinfo-box-l li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
margin-bottom: 30px;
color: #8a8a8a;
}
.company .main ul.contactinfo-box-l li:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.company .main ul.contactinfo-box-l li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.company .main ul.contactinfo-box-l li:last-child {
margin-right: 0;
}
}
.company .main ul.contactinfo-box-l li:nth-child(2n) {
margin-right: 0;
}
.company .main ul.contactinfo-box-l li:last-child {
margin-bottom: 0;
}
.company .main ul.contactinfo-box-l dt {
font-size: 100%;
margin-bottom: 0;
}
.company .main ul.contactinfo-box-l .outer {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: table;
width: 100%;
table-layout: fixed;
}
.company .main ul.contactinfo-box-l .outer::after {
clear: both;
content: "";
display: block;
}
.company .main ul.contactinfo-box-l .outer > dl {
display: table-cell;
width: 50%;
}
.company .main ul.contactinfo-box-l .outer > div {
display: table-cell;
width: 50%;
text-align: right;
}
@media screen and (max-width: 767px) {
.company .main ul.contactinfo-box-l .outer > dl {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.company .main ul.contactinfo-box-l .outer > dl:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.company .main ul.contactinfo-box-l .outer > div {
text-align: center;
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.company .main ul.contactinfo-box-l .outer > div:last-child {
margin-right: 0;
}
}
.company .main ul.contactinfo-box-l .outer img {
vertical-align: top;
}
@media screen and (max-width: 767px) {
.company .main ul.contactinfo-box-l .outer img {
width: 100%;
}
}
.company .greeting-block {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.company .greeting-block::after {
clear: both;
content: "";
display: block;
}
.company .greeting-block .img-outer {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
}
.company .greeting-block .img-outer:last-child {
margin-right: 0;
}
.company .greeting-block .txt-outer {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 65.8807826589%;
font-size: 15px;
line-height: 1.85;
}
.company .greeting-block .txt-outer:last-child {
margin-right: 0;
}
#eigyosho {
margin-top: -140px;
padding-top: 140px;
}
#contact_denryoku {
margin-top: -140px;
padding-top: 140px;
}
#contact_denryoku .mw_wp_form {
background: #92bd3f;
padding: 4rem 2rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
color: #111;
}
#contact_denryoku .contactbtn { }
#contact_denryoku .contactbtn > * {
margin-left: auto;
margin-right: auto;
}
.apply-steps li {
margin-bottom: 1rem;
}
.apply-steps h4 {
font-size: 1.2rem;
}
.apply-steps .step {
background: #82d9ea;
color: #fff;
padding: 0.5rem 1rem;
display: inline-block;
margin-right: 1.5rem;
position: relative;
}
@media screen and (max-width: 767px) {
.apply-steps .step {
width: 100%;
margin-right: 0;
margin-bottom: 1rem;
}
}
.apply-steps .step:after {
content: "◆";
position: absolute;
left: 50%;
font-size: 2rem;
margin-left: -1rem;
bottom: -0.5rem;
color: #82d9ea;
line-height: 1rem;
}
.apply-steps p {
margin-left: 7rem;
}
@media screen and (max-width: 767px) {
.apply-steps p {
margin-left: 0;
}
}
.ryoukin .main dl {
margin-bottom: 2rem;
}
.ryoukin .main dl dt {
margin-bottom: 1rem;
font-weight: bold;
padding: 0.5rem;
background: #feefec;
}
.ryoukin .main dl dt:before {
content: "◎";
}
.ryoukin .main dl dd dt {
background: none;
padding: 0;
}
.ryoukin .main dl dd dt:before {
content: "◆";
}
.ryoukin .main ol,
.ryoukin .main ul,
.ryoukin .main p {
margin-bottom: 1rem;
}
.ryoukin .main ol.p-adjust,
.ryoukin .main ul.p-adjust,
.ryoukin .main p.p-adjust {
border: 3px solid #F45D40;
padding: 0.5rem 1rem;
display: inline-block;
}
.ryoukin .main table {
margin-bottom: 2rem;
}
.ryoukin .main table th {
background: #feefec;
}
.ryoukin .main table p {
margin-bottom: 0;
}
.privacy ol li,
.privacy ul li {
text-indent: -1.5em;
margin-left: 1.5em;
}
.privacy ol.noindent > li,
.privacy ul.noindent > li {
text-indent: 0;
margin-left: 0;
}
.accordion-tabs-minimal {
line-height: 1.5;
padding: 0;
}
.accordion-tabs-minimal::after {
clear: both;
content: "";
display: block;
}
.accordion-tabs-minimal li.tab-header-and-content {
list-style: none;
}
@media screen and (min-width: 45.7142857143em) {
.accordion-tabs-minimal li.tab-header-and-content {
display: inline;
}
}
.accordion-tabs-minimal a.tab-link {
background-color: white;
border-top: 1px solid gainsboro;
color: #333;
display: block;
padding: 0.75em 1.618em;
text-decoration: none;
}
@media screen and (min-width: 45.7142857143em) {
.accordion-tabs-minimal a.tab-link {
display: inline-block;
border-top: 0;
}
}
.accordion-tabs-minimal a.tab-link:hover {
color: #477DCA;
}
.accordion-tabs-minimal a.tab-link:focus {
outline: none;
}
.accordion-tabs-minimal a.tab-link.is-active {
border-bottom: 0;
}
@media screen and (min-width: 45.7142857143em) {
.accordion-tabs-minimal a.tab-link.is-active {
border: 1px solid gainsboro;
border-bottom-color: white;
margin-bottom: -1px;
}
}
.accordion-tabs-minimal .tab-content {
display: none;
padding: 1.5em 1.618em;
width: 100%;
}
@media screen and (min-width: 45.7142857143em) {
.accordion-tabs-minimal .tab-content {
border-top: 1px solid gainsboro;
float: left;
}
}
.icatch-reform-jirei-outer {
padding-top: 0 !important;
}
.mw_wp_form dl dt {
font-size: 100% !important;
font-weight: normal !important;
}
.mw_wp_form .error {
margin: -0.5rem 0 1rem;
}
.mw_wp_form .mwform-zip-field input:first-child {
margin-left: 0.5rem;
}
.pointclub {
padding-top: 0.9rem;
}
@media screen and (max-width: 767px) {
.pointclub {
padding-top: 0;
}
}
.pointclub .manga article {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 36px;
padding-bottom: 36px;
border-bottom: 3px solid #B1282C;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pointclub .manga article .pc_imgbox {
width: 58%;
}
@media screen and (max-width: 767px) {
.pointclub .manga article .pc_imgbox {
width: 100%;
}
}
.pointclub .manga article .pc_imgbox img {
width: 100%;
}
.pointclub .manga article .desc-box {
width: 37%;
padding: 0;
font-weight: bold;
font-size: 16px;
}
@media screen and (max-width: 767px) {
.pointclub .manga article .desc-box {
width: 100%;
margin-bottom: 24px;
}
}
.pointclub .manga article .desc-box .blue {
color: #1178BD;
}
.pointclub .manga article .desc-box .pink {
color: #EB6BA4;
}
.pointclub .manga article:last-child {
border-bottom: none;
}
.pointclub .pc_desc {
position: relative;
width: 100%;
margin-bottom: 48px;
}
@media screen and (max-width: 767px) {
.pointclub .pc_desc {
margin-bottom: 96px;
}
}
.pointclub .pc_desc img {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
@media screen and (max-width: 767px) {
.pointclub .pc_desc img {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: -75px;
}
}
.pointclub .pc_desc p {
width: 90%;
padding-left: 8%;
height: 132px;
border: 2px solid #1178BD;
background: #FFF8DF;
border-radius: 8px;
margin-left: 10%;
font-weight: bold;
font-size: 14px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.pointclub .pc_desc p {
width: 100%;
padding: 70px 10px 24px;
height: auto;
margin-left: auto;
top: -75px;
}
}
.pointclub .pc_detail {
background: #FFF8DF;
border: 2px solid #1E8699;
border-radius: 8px;
margin-bottom: 48px;
}
.pointclub .pc_detail .pc_detail_top {
background: #1E8699;
height: 61px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
.pointclub .pc_detail .pc_detail_top {
padding: 0 10px;
}
}
.pointclub .pc_detail .pc_detail_top h3 {
position: relative;
padding-left: 64px;
}
@media screen and (max-width: 767px) {
.pointclub .pc_detail .pc_detail_top h3 {
padding-left: 0;
}
}
.pointclub .pc_detail .pc_detail_top h3::before {
content: url(//taiyo-gas.or.jp/cms/wp-content/uploads/2023/05/pc_detail_top_icon.svg);
position: absolute;
bottom: -26px;
left: -24px;
}
@media screen and (max-width: 767px) {
.pointclub .pc_detail .pc_detail_top h3::before {
top: -104px;
left: auto;
}
}
.pointclub .pc_detail .pc_detail_contents {
padding: 0 48px;
}
@media screen and (max-width: 767px) {
.pointclub .pc_detail .pc_detail_contents {
padding: 0 8px;
}
}
.pointclub .pc_detail .pc_detail_contents article {
border-bottom: 2px dotted #1E8699;
}
.pointclub .pc_detail .pc_detail_contents article.flex {
padding: 24px 14px;
}
@media screen and (max-width: 767px) {
.pointclub .pc_detail .pc_detail_contents article.flex {
padding: 24px 8px;
}
}
.pointclub .pc_detail .pc_detail_contents article.flex img {
max-width: 72px;
}
@media screen and (max-width: 767px) {
.pointclub .pc_detail .pc_detail_contents article.flex img {
display: block;
margin: 0 auto 16px !important;
}
}
.pointclub .pc_detail .pc_detail_contents article.flex div {
width: calc(100% - 100px);
}
@media screen and (max-width: 767px) {
.pointclub .pc_detail .pc_detail_contents article.flex div {
margin: auto !important;
}
}
.pointclub .pc_detail .pc_detail_contents article.flex div p {
font-size: 16px;
font-weight: bold;
}
.pointclub .pc_detail .pc_detail_contents article.flex div p span {
font-weight: bold;
}
.pointclub .pc_detail .pc_detail_contents article.flex div p span.red {
color: #B1282C;
}
.pointclub .pc_detail .pc_detail_contents article.flex div p span.blue {
color: #1178BD;
}
.pointclub .pc_detail .pc_detail_contents article.flex div p span.font_xl {
font-size: 32px;
}
.pointclub .pc_detail .pc_detail_contents article.flex div p span.font_l {
font-size: 24px;
}
.pointclub .pc_detail .pc_detail_contents article.flex div ul li {
font-size: 16px;
font-weight: bold;
padding-left: 24px;
margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
.pointclub .pc_detail .pc_detail_contents article.flex div ul li {
text-align: left;
}
}
.pointclub .pc_detail .pc_detail_contents article.flex div ul li:nth-child(1) {
background: url(//taiyo-gas.or.jp/cms/wp-content/uploads/2023/05/num01.svg) no-repeat;
background-size: 20px;
background-position: left 5px;
}
.pointclub .pc_detail .pc_detail_contents article.flex div ul li:nth-child(2) {
background: url(//taiyo-gas.or.jp/cms/wp-content/uploads/2023/05/num02.svg) no-repeat;
background-size: 20px;
background-position: left 5px;
}
.pointclub .pc_detail .pc_detail_contents article.flex div ul li:nth-child(3) {
background: url(//taiyo-gas.or.jp/cms/wp-content/uploads/2023/05/num03.svg) no-repeat;
background-size: 20px;
background-position: left 5px;
}
.pointclub .pc_detail .pc_detail_contents article .small {
padding: 32px;
}
@media screen and (max-width: 767px) {
.pointclub .pc_detail .pc_detail_contents article .small {
padding: 24px 8px;
}
}
.pointclub .pc_detail .pc_detail_contents article:last-child {
border-bottom: 0;
}
.pointclub .pc_detail .pc_detail_contents article:last-child .small {
padding-bottom: 0;
}
.pointclub .pc_dmenu .contactbtn {
margin-right: auto;
margin-left: auto;
max-width: 375px;
}
.pointclub .pc-banner {
margin: 0 0 40px;
}
.pointclub .desc-box {
padding: 1.5rem 3rem;
}
@media screen and (max-width: 767px) {
.pointclub .desc-box {
padding: 1rem;
}
}
.pointclub .date-box {
position: absolute;
right: 0;
top: 0;
background: #fff;
color: #2a96a9;
height: 20px;
padding: 10px;
font-size: 20px;
text-align: center;
-webkit-box-sizing: content-box;
box-sizing: content-box;
line-height: 1;
}
.pointclub .koma {
position: relative;
border-top: 3px solid #aa282b;
}
.pointclub .koma .sec-num {
position: absolute;
top: 0;
left: 0;
background: #aa282b;
color: #fff;
display: inline-block;
line-height: 1;
width: 56px;
height: 36px;
padding: 10px 0;
font-size: 36px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
text-align: center;
}
@media screen and (max-width: 767px) {
.pointclub .koma .sec-num {
font-size: 22px;
width: 38px;
height: 22px;
padding: 8px 0;
}
}
.pointclub .koma.koma-01 {
padding: 1rem 0 0 0;
}
.pointclub .koma.koma-01 h1 {
margin: 0;
}
.pointclub .koma.koma-01 .illust-box {
text-align: center;
}
.pointclub .koma.koma-01 .icon-kaihi {
margin-right: 0.5rem;
}
.pointclub .koma.koma-01 .icon-point {
margin-right: 0.5rem;
vertical-align: middle;
}
.pointclub .koma.koma-02 .illust-box {
padding: 4rem 1rem 0;
text-align: right;
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/tg-pc-bg-01-2x.jpg) no-repeat 0 12%;
background-size: cover;
}
.pointclub .koma.koma-03 .illust-box {
padding: 0.25rem 1rem 0;
text-align: right;
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/tg-pc-bg-02-2x.jpg) no-repeat 0 12%;
background-size: cover;
}
.pointclub .koma.koma-03 .desc-box::after {
clear: both;
content: "";
display: block;
}
.pointclub .koma.koma-03 .desc-box .col-l {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 65.8807826589%;
}
.pointclub .koma.koma-03 .desc-box .col-l:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.pointclub .koma.koma-03 .desc-box .col-l {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.pointclub .koma.koma-03 .desc-box .col-l:last-child {
margin-right: 0;
}
.pointclub .koma.koma-03 .desc-box .col-l br {
display: none;
}
}
.pointclub .koma.koma-03 .desc-box .col-r {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
}
.pointclub .koma.koma-03 .desc-box .col-r:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.pointclub .koma.koma-03 .desc-box .col-r {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.pointclub .koma.koma-03 .desc-box .col-r:last-child {
margin-right: 0;
}
}
.pointclub .koma.koma-04 .illust-box {
padding: 2rem 1rem 0;
}
.pointclub .koma.koma-04 .koma-04-note {
position: relative;
margin: 2rem 0 0;
}
.pointclub .koma.koma-04 .koma-04-note dt {
position: absolute;
top: -0.5rem;
left: 0;
}
@media screen and (max-width: 767px) {
.pointclub .koma.koma-04 .koma-04-note dt {
position: static;
text-align: center;
}
}
.pointclub .koma.koma-04 .koma-04-note dd {
padding: 1rem 1rem 1rem 78px;
margin: 1rem 0 1rem 58px;
background: #eaf5f3;
border-radius: 6px;
}
@media screen and (max-width: 767px) {
.pointclub .koma.koma-04 .koma-04-note dd {
padding: 1rem;
margin: 1rem;
}
}
.pointclub .koma.koma-04 .koma-04-note a {
color: #0066b5;
}
.pointclub .koma.koma-04:after {
content: "";
display: block;
width: 100%;
height: 58px;
text-align: center;
background: #aa282b url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/tg-pc-txt-03-2x.png) no-repeat 50% 50%;
background-size: 31px auto;
}
.pointclub .cenerun-note {
border: 2px solid #2a96a9;
border-radius: 6px;
background: #fff9e2;
margin-top: 3rem;
}
@media screen and (max-width: 767px) {
.pointclub .cenerun-note {
margin-top: 1rem;
}
}
.pointclub .cenerun-note h1 {
background: #2a96a9;
text-align: center;
margin: 0;
padding: 0.5rem 0;
font-size: 1em;
position: relative;
}
.pointclub .cenerun-note h1 img {
vertical-align: middle;
}
.pointclub .cenerun-note h1 .icon-cenerun {
position: absolute;
bottom: -4px;
right: 100px;
}
@media screen and (max-width: 767px) {
.pointclub .cenerun-note h1 .icon-cenerun {
bottom: -3px;
right: 0;
width: 40px;
}
}
.pointclub .cenerun-note .block-01 {
border-bottom: 2px solid #2a96a9;
padding: 0.5rem 1rem;
}
.pointclub .cenerun-note .block-02 {
padding: 1rem;
}
.pointclub .cenerun-note .note-inner {
padding: 1rem;
border-radius: 8px;
background: #fff;
margin-top: 1rem;
}
.pointclub .disaster-service {
position: relative;
border-bottom: 3px solid #aa282b;
}
.pointclub .disaster-service h1 {
text-align: center;
margin: 0;
}
.pointclub .disaster-service .disaster-banner {
position: absolute;
top: 0;
right: 3rem;
}
@media screen and (max-width: 767px) {
.pointclub .disaster-service .disaster-banner {
position: static;
text-align: center;
margin-top: 1rem;
}
}
.pointclub .disaster-service .pdf-dl {
margin: 1rem 0;
}
.pointclub .disaster-service .pdf-dl img {
vertical-align: middle;
}
.pointclub .point-items {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/tg-pc-bg-pattern01.png) repeat 0 0;
}
.pointclub .point-items h1 {
text-align: center;
font-size: 1rem;
margin: 0;
padding: 2rem 0 1rem;
}
.pointclub .point-items table {
text-align: center;
width: 100%;
margin-bottom: 1rem;
}
.pointclub .point-items table td {
border: 2px solid #999;
padding: 0.75rem 0.25rem;
background: #fff;
line-height: 1.35;
}
.pointclub .point-items table td.td2, .pointclub .point-items table td.td4, .pointclub .point-items table td.td6, .pointclub .point-items table td.td8, .pointclub .point-items table td.td10 {
background: #fdef76;
}
.pointclub .point-items table thead td {
background: #2a96a9;
color: #fff;
}
.pointclub .bill-check {
background: #fdef76;
}
.pointclub .bill-check h1 {
text-align: center;
margin: 0 0 -3rem;
font-size: 1rem;
line-height: 1;
}
@media screen and (max-width: 767px) {
.pointclub .bill-check h1 {
margin: 0;
padding: 1rem;
}
}
.pointclub .bill-check h1 img {
vertical-align: middle;
}
.pointclub .bill-check h1 img.bill-title {
margin-left: 76px;
}
@media screen and (max-width: 767px) {
.pointclub .bill-check h1 img.bill-title {
margin: 0;
}
}
.pointclub .bill-check h1 img.bill-icon {
position: relative;
top: -1rem;
left: 0.5rem;
}
@media screen and (max-width: 767px) {
.pointclub .bill-check h1 img.bill-icon {
display: none;
}
}
.pointclub .bill-check .desc-bill {
margin-top: 1rem;
}
.pointclub .pc-terms {
padding-top: 2rem;
}
.pointclub .pc-terms h1 {
text-align: center;
margin: 0;
font-size: 18px;
}
.pointclub .pc-terms .desc-box {
padding-top: 0;
}
.pointclub .pointclub-contact h1 {
color: #fff;
background: #eb6100;
padding: 1rem 0;
margin: 0 0 1rem;
line-height: 1;
font-size: 18px;
text-align: center;
}
@media screen and (max-width: 767px) {
.pointclub .pointclub-contact h1 {
padding: 1rem;
line-height: 1.5;
}
}
.pointclub .pointclub-contact p {
text-align: center;
}
.pointclub .pointclub-contact .txt-01 {
margin: 1rem 0;
}
.pointclub .pointclub-contact .txt-contact {
margin-top: 1rem;
}
@media screen and (max-width: 767px) {
.pointclub .btn_join {
margin: 24px 0 32px;
}
}
.pointclub .btn_join a {
color: #fff;
font-size: 24px;
display: block;
text-align: center;
background-color: #EB4829;
border: 2px solid #F45D40;
-webkit-box-shadow: 1px 1px 2px #888;
box-shadow: 1px 1px 2px #888;
border-radius: 5px;
margin: 32px auto 48px;
padding: 1rem;
max-width: 660px;
}
.pointclub .btn_join a:hover {
text-decoration: none;
background-color: #FF6446;
border: 2px solid #F88873;
position: relative;
top: 2px;
left: 2px;
-webkit-box-shadow: none;
box-shadow: none;
}
@media screen and (max-width: 767px) {
.pointclub .btn_join a {
font-size: 16px;
}
}
.pointclub .btn_join a img {
position: absolute;
padding-left: 2rem;
}
@media screen and (max-width: 767px) {
.pointclub .btn_join a img {
position: static;
padding-left: 3px;
padding-bottom: 4px;
width: 24px;
}
}
.pointclub .point_recommended {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/bg-dengen-02@2x.png);
padding: 36px 20px;
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended {
padding: 20px 10px;
}
}
.pointclub .point_recommended .point_wrap {
background: #fff;
margin: 0 auto;
max-width: 660px;
padding-top: 2rem;
padding-bottom: 36px;
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended .point_wrap {
padding-top: 1rem;
}
}
.pointclub .point_recommended .point_wrap .recommended_title {
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended .point_wrap .recommended_title {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 1rem;
}
}
.pointclub .point_recommended .point_wrap .recommended_title .fire {
max-width: 130px;
margin-top: -3rem;
position: absolute;
z-index: 1;
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended .point_wrap .recommended_title .fire {
max-width: 70px;
left: 28px;
margin-top: -2rem;
}
}
.pointclub .point_recommended .point_wrap .recommended_title .parson {
margin-right: 1rem;
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended .point_wrap .recommended_title .parson {
width: 45px;
}
}
.pointclub .point_recommended .point_wrap .recommended_title .fukidashi {
font-size: 2rem;
color: #B40019;
text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
background-color: #FFEC00;
height: 100%;
margin: 0 auto;
padding-left: 10rem;
padding-right: 4rem;
position: relative;
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended .point_wrap .recommended_title .fukidashi {
padding-left: 5rem;
padding-right: 1.25rem;
font-size: 1rem;
}
}
.pointclub .point_recommended .point_wrap .recommended_title .fukidashi h3 {
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
}
.pointclub .point_recommended .point_wrap .recommended_title .fukidashi:after {
content: "";
position: absolute;
border-style: solid;
border-width: 10px 0 10px 20px;
border-color: transparent #FFEC00;
display: block;
width: 0;
z-index: 1;
right: -20px;
top: 20px;
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended .point_wrap .recommended_title .fukidashi:after {
border-width: 5px 0 5px 10px;
top: 9px;
right: -10px;
}
}
.pointclub .point_recommended section {
max-width: 610px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 48px;
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended section {
display: block;
padding: 0 10px;
}
}
.pointclub .point_recommended section:last-child {
margin-bottom: 0;
}
.pointclub .point_recommended section .recommend_img {
width: 45%;
margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended section .recommend_img {
width: 100%;
}
}
.pointclub .point_recommended section .point_recommend_texts {
width: 50%;
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended section .point_recommend_texts {
width: 100%;
}
}
.pointclub .point_recommended section .point_recommend_texts h4 {
font-size: 1.5rem;
font-weight: bold;
border-left: 8px solid #F7B52C;
line-height: 24px;
margin-bottom: 1rem;
padding-left: 5px;
}
.pointclub .point_recommended section .point_recommend_texts h4 span {
font-size: 14px;
}
.pointclub .point_recommended section .point_recommend_texts p {
margin-bottom: 1rem;
}
.pointclub .point_recommended section .point_recommend_texts .recommend_address {
border: 1px solid #000;
padding: 1rem;
text-align: center;
}
.pointclub .point_recommended section .necessary_points {
width: 100%;
text-align: center;
border-radius: 50px;
margin-top: 32px;
background-color: #FFF135;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/necessary_bg.png);
background-repeat: repeat;
}
.pointclub .point_recommended section .necessary_points p {
font-size: 28px;
padding: 10px;
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended section .necessary_points p {
font-size: 20px;
}
}
.pointclub .point_recommended section .necessary_points p span {
font-size: 32px;
font-weight: bold;
color: #C30D23;
}
.pointclub .other_btn a {
display: block;
text-align: center;
font-weight: bold;
background-color: #FFF135;
border: 2px solid #F7ED98;
color: #000;
-webkit-box-shadow: 1px 1px 2px #888;
box-shadow: 1px 1px 2px #888;
border-radius: 5px;
font-size: 24px;
padding: 1rem;
margin-top: 36px;
}
.pointclub .other_btn a:hover {
text-decoration: none;
background-color: #FFF569;
border: 2px solid #FDF8CD;
position: relative;
top: 2px;
left: 2px;
-webkit-box-shadow: none;
box-shadow: none;
}
@media screen and (max-width: 767px) {
.pointclub .other_btn a {
font-size: 16px;
padding-left: 3rem;
margin-top: 16px;
}
}
.pointclub .other_btn a img {
width: 40px;
margin-left: 2rem;
padding-bottom: 3px;
}
@media screen and (max-width: 767px) {
.pointclub .other_btn a img {
width: 24px;
margin-left: 1rem;
}
}
.pointclub .howto_justify {
padding-top: 127px;
}
.pointclub .howto_justify .howto_justify_inner {
padding-top: 48px;
margin-top: -127px;
}
.pointclub .howtobanner {
background-color: #F45D40;
text-align: center;
font-weight: bold;
font-size: 2rem;
margin: 0 0 32px;
padding: 1rem 0;
color: #fff;
}
.pointclub .howtobanner .sp {
display: none;
}
@media screen and (max-width: 767px) {
.pointclub .howtobanner .sp {
display: block;
}
}
.pointclub .terms {
height: 400px;
overflow: scroll;
border: 1px solid #D3D3D3;
margin: 32px 0;
}
.pointclub .point_lists {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/bg-dengen-02.png);
background-repeat: repeat;
padding: 32px 20px;
margin-top: 32px;
}
@media screen and (max-width: 767px) {
.pointclub .point_lists {
padding: 20px 10px;
}
}
.pointclub .point_lists .point_title {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/label.svg);
}
.pointclub .point_lists section {
background-color: #fff;
margin: 0 auto;
max-width: 660px;
padding-top: 32px;
}
.pointclub .point_lists section .point_items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 25px 25px 32px;
width: 100%;
}
@media screen and (max-width: 767px) {
.pointclub .point_lists section .point_items {
padding: 10px;
}
}
.pointclub .point_lists section .point_items.item_all .point_item {
margin-bottom: 3rem;
padding: 0;
}
.pointclub .point_lists section .point_items.item_new {
margin-bottom: 2rem;
}
.pointclub .point_lists section .point_items .point_item {
width: 31%;
}
@media screen and (max-width: 767px) {
.pointclub .point_lists section .point_items .point_item {
margin-bottom: 2rem;
width: 100%;
}
}
.pointclub .point_lists section .point_items .point_item.point_recommend {
width: 48%;
}
@media screen and (max-width: 767px) {
.pointclub .point_lists section .point_items .point_item.point_recommend {
width: 100%;
}
}
.pointclub .point_lists section .point_items .point_item:last-child {
margin-bottom: 0;
}
.pointclub .point_lists section .point_items .point_item img {
margin-bottom: 0.5rem;
}
.pointclub .point_lists section .point_items .point_item h4 {
font-size: 1.5rem;
}
.pointclub .point_lists section .point_items .point_item .necessary_points {
background-color: #FFF135;
text-align: center;
font-size: 2rem;
color: #C30D23;
font-weight: bold;
border-radius: 25px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/necessary_bg.png);
background-repeat: repeat;
}
.pointclub .point_lists section .point_items .point_item .necessary_points img {
width: 2.5rem;
}
.pointclub .point_items_other {
background-color: #FFEB00;
text-align: center;
padding: 8px 25px 48px;
}
@media screen and (max-width: 767px) {
.pointclub .point_items_other {
padding: 8px 25px 25px;
}
}
.pointclub .point_items_other .magazines {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pointclub .point_items_other .magazines img {
width: 49%;
}
@media screen and (max-width: 767px) {
.pointclub .point_items_other .magazines img {
width: 100%;
margin-bottom: 1rem;
}
}
.expander .expander-trigger {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-bottom: 1px solid #DDD;
color: #477DCA;
cursor: pointer;
display: block;
font-size: 1em;
margin-bottom: 1em;
padding-bottom: 0.25em;
text-decoration: none;
}
.expander .expander-trigger:before {
font-size: 0.7em;
content: "▼";
margin-right: 0.5em;
}
.expander .expander-content p {
color: #333;
line-height: 1.5em;
}
.expander .expander-hidden:before {
font-size: 0.7em;
content: "►";
}
.expander .expander-hidden + .expander-content {
display: none;
}
.faq-a {
font-weight: bold;
color: #005bab;
margin-right: 0.5rem;
}
.faq-q {
font-weight: bold;
color: #f45d40;
margin-right: 0.5rem;
}
.info-box {
background: #f1efd1;
padding: 1.5em;
border-radius: 0.5rem;
}
.info-box strong {
margin-bottom: 1rem;
display: block;
}
.tege-intro {
color: #c84c34;
border-bottom: 1px dashed #c84c34;
padding-bottom: 1.5em;
margin-bottom: 2em;
}
.bg-stripe-01 {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/tg-denryoku-bg-01-2x.png) repeat 0 0;
background-size: 12px;
padding: 1.5rem;
}
.flow .icon-step {
float: left;
width: 20%;
}
@media screen and (max-width: 767px) {
.flow .icon-step {
float: none;
width: auto;
text-align: center;
margin-bottom: 1rem;
}
}
.flow .text {
float: right;
width: 80%;
font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
.flow .text {
float: none;
width: auto;
font-size: 1rem;
}
.flow .text br {
display: none;
}
}
.flow .contactbtn {
font-size: 2rem;
}
@media screen and (max-width: 767px) {
.flow .contactbtn {
font-size: 1.25rem;
}
}
#denryoku {
background: #ffeb00;
}
#denryoku .contents {
background: #ffeb00;
}
.embed {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 66.6%;
}
.embed > * {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.flex > * {
width: calc(50% - 1rem);
margin: 0 !important;
}
.flex.flex1_2 > *:first-of-type {
width: calc(33.3% - 1rem);
}
.flex.flex1_2 > *:first-of-type + * {
width: calc(66.6% - 1rem);
}
@media screen and (max-width: 767px) {
.flex {
display: block;
}
.flex > * {
width: 100% !important;
margin: 0 0 1.5rem !important;
}
.flex > *:first-of-type {
text-align: center;
}
}
.box_border {
padding: 1.5rem;
border: 2px solid #005bab;
border-radius: 0.75rem;
}
.twitter-timeline iframe {
width: 100% !important;
}
.btn_2022 {
text-align: center;
font-size: 1.25rem;
border: 1px solid navy;
padding: 1.25rem 2.5rem;
line-height: 1.5rem;
background: rgba(255, 255, 255, 0.65);
border-radius: 0.5rem;
display: inline-block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
min-width: 420px;
}
@media screen and (max-width: 767px) {
.btn_2022 {
min-width: auto;
width: 100%;
}
}
#denryokusim .contents {
padding-top: 1rem;
}
#denryokusim .contents > .wrapper a {
color: #005bab;
}
#denryokusim input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0px;
padding: 10px !important;
margin-bottom: 0 !important;
border: none !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #ccc;
}
#denryokusim input[type=radio]:after {
content: "未選択";
display: block;
}
#denryokusim input[type=radio]:checked {
background: #005bab;
color: #fff;
}
#denryokusim input[type=radio]:checked:after {
content: "選択中";
display: block;
}
#denryokusim .radio-toggle {
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0.35;
}
#denryokusim .radio-toggle h1 {
margin-top: 0;
}
#denryokusim .radio-toggle input[type=radio] {
margin-right: 0.5rem;
cursor: pointer;
font-size: 0.9rem;
vertical-align: top;
line-height: 0.9rem;
height: 2rem;
padding: 0.7rem 0 !important;
width: 4em;
text-align: center;
}
#denryokusim .radio-toggle:hover {
background: #fffbae;
opacity: 0.8;
}
#denryokusim .radio-toggle:hover input[type=radio] {
background: #999;
}
#denryokusim .radio-toggle:hover input[type=radio]:checked {
background: #005bab;
color: #fff;
}
#denryokusim .radio-toggle.radio-toggled {
opacity: 1;
cursor: default;
}
#denryokusim .radio-toggle.radio-toggled:hover {
background: none;
}
#denryokusim .accordion-tabs-minimal {
line-height: 1.5;
padding: 0;
}
#denryokusim .accordion-tabs-minimal::after {
clear: both;
content: "";
display: block;
}
#denryokusim .accordion-tabs-minimal li.tab-header-and-content {
list-style: none;
}
@media screen and (min-width: 45.7142857143em) {
#denryokusim .accordion-tabs-minimal li.tab-header-and-content {
display: inline;
}
}
#denryokusim .accordion-tabs-minimal a.tab-link {
background-color: #f0f0f0;
border-top: 2px solid #f45d40;
color: #333;
display: block;
position: relative;
padding: 0.5em 0.809em 0.75em;
text-decoration: none;
-webkit-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease;
font-size: 1.75rem;
font-weight: bold;
}
#denryokusim .accordion-tabs-minimal a.tab-link > span {
font-size: 0.9rem;
font-weight: normal;
}
@media screen and (min-width: 45.7142857143em) {
#denryokusim .accordion-tabs-minimal a.tab-link {
display: inline-block;
border-top: 0;
}
}
@media screen and (max-width: 767px) {
#denryokusim .accordion-tabs-minimal a.tab-link {
padding: 1rem;
}
}
#denryokusim .accordion-tabs-minimal a.tab-link:hover {
opacity: 1;
background: #f45d40;
color: #fff;
}
#denryokusim .accordion-tabs-minimal a.tab-link:focus {
outline: none;
}
#denryokusim .accordion-tabs-minimal a.tab-link.is-active {
border-bottom: 0;
background: white;
position: relative;
}
#denryokusim .accordion-tabs-minimal a.tab-link.is-active:after {
content: "";
position: absolute;
top: 2px;
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
#denryokusim .accordion-tabs-minimal a.tab-link.is-active:after {
display: none;
}
}
#denryokusim .accordion-tabs-minimal a.tab-link.is-active:hover {
color: #444;
cursor: default;
}
@media screen and (min-width: 45.7142857143em) {
#denryokusim .accordion-tabs-minimal a.tab-link.is-active {
border: 2px solid #f45d40;
border-bottom-color: white;
border-top-width: 6px;
padding-top: 0.5em;
margin-bottom: -2px;
}
}
#denryokusim .accordion-tabs-minimal .tab-left .is-active:after {
left: -2px;
border-left: 2px solid #F45D40;
}
@media screen and (max-width: 767px) {
#denryokusim .accordion-tabs-minimal .tab-left .is-active:after {
display: none;
}
}
#denryokusim .accordion-tabs-minimal .tab-center .tab-link {
right: -2px;
}
#denryokusim .accordion-tabs-minimal .tab-center .is-active:after {
right: -2px;
border-right: 2px solid #F45D40;
}
#denryokusim .accordion-tabs-minimal .tab-content {
display: none;
padding: 1.5em 1.618em;
width: 100%;
}
@media screen and (min-width: 45.7142857143em) {
#denryokusim .accordion-tabs-minimal .tab-content {
border: 2px solid #f45d40;
float: left;
}
}
@media screen and (max-width: 767px) {
#denryokusim .accordion-tabs-minimal .tab-content {
padding: 1rem 0;
}
}
#denryokusim .tab-link {
text-align: center;
font-size: 1.25rem;
}
@media screen and (min-width: 45.71429em) {
#denryokusim .tab-link {
width: 49.7%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
#denryokusim .tab-link span {
display: block;
font-size: 0.9rem;
}
#denryokusim .main-banner {
margin: 0 0 2rem;
}
#denryokusim .sub-copy {
font-size: 1.5rem;
text-align: center;
margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
#denryokusim .sub-copy {
font-size: 1.1rem;
}
#denryokusim .sub-copy br {
display: none;
}
}
#denryokusim .step-block {
border-top: 1px dotted #ccc;
padding-top: 2rem;
}
#denryokusim .step-block:first-child {
border-top: none;
padding-top: 0;
}
#denryokusim .cols2 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative;
}
#denryokusim .cols2::after {
clear: both;
content: "";
display: block;
}
#denryokusim .cols2 .col {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
margin-bottom: 2rem;
}
#denryokusim .cols2 .col:last-child {
margin-right: 0;
}
#denryokusim .cols2 .col:nth-child(2n) {
margin-right: 0;
}
#denryokusim .cols2 .col:nth-child(2n+1) {
clear: left;
}
@media screen and (max-width: 767px) {
#denryokusim .cols2 .col {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
margin-bottom: 0.6rem;
}
#denryokusim .cols2 .col:last-child {
margin-right: 0;
}
}
#denryokusim .cols3 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
#denryokusim .cols3::after {
clear: both;
content: "";
display: block;
}
#denryokusim .cols3 .col {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
margin-bottom: 2rem;
width: 48% !important;
}
#denryokusim .cols3 .col:last-child {
margin-right: 0;
}
#denryokusim .cols3 .col:nth-child(3n) {
margin-right: 0;
}
#denryokusim .cols3 .col:nth-child(3n+1) {
clear: left;
}
@media screen and (max-width: 767px) {
#denryokusim .cols3 .col {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
margin-bottom: 0.6rem;
}
#denryokusim .cols3 .col:last-child {
margin-right: 0;
}
}
#denryokusim .border-box {
border: 1px solid #ccc;
padding: 1rem;
}
#denryokusim .border-box h1 {
font-size: 1.25rem;
}
#denryokusim .btn-apply {
text-align: center;
margin-top: 2rem;
}
#denryokusim .btn-apply input {
text-align: center;
width: 30rem;
padding: 1rem;
margin: 2rem auto 0;
font-size: 1.5rem;
cursor: pointer;
}
#denryokusim .btn-apply input:hover {
background: #0076de;
}
@media screen and (max-width: 767px) {
#denryokusim .btn-apply input {
font-size: 1rem;
}
}
#denryokusim .step-nav {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
#denryokusim .step-nav::after {
clear: both;
content: "";
display: block;
}
#denryokusim .step-nav li {
background: #f0f0f0;
padding: 1rem;
margin-bottom: 2rem;
position: relative;
text-align: center;
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
}
#denryokusim .step-nav li:last-child {
margin-right: 0;
}
#denryokusim .step-nav li:nth-child(3n) {
margin-right: 0;
}
#denryokusim .step-nav li:nth-child(3n+1) {
clear: left;
}
@media screen and (max-width: 767px) {
#denryokusim .step-nav li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
margin-bottom: 1rem;
}
#denryokusim .step-nav li:last-child {
margin-right: 0;
}
}
#denryokusim .step-nav li:before {
content: "";
position: absolute;
border-bottom: 20px solid transparent;
border-left: 20px solid #f0f0f0;
border-top: 20px solid transparent;
height: 0px;
width: 0px;
right: -20px;
top: 50%;
margin-top: -20px;
}
@media screen and (max-width: 767px) {
#denryokusim .step-nav li:before {
border-top: 10px solid #f0f0f0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
right: auto;
bottom: -30px;
left: 50%;
top: auto;
margin-left: -10px;
margin-top: 0;
}
}
#denryokusim .step-nav li.active {
background: #F9C6BD;
border-width: 2px;
font-weight: bold;
}
#denryokusim .step-nav li.active:before {
border-left-color: #F9C6BD;
}
@media screen and (max-width: 767px) {
#denryokusim .step-nav li.active:before {
border-left-color: transparent;
border-top-color: #F9C6BD;
}
}
#denryokusim .step-nav li:last-child:before {
display: none;
}
#denryokusim .border-content {
border: 2px solid #f45d40;
padding: 1.5em 1.618em;
line-height: 1.5;
}
#denryokusim .result-title {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/tg-denryoku-bg-01-2x.png) repeat 0 0;
padding: 1.5rem 1rem;
margin: 0;
line-height: 1.5;
font-size: 2.5rem;
font-family: "Jun 501";
}
@media screen and (max-width: 767px) {
#denryokusim .result-title {
font-size: 1.25rem;
padding: 1rem 0.5rem;
}
}
#denryokusim .result-title span {
color: #005BAB;
}
#denryokusim .result-block {
background: #ffe;
padding: 0.01rem 2rem;
border-bottom: 1px dotted #ccc;
}
@media screen and (max-width: 767px) {
#denryokusim .result-block {
padding: 0.01rem 1rem;
}
}
#denryokusim .result-block:last-of-type {
border-bottom: none;
margin-bottom: 5rem;
}
#denryokusim .result-block .result-block-title {
font-size: 1.5rem;
margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
#denryokusim .result-block .result-block-title {
margin-bottom: 0.5em;
text-align: center;
}
}
#denryokusim .reasonable-block {
background: #fff;
border: 2px solid #faee00;
text-align: center;
border-radius: 1rem;
padding: 1rem;
}
#denryokusim .reasonable-block p {
line-height: 1.35;
}
#denryokusim .txt-price {
font-size: 3rem;
font-weight: bold;
}
#denryokusim .graph-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#denryokusim .graph-block .graph {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
#denryokusim .graph {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
text-align: center;
padding: 0 0.25rem;
}
#denryokusim .graph:last-child {
margin-right: 0;
}
#denryokusim .graph:nth-child(2n) {
margin-right: 0;
}
#denryokusim .graph:nth-child(2n+1) {
clear: left;
}
@media screen and (max-width: 767px) {
#denryokusim .graph {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
}
#denryokusim .graph:last-child {
margin-right: 0;
}
#denryokusim .graph:nth-child(2n) {
margin-right: 0;
}
#denryokusim .graph:nth-child(2n+1) {
clear: left;
}
}
#denryokusim .graph .bar {
background: #f0f0f0;
display: block;
padding: 5px;
line-height: 1.45;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#denryokusim .graph .bar.bar01 {
background: #BCD8DC;
}
#denryokusim .graph .bar.bar02 {
background: #F59292;
}
#denryokusim .graph .bar .name-plan {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin: 0 auto;
}
#denryokusim .graph .price {
font-size: 1.25rem;
margin-top: 0.25rem;
display: block;
}
@media screen and (max-width: 767px) {
#denryokusim #result-denki-month p.mt2rem {
margin-top: 0 !important;
}
}
#denryokusim .discount-on .reasonable-block {
border-color: #f45d40;
position: relative;
-webkit-transition: all 0.3 ease;
-o-transition: all 0.3 ease;
transition: all 0.3 ease;
}
#denryokusim .discount-on .reasonable-block:after {
font-size: 1.1rem;
content: "ガスセット割適用で";
position: absolute;
top: -0.8rem;
left: 50%;
margin-left: -6rem;
background: #fff;
padding: 0 1rem;
color: #f45d40;
font-weight: bold;
}
#denryokusim .menseki-toggle {
color: #005bab;
cursor: pointer;
}
#denryokusim .menseki-toggle:hover {
color: #0076de;
}
#denryokusim .menseki-toggle:after {
content: "▼";
margin-left: 0.25rem;
}
#denryokusim .menseki-toggle.toggled:after {
content: "▲";
}
#denryokusim .menseki-block {
display: none;
padding: 1rem 2rem;
margin-bottom: 1rem;
font-size: 0.9rem;
background: #fff;
}
#denryokusim .menseki-block li {
margin-bottom: 0.75rem;
}
#denryokusim #btn-discount01 {
cursor: pointer;
margin-bottom: 5rem;
}
#denryokusim #btn-discount01:hover {
opacity: 0.8;
}
@media screen and (max-width: 767px) {
#denryokusim #btn-discount01 .desktop {
display: none;
}
}
@media screen and (min-width: 768px) {
#denryokusim #btn-discount01 .mobile {
display: none;
}
}
#denryokusim .otoku-block {
background: #FFF864;
margin-bottom: 1rem;
-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
}
#denryokusim .otoku-block > h1 {
margin: 0;
text-align: center;
padding: 1rem;
}
#denryokusim .otoku-block > h1 img {
vertical-align: top;
}
#denryokusim .otoku-block .otoku-points {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 1rem;
max-width: 56em;
}
#denryokusim .otoku-block .otoku-points::after {
clear: both;
content: "";
display: block;
}
#denryokusim .otoku-block .otoku-points dl {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
}
#denryokusim .otoku-block .otoku-points dl:last-child {
margin-right: 0;
}
#denryokusim .otoku-block .otoku-points dl:nth-child(3n) {
margin-right: 0;
}
#denryokusim .otoku-block .otoku-points dl:nth-child(3n+1) {
clear: left;
}
@media screen and (max-width: 767px) {
#denryokusim .otoku-block .otoku-points dl {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
margin-bottom: 0.6rem;
}
#denryokusim .otoku-block .otoku-points dl:last-child {
margin-right: 0;
}
#denryokusim .otoku-block .otoku-points dl:nth-child(1n) {
margin-right: 0;
}
#denryokusim .otoku-block .otoku-points dl:nth-child(1n+1) {
clear: left;
}
}
#denryokusim .otoku-block .otoku-points dl dt {
margin: 0 auto 1rem;
text-align: center;
line-height: 3;
}
#denryokusim .otoku-block .otoku-points dl dd {
padding: 0 0 0 0.5rem;
}
#denryokusim .otoku-block .otoku-points .col {
margin-bottom: 0;
}
#denryokusim .otoku-block .otoku-points .otoku-price span {
font-size: 1.25rem;
font-weight: bold;
border-bottom: 2px solid #f45d40;
display: inline-block;
line-height: 1.2;
margin-bottom: 0.25rem;
}
#denryokusim .otoku-block .otoku-calc {
width: 30rem;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
#denryokusim .otoku-block .otoku-calc {
width: auto;
}
}
#denryokusim .otoku-block .otoku-calc dl {
font-size: 1.35rem;
font-weight: bold;
margin: 2.5rem auto 0;
}
@media screen and (max-width: 767px) {
#denryokusim .otoku-block .otoku-calc dl {
margin-top: 1rem;
}
}
#denryokusim .otoku-block .otoku-calc dl dt {
width: 50%;
float: left;
text-align: right;
clear: both;
line-height: 4.5rem;
padding-right: 0.5rem;
}
@media screen and (max-width: 767px) {
#denryokusim .otoku-block .otoku-calc dl dt {
width: 100%;
float: none;
text-align: center;
line-height: 1rem;
}
}
#denryokusim .otoku-block .otoku-calc dl dd {
width: 50%;
float: right;
text-align: left;
padding-left: 0.5rem;
}
@media screen and (max-width: 767px) {
#denryokusim .otoku-block .otoku-calc dl dd {
width: 100%;
float: none;
text-align: center;
}
#denryokusim .otoku-block .otoku-calc dl dd:first-child {
margin-bottom: 1rem;
}
}
#denryokusim .otoku-block .otoku-calc dl dd .number {
font-size: 2.5rem;
}
#denryokusim .otoku-block .otoku-calc p {
font-size: 0.7rem;
}
#denryokusim .expander {
border: 2px solid #000;
}
#denryokusim .expander-trigger {
padding: 1rem;
margin: 0;
border-bottom: 0;
position: relative;
cursor: pointer;
}
#denryokusim .expander-trigger:hover {
background: #f0f0f0;
}
#denryokusim .expander-trigger:before {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
#denryokusim .expander-trigger .cols2 {
display: inline-block;
vertical-align: middle;
max-width: none;
width: 100%;
padding-left: 1rem;
}
#denryokusim .expander-trigger .cols2 .col {
margin-bottom: 0;
}
#denryokusim .input-months {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 1rem;
}
#denryokusim .input-months::after {
clear: both;
content: "";
display: block;
}
#denryokusim .input-months li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 14.7019566472%;
}
#denryokusim .input-months li:last-child {
margin-right: 0;
}
#denryokusim .input-months li:nth-child(6n) {
margin-right: 0;
}
#denryokusim .input-months li:nth-child(6n+1) {
clear: left;
}
@media screen and (max-width: 767px) {
#denryokusim .input-months li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
}
#denryokusim .input-months li:last-child {
margin-right: 0;
}
#denryokusim .input-months li:nth-child(2n) {
margin-right: 0;
}
#denryokusim .input-months li:nth-child(2n+1) {
clear: left;
}
}
#denryokusim .contactbtn {
color: #fff !important;
margin: 0 auto 2rem;
}
#denryokusim .contactbtn.contactbtn-lg {
font-size: 1.75rem;
max-width: 600px;
padding: 1rem;
}
@media screen and (max-width: 767px) {
#denryokusim .contactbtn.contactbtn-lg {
font-size: 1.25rem;
}
}
#denryokusim .contactbtn.btn_green {
background: #006f39;
}
#denryokusim .contactbtn.btn_green:hover {
background: #00a253;
}
#denryokusim .btn {
border: 2px solid #005bab;
background: #fff;
display: block;
padding: 1rem;
text-align: center;
border-radius: 0.4rem;
-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
}
#denryokusim .btn:hover {
-webkit-box-shadow: none;
box-shadow: none;
position: relative;
top: 2px;
left: 2px;
}
#denryokusim .fa {
color: #005bab;
-webkit-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
#denryokusim .fa.fa-2x {
vertical-align: -4px;
}
#denryokusim .select-wrapper {
margin-bottom: 1rem;
}
#denryokusim .step-title {
font-size: 1.5rem;
}
#denryokusim .step {
background: #f45d40;
color: #fff;
border-radius: 2rem;
padding: 0.1rem 1rem 0;
margin-right: 0.5rem;
font-size: 1.25rem;
line-height: 1;
vertical-align: 2px;
}
#denryokusim .note {
padding: 1rem;
background: #DBF4F9;
border-radius: 0.5rem;
font-size: 1.25rem;
}
#denryokusim .result-header {
background: #FFF864;
border-top: 3px solid #999;
padding: 1rem;
}
#denryokusim .result-header h1,
#denryokusim .result-header p {
margin: 0 !important;
}
#denryokusim .result-header h1 {
font-size: 1.65rem;
line-height: 1;
}
#denryokusim .result-header h1,
#denryokusim .result-header a {
color: #444 !important;
}
#denryokusim .result-header a {
border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
}
#denryokusim .result-header a:hover {
border-bottom: none;
opacity: 1;
}
#denryokusim #result-gas .result-header {
background: #D2D2D2;
}
#denryokusim #result-gas .otoku-block {
height: 306px;
padding: 0.5rem 1rem 1rem;
background: #fff864 url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/tg-sim-otoku-bg-2x.png) no-repeat 50% 75%;
background-size: 790px 206px;
}
#denryokusim #result-gas .otoku-block h1 {
font-size: 1.75rem;
}
@media screen and (max-width: 767px) {
#denryokusim #result-gas .otoku-block h1 {
font-size: 1.25rem;
padding-bottom: 2rem;
}
#denryokusim #result-gas .otoku-block h1 img {
width: 100px;
}
}
@media screen and (max-width: 767px) {
#denryokusim #result-gas .otoku-block {
height: 320px;
padding: 0.5rem 0.5rem;
background-position: 50% 85%;
}
}
#denryokusim .denka_comment01 {
position: absolute;
top: 4rem;
right: 1.5rem;
width: 340px;
}
@media screen and (max-width: 767px) {
#denryokusim .denka_comment01 {
position: static;
}
}
.sp {
display: none;
}
@media screen and (max-width: 767px) {
.sp {
display: block;
}
}
.da-btn > * {
background: #005bab;
display: block;
width: 100%;
max-width: 480px;
padding: 0.5rem 0;
text-align: center;
color: #fff;
font-size: 1.75rem;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
margin: 0 auto 1rem;
border: 2px solid #f0f0f0;
-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
}
.da-btn > *.disable {
background: #ccc;
cursor: default;
cursor: not-allowed;
}
@media screen and (max-width: 700px) {
.da-btn > * {
font-size: 1rem;
}
}
.da-btn > *:hover {
color: #fff;
background: #0069c5;
}
.da-btn.btn_green > * {
background: #006f39;
}
.da-btn.btn_green > *:hover {
background: #00a253;
}
.submit {
background: #005bab;
display: block;
width: 100%;
max-width: 480px;
padding: 0.5rem 0;
text-align: center;
color: #fff;
font-size: 2rem;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
margin: 0 auto 1rem;
border: 2px solid #f0f0f0;
-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
}
.submit:hover {
opacity: 0.85;
}
.denryoku-order-child header#pagetop:before {
display: none;
}
.denryoku-order-child header#pagetop .wrapper {
position: relative;
overflow: visible;
}
.denryoku-order-child header#pagetop .logo {
margin: 1rem 0;
}
@media screen and (max-width: 767px) {
.denryoku-order-child header#pagetop .logo {
margin: 1.25rem 0;
max-width: 60vw;
padding-left: 0.5rem;
}
}
.denryoku-order-child header#pagetop .btn-cancel {
position: absolute;
right: 0;
top: 16px;
}
@media screen and (max-width: 767px) {
.denryoku-order-child header#pagetop .btn-cancel {
top: 8px;
right: 8px;
}
}
.denryoku-order-child header#pagetop .btn-cancel a {
padding: 0.75rem 1.5rem;
border: 2px solid #005bab;
color: #005bab;
border-radius: 4px;
}
@media screen and (max-width: 767px) {
.denryoku-order-child header#pagetop .btn-cancel a {
padding: 0.5rem 0.5rem;
}
}
.denryoku-order-child .steps {
text-align: center;
margin-top: 1rem;
}
@media screen and (max-width: 767px) {
.denryoku-order-child .steps {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.denryoku-order-child .steps li {
padding: 0.75rem 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
width: 20%;
background: #7ecef4;
color: #333;
text-align: center;
position: relative;
}
@media screen and (max-width: 767px) {
.denryoku-order-child .steps li {
height: 4.5rem;
vertical-align: middle;
padding-top: 0.1rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
.denryoku-order-child .steps li span {
margin-left: -1rem;
position: relative;
z-index: 1;
}
@media screen and (max-width: 767px) {
.denryoku-order-child .steps li span {
font-size: 10px;
line-height: 1.35;
position: relative;
z-index: 1;
display: inline-block;
vertical-align: bottom;
padding: 1rem 1rem 0 1rem;
}
}
.denryoku-order-child .steps li:after {
content: "";
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/tg-denryoku-steps-bg02-2x.png) no-repeat 100% 50%/contain;
position: absolute;
top: 0;
right: 0;
width: 20%;
height: 100%;
}
@media screen and (max-width: 767px) {
.denryoku-order-child .steps li:after {
background-size: cover;
}
}
.denryoku-order-child .steps li:first-child:before {
content: "";
background: #7ecef4;
position: absolute;
top: 0;
left: -1000%;
width: 1000%;
height: 100%;
}
.denryoku-order-child .steps li:last-child:before {
content: "";
background: #7ecef4;
position: absolute;
top: 0;
right: -1000%;
width: 1000%;
height: 100%;
}
.denryoku-order-child .steps li.active {
font-weight: bold;
}
.denryoku-order-child .steps li.active, .denryoku-order-child .steps li.active-sib {
background: #005bab;
color: #fff;
}
.denryoku-order-child .steps li.active:after, .denryoku-order-child .steps li.active-sib:after {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/tg-denryoku-steps-bg01-2x.png);
}
.denryoku-order-child .steps li.active:first-child:before, .denryoku-order-child .steps li.active:last-child:before, .denryoku-order-child .steps li.active-sib:first-child:before, .denryoku-order-child .steps li.active-sib:last-child:before {
background: #005bab;
}
.denryoku-order-child .steps li.active:last-child:after, .denryoku-order-child .steps li.active-sib:last-child:after {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/tg-denryoku-steps-bg03-2x.png) !important;
}
.denryoku-order-child .steps li.active-sib:after {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/tg-denryoku-steps-bg03-2x.png);
}
.denryoku-order-child .steps.steps-postal li {
width: 25%;
}
.denryoku-order-child .steps.steps-postal li span {
margin: 0 auto 0;
position: relative;
left: -1rem;
}
@media screen and (max-width: 767px) {
.denryoku-order-child .steps.steps-postal li span {
font-size: 13px;
}
}
.denryoku-order-child .contents {
margin-top: 132px;
padding: 2rem 0;
}
.denryoku-order-child .main h1,
.denryoku-order-child .main .form-block-title {
border-left: 6px solid #005bab;
border-bottom: 2px solid #005bab;
color: #005bab;
padding: 0.5rem;
font-size: 1.5rem;
margin-bottom: 2rem;
}
.denryoku-order-child .main article {
margin-bottom: 2rem;
}
.denryoku-order-child .main .agree-check {
background: #e8e8e8;
text-align: center;
border-radius: 0.5rem;
margin: 1.5rem 0;
padding: 2rem 1rem 1rem;
}
.denryoku-order-child .main .checkbox-p {
font-weight: bold;
font-size: 1.25rem;
}
.denryoku-order-child .note {
color: red;
position: absolute;
top: 1rem;
right: 0;
text-align: right;
}
@media screen and (max-width: 767px) {
.denryoku-order-child .note {
position: static;
text-align: left;
}
}
.denryoku-order-child .strict {
color: red;
}
.denryoku-order-child .comment {
font-size: 0.9em;
line-height: 1.65;
display: block;
}
.denryoku-order-child .form-wrap {
position: relative;
}
.denryoku-order-child .form-wrap .form-block-title {
margin-top: 2rem;
}
.denryoku-order-child .form-wrap dl::after {
clear: both;
content: "";
display: block;
}
.denryoku-order-child .form-wrap dl dt,
.denryoku-order-child .form-wrap dl dd {
margin-bottom: 1.5rem;
}
.denryoku-order-child .form-wrap dl dt {
float: left;
width: 20%;
clear: both;
font-weight: bold !important;
}
.denryoku-order-child .form-wrap dl dd {
float: right;
width: 80%;
}
.denryoku-order-child .form-wrap dl dd i {
color: #005bab;
}
.denryoku-order-child .form-wrap dl dd input[type=file] {
font-size: 0.85em;
}
.denryoku-order-child .form-wrap .text_line {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 1rem 0;
}
.denryoku-order-child .form-wrap .text_line:before, .denryoku-order-child .form-wrap .text_line:after {
content: "";
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 1px; background: #7ecef4; }
.denryoku-order-child .form-wrap .text_line:before {
margin: 0 2em 0 0; }
.denryoku-order-child .form-wrap .text_line:after {
margin: 0 0 0 2em; }
.denryoku-order-child .form-wrap input[type=text],
.denryoku-order-child .form-wrap input[type=number],
.denryoku-order-child .form-wrap input[type=email],
.denryoku-order-child .form-wrap input[type=tel],
.denryoku-order-child .form-wrap textarea {
width: 100%;
}
.denryoku-order-child .form-wrap input[type=number] {
-webkit-appearance: none;
}
.denryoku-order-child .form-wrap select {
font-size: 1.2rem;
margin-bottom: 0.5rem;
}
.mw_wp_form .horizontal-item + .horizontal-item {
margin-left: 1.5rem !important;
}
.mw_wp_form.mw_wp_form_input .input-hidden {
display: none !important;
}
.mw_wp_form.mw_wp_form_preview .comment,
.mw_wp_form.mw_wp_form_preview .preview-hidden {
display: none !important;
}
.mw_wp_form .btns-form {
position: relative;
margin-top: 2rem;
}
.mw_wp_form .btns-form .back {
position: absolute;
left: 0;
top: 50%;
font-size: 14px;
margin-top: -1rem;
}
.mw_wp_form .btns-form .back input {
background: #fff;
border: none;
}
.happyenergy header#pagetop {
border-top-color: #2f8439;
}
.happyenergy header#pagetop .btn-cancel {
top: 5px;
}
@media screen and (max-width: 767px) {
.happyenergy header#pagetop .btn-cancel {
top: 0px;
}
}
.happyenergy header#pagetop .btn-cancel a {
border-color: #2f8439;
color: #2f8439;
}
.happyenergy .main h1,
.happyenergy .main .form-block-title {
border-left-color: #2f8439;
border-bottom-color: #2f8439;
color: #2f8439;
}
.happyenergy .main-footer {
background-color: #2f8439;
}
.happyenergy.denryoku-order-child .steps {
text-align: center;
margin-top: 1rem;
}
.happyenergy.denryoku-order-child .steps li {
background: #efe43d;
}
.happyenergy.denryoku-order-child .steps li:after {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/he-denryoku-steps-bg02-2x.png) no-repeat 100% 50%/contain;
}
@media screen and (max-width: 767px) {
.happyenergy.denryoku-order-child .steps li:after {
background-size: cover;
}
}
.happyenergy.denryoku-order-child .steps li:first-child:before {
background: #efe43d;
}
.happyenergy.denryoku-order-child .steps li:last-child:before {
background: #efe43d;
}
.happyenergy.denryoku-order-child .steps li.active, .happyenergy.denryoku-order-child .steps li.active-sib {
background: #2f8439;
}
.happyenergy.denryoku-order-child .steps li.active:after, .happyenergy.denryoku-order-child .steps li.active-sib:after {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/he-denryoku-steps-bg01-2x.png);
}
.happyenergy.denryoku-order-child .steps li.active:first-child:before, .happyenergy.denryoku-order-child .steps li.active:last-child:before, .happyenergy.denryoku-order-child .steps li.active-sib:first-child:before, .happyenergy.denryoku-order-child .steps li.active-sib:last-child:before {
background: #2f8439;
}
.happyenergy.denryoku-order-child .steps li.active:last-child:after, .happyenergy.denryoku-order-child .steps li.active-sib:last-child:after {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/he-denryoku-steps-bg03-2x.png) !important;
}
.happyenergy.denryoku-order-child .steps li.active-sib:after {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/he-denryoku-steps-bg03-2x.png);
}
.nav-goodies {
max-width: 700px;
margin: 0 auto;
}
.nav-goodies::after {
clear: both;
content: "";
display: block;
}
.nav-goodies li a {
float: left;
display: block;
width: 14.2857143%;
text-align: center;
background: #bfeff5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1rem 0.5rem 1rem;
min-height: 182px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 162px;
}
@media screen and (max-width: 767px) {
.nav-goodies li a {
width: 50%;
min-height: 140px;
}
}
@media screen and (max-width: 359px) {
.nav-goodies li a {
width: 100%;
padding: 1rem 1rem 0.5rem;
}
}
.nav-goodies li a:hover {
opacity: 0.85;
text-decoration: none;
}
.nav-goodies li a img {
width: 80px !important;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width: 767px) {
.nav-goodies li img {
height: 72px;
width: auto !important;
}
}
@media screen and (max-width: 359px) {
.nav-goodies li img {
height: 48px;
width: auto !important;
}
}
.nav-goodies li span {
display: block;
font-weight: bold;
color: #1fa5c6;
font-size: 1rem;
line-height: 1.25rem;
margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
.nav-goodies li span {
font-size: 14px;
margin: 0 !important;
}
}
.nav-goodies li.nav-sim span {
position: relative;
margin-top: 0rem;
font-size: 0.8rem;
}
.nav-goodies li.nav-price a {
background: #f2ded9;
}
.nav-goodies li.nav-price span {
color: #e66c55;
}
.nav-goodies li.nav-flow a {
background: #eceebb;
}
.nav-goodies li.nav-flow span {
color: #96994f;
}
.nav-goodies li.nav-faq a {
background: #c9eadb;
}
.nav-goodies li.nav-faq span {
color: #459c74;
margin-bottom: 1rem;
}
.nav-goodies li.nav-emix a {
background: #ded5ef;
}
.nav-goodies li.nav-emix a img {
width: 111px;
}
.nav-goodies li.nav-emix span {
color: #6e5992;
margin-top: 0;
margin-bottom: 1rem;
}
.nav-goodies li.nav-stop a {
background: #fdddc1;
}
.nav-goodies li.nav-stop a img {
width: 111px;
}
.nav-goodies li.nav-stop span {
color: #f76e23;
}
.nav-goodies li.nav-cene a {
background: #FFDD46;
}
.nav-goodies li.nav-cene a img {
width: 111px;
}
.nav-goodies li.nav-cene span {
color: #fea621;
}
@media screen and (max-width: 767px) {
.nav-goodies li.nav-cene span {
margin-top: 1rem;
}
}
.agreement .main p a {
color: #005bab;
text-decoration: underline;
}
.agreement .main p a:hover {
color: #005bab;
text-decoration: none;
}
.agreement .main .da-btn a {
color: #fff;
text-decoration: none;
}
.agreement .main .da-btn a:hover {
color: #fff;
background: #4fbcf0;
}
.agreement .main p {
margin-bottom: 1rem;
}
.link-postal {
position: fixed;
right: 0;
z-index: 10;
}
@media screen and (max-width: 767px) {
.link-postal {
bottom: 0;
}
}
.link-postal a {
line-height: 1;
background: #005bab;
width: 4rem;
text-align: center;
padding: 1rem;
color: #fff;
display: block;
}
@media screen and (max-width: 767px) {
.link-postal a {
font-size: 13px;
width: auto;
}
}
.link-postal a img {
margin-bottom: 0.5rem;
}
@media screen and (max-width: 767px) {
.link-postal a img {
vertical-align: middle;
margin-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.link-postal a br {
display: none;
}
}
.link-postal a:hover {
background: #0076de;
}
#denryokushim.yasaene-simulator .contents .wrapper .tab-block .accordion-tabs-minimal .tab-header-and-content .tab-link.is-active {
border: 2px solid #84C4AC !important;
}
#denryokushim .step {
background: #5BB5CC !important;
}
#denryokusim.yasaene-simulator { }
#denryokusim.yasaene-simulator .accordion-tabs-minimal a.tab-link.is-active {
border: 2px solid #5BB5CC;
border-bottom-color: white;
border-top-width: 6px;
}
#denryokusim.yasaene-simulator .accordion-tabs-minimal .tab-left .is-active:after {
border-left: unset;
}
#denryokusim.yasaene-simulator .accordion-tabs-minimal .tab-center .is-active:after {
border-right: unset;
}
#denryokusim.yasaene-simulator .accordion-tabs-minimal a.tab-link:hover {
background: #5BB5CC;
}
#denryokusim.yasaene-simulator .accordion-tabs-minimal .tab-content {
border: 2px solid #5BB5CC;
padding: 1rem;
}
#denryokusim.yasaene-simulator .accordion-tabs-minimal a.tab-link {
border-top: none;
}
#denryokusim.yasaene-simulator .step {
background: #5BB5CC;
}
#denryokusim.yasaene-simulator p.contactbtn > * {
background: #84C4AC;
border: none;
}
#denryokusim.yasaene-simulator .mb4rem.mt2rem {
display: none;
}
#denryokusim.yasaene-simulator .contents > .wrapper a {
color: #5BB5CC;
}
#denryokusim.yasaene-simulator .contents > .wrapper a .fa {
color: #5BB5CC;
}
#denryokusim.yasaene-simulator .contents > .wrapper a.h_blue:hover {
color: #A0E5F7 !important;
}
#denryokusim.yasaene-simulator .sub-copy a:hover {
color: #A0E5F7 !important;
}
#denryokusim.yasaene-simulator .note a:hover {
color: #A0E5F7 !important;
}
#denryokusim.yasaene-simulator .menseki-toggle {
color: #5BB5CC;
}
#denryokusim.yasaene-simulator .btn {
border: 2px solid #5BB5CC;
}
#denryokusim.yasaene-simulator .contactbtn.btn_green {
background: #5BB5CC;
border: none;
}
#denryokusim.yasaene-simulator .step-block {
position: relative;
}
#denryokusim.yasaene-simulator .step-block .step-list {
margin-bottom: 0.5rem;
}
#denryokusim.yasaene-simulator .step-block .step-comment {
position: absolute;
right: 78px;
max-width: 283px;
bottom: 43%;
border: 2px solid #5BB5CC;
border-radius: 10px;
padding: 16px;
font-size: 16px;
}
#denryokusim.yasaene-simulator .step-block .step-comment a:hover {
color: #A0E5F7 !important;
}
@media screen and (max-width: 767px) {
#denryokusim.yasaene-simulator .step-block .step-comment {
position: static;
max-width: none;
}
#denryokusim.yasaene-simulator .step-block .step-comment br {
display: none;
}
}
#denryokusim.yasaene-simulator .contents > .wrapper a:hover {
color: #fff;
}
@media screen and (max-width: 767px) {
#denryokusim.yasaene-simulator .contents .wrapper #result-denki .result-block .denryoku_profit {
display: block;
padding: 21px 0 1px;
}
}
@media screen and (max-width: 767px) {
#denryokusim.yasaene-simulator .contents .wrapper #result-denki .result-block .denryoku_profit .denryoku_profit_contents {
width: 100%;
}
}
#denryokusim.yasaene-simulator .ye_denryoku_banner {
margin-bottom: 1.5rem;
}
#denryokusim.yasaene-simulator .result-title {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/tg-denryoku-bg-02-2x.png) repeat 0 0;
}
#denryokusim.yasaene-simulator .graph .bar.bar01 {
background: #f0f0f0;
}
#denryokusim.yasaene-simulator .graph .bar.bar02 {
background: #5BB5CC;
color: #fff;
}
#denryokusim.yasaene-simulator .mt2rem a:hover {
color: #A0E5F7 !important;
}
#denryokusim.yasaene-simulator .mt2rem a:hover i {
color: #A0E5F7 !important;
}
#denryokusim.yasaene-simulator .cols3 .col a:hover {
color: #5BB5CC;
} body.iframe .main.yasaene {
padding-bottom: 2rem;
}
@media screen and (max-width: 767px) {
body.iframe .main.yasaene {
padding: 0 10px 2rem;
}
}
body.iframe .main.yasaene .area.mb2rem .iframe_title {
max-width: 100%;
}
body.iframe .main.yasaene .area.mb2rem .pc_align_center {
text-align: center;
}
@media screen and (max-width: 767px) {
body.iframe .main.yasaene .area.mb2rem .pc_align_center {
text-align: left;
}
}
body.iframe .main.yasaene .area.mb2rem .mb2rem {
display: none;
margin: 0 !important;
}
body.iframe .main.yasaene h2 {
color: #5BB5CC;
border-bottom: 2px solid #5BB5CC;
}
body.iframe .main.yasaene h2.plus_padding {
padding-top: 2rem;
}
@media screen and (max-width: 767px) {
body.iframe .main.yasaene h2 {
margin-bottom: 1rem;
}
}
body.iframe .main.yasaene .info-box {
background: #EBFFFD;
border: 2px solid #A3FFF4;
}
body.iframe .main.yasaene .info-box.plus_margin_bottom {
margin-bottom: 3rem !important;
}
body.iframe .main.yasaene .info-box .da-btn a {
background: #84C4AC;
}
body.iframe .main.yasaene .info-box .da-btn.btn_green a {
background: #5BB5CC;
}
body.iframe .main.yasaene .da-btn a {
background: #5BB5CC !important;
}
.yasaene header {
border-top: 5px solid #5BB5CC;
}
.yasaene #pagetop .wrapper .steps li {
background: #84C4AC;
}
.yasaene #pagetop .wrapper .steps li:first-child::before {
background: #5BB5CC;
}
.yasaene #pagetop .wrapper .steps li:last-child::before {
background: #84C4AC;
}
.yasaene #pagetop .wrapper .steps li.active {
background: #5BB5CC;
}
.yasaene #pagetop .wrapper .steps li.active::after {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/tg-denryoku-steps-bg05-2x.png) no-repeat 100% 50%/contain !important;
}
@media screen and (max-width: 767px) {
.yasaene #pagetop .wrapper .steps li.active::after {
background-size: cover;
}
}
.yasaene #pagetop .wrapper .steps li.active-sib {
background: #5BB5CC;
}
.yasaene #pagetop .wrapper .steps li.active-sib::after {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/tg-denryoku-steps-bg06-2x.png) no-repeat 100% 50%/contain;
}
@media screen and (max-width: 767px) {
.yasaene #pagetop .wrapper .steps li.active-sib::after {
background-size: cover;
}
}
.yasaene #pagetop .wrapper .steps li::after {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/tg-denryoku-steps-bg04-2x.png) no-repeat 100% 50%/contain;
}
@media screen and (max-width: 767px) {
.yasaene #pagetop .wrapper .steps li::after {
background-size: cover;
}
}
.yasaene #pagetop .wrapper .btn-cancel {
top: 9px;
}
.yasaene #pagetop .wrapper .btn-cancel a {
border: 2px solid #5BB5CC;
color: #5BB5CC;
}
.yasaene .contents .wrapper .main h1 {
color: #5BB5CC;
border-left: 6px solid #5BB5CC;
border-bottom: 2px solid #5BB5CC;
}
.yasaene .contents .wrapper .main .form-block-title {
border-left: 6px solid #5BB5CC;
border-bottom: 2px solid #5BB5CC;
color: #5BB5CC;
}
.yasaene footer {
background: #84C4AC;
}
.yasaene .submit {
background: #5BB5CC;
}
.yasaene .backtotop a {
color: #5BB5CC;
}
.yasaene .backtotop a img {
position: relative;
top: -8px;
}
.yasaene .da-btn a {
background: #5BB5CC;
}
.yasaene .da-btn a.disable {
background: #eee;
}
.yasaene .contactinfo {
border-color: #5BB5CC !important;
}
.yasaene .contactinfo h2 {
color: #5BB5CC;
}
.yasaene .contactinfo .contactinfo-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.yasaene .contactinfo .contactinfo-box li {
width: auto !important;
}
#denryokusim.yasaene-simulator .wrapper a.link-tel:hover {
color: #A0E5F7;
}
.energymix {
background: #FBEE2E; }
.energymix .col-single {
margin: 0 auto;
}
.energymix .contents {
background: #FBEE2E;
}
.energymix .contents > .wrapper {
width: auto;
min-width: 67em;
max-width: none;
}
.energymix .contents > .wrapper p,
.energymix .contents > .wrapper li,
.energymix .contents > .wrapper td {
text-align: justify;
text-justify: inter-ideograph;
}
@media screen and (max-width: 767px) {
.energymix .contents > .wrapper {
min-width: auto;
}
}
.energymix .btns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 3rem;
}
.energymix .btns > li {
width: 33.3%;
text-align: center !important;
padding: 0 0.5rem;
}
.energymix .btns > li a {
position: relative;
top: 0;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.energymix .btns > li a:hover {
top: -5px;
opacity: 1;
}
.energymix .main {
width: auto;
float: none;
margin-bottom: 4rem;
}
.energymix section h3 {
border-left: 7px solid #CE3497;
padding-left: 7px;
}
.energymix .data {
margin-top: 2rem;
}
.energymix .data::after {
clear: both;
content: "";
display: block;
}
@media screen and (min-width: 768px) {
.energymix .table {
width: 488px;
float: left;
}
}
.energymix .table table {
border: 1px solid #333;
width: 100%;
}
.energymix .table th,
.energymix .table td {
text-align: center !important;
font-size: 15px;
border-left: 1px solid #333;
padding: 0.75rem 0.3rem;
}
.energymix .table th:first-child,
.energymix .table td:first-child {
border-left: none;
}
.energymix .table th {
background: #fff;
font-weight: normal;
padding: 1rem 0.3rem;
}
.energymix .table td {
border-top: 1px dashed #333;
}
@media screen and (max-width: 767px) {
.energymix .graph {
margin-top: 1rem;
width: 100%;
}
}
@media screen and (min-width: 768px) {
.energymix .graph {
width: 244px;
float: right;
}
}
@media screen and (min-width: 768px) {
.energymix .intro.col-single {
width: 723px;
}
}
@media screen and (max-width: 767px) {
.energymix .intro .content {
margin-top: 2rem;
}
}
@media screen and (min-width: 768px) {
.energymix .intro .content {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/img-dengen-02@2x.jpg) no-repeat 100% 0;
background-size: 50%;
margin-top: 4rem;
}
}
@media screen and (min-width: 768px) {
.energymix .intro .content > p,
.energymix .intro .content > div {
width: 45%;
}
}
@media screen and (max-width: 767px) {
.energymix .intro .content .box-img {
margin-top: 1rem;
}
}
@media screen and (min-width: 768px) {
.energymix .intro .content .box-img {
margin-top: 2rem;
}
}
.energymix .tab-block {
border-top: 4px solid #63C1C1;
background: #F8FFFB;
margin-top: 7rem;
}
@media screen and (min-width: 768px) {
.energymix .tab-block .col-single {
width: 814px;
}
}
.energymix .tab-block .accordion-tabs-minimal {
margin-top: -50px;
}
.energymix .tab-block .accordion-tabs-minimal .tab-link {
font-size: 16px;
line-height: 1;
font-weight: bold;
color: #63C1C1;
background: #F8FFFB;
border: #63C1C1 4px solid;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
padding: 13px;
}
@media screen and (min-width: 768px) {
.energymix .tab-block .accordion-tabs-minimal .tab-link {
width: auto;
}
.energymix .tab-block .accordion-tabs-minimal .tab-link:hover {
opacity: 1;
background: #ffc;
}
}
.energymix .tab-block .accordion-tabs-minimal .tab-link.is-active {
border-bottom: none;
padding-bottom: 17px;
}
@media screen and (max-width: 767px) {
.energymix .tab-block .accordion-tabs-minimal .tab-link.is-active.toplinecolor_2016 {
border-bottom: none !important;
}
}
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2022 {
border-bottom: #63C1C1;
}
@media screen and (max-width: 767px) {
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2022 {
border-bottom: none;
}
}
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2021 {
border-bottom: #63C1C1;
border-bottom: #DF7294;
}
@media screen and (max-width: 767px) {
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2021 {
border-bottom: none;
}
}
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2020 {
border-bottom: #63C1C1;
border-bottom: #a9bc58;
}
@media screen and (max-width: 767px) {
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2020 {
border-bottom: none;
}
}
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2019 {
border-bottom: #DF7294;
border-bottom: #e2881e;
}
@media screen and (max-width: 767px) {
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2019 {
border-bottom: none;
}
}
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2018 {
border-bottom: #AABC58;
}
@media screen and (max-width: 767px) {
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2018 {
border-bottom: none;
}
}
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2017 {
border-bottom: #FF7E7E;
}
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2016 {
border-bottom: #8AD66E;
}
.energymix .tab-block .accordion-tabs-minimal .tab-content {
border-top: none;
}
@media screen and (max-width: 767px) {
.energymix .tab-block .accordion-tabs-minimal .tab-content {
padding: 1rem;
border: #63C1C1 4px solid;
border-top: none;
}
}
@media screen and (min-width: 768px) {
.energymix .tab-block .accordion-tabs-minimal .tab-content {
padding: 4rem 0 2rem;
}
}
.energymix .tab-block .tab-header-and-content:nth-child(2) .tab-link {
color: #df7294;
border-color: #df7294;
}
@media screen and (min-width: 768px) {
.energymix .tab-block .tab-header-and-content:nth-child(2) .tab-link {
border-bottom-color: #63C1C1;
}
}
@media screen and (max-width: 767px) {
.energymix .tab-block .tab-header-and-content:nth-child(2) .tab-content {
border-color: #df7294;
}
}
.energymix .tab-block .tab-header-and-content:nth-child(3) .tab-link {
color: #a9bc58;
border-color: #a9bc58;
}
@media screen and (max-width: 767px) {
.energymix .tab-block .tab-header-and-content:nth-child(3) .tab-content {
border-color: #a9bc58;
}
}
.energymix .tab-block .tab-header-and-content:nth-child(4) .tab-link {
color: #e2881e;
border-color: #e2881e;
}
@media screen and (max-width: 767px) {
.energymix .tab-block .tab-header-and-content:nth-child(4) .tab-content {
border-color: #e2881e;
}
}
.energymix .tab-block .tab-header-and-content:nth-child(5) .tab-link {
color: #C9C949;
border-color: #C9C949;
border-bottom: none;
}
@media screen and (max-width: 767px) {
.energymix .tab-block .tab-header-and-content:nth-child(5) .tab-content {
border-color: #C9C949;
}
}
.energymix .tab-block .tab-header-and-content:nth-child(6) .tab-link {
color: #FF7E7E;
border-color: #FF7E7E;
border-bottom: none;
}
@media screen and (max-width: 767px) {
.energymix .tab-block .tab-header-and-content:nth-child(6) .tab-content {
border-color: #FF7E7E;
}
}
.energymix .tab-block .tab-header-and-content:nth-child(7) .tab-link {
color: #8AD66E;
border-color: #8AD66E;
border-bottom: none;
}
@media screen and (min-width: 768px) {
.energymix .tab-block .tab-header-and-content:nth-child(7) .tab-link {
border-bottom-color: #63C1C1;
}
}
@media screen and (max-width: 767px) {
.energymix .tab-block .tab-header-and-content:nth-child(7) .tab-link {
border-bottom: 4px solid #8AD66E;
}
}
@media screen and (max-width: 767px) {
.energymix .tab-block .tab-header-and-content:nth-child(7) .tab-content {
border-color: #8AD66E;
}
}
.energymix .tab-block .data .table.table_ratio tr:nth-child(2) td {
background: #86E2DF;
}
.energymix .tab-block .data .table.table_ratio tr:nth-child(2) td:first-child {
background: #b5ebe8;
}
.energymix .tab-block .data .table.table_ratio tr:nth-child(3) td {
background: #F7887C;
}
.energymix .tab-block .data .table.table_ratio tr:nth-child(3) td:first-child {
background: #F9C9C2;
}
.energymix .tab-block .data .table.table_ratio tr:nth-child(4) td {
background: #F8B62D;
}
.energymix .tab-block .data .table.table_ratio tr:nth-child(4) td:first-child {
background: #EFDBA3;
}
.energymix .tab-block .data .table.table_ratio tr:nth-child(5) td {
background: #9BB4EA;
}
.energymix .tab-block .data .table.table_ratio tr:nth-child(5) td:first-child {
background: #CBD7F4;
}
.energymix .tab-block .data .table.table_ratio tr:nth-child(6) td {
background: #c0c0c0;
}
.energymix .tab-block .data .table.table_ratio tr:nth-child(6) td:first-child {
background: #cdcdcd;
}
.energymix .linecolor_2021 {
border-top: 4px solid #df7294;
}
.energymix .linecolor_2020 {
border-top: 4px solid #a9bc58;
}
.energymix .linecolor_2019 {
border-top: 4px solid #e2881e;
}
.energymix .linecolor_2018 {
border-top: 4px solid #C9C949;
}
.energymix .linecolor_2017 {
border-top: 4px solid #FF7E7E;
}
.energymix .linecolor_2016 {
border-top: 4px solid #8AD66E;
}
.energymix .other {
background: #F8FFFB;
}
@media screen and (max-width: 767px) {
.energymix .other {
padding: 1rem;
}
}
@media screen and (min-width: 768px) {
.energymix .other {
padding-bottom: 4rem;
}
}
@media screen and (min-width: 768px) {
.energymix .other .col-single {
width: 814px;
}
}
.energymix .other .breakdown {
background: #D6FCF9;
border-radius: 2rem;
padding: 2rem;
margin-top: 2rem;
}
.energymix .other .breakdown h3 {
border-left-color: #2da097;
}
@media screen and (min-width: 768px) {
.energymix .other .breakdown .table {
width: 488px;
}
}
.energymix .other .breakdown .table#table0 tr:nth-child(2) td {
background: #EEFEFF;
}
.energymix .other .breakdown .table#table0 tr:nth-child(2) td:first-child {
background: #B0EDF4;
}
.energymix .other .breakdown .table#table0 tr:nth-child(3) td {
background: #FCF1F0;
}
.energymix .other .breakdown .table#table0 tr:nth-child(3) td:first-child {
background: #ED9485;
}
.energymix .other .breakdown .table#table0 tr:nth-child(4) td {
background: #F7F7F5;
}
.energymix .other .breakdown .table#table0 tr:nth-child(4) td:first-child {
background: #EDEDED;
}
.energymix .other .breakdown .table#table0 tr:nth-child(5) td {
background: #E7F9DC;
}
.energymix .other .breakdown .table#table0 tr:nth-child(5) td:first-child {
background: #A2E576;
}
.energymix .other .breakdown .table#table0 tr:nth-child(6) td {
background: #F4F2BD;
}
.energymix .other .breakdown .table#table0 tr:nth-child(6) td:first-child {
background: #D6D625;
}
.energymix .other .breakdown .table#table0 tr:nth-child(7) td {
background: #FFF2DC;
}
.energymix .other .breakdown .table#table0 tr:nth-child(7) td:first-child {
background: #EDB248;
}
.energymix .other .breakdown .table#table0 tr:nth-child(8) td {
background: #CBD7F4;
}
.energymix .other .breakdown .table#table0 tr:nth-child(8) td:first-child {
background: #9BB4EA;
}
.energymix .current {
padding-bottom: 3rem;
padding-top: 4rem;
}
@media screen and (min-width: 768px) {
.energymix .current {
border-top: 4px solid #63C1C1;
}
}
@media screen and (min-width: 768px) {
.energymix .current .col-single {
width: 723px;
}
}
.energymix .current .col-single h3 {
border-left-color: #006934;
}
.energymix .current .col-single dl {
margin-top: 2rem;
}
.energymix .current .col-single dl dt {
color: #d2523a;
margin-top: 2rem;
font-weight: bold;
}
.energymix .current .renewable {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/bg-dengen-01.svg) no-repeat 50% 0%;
background-size: cover;
margin-top: 2rem;
}
@media screen and (max-width: 767px) {
.energymix .current .renewable {
padding: 4rem 1rem 1rem;
}
}
@media screen and (min-width: 768px) {
.energymix .current .renewable {
padding: 60px 30px 30px;
}
}
.energymix .current .renewable h4 {
text-align: center;
}
.energymix .current .renewable h4 img {
background: #e8f9f0;
padding: 1rem;
border-radius: 12px;
}
.energymix .current .renewable .power-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.energymix .current .renewable .power-group::after {
clear: both;
content: "";
display: block;
}
@media screen and (max-width: 767px) {
.energymix .current .renewable .power-group {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.energymix .current .renewable dl {
margin-top: 2rem;
text-align: center;
}
@media screen and (min-width: 768px) {
.energymix .current .renewable dl {
width: 33.3%;
float: left;
}
}
@media screen and (max-width: 767px) {
.energymix .current .renewable dl {
width: 45%;
}
}
.energymix .current .renewable dl dt {
margin-top: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 77px;
}
.energymix .current .renewable dl dd {
margin-top: 1.5rem;
}
.energymix .current .renewable dl a {
color: #d2523a;
font-size: 18px;
display: block;
width: 100%;
}
.energymix .current .renewable dl li {
text-indent: -1rem;
margin-left: 1rem;
}
.energymix .current .renewable dl .link-txt {
display: block;
margin-top: 0.5rem;
font-size: 14px;
}
@media screen and (max-width: 767px) {
.energymix .current .renewable dl:last-of-type {
margin: 10px auto 0;
}
}
.energymix .current .renewable dl:last-of-type .link-txt {
padding-top: 3px;
}
.energymix .current .renewable dl:last-of-type img {
width: 200px;
}
.energymix .current .renewable dl .sp {
display: none;
}
@media screen and (max-width: 767px) {
.energymix .current .renewable dl .sp {
display: block;
}
}
.energymix .current .renewable dl .sp:after {
content: "　";
}
.energymix .vision {
background: #fff;
}
@media screen and (min-width: 768px) {
.energymix .vision {
padding-bottom: 3rem;
}
}
.energymix .vision .col-single {
padding: 2rem;
}
@media screen and (min-width: 768px) {
.energymix .vision .col-single {
width: 723px;
padding: 0;
}
}
.energymix .vision h3 {
border-left-color: #d2523a;
}
.energymix .vision p {
margin-top: 2rem;
}
.energymix .vision .breakdown {
background: #fff url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/images/bg-dengen-02.png) repeat 0 0;
background-size: 39px;
padding: 3rem;
border-radius: 12px;
}
@media screen and (max-width: 767px) {
.energymix .vision .breakdown {
padding: 2rem 1rem;
}
}
@media screen and (min-width: 768px) {
.energymix .vision .breakdown {
padding: 3rem;
}
}
.energymix .vision .breakdown h4 {
text-align: center;
}
.energymix .vision .breakdown h5 {
border-left: 7px solid #d2523a;
padding-left: 7px;
}
@media screen and (max-width: 767px) {
.energymix .vision .breakdown h5 {
margin-top: 2rem;
}
}
@media screen and (min-width: 768px) {
.energymix .vision .breakdown h5 {
margin-top: 3rem;
}
}
@media screen and (min-width: 768px) {
.energymix .vision .breakdown .data .table#table1 {
width: 50%;
}
}
.energymix .vision .breakdown .data .table#table1 table tr:nth-child(2) td {
background: #fffde1;
border-top-style: solid;
}
.energymix .vision .breakdown .data .table#table1 table tr:nth-child(2) td:first-child {
width: 16%;
background: #fff100;
}
.energymix .vision .breakdown .data .table#table1 table tr:nth-child(3) td {
background: #fff2dc;
}
.energymix .vision .breakdown .data .table#table1 table tr:nth-child(3) td:first-child {
width: 16%;
background: #edb248;
}
.energymix .vision .breakdown .data .table#table1 table tr:nth-child(4) td {
background: #9bb4ea;
}
.energymix .vision .breakdown .data .table#table1 table tr:nth-child(4) td:first-child {
width: 16%;
background: #dce4f4;
}
.energymix .vision .breakdown .data .table#table1 table tr:nth-child(5) td {
background: #C9EADB;
}
.energymix .vision .breakdown .data .table#table1 table tr:nth-child(5) td:first-child {
width: 16%;
background: #99D2CB;
}
.energymix .vision .breakdown .data .table#table1 table tr:nth-child(6) td {
background: #ECEEBC;
}
.energymix .vision .breakdown .data .table#table1 table tr:nth-child(6) td:first-child {
width: 16%;
background: #ece6c8;
}
@media screen and (max-width: 767px) {
.energymix .vision .breakdown .data .graph {
width: 100%;
}
}
@media screen and (min-width: 768px) {
.energymix .vision .breakdown .data .graph {
width: 100%;
}
}
.energymix .vision.current {
padding-top: 0;
}
@media screen and (min-width: 768px) {
.energymix .vision.current {
padding-top: 3rem;
}
}
.energymix .vision.current h3 {
border-left-color: #d2523a;
}
.denryoku-child .denryoku_price_title {
margin: 2rem 2rem 0;
text-align: center;
}
.denryoku-child .denryoku_price_title p {
font-family: "じゅん 501", sans-serif;
font-size: 24px;
line-height: 1.25;
}
.denryoku-child .denryoku_price_title p span {
color: #F45D40;
}
.denryoku-child .flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.denryoku-child .flex > *:first-child {
width: 25%;
}
.denryoku-child .flex > *:first-child + * {
width: calc(75% - 2rem);
}
@media screen and (max-width: 767px) {
.denryoku-child .flex {
display: block;
}
.denryoku-child .flex > *:first-child {
width: calc(100% - 2rem);
max-width: 300px;
margin: 2rem auto;
display: block;
}
.denryoku-child .flex > *:first-child + * {
width: auto;
}
}
.denryoku-child .denryoku_price_tablewrap {
width: 100%;
margin: 0 0 4rem; }
.denryoku-child .denryoku_price_tablewrap > *:not(:last-child) {
margin: 0 0 1rem;
}
.denryoku-child .denryoku_price_tablewrap > h4 {
font-family: "じゅん 501", sans-serif;
font-size: 24px;
line-height: 1.25;
}
@media screen and (max-width: 767px) {
.denryoku-child .denryoku_price_tablewrap .table_wrapper {
width: 100%;
overflow: scroll;
}
}
.denryoku-child .denryoku_price_tablewrap table,
.denryoku-child .denryoku_price_tablewrap td {
border: 1px solid #fff;
}
.denryoku-child .denryoku_price_tablewrap tr {
background-color: #F4F3F2;
}
.denryoku-child .denryoku_price_tablewrap td, .denryoku-child .denryoku_price_tablewrap th {
padding: 0.5rem;
white-space: nowrap;
}
@media screen and (max-width: 767px) {
.denryoku-child .denryoku_price_tablewrap .wrapper_table {
overflow: scroll;
}
}
.denryoku-child .denryoku_price_tablewrap .chiiki_ryokin_table {
width: 100%;
text-align: center;
}
@media screen and (max-width: 767px) {
.denryoku-child .denryoku_price_tablewrap .chiiki_ryokin_table {
width: 100%;
}
}
.denryoku-child .denryoku_price_tablewrap .table_top {
color: #fff;
background-color: #01AD80;
font-weight: bold;
}
.denryoku-child .denryoku_price_tablewrap .table_top th {
border: 1px solid rgba(242, 242, 242, 0.5);
}
.denryoku-child .denryoku_price_tablewrap .table_top > * {
width: 14.2%;
}
.denryoku-child .denryoku_price_tablewrap .table_top > *:nth-child(1), .denryoku-child .denryoku_price_tablewrap .table_top > *:nth-child(2) {
border-right: 1px solid rgba(242, 242, 242, 0.5);
}
.denryoku-child .denryoku_price_tablewrap .both {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.denryoku-child .denryoku_price_tablewrap .chiiki_ryokin_table_item {
background-color: #707070;
width: 16%;
white-space: nowrap;
}
@media screen and (max-width: 767px) {
.denryoku-child .denryoku_price_tablewrap .chiiki_ryokin_table_item {
font-size: 0.5em;
}
}
.denryoku-child .denryoku_price_tablewrap .left {
display: block;
}
.denryoku-child .denryoku_price_tablewrap .dots {
content: "";
border-top: 2px dotted #B7B7B4;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: block;
width: 100%;
position: relative;
top: 1.25em;
border-radius: 1px;
}
.denryoku-child .denryoku_price_tablewrap .table_content {
background-color: #F4F3F2;
padding: 0 0.5em;
}
.denryoku-child .denryoku_price_tablewrap .table_align {
text-align: left;
line-height: 1.5em;
}
.denryoku-child .denryoku_price_tablewrap .table_align_right {
text-align: right;
}
.denryoku-child .denryoku_price_tablewrap .nowrap {
white-space: nowrap;
}
@media screen and (max-width: 767px) {
.denryoku-child .denryoku_price_tablewrap .align_four {
margin-top: 1rem;
}
}
.denryoku-child .denryoku_price_tablewrap.plan_happy > h4 {
color: #01AD80;
}
.denryoku-child .denryoku_price_tablewrap.plan_happy .table_top {
background: #01AD80;
}
.denryoku-child .denryoku_price_tablewrap.plan_fukuro > h4 {
color: #60bfc8;
}
.denryoku-child .denryoku_price_tablewrap.plan_fukuro .table_top {
background: #60bfc8;
}
.denryoku-child .denryoku_price_tablewrap.plan_sakurajima > h4 {
color: #e06182;
}
.denryoku-child .denryoku_price_tablewrap.plan_sakurajima .table_top {
background: #e06182;
}
.denryoku-child .denryoku_price_tablewrap.plan_business > h4 {
color: #707070;
}
.denryoku-child .denryoku_price_tablewrap.plan_business .table_top {
background: #707070;
}
.denryoku-child .denryoku_price_tablewrap.plan_large > h4 {
color: #707070;
}
.denryoku-child .denryoku_price_tablewrap.plan_large .table_top {
background: #707070;
}
.denryoku_profit {
background-color: #edd61d;
border-radius: 1rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 4%;
margin-top: 2.5rem;
}
.denryoku_profit.profit_gas_result {
padding-bottom: 1rem;
}
@media screen and (max-width: 767px) {
.denryoku_profit.profit_gas_result {
padding-bottom: 0;
}
}
.denryoku_profit .denryoku_profit_contents {
width: 22%;
margin: -5% auto 2rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.denryoku_profit .denryoku_profit_contents {
width: 48%;
margin-bottom: 3rem;
}
}
.denryoku_profit .denryoku_profit_contents.contents_gas_result {
width: 25%;
}
@media screen and (max-width: 767px) {
.denryoku_profit .denryoku_profit_contents.contents_gas_result {
width: 50%;
}
}
.denryoku_profit .denryoku_profit_contents .denryoku_benefits {
max-width: 105px;
margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
.denryoku_profit .denryoku_profit_contents .denryoku_benefits {
max-width: 75px;
}
}
.denryoku_profit .denryoku_profit_contents .denryoku_profit_strong {
font-weight: bolder;
font-family: "じゅん 501", sans-serif;
font-size: 1.7rem;
margin-bottom: 1.7rem;
margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
.denryoku_profit .denryoku_profit_contents .denryoku_profit_strong {
font-size: 1.5rem;
margin-bottom: 1.3rem;
margin-top: 0;
}
}
.denryoku_profit .denryoku_profit_contents .denryoku_profit_strong.newline {
font-size: 1.2rem;
margin-top: 0;
margin-bottom: 1rem;
line-height: 2rem;
}
@media screen and (max-width: 767px) {
.denryoku_profit .denryoku_profit_contents .denryoku_profit_strong.newline {
line-height: 1.5rem;
font-size: 1rem;
}
}
.denryoku_profit .denryoku_profit_contents .denryoku_profit_text.single {
margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
.denryoku_profit .denryoku_profit_contents .denryoku_profit_text.min {
margin-top: 1.5rem;
}
}
@media screen and (max-width: 767px) {
.denryoku_profit .denryoku_profit_contents .denryoku_profit_text.minm {
margin-top: 1.2rem;
}
}
.denryoku_profit .denryoku_profit_contents .denryoku_decoration {
margin: 0 auto;
}
.denryoku_profit .denryoku_profit_contents .denryoku_decoration.one {
height: 5rem;
}
.denryoku_profit .denryoku_profit_contents .denryoku_decoration.two {
height: 5rem;
}
@media screen and (max-width: 767px) {
.denryoku_profit .denryoku_profit_contents .denryoku_decoration.two {
height: 4rem;
}
}
.denryoku_profit .denryoku_profit_contents .denryoku_decoration.tree {
height: 3rem;
margin-top: 1rem;
}
.denryoku_profit .denryoku_profit_contents .denryoku_decoration.four {
height: 5rem;
}
.denryoku_profit.denryoku_profit_result {
margin-top: 5rem;
width: auto;
padding-bottom: 1rem;
}
.denryoku_profit.denryoku_profit_result .denryoku_profit_contents .textone {
margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
.denryoku_profit.denryoku_profit_result .denryoku_profit_contents .textone {
margin-top: 0;
}
}
.denryoku_profit.denryoku_profit_result .denryoku_profit_contents .two {
height: 4rem;
}
.change {
margin: 3rem 0;
}
@media screen and (max-width: 767px) {
.change {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
}
.pc {
display: block;
}
@media screen and (max-width: 767px) {
.pc {
display: none;
}
}
.denryoku_profit.profit_gas_result {
margin-top: 5rem;
}
.denryoku_simulator {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.denryoku_simulator img {
width: 49%;
}
@media screen and (max-width: 767px) {
.denryoku_simulator img {
width: auto;
}
}
.denryoku_simulator3 img {
width: 49%;
}
@media screen and (max-width: 767px) {
.denryoku_simulator3 img {
width: auto;
}
}
.preview_list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.preview_list {
display: block;
}
}
.preview_list .preview-hidden {
width: 50%;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.preview_list .preview-hidden {
width: auto;
}
}
.preview_list .preview-hidden.preview-hiddentwo {
width: 46.5%;
}
@media screen and (max-width: 767px) {
.preview_list .preview-hidden.preview-hiddentwo {
width: auto;
margin-top: 1rem;
}
}
#denryoku .sp {
display: none;
}
@media screen and (max-width: 767px) {
#denryoku .sp {
display: block;
}
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf {
padding-top: 28px !important;
}
}
#denryoku .wrapper .main .cf .denryoku_lifestyle {
max-width: 738px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .denryoku_lifestyle {
max-width: 100%;
margin-bottom: 16px;
}
}
#denryoku .wrapper .main .cf .denryoku_lifestyle.sp {
display: none;
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .denryoku_lifestyle.sp {
display: block;
}
}
#denryoku .wrapper .main .cf .denryoku_lifestyle.pc {
display: block;
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .denryoku_lifestyle.pc {
display: none;
}
}
#denryoku .wrapper .main .cf .mb2rem {
font-family: "Hiragino Kaku Gothic ProN";
font-size: 20px;
font-weight: 300;
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .mb2rem {
font-size: 14px;
}
}
#denryoku .wrapper .main .cf .mb2rem .sp {
display: none;
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .mb2rem .sp {
display: block;
}
}
#denryoku .wrapper .main .cf .cf {
background: #E6FCFF;
max-width: 780px;
margin: 0 auto;
}
#denryoku .wrapper .main .cf .cf.cf_fir {
height: 60px;
margin-bottom: 2px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .cf.cf_fir {
padding: 1rem 0.5rem !important;
height: auto;
}
}
#denryoku .wrapper .main .cf .cf.cf_fir p {
color: #145F9F;
font-size: 20px;
font-weight: 600;
font-family: "Hiragino Kaku Gothic ProN";
margin: 0;
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .cf.cf_fir p {
font-size: 16px;
}
}
#denryoku .wrapper .main .cf .cf.cf_flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 23px 0;
margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .cf.cf_flex {
padding: 23px 16px;
}
}
#denryoku .wrapper .main .cf .cf.cf_flex figure {
margin: 0;
width: 33%;
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .cf.cf_flex figure {
font-size: 16px;
width: 29%;
margin-left: 10px;
}
}
#denryoku .wrapper .main .cf .cf.cf_flex figure img {
max-width: 96px;
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .cf.cf_flex figure img {
max-width: 100%;
}
}
#denryoku .wrapper .main .cf .cf.cf_flex figure figcaption {
font-size: 16px;
color: #145F9F;
font-weight: 600;
margin-top: 16px;
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .cf.cf_flex figure figcaption {
font-size: 10px;
}
}
#denryoku .wrapper .main .cf .cf_end p {
font-family: "Hiragino Kaku Gothic ProN";
}
#denryoku .wrapper .main .cf .cf_end p:first-child {
font-weight: 600;
font-size: 20px;
margin: 0;
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .cf_end p:first-child {
font-size: 14px;
}
}
#denryoku .wrapper .main .cf .cf_end p:first-child span {
color: #DD5628;
font-size: 32px;
}
#denryoku .wrapper .main .cf .cf_end p:nth-child(2) {
font-size: 20px;
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .cf_end p:nth-child(2) {
font-size: 12px;
}
}
.setsuden-p .center,
.setsuden-p-company .center {
text-align: center;
}
.setsuden-p .txt_sent,
.setsuden-p-company .txt_sent {
text-align: center;
margin: 0 0 2rem;
}
.setsuden-p .icatch-setsuden-p,
.setsuden-p-company .icatch-setsuden-p {
border-bottom: none;
}
.setsuden-p .icatch-setsuden-p .wrapper,
.setsuden-p-company .icatch-setsuden-p .wrapper {
width: 100%;
max-width: none;
}
.setsuden-p .icatch-setsuden-p .wrapper h1,
.setsuden-p-company .icatch-setsuden-p .wrapper h1 {
position: relative;
margin: 0.67em 0 0;
}
.setsuden-p .icatch-setsuden-p .wrapper h1 .min_img,
.setsuden-p-company .icatch-setsuden-p .wrapper h1 .min_img {
position: absolute;
bottom: -5rem;
right: 5%;
}
.setsuden-p .contents,
.setsuden-p-company .contents {
background: #EFB39F;
margin-top: -1px;
padding-top: 5rem;
}
.setsuden-p .contents .wrapper,
.setsuden-p-company .contents .wrapper {
width: 1090px;
max-width: calc(100vw - 14rem);
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper,
.setsuden-p-company .contents .wrapper {
max-width: none;
width: 100%;
}
}
.setsuden-p .contents .wrapper .main,
.setsuden-p-company .contents .wrapper .main {
width: 100%;
}
.setsuden-p .contents .wrapper .main .flex_p,
.setsuden-p-company .contents .wrapper .main .flex_p {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 2rem;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .flex_p,
.setsuden-p-company .contents .wrapper .main .flex_p {
display: block;
}
}
.setsuden-p .contents .wrapper .main .flex_p p,
.setsuden-p-company .contents .wrapper .main .flex_p p {
width: calc(100% - 168px - 1rem);
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .flex_p p,
.setsuden-p-company .contents .wrapper .main .flex_p p {
width: 100%;
}
}
.setsuden-p .contents .wrapper .main .min_img,
.setsuden-p-company .contents .wrapper .main .min_img {
text-align: right;
margin: -16rem 0 -8px;
position: relative;
z-index: 1;
}
.setsuden-p .contents .wrapper .main .min_img img,
.setsuden-p-company .contents .wrapper .main .min_img img {
width: 214px;
}
@media screen and (max-width: 1080px) {
.setsuden-p .contents .wrapper .main .min_img,
.setsuden-p-company .contents .wrapper .main .min_img {
margin: -14rem 0 -6px;
}
.setsuden-p .contents .wrapper .main .min_img img,
.setsuden-p-company .contents .wrapper .main .min_img img {
width: 160px;
}
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .min_img,
.setsuden-p-company .contents .wrapper .main .min_img {
margin: -6rem 0 -6px;
text-align: center;
}
.setsuden-p .contents .wrapper .main .min_img img,
.setsuden-p-company .contents .wrapper .main .min_img img {
width: 160px;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap {
background: #FFF;
border: 3px solid #DF856D;
border-radius: 10px;
padding: 2rem 6rem;
margin-bottom: 2.5rem;
position: relative;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap {
padding: 2rem 1.5rem;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap h2,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap h2 {
font-size: 1.75rem;
text-align: center;
color: #000;
border: none;
letter-spacing: 0.3rem;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap h2,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap h2 {
font-size: 1.25rem;
letter-spacing: 0.1rem;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap p,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap p {
font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap p,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap p {
font-size: 1.15rem;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .img_mon,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .img_mon {
max-width: 168px;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap .img_mon,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .img_mon {
margin: 1rem auto;
display: block;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul01 li,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul01 li {
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 1.4rem;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul01 li .li_tit,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul01 li .li_tit {
display: block;
font-size: 1.15rem;
margin-bottom: 0.5rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul01 li img,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul01 li img {
margin: 0 1.25rem;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul01 li img,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul01 li img {
display: none;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul01 li img.slice,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul01 li img.slice {
margin: 0 0.2rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul01 li .price,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul01 li .price {
text-decoration: underline;
-webkit-text-decoration-color: #DF856D;
text-decoration-color: #DF856D;
text-decoration-thickness: 3px;
text-underline-offset: 3px;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul01 li .price.price_blue,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul01 li .price.price_blue {
-webkit-text-decoration-color: #49CAD4;
text-decoration-color: #49CAD4;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .sec02_img,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .sec02_img {
margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap .sec02_img,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .sec02_img {
margin-top: 3rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .sec02_img img,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .sec02_img img {
width: 100%;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .center,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .center {
text-align: center;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .center_red,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .center_red {
text-align: center;
text-decoration: underline;
-webkit-text-decoration-color: #FF7899;
text-decoration-color: #FF7899;
text-decoration-thickness: 4px;
font-size: 1.15rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul02 li,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul02 li {
margin-left: 1.15rem;
font-size: 1.15rem;
font-weight: bold;
text-indent: -1.15rem;
margin-bottom: 1.5rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul02 li .ul02_min,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul02 li .ul02_min {
font-size: 1rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul02 li .ul02_min_red,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul02 li .ul02_min_red {
font-size: 1rem;
text-decoration: underline;
-webkit-text-decoration-color: #FF7899;
text-decoration-color: #FF7899;
text-decoration-thickness: 4px;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul02 li .ul02_min_red strong,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul02 li .ul02_min_red strong {
font-size: 1.4rem;
color: #FF3700;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul02.ul02_center,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul02.ul02_center {
text-align: center;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul02.ul02_center .red_v,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul02.ul02_center .red_v {
list-style: none;
font-size: 1.5rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul02.ul02_center .red_v .red,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul02.ul02_center .red_v .red {
color: red;
position: relative;
top: -2px;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul02.ul02_center .red_v .big,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul02.ul02_center .red_v .big {
font-size: 2rem;
margin-right: 0.5rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .btns,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .btns {
max-width: 750px;
margin: 0 auto;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .btns .btn,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .btns .btn {
width: 100%;
max-width: 360px;
height: 74px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #3E3E3E;
font-size: 1rem;
background: #FEF9F7;
border: 2px solid #DF856D;
-webkit-box-shadow: 3px 3px #aaa;
box-shadow: 3px 3px #aaa;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap .btns .btn,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .btns .btn {
margin: 0 auto 2rem;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .btns .btn .icon,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .btns .btn .icon {
margin-left: 1rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .p_min,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .p_min {
font-size: 1rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .mwform-checkbox-field .error,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .mwform-checkbox-field .error {
margin: 1rem 0 0 !important;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns {
width: calc(100% + 12rem);
margin-left: -6rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-bottom: 3px solid #DF856D;
margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns {
width: calc(100% + 3rem);
margin-left: -1.5rem;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab {
color: #000;
font-size: 1.7rem;
text-align: center;
background: rgba(223, 133, 109, 0.05);
width: 48%;
position: relative;
bottom: -3px;
padding: 1rem 0;
border: 3px solid rgba(223, 133, 109, 0);
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab {
font-size: 1.15rem;
padding: 0.5rem;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab span,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab span {
display: block;
font-size: 1.15rem;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab span,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab span {
font-size: 0.8rem;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab:not(.active),
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab:not(.active) {
cursor: pointer;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab.active,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab.active {
border: 3px solid #DF856D;
border-bottom: 3px solid #fff;
background: #fff;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab.active:hover,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab.active:hover {
text-decoration: none;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form dl,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form dl dt,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form dl dt {
width: 20%;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form dl dt,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form dl dt {
width: 100%;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form dl dd,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form dl dd {
width: 70%;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form dl dd,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form dl dd {
width: 100%;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks {
width: 70%;
margin: 1rem auto 2rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks {
width: 100%;
margin: 1rem auto 2rem;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks .mwform-checkbox-field label,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks .mwform-checkbox-field label {
background: #f8f8f8;
width: 200px;
padding: 1rem 1rem 0.5rem;
margin: 1.5rem auto 0;
display: inline-block;
line-height: 1;
cursor: pointer;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks .mwform-checkbox-field label:hover,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks .mwform-checkbox-field label:hover {
background: #d8d8d8;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks .mwform-checkbox-field label input[type=checkbox],
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks .mwform-checkbox-field label input[type=checkbox] {
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks p,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks p {
font-size: 1rem;
width: calc(100% - 2rem);
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .contactbtn > *,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .contactbtn > * {
font-size: 1.15rem;
background: #FEF9F7;
border: 2px solid #DF856D;
-webkit-box-shadow: 3px 3px #aaa;
box-shadow: 3px 3px #aaa;
font-weight: bold;
color: #3E3E3E;
border-radius: 0;
padding: 1rem;
margin: 0 auto 2rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li.form_kojin,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li.form_kojin {
display: none;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li.form_kojin.active,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li.form_kojin.active {
display: block;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li.form_hojin,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li.form_hojin {
display: none;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li.form_hojin.active,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li.form_hojin.active {
display: block;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .bnt_back,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .bnt_back {
padding: 0.5rem 1rem;
-webkit-transform: translateY(3.5rem);
-ms-transform: translateY(3.5rem);
transform: translateY(3.5rem);
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .red,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .red {
font-size: 1rem;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm {
margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm .setsuden_human,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm .setsuden_human {
width: 70px !important;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm p,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm p {
font-size: 1.15rem;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm p,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm p {
font-size: 1rem;
text-align: left;
width: calc(100% - 80px) !important;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm p .form_icon,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm p .form_icon {
position: relative;
top: -3px;
margin-right: 0.3rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .form-contact dt,
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .form-contact dd,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .form-contact dt,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .form-contact dd {
margin: 0 0 0.25rem;
padding: 0.5rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .form-contact dt:nth-child(odd),
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .form-contact dd:nth-child(odd),
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .form-contact dt:nth-child(odd),
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .form-contact dd:nth-child(odd) {
background: #f0f0f0;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .form-contact dd,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .form-contact dd {
width: calc(80% - 1rem);
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .checks,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .checks {
display: none;
}.bx-wrapper {
position: relative;
margin: 0 auto 60px;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
} .bx-wrapper .bx-viewport {
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border:  5px solid #fff;
left: -5px;
background: #fff; -webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
} .bx-wrapper .bx-loading {
min-height: 50px;
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/js/jquery.bxslider/images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
} .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
} .bx-wrapper .bx-prev {
left: 10px;
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/js/jquery.bxslider/images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/js/jquery.bxslider/images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
} .bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/js/jquery.bxslider/images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/js/jquery.bxslider/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
} .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}