@charset "utf-8";

#single_page{
margin: 64px 0;
}
#single_title{
font-size: 2em;
letter-spacing: 0.1em;
line-height: 1.4;
padding: 16px 6px 32px;
box-sizing: border-box;
border-bottom: #3077B7 3px solid;
}
#date_place{
color: #777777;
letter-spacing: 0.1em;
margin: 32px 0 20px;
font-size: 1.1em;
}
#single_post_tag{
margin: 20px 0 0;
}
#single_post_tag a{
font-size: 0.9em;
color: #999999;
margin-right: 8px;
}
#single_post_tag a:hover{
color: #3077B7;
}
#post_edit_wrap{
margin: 52px 0 0;
} .edit_content {
}
.edit_content h1{
background-color: #3077B7;
color: #ffffff;
font-size: 1.4em;
font-weight: bold;
letter-spacing: 0.1em;
padding: 28px 24px;
margin: 60px 0 48px;
border-radius: 4px;
box-sizing: border-box;
line-height: 1.4;
}
.edit_content h2{
border-left: #444444 4px solid;
padding: 12px 0 12px 20px;
margin: 24px 0;
font-size: 1.5em;
font-weight: bold;
line-height: 1.4;
}
.edit_content h3{
font-weight: bold;
font-size: 1.3em;
color: #444444;
letter-spacing: 0.05em;
padding-left: 28px;
margin: 32px 0 12px;
position: relative;
line-height: 1.4;
}
.edit_content h4{
font-weight: bold;
font-size: 1.2em;
margin: 28px 0 12px;
line-height: 1.4;
}
.edit_content h3::before{
content: '';
position: absolute;
width: 18px;
height: 18px;
background-color: #3077B7;
border-radius: 50%;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.edit_content p{
line-height: 1.7;
}
.edit_content .iframeWrap{
position: relative;
width: 100%;
padding-top: 56.25%;
}
.edit_content .iframeWrap iframe{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.edit_content strong,
.edit_content b{
font-weight: bold;
}
.edit_content em{
font-style: italic;
}
.edit_content ul{
list-style: disc;
padding-left: 32px;
line-height: 1.6;
margin: 16px 0;
}
.edit_content ol{
list-style-type: decimal;
padding-left: 32px;
line-height: 1.6;
margin: 16px 0;
}
.edit_content table{
border-collapse: collapse;
margin: 24px 0;
}
.edit_content td{
padding: 16px 24px;
box-sizing: border-box;
border: #cccccc 1px solid;
}
.edit_content a{
color: #E9894A;
text-decoration: underline;
}
.edit_content img{
max-width: 100%;
height: auto;
margin: 12px 6px;
}
.edit_content .waku_deco_simpleblack{
border: 1px solid #000;
padding: 24px 16px;
margin: 16px 0;
border-radius: 6px;
line-height: 1.6;
}
.edit_content .waku_deco_grayback{
padding: 24px 16px;
margin: 16px 0;
border-radius: 6px;
line-height: 1.6;
background-color: #efefef;
}
.edit_content blockquote{
background-color: #f2f2f2;
padding: 28px 16px 24px;
box-sizing: border-box;
position: relative;
}
.edit_content blockquote::before,
.edit_content blockquote::after{
background-image: url(//led.minamihara.co.jp/rs/images/svg/blockquote.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
width: 20px;
height: 20px;
opacity: 0.6;
content: '';
display: block;
}
.edit_content blockquote::before{
left: 12px;
top: 7px;
}
.edit_content blockquote::after{
right: 12px;
bottom: 4px;
}
.edit_content .wp-caption{
max-width: 100%;
} #toc_container{
display: table;
border: #C1D3E3 2px solid;
border-radius: 4px;
padding: 24px 32px;
margin: 44px 0 60px;
box-sizing: border-box;
width: auto;
}
#toc_container .toc_title{
display: table;
font-size: 1.2em;
font-weight: bold;
padding: 16px 0 20px 40px;
margin: 0 auto;
position: relative;
}
#toc_container .toc_title::before{
content: "";
width: 32px;
height: 32px;
background-image: url(//led.minamihara.co.jp/rs/images/svg/mokuji_title.svg);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: 0;
top: 9px;
}
#toc_container .toc_list > li > a{
font-weight: bold;
display: inline-block;
margin-top: 12px;
color: #444444;
text-decoration: none;
}
#toc_container .toc_list > li ul a{
color: #777777;
font-size: 0.9em;
padding: 4px 0;
display: inline-block;
}
#toc_container .toc_depth_1{
display: inline-block;
position: relative;
z-index: 1;
text-align: center;
width: 32px;
font-size: 1em;
font-weight: bold;
color: #ffffff;
}
#toc_container .toc_depth_1::after{
content: '';
display: block;
font-weight: normal;
background-color: #6D6D6D;
width: 26px;
height: 26px;
border-radius: 50%;
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -55%);
}
#toc_container .toc_toggle{
margin-left: 8px;
}
#toc_container .toc_toggle,
#toc_container .toc_toggle a{
font-size: 0.8em;
color: #3077B7;
font-weight: normal;
}
#toc_container .toc_list{
border-top: #bbbbbb 1px dashed;
padding: 8px 0 0;
}
#toc_container ul{
margin: 0;
padding-left: 0;
list-style: none;
line-height: normal;
}
#toc_container .toc_depth_2{
font-size: 0;
margin-left: 12px;
padding-left: 12px;
position: relative;
}
#toc_container .toc_depth_2::before{
content: '';
display: block;
border-left: #5897D1 5px solid;
border-top: transparent 4px solid;
border-bottom: transparent 4px solid;
position: absolute;
left: 6px;
top: -9px;
}
#toc_container .toc_depth_3{
font-size: 0;
margin-left: 24px;
padding-left: 12px;
position: relative;
}
#toc_container .toc_depth_3::before{
font-size: 0;
content: '';
border-left: #5897D1 5px solid;
border-top: transparent 4px solid;
border-bottom: transparent 4px solid;
position: absolute;
left: 6px;
top: -9px;
}
#special_page{
margin: 150px 0;
}
#special_page .big_h2{
margin: 0 0 60px;
}
.edit_content .gallery-item img{
border: none !important;
padding: 4px;
box-sizing: border-box;
}
#special_page.blog_list_layout .row3_res1_inline{
width: calc(100% / 4 - 48px);
}
#special_page .link_btn_wrap.link_white{
width: 90%;
max-width: 300px;
margin: 0 auto;
}
@media screen and (max-width: 768px){
#special_page.blog_list_layout .row3_res1_inline{
width: 100%;
}
} #main_bigimg{
background-color: #efefef;
width: 100%;
height: 550px;
position: relative;
margin: 80px 0 32px;
}
#main_bigimg .img_box{ display: block;
position: absolute;
transform: translateX(-50%);
left: 50%;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.change_box_JS{
opacity: 0;
transition : all 0.2s ease 0s;
}
.change_box_JS.active{
opacity: 1;
}
.click_box_JS{
cursor: pointer;
}
#thumb_img .thumb_box{
width: -webkit-calc(10% - 8px);
width: -moz-calc(10% - 8px);
width: -ms-calc(10% - 8px);
width: calc(10% - 8px);
display: inline-block;
margin-right: 8px;
}
#thumb_img .thumb_box span{
display: block;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 0;
padding-bottom: 70%;
}
#led_info_edit{
margin: 64px 0 72px;
}
#led_info_edit h2{
border-left: #444444 4px solid;
padding: 12px 0 12px 20px;
margin: 24px 0;
font-size: 1.5em;
font-weight: bold;
line-height: 1.4;
}
#led_info_edit .info_left{
float: left;
width: 300px;
}
#led_info_edit .info_right{
float: right;
width: -webkit-calc(100% - 300px);
width: -moz-calc(100% - 300px);
width: -ms-calc(100% - 300px);
width: calc(100% - 300px);
padding-left: 64px;
box-sizing: border-box;
}
#led_info_edit li{
border-bottom: #cccccc 1px dotted;
padding: 12px 24px;
box-sizing: border-box;
font-size: 0;
}
#led_info_edit .li_title{
font-weight: bold;
display: inline-block;
width: 160px;
font-size: 1rem;
letter-spacing: 0.05em;
vertical-align: middle;
line-height: 1.4;
}
#led_info_edit .li_item{
display: inline-block;
width: -webkit-calc(100% - 160px);
width: -moz-calc(100% - 160px);
width: -ms-calc(100% - 160px);
width: calc(100% - 160px);
font-size: 1rem;
vertical-align: middle;
line-height: 1.4;
}
#led_info_edit .inst_title{
font-size: 1.3em;
margin: 0 0 16px;
}
#monitor{
width: 100%;
}
#monitor .get_size{
background-color: #D2EAFF;
position: relative;
}
#monitor .get_size span{
position: absolute;
font-size: 0.8em;
background-color: #D2EAFF;
z-index: 1;
}
#monitor .get_size .tate{
left: 12px;
top: 50%;
padding: 16px 0;
transform: translateY(-50%);
}
#monitor .get_size .yoko{
bottom: 24px;
left: 50%;
padding: 0 16px;
transform: translateX(-50%);
}
#monitor .get_size::before{
content: '';
display: block;
position: absolute;
left: 32px;
top: 0;
width: 1px;
height: 100%;
background-color: #282828;
}
#monitor .get_size::after{
content: '';
display: block;
position: absolute;
left: 0;
bottom: 32px;
width: 100%;
height: 1px;
background-color: #282828;
}
#works_single #date_place{
margin: 44px 0 16px;
}
#works_single .type{
display: inline-block;
background-color: #3077B7;
color: #ffffff;
padding: 4px 12px;
border-radius: 3px;
}
#works_single .click_txt{
font-size: 0.8em;
color: #444444;
margin: 16px 0 0;
}
#works_single .inst_area{
font-size: 1.1em;
margin: 24px 0;
}
#led_info_edit .none .inst_title{
display: none;
}
#led_info_edit .none .info_left{
display: none;
}
#led_info_edit .none .info_right{
width: 100%;
float: none;
padding: 0;
}
@media screen and (max-width: 768px){
#toc_container{
margin: 0 auto;
}
#date_place{
margin: 28px 0;
}
#single_title{
font-size: 1.7em;
padding: 16px 6px 20px;
}
#works_single #date_place{
font-size: 0.9em;
}
.edit_content h1{
padding: 24px 16px;
margin: 44px 0 28px;
}
.edit_content h2{
font-size: 1.3em;
padding: 6px 0 6px 16px;
line-height: 1.2;
}
.edit_content h3{
line-height: 1.2;
padding-left: 24px;
}
.edit_content iframe{ max-width: 100%;
}
.edit_content td{
padding: 16px 8px;
min-width: 140px;
}
.edit_content .gallery .gallery-item{
width: 100% !important;
}
.edit_content .gallery .gallery-item img{
margin: 0;
}
.edit_content .table_wrap{
overflow: auto;
white-space: nowrap;
margin: 0 auto;
}
.edit_content  table{
display: block;
height: auto !important;
}
#special_page{
margin: 100px 0 0;
}
#special_page .big_h2{
margin: 0 0 32px;
} #main_bigimg{
height: auto;
padding-bottom: 70%;
margin: 48px 0 16px;
}
#thumb_img .thumb_box{
width: -webkit-calc(20% - 8px);
width: -moz-calc(20% - 8px);
width: -ms-calc(20% - 8px);
width: calc(20% - 8px);
margin-bottom: 8px;
}
#led_info_edit .info_left{
float: none;
width: 100%;
}
#led_info_edit .info_right{
float: none;
width: 100%;
padding: 0;
margin-top: 32px;
}
#led_info_edit li{
padding: 12px 8px;
}
#led_info_edit .li_title{
width: 125px;
}
#led_info_edit .li_item{
width: -webkit-calc(100% - 125px);
width: -moz-calc(100% - 125px);
width: -ms-calc(100% - 125px);
width: calc(100% - 125px);
}
#led_info_edit .inst_title{
font-size: 1.2em;
}
}