media-1.scss
.layout__main-left {
td[valign*="top"] {
vertical-align: top;
}
.inPost {
@media (max-width:1024px) {
width: 96%;
margin: auto;
}
@media (max-width:767px) {
width: 94%;
}
}
.only-width {
width: 33%;
@media (max-width:640px) {
width: auto;
}
}
#main {
@media (max-width:1024px) {
float: none !important;
}
@media (max-width:1024px) {}
}
.embed-container iframe {
width: 100%;
height: auto;
aspect-ratio: 16/9;
}
table {
-webkit-border-horizontal-spacing: 5px;
-webkit-border-vertical-spacing: 5px;
margin-inline-start: auto;
margin-inline-end: auto;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
display: table;
border-collapse: separate;
box-sizing: border-box;
text-indent: initial;
border-spacing: 2px;
border-color: gray;
}
.box {
float: left;
}
img {
border-style: none;
max-width: 100%;
width: auto;
height: auto;
}
a:link {
color: #2355A5;
text-decoration: none;
}
a:visited {
color: #660099;
text-decoration: none;
}
a:hover {
color: #2355A5;
text-decoration: underline;
}
/* Google コンãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¿ã‚° レスãƒãƒ³ã‚·ãƒ–*/
iframe[name='google_conversion_frame'] {
height: 0 !important;
width: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
margin-top: -13px;
float: left;
}
/* GoogleMAP レスãƒãƒ³ã‚·ãƒ–*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 96%;
height: 90%;
}
#root {
/*max-width: 100%;*/
margin: 0 auto;
overflow-x: hidden;
}
#layout01 {
max-width: 980px;
margin: 0 auto;
}
#layout01_bg {
width: 100%;
height: 245px;
//background: url("../images/hd_bg.png") repeat-x scroll 0px 0px transparent;
position: absolute;
z-index: 9999;
top: 0px;
left: 0px;
}
#layout01_box {
width: 100%;
height: 241px;
}
#layout01_box_sp {
width: 100%;
height: 74px;
}
#layout02 {
max-width: 100%;
margin: 0 auto;
min-height: 20px;
overflow: hidden;
}
#layout03 {
max-width: 980px;
margin: 1% auto 0;
width: 98%;
}
#layout04 {
max-width: 100%;
margin: 0px auto;
background: #002b7d;
padding: 2% 0 6%;
}
.top_width {
width: 980px;
margin: 0 auto;
}
#header {
width: 100%;
height: 241px;
position: relative;
}
#header_inner {
margin: 0px;
}
.header_inner2 {
margin: 0px;
position: relative;
}
@media screen and (min-width:1025px) {
/*.header_inner2 li:nth-child(2){position:absolute; left:37.5%; top:8px; z-index:-10;}*/
}
#top {
width: 100%;
}
#top img {
width: 100%;
}
#wrapper {
width: 100%;
}
#sub {
width: 230px;
}
#main {
width: 730px;
float: right;
overflow: hidden;
margin-right: 5px;
}
#sub_cnt01 {
width: 100%;
}
#main_sub_cnt01 {
width: 100%;
display: none;
}
#sub_cnt02 {
width: 100%;
display: block;
}
#sub_cnt02_sp {
width: 100%;
display: none;
}
#sub_cnt02 img {
height: auto;
margin: 0 0 10px;
}
#sub_cnt02_sp img {
height: auto;
margin: 0 0 10px;
}
#sub_cnt03 {
width: 100%;
margin: 0 0 15px 0;
}
#sub_cnt03 ul {
list-style: none outside none;
}
#main_cnt01 {
width: 100%;
margin: 0 0 0 0;
}
#main_cnt02 {
width: 100%;
margin: 0 0 5px 0;
}
#main_cnt03 {
width: 100%;
}
#main_cnt04 {
width: 100%;
margin: 0;
}
#main_cnt05 {
width: 100%;
margin: 10px 0px 20px 8px;
}
#footer {
width: 980px;
margin: 0 auto;
}
#footer_cnt01 {
width: 100%;
overflow: hidden;
}
#footer_cnt02 {
width: 100%;
}
#footer_cnt03 {
width: 100%;
}
#footer_cnt04 {
width: 100%;
text-align: center;
margin: 10px 0px 60px;
color: #ffffff;
}
#navi {
/*width:100%;*/
line-height: 0;
position: absolute;
bottom: 0px;
background-color: #fff;
}
#hd_title {
float: left;
margin-top: 8px;
padding: 0px;
}
#hd_tel {
margin-top: 8px;
padding: 0;
float: right;
}
#hd_tel_sp {
float: right;
display: none;
margin: 15px 10px 0px;
}
#hd_tel_sp a {
text-decoration: none;
}
#nav_sp {
float: right;
display: none;
margin: 4px 2px 0px 3px;
width: 60px;
}
#footer_cnt02 li.ft_tel_pc {
float: right;
}
.ft_tel_sp {
display: none;
}
#footer_cnt02 li.ft_tel_sp {
float: right;
}
#ft_title_li {
max-width: 500px;
width: 70%;
}
.ft_tel_sp a {
text-decoration: none;
}
#hd_font {
float: right;
margin: 3px 0px 0px 0px;
}
#RCrumb1 {
margin-bottom: 5px;
}
#RCrumb1 li {
display: inline;
margin-right: 6px;
padding-left: 12px;
//background: url(../img/base/BgRCrumb1.gif) 0 50% no-repeat;
}
#RCrumb1 .RFirst {
background: none;
padding-left: 0px;
}
#main_cnt01 ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
line-height: 1.5;
}
#main_cnt01 li {
margin: 0 5px 2px 0;
padding: 0;
float: left;
}
#main_cnt02 ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
line-height: 1.5;
}
#main_cnt02 li {
margin: 0;
padding: 0px 0px 4px;
float: left;
text-align: center;
width: 100%;
}
#main_top {
width: 100%;
}
#main_top_cnt02 {
width: 970px;
margin: 0 auto;
}
#main_cnt02 .works_block_top {
float: left;
margin: 0px 0px 0px 4%;
text-align: center;
}
#main_cnt02 .works_block_top2 {
float: left;
margin: 0px 0px 0px 4%;
text-align: center;
}
#main_top_cnt03 {
width: 970px;
margin: 0 auto;
}
#main_cnt03 .works_block_top {
float: left;
margin: 0px 5px 0px 0px;
text-align: center;
}
#main_cnt03 .works_block_top2 {
float: left;
margin: 0px 5px 0px 0px;
text-align: center;
}
#main_top_cnt04 {
width: 970px;
margin: 0 auto;
}
#main_top_cnt05 {
width: 970px;
margin: 0 auto;
}
.works_block_top ul li {
padding: 0 1%;
}
.works_block_top ul .works_block2 li {
width: 100%;
padding: 0px;
}
.works_block_top {
float: left;
margin: 0 0 2%;
text-align: left;
width: 33.3%;
}
.works_block_top2 ul li {
padding: 0 1%;
}
.works_block_top2 ul .works_block2 li {
width: 100%;
padding: 0px;
}
.works_block_top2 {
float: left;
margin: 0 0 2%;
text-align: center;
width: 33.3%;
}
#sub_ft_box {
width: 980px;
margin: 0 auto;
}
#sub_ft {
position: fixed;
top: 100%;
width: 980px;
height: 103px;
margin: -103px 0px 0px;
z-index: 99;
line-height: 0;
}
#sub_ft a:hover img {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
.pic_frame {
border: solid 1px #666;
}
.pic_frame_img {
z-index: -1;
position: relative;
vertical-align: bottom;
-webkit-transform: translate3d(0, 0, 0);
}
#main .top_osusume {
padding: 10px;
line-height: 1.8em;
}
#main .toph2 {
margin-top: 20px;
}
#main a {
text-decoration: none;
}
#free_area li {
margin: 0px 5px 5px 0px;
padding: 0px;
float: left;
}
#main_cnt03 ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
line-height: 0;
}
#main_cnt03 li {
margin: 0 5px 5px 0;
padding: 0;
float: left;
}
#sub_cnt01 img {
margin: 0 0 10px 0;
}
#footer_cnt01 ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
width: 993px;
}
#footer_cnt01 li {
margin: 9px 18px 5px 5px;
padding: 0;
float: left;
width: 308px;
}
#footer_cnt02 ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
#footer_cnt02 li {
margin: 8px 0px 8px 0px;
float: left;
}
#footer_cnt02 .ft_right {
float: right;
}
#footer_cnt03 ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
#footer_cnt03 li {
margin: 5px 5px 5px 0px;
padding: 0;
float: left;
}
#main_cnt02 .works_block {
width: 46%;
float: left;
margin: 0px 4% 4% 0px;
text-align: center;
}
.works_block ul .works_block2 li {
width: 98%;
padding: 0px;
}
#hd_font p {
font-size: 12px;
margin-right: 3px;
}
.works_block {
width: 48%;
float: left;
margin: 1%;
text-align: center;
}
.works_block ul {
list-style: none;
line-height: 1.5;
}
.clearfix {
width: 100%;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
#main_top #h2_works {
width: auto;
height: 0;
margin-bottom: 0px;
//background: url('../images/works_h2.jpg') no-repeat 50% 0;
background-size: contain;
padding-top: 85px;
}
#main_top #h2_voice {
width: auto;
height: 0;
margin-bottom: 0px;
//background: url('../images/voice_h2.jpg') no-repeat 50% 0;
background-size: contain;
padding-top: 85px;
}
#three_banner {
overflow: hidden;
width: 100%;
margin: 0px 0px 3%;
}
#three_banner ul {
margin-left: 0px;
padding: 0px;
list-style: none outside none;
width: 732px;
line-height: 0;
}
#three_banner ul li {
float: left;
margin: 15px 4px 0px 0px;
width: 240px;
}
#three_banner_970 {
width: 100%;
overflow: hidden;
}
#three_banner_970 ul {
margin: 1% auto;
padding: 0px;
list-style: none outside none;
line-height: 0;
width: 984px;
}
#three_banner_970 ul li {
float: left;
margin: 1% 4px 0px 0px;
width: 324px;
}
#entry_textbox {
width: 100%;
margin: 0 auto;
max-width: 980px;
}
#entry_textbox img {
width: 100%;
height: auto;
vertical-align: middle;
font-size: 0%;
}
#entry_textbox table {
width: 100%;
height: auto;
vertical-align: middle;
font-size: 0%;
}
div,
ul,
li,
body {
display: block;
margin: 0px;
padding: 0px;
}
#sub_ft_sp {
position: fixed;
bottom: 0px;
width: 100%;
height: auto;
margin: 0px;
z-index: 99;
line-height: 0;
display: none !important;
left: 0;
}
#sub_ft_sp img {
width: 100%;
}
.title_sp {
display: none;
}
.title_sp img {
width: 100%;
}
#sub_r {
position: absolute;
top: 0px;
width: 150px;
height: 161px;
margin: 220px 0px 0px 985px;
z-index: 9999;
display: none;
}
#LF1W1 {
width: 980px;
margin: 0px;
text-align: center;
float: left;
}
.ft_li_start {
display: inline-block;
border-left: 1px solid rgb(255, 255, 255);
padding: 0px 0px 0px 12px;
margin: 0px 0px 2px;
font-size: 93%;
text-indent: -9999px;
}
#RFtNav1 li {
display: inline-block;
border-left: 1px solid rgb(255, 255, 255);
padding: 0px 0px 0px 12px;
margin: 0px 10px 2px 0px;
font-size: 93%;
color: #ffffff;
}
#RFtNav1 a {
color: #ffffff;
}
.anchor {
padding-top: 70px;
margin-top: -70px;
}
.font0 {
font-size: 0px;
}
#gaiyou {
table-layout: fixed;
}
#gaiyou th {
width: 29%;
height: auto;
}
.works_block2 p {
text-align: left;
padding: 0px 5px;
font-size: 130%;
}
.ichiran {
width: 98%;
max-width: 350px;
float: right;
}
.ichiran img {
width: 100%;
max-width: 350px;
}
.top_h2 {
display: block;
}
.top_h2_sp {
display: none;
}
.dousen_top {
width: 98%;
max-width: 970px;
margin: 0px auto;
}
.dousen_top img {
width: 100%;
}
.d-1024 {
display: block;
}
.d-640 {
display: block;
}
.d-480 {
display: block;
}
.d-360 {
display: block;
}
.d1024-768 {
display: none;
}
.d1024-640 {
display: none;
}
.d1024-480 {
display: none;
}
.d1024-360 {
display: none;
}
.d1024-320 {
display: none;
}
.d640-480 {
display: none;
}
.d640-360 {
display: none;
}
.d640-320 {
display: none;
}
.d480-320 {
display: none;
}
.d360-320 {
display: none;
}
#hd_sp_icon {
width: 128px;
float: right;
display: none;
top: 0;
right: 0;
position: absolute;
}
#hd_nav_sp_text {
clear: both;
font-size: 12px;
margin: 0px -3px;
color: #666;
display: none;
}
#hd_tel_sp_text {
font-size: 12px;
margin: 3px 5px 0px;
color: #666;
display: none;
}
.all_listbox {
width: 100%;
overflow: hidden;
}
.all_listbox:after {
content: "";
display: block;
clear: both;
}
.ft_nav_sp {
display: none;
}
.ft_nav {
display: block;
}
/* マウスオーãƒãƒ¼ */
a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: ""alpha(opacity=60)"";
}
/* left contentsB [ navigation ] */
.LSCD_B1 {
margin-bottom: 15px;
}
.RSbNav1 {
margin: 0 0px;
font-size: 13px;
letter-spacing: -1px;
}
.RSbNav1 li {
zoom: 1;
}
.RSbNav1 li a.CA1 {
margin-bottom: 5px;
display: block;
padding: 0px 0;
color: #412f28;
text-decoration: none;
background: #ffffff;
border: 1px solid #999999;
}
.RSbNav1 li a.CA1 .CS1 {
display: block;
padding: 4px 15px 4px 15px;
}
.RSbNav1 li a.CA1:hover {
color: #fff;
background: #412f28;
}
/* ul adjustment */
.RSbNav1 {
margin: 0;
padding: 0;
vertical-align: baseline;
list-style: none;
}
.RSbNav1 li {
margin: 0;
padding: 0;
vertical-align: baseline;
list-style: none;
}
#main h2 {
clear: both;
background: none repeat scroll 0% 0% #012B7D;
padding: 2px 0px 2px 15px;
margin-bottom: 5px;
color: #FFF;
font-size: 14px;
}
#main h3 {
clear: both;
padding: 5px 5px 5px 15px;
margin-bottom: 15px;
color: #000;
font-size: 100%;
border-bottom: solid 2px #012B7D;
border-left: solid 7px #012B7D;
}
#main h4 {
clear: both;
background: #ffffff;
padding: 3px 5px 0px 30px;
margin-bottom: 15px;
color: #000;
font-size: 100%;
border-bottom: solid 2px #012B7D;
text-align: left;
font-weight: bold;
padding-bottom: 3px;
}
#main .box h2 {
width: 635px;
}
#footer .box h2 {
width: 960px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#sub {
font-size: 105%;
}
#main {
font-size: 105%;
}
.RSbNav1 {
font-size: 13px;
}
#main h2 {
font-size: 16px;
}
}
/* Phone Landscape (1024px) */
@media screen and (max-width:1024px) {
.ichiran {
margin: 0px 1%;
}
.works_block_top {
width: 33.3%;
}
.works_block_top img {
width: 100%;
}
.works_block_top2 {
width: 33.3%;
}
.works_block_top2 img {
width: 100%;
}
.works_block_top ul li {
width: 98%;
margin: 0px 1%;
padding: 0px;
float: left;
}
.works_block_top ul .works_block2 li {
width: 100%;
padding: 0px;
float: right;
}
.works_block_top2 ul li {
width: 98%;
margin: 0px 1%;
padding: 0px;
float: left;
}
.works_block_top2 ul .works_block2 li {
width: 100%;
padding: 0px;
float: right;
}
#main_cnt02 .works_block {
width: 46%;
margin: 0px 1% 4%;
}
#footer_cnt01 img {
width: 100%;
}
#main_cnt01 li {
width: 100%;
}
#main_cnt01 img {
width: 100%;
}
#main_cnt03 li {
width: 100%;
}
#main_cnt03 img {
width: 100%;
}
#layout02 img {
max-width: 100%;
}
#main .box h2 {
width: 100%;
}
#footer .box h2 {
width: 100%;
}
#main_sub_cnt01 {
width: 100%;
display: block;
}
#main_sub_cnt01 img {
margin: 0 0 5px 0;
}
.h1 {
display: none;
}
#main_top #h2_works {
background-size: 100% auto;
padding-top: 10%;
}
#main_top #h2_voice {
background-size: 100% auto;
padding-top: 10%;
}
.top_width {
width: 100%;
}
#header {
width: 100%;
height: auto;
}
#top {
width: 100%;
}
#wrapper {
width: 100%;
}
#sub {
width: 100%;
}
#main {
width: 100%;
margin: 0
}
#sub_cnt02 {
width: 100%;
display: none;
}
#sub_cnt02_sp {
width: 100%;
display: block;
}
#sub_cnt03 {
width: 100%;
display: none;
}
#main_cnt01 {
width: 100%;
}
#main_cnt02 {
width: 100%;
}
#main_cnt03 {
width: 100%;
}
#main_cnt04 {
width: 100%;
}
#main_cnt05 {
width: 100%;
}
#footer {
width: 96%;
margin: 0 2%;
}
#footer_cnt01 {
width: 100%;
}
#footer_cnt01 ul {
width: 101%;
}
#footer_cnt01 li {
width: 31%;
margin: 9px 1% 5px;
padding: 0px;
float: left;
}
#footer_cnt02 {
width: 100%;
}
#footer_cnt02 ul {
padding: 0 1%;
}
#footer_cnt03 {
width: 100%;
display: none;
}
#footer_cnt04 {
width: 100%;
text-align: center;
}
#footer_cnt04 ul {
margin: 0 10px;
}
#three_banner ul {
width: 100%;
}
#three_banner ul li {
margin: 0 0px 5px 1%;
width: 32%;
float: left;
}
#three_banner_970 ul {
width: 100%;
}
#three_banner_970 ul li {
margin: 1% 0px 0px 1%;
width: 32%;
}
#main_top_cnt05 {
width: 100%;
margin: 0 auto;
padding: 0;
}
#main_top_cnt04 {
width: 100%;
margin: 0 auto;
padding: 0;
}
#main_top_cnt03 {
width: 100%;
margin: 0 auto;
padding: 0px;
}
#main_top_cnt02 {
width: 100%;
margin: 0 auto;
padding: 0;
}
.all_listbox {
width: 100%;
height: auto;
margin: 0 0 0 0%;
overflow: hidden;
}
#main_cnt02 img {
width: 100%;
}
#navi {
display: none;
}
#nav_sp {
display: block;
}
#hd_tel {
display: none;
}
#hd_tel_sp {
display: block;
}
.ft_tel {
display: none;
}
.ft_tel_sp {
display: block;
background-color: #fff;
padding: 7px 7px 3px 8px;
}
#hd_font {
display: none;
}
#top_bg {
display: none;
}
#top_bg_sp {
display: block;
}
#sub_ft {
display: none !important;
width: 100%;
}
#sub_ft_sp {
display: block !important;
}
#sub_r {
display: none;
}
.title_sp {
display: block;
}
#li_hd_title {
max-width: 220px;
width: 57%;
}
#hd_title {
margin-top: -1%;
padding: 0;
margin-left: -7%;
}
#hd_title img {
width: 100%;
}
#hd_title2 {
display: none;
}
#hd_sp_icon {
display: block;
}
#hd_nav_sp_text {
display: block;
}
#hd_tel_sp_text {
display: block;
}
.top_h2 {
display: none;
}
.top_h2_sp {
display: block;
}
#sub_cnt01 {
width: 100%;
display: none;
}
.anchor {
padding-top: 70px;
margin-top: -70px;
}
#layout01_bg {
top: 0;
left: 0;
height: 70px;
background: #ffffff;
border-bottom: 4px solid #7c7c7c;
position: fixed;
}
.works_block2 p {
padding: 0px 15px;
}
.d-1024 {
display: none;
}
.d1024-768 {
display: block;
}
.d1024-640 {
display: block;
}
.d1024-480 {
display: block;
}
.d1024-360 {
display: block;
}
.d1024-320 {
display: block;
}
#sub_r {
display: none !important;
}
}
/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) {}
/* Tablet Portrait (768px) */
@media screen and (max-width:768px) {
.top_width {
width: auto;
margin: 0 auto;
}
.works_block_top {
width: 100%;
margin: 0 0 4%;
}
.works_block_top2 {
width: 100%;
margin: 0 0 4%;
}
.works_block_top ul li {
width: 48%;
}
.works_block_top2 ul li {
width: 48%;
}
.works_dousen {
display: none;
}
.works_block {
width: 100%;
float: left;
margin: 1%;
text-align: center;
}
.works_block ul {
list-style: none;
}
.works_block ul li {
width: 48%;
float: left;
}
#main_cnt02 .works_block {
width: 95%;
}
#footer_cnt01 {
width: 98%;
margin: 0 auto;
padding: 0 1%;
}
#main #jirei_entry table img {
width: 98% !important;
}
}
@media only screen and (min-width: 321px) and (max-width: 768px) {
#footer_cnt01 .float-r {
float: left !important;
}
#main_cnt02 li {
width: 48%;
margin: 0px 1%;
}
.ft_tel_sp {
display: block;
background-color: #fff;
padding: 7px 7px 3px 8px;
margin-top: 10%;
}
.works_block ul .works_block2 li {
float: right;
padding: 0 1%;
}
#main_cnt02 .works_block .works_block2 li {
width: 100%;
}
.works_block ul .works_block2 {
width: 100%;
float: right;
margin: 0;
text-align: center;
}
#main #jirei_entry .table-style02 th img {
width: auto !important;
}
#main #jirei_entry .table-style01 th img {
width: auto !important;
}
.d1024-768 {
display: none;
}
}
/* Phone Landscape (640px) */
@media screen and (max-width:640px) {
.d-640 {
display: none;
}
.d1024-768 {
display: none;
}
.d1024-640 {
display: none;
}
.d640-480 {
display: block;
}
.d640-360 {
display: block;
}
.d640-320 {
display: block;
}
#main_top #h2_works {
background-size: 150% auto;
padding-top: 15%;
}
#main_top #h2_voice {
background-size: 150% auto;
padding-top: 15%;
}
#gaiyou th {
width: 96%;
height: auto;
padding: 1% 2%;
}
#footer_cnt02 ul {
padding: 0 2%;
}
#ft_title_li {
max-width: 260px;
padding: 2% 0;
}
}
/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) {
.works_block2 p {
padding: 0px 5px;
}
#footer_cnt04 ul {
text-align: left;
}
#main_cnt02 .works_block ul .works_block2 li {
width: 100%;
float: right;
margin: 0px;
}
}
/* Phone Landscape (480px) */
@media screen and (max-width:480px) {
.works_block ul .works_block2 {
width: 100%;
float: right;
margin: 0;
text-align: center;
}
#footer_cnt01 ul {
width: 100%;
}
#footer_cnt01 li {
width: 96%;
margin: 1% 2%;
}
#main_cnt02 img {
width: 100%;
}
#footer_cnt02 ul {
list-style: none outside none;
}
#main #jirei_entry .table-style02 th img {
width: auto !important;
}
#main #jirei_entry .table-style01 th img {
width: auto !important;
}
#hd_title {
margin-top: 0;
padding: 3% 0 0 0;
width: 230px;
margin-left: -2%;
}
.d-480 {
display: none;
}
.d1024-480 {
display: none;
}
.d640-480 {
display: none;
}
.d480-320 {
display: block;
}
}
/* Phone Portrait (360px) */
@media only screen and (max-width: 360px) {
#three_banner ul li {
margin: 1% 1% 0px;
width: 98%;
}
#three_banner_970 ul li {
margin: 1% 1% 0px;
width: 98%;
}
.works_block_top ul li {
width: 98%;
margin: 0 1%;
}
.works_block_top2 ul li {
width: 98%;
margin: 0 1%;
}
#footer_cnt01 {
width: 100%;
padding: 0px;
}
#footer_cnt01 li {
width: 98%;
margin: 1%;
font-size: 0;
}
#main_cnt02 li {
width: 98%;
margin: 0 1%;
}
.all_listbox {
width: 99%;
height: auto;
margin: 0 0.5%;
overflow: hidden;
}
.works_block ul .works_block2 li {
float: right;
padding: 0 1%;
}
.d-360 {
display: none;
}
.d1024-360 {
display: none;
}
.d640-360 {
display: none;
}
.d360-320 {
display: block;
}
}
@media only screen and (min-width: 0px) and (max-width: 350px) {
#hd_title {
margin-top: 0px;
width: 190px;
padding: 6% 0px 0px 5%;
}
}
/* Phone Portrait (320px) */
@media only screen and (min-width: 0px) and (max-width: 320px) {
#footer_cnt01 li {
float: left !important;
}
#main_cnt02 .works_block .works_block2 li {
width: 100%;
}
#main_cnt02 .works_block ul .works_block2 {
width: 100%;
float: right;
margin: 0;
text-align: center;
}
.works_block ul .works_block2 {
width: 50%;
}
.ft_li_start {
margin: 8px 0px 2px;
}
#main_top_cnt02 img {
width: 99.6%;
}
#main_top_cnt03 img {
width: 99.6%;
}
}
#entry_textbox .table-style01 {
margin: 0;
}
#entry_textbox .table-style01 th,
#entry_textbox .table-style01 td {
padding: 0px;
}
div,
ul,
li,
body {
display: block;
margin: 0;
padding: 0;
}
/* 事例リフォームデータ */
.table-style01 {
margin: 5px 0;
}
.table-style01 th,
.table-style01 td {
padding: 5px;
}
#jirei_entry .table-style01 img {
max-width: 150px;
}
#main #jirei_entry .table-style01 th {
width: 150px;
}
#jirei_entry .table-style02 img {
max-width: 140px;
}
.table-style02 {
margin: 5px 0;
}
.table-style02 th,
.table-style02 td {
padding: 5px;
}
.table-style02 th {
width: 20%;
max-width: 220px;
}
@media screen and (max-width:640px) {
.table-style01 th,
.table-style01 td {
display: block;
}
.table-style01 th {
text-align: left;
}
.table-style02 th,
.table-style02 td {
display: block;
}
.table-style02 tr {
float: left;
width: 49%;
}
.table-style02 th {
width: 100%;
text-align: left;
}
.table-style02 th img,
.table-style02 td img {
width: 100%;
}
.table-style02 td {
width: 100%;
max-width: 310px;
padding: 0 10px;
}
}
#jirei_entry table {
width: 100%;
height: auto;
}
#jirei_entry table img {
width: 100%;
height: auto;
}
#jirei_entry img.jirei-top {
border: 1px solid #cccccc;
padding: 4px;
width: 100%;
height: auto;
max-width: 710px;
}
.uc td img {
width: 100% !important;
height: auto !important;
}
.after img {
width: 100% !important;
height: auto !important;
}
.after td {
width: 49%;
margin: 0 0.5%;
}
.jirei-top {
width: 100%
}
.jirei-top img {
width: 100% !important;
height: auto !important;
}
.Socialbtn {
text-align: right;
margin: 0px 0px 0px 0px;
float: right;
}
.Socialbtn iframe,
.Socialbtn a,
.Socialbtn img,
.Socialbtn div {
vertical-align: bottom !important;
}
.Socialbtn .Line {
position: relative;
float: left;
width: 82px;
}
.Socialbtn .Gree {
position: relative;
float: left;
width: 60px;
}
.Socialbtn .HatenaBookmark {
position: relative;
float: left;
}
.Socialbtn .Evernote {
position: relative;
float: left;
width: 51px;
}
.Socialbtn .GooglePlus {
position: relative;
float: left;
width: 55px;
}
.Socialbtn .Tweet {
position: relative;
float: left;
width: 85px;
}
/*.Socialbtn .Facebook { position:relative; top:0px; float:left; width:100px;}*/
.Socialbtn span {
margin: 5px;
}
/*.Socialbtn .Facebook iframe{width:100px;}*/
.Socialbtn .social_line01 {
display: inline;
}
.Socialbtn .social_line02 {
display: inline;
}
@media screen and (max-width:640px) {
.Socialbtn {
float: none;
}
.Socialbtn .social_line01 {
display: block;
}
.Socialbtn:after {
content: "";
display: block;
clear: both;
}
}
.fb-like iframe {
max-width: none;
}
.fb_iframe_widget_lift {
right: 0;
}
.Socialbtn span {
margin: 0;
}
.Socialbtn .Facebook {
position: relative;
float: left;
width: 100px;
margin: 5px !important;
}
.Socialbtn .Tweet,
.Socialbtn .Line {
margin: 5px !important;
}
#main .Socialbtn .Facebook {
margin: 0 5px;
}
.top_infoarea {
margin-top: 10px;
overflow: hidden;
}
@media screen and (max-width:1024px) {
#RCrumb1 {
margin-left: 5px;
}
}
/*float解除*/
.float_r {
float: right;
margin: 0 0 1% 1%;
}
.float_l {
float: left;
margin: 0 1% 1% 0;
}
@media screen and (max-width:640px) {
.float_r,
.float_l {
float: none;
}
}
/*navè¿½åŠ */
#hd_title3 {
display: none;
}
@media screen and (max-width:1024px) {
#hd_title3 {
float: right;
display: block;
max-width: 190px;
margin-top: 10px;
margin-right: 135px;
}
}
@media screen and (max-width:640px) {
#hd_title3 {
display: none;
}
}
/* ãŠå®¢æ§˜ã®å£°ä¸‹å±¤ */
.fanvoice {
max-width: 730px;
margin: auto;
display: block;
padding: 0
}
/* 施工事例Before */
.before_img {
max-width: 70%;
min-width: 50%;
}
/*pmap_kari*/
.pmap_all {
display: none !important;
}
.kuchikomi_wrap {
display: none !important;
}
.pmap_page .pmap_all {
display: block !important;
}
.pmap_page .kuchikomi_wrap {
display: block !important;
}
table td {
padding: 0;
border: none;
font-weight: normal;
}
.inPost * {
font-size: 13.6584px;
}
}