@charset "utf-8";

/*
Theme Name:macolab 2026_v3
Theme URI:
Description: 
Version:3
Author:macolab
Author URI:
*/

@import "reset.css";
@import "common.css";
@import "set.css";

/* トップページ,アーカイブページ,カテゴリーページ,タグページ,検索ページ共通 */

.post {
    margin: 0px 0px 50px 0px;
    clear: both;
}

.post h2 {
    font-size: 20px;
    color: #666;
    border-bottom: dotted 1px #666;
    padding: 0px 0px 7px 0px;
    margin: 10px 0px 10px 0px;
}

.post h2 a {
    color: #666;
}

.post .entry_content h2 {
    font-size: 18px;
    border-left: 5px solid #999;
    border-bottom: none;
    padding: 0px 0px 0px 10px;
    margin: 15px 0px 15px 0px;
}

.post p {
    line-height: 1.6;
    font-size: 13px;
}

.post ul {
    list-style-type: disc;
    margin: 15px 0px 15px 30px;
    line-height: 1.8;
}

.post ol {
    list-style-type: decimal;
    margin: 15px 0px 15px 30px;
    line-height: 1.8;
}

.entry_header {
    text-align: right;
    margin: 0px 0px 10px 0px;
}

.entry_footer {
    text-align: left;
    margin: 5px 0px 15px 0px;
}

.more-link {
    color: #333;
    padding: 1px 5px 1px 5px;
    margin: 30px 20px 30px 0px;
    display: block;
    float: right;
    clear: both;
    border: solid 1px #CCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.00, #d5def6));
    background: -webkit-linear-gradient(top, #d5def6 0%, #ffffff 100%);
    background: -moz-linear-gradient(top, #d5def6 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #d5def6 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #d5def6 0%, #ffffff 100%);
    background: linear-gradient(top, #d5def6 0%, #ffffff 100%);
    background-color: #d5def6;
}

.tag {
    padding: 30px 0px 0px 0px;
    clear: both;
}

.pagenavi {
    clear: both;
    padding: 30px 0px 50px 0px;
}

.pagenavi .previous_page {
    float: left;
}

.pagenavi .next_page {
    float: right;
}


/* トップページ,アーカイブページ,カテゴリーページ,タグページ,検索ページ共通 */


/* アーカイブページ,カテゴリーページ,タグページ,検索ページのh1スタイル */

.archive h1,
.category h1,
.tag h1,
.search h1 {
    font-weight: bold;
}


/* アーカイブページ,カテゴリーページ,タグページ,検索ページのh1スタイルend */


/* シングルページ,固定ページ */

.single h1,
.page h1 {
    font-size: 20px;
    color: #666;
    border-bottom: dotted 1px #666;
    padding: 0px 0px 7px 0px;
    margin: 10px 0px 10px 0px;
}

.single h2,
.page h2 {
    font-size: 18px;
    color: #666;
    border-left: 5px solid #999;
    padding: 0px 0px 0px 10px;
    margin: 15px 0px 15px 0px;
}

.single .entry_content ul,
.page .entry_content ul {
    list-style-type: disc;
    margin: 15px 0px 15px 30px;
    line-height: 1.8;
}

.single .entry_content ol,
.page .entry_content ol {
    list-style-type: decimal;
    margin: 15px 0px 15px 30px;
    line-height: 1.8;
}

.post_link {
    padding: 100px 0px 30px 0px;
    clear: both;
}

.previus {
    float: left;
}

.next {
    float: right;
}


/* コメント欄 */

#respond {
    margin: 15px 0px 0px 0px;
}

#commentform {
    margin: 0px 0px 30px 0px;
}

#commentform p {
    margin: 5px 0px 5px 0px;
}

#comments {
    margin: 15px 0px 15px 0px;
}

.commentlist p {
    margin: 15px 0px 15px 0px;
}

.comment {
    margin: 15px 0px 15px 0px;
}

.reply a {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f2f5f6), color-stop(0.00, #c8d7dc));
    background: -webkit-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
    background: -moz-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
    background: -o-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
    background: -ms-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
    background: linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
    background-color: #c8d7dc;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1px 5px 1px 5px;
    border: solid 1px #CCC;
    margin: 15px 0px 0px 0px;
}

.depth-1 {
    border: dotted 1px #666;
    padding: 10px;
}

.children {
    margin: 0px 0px 0px 30px;
}


/* コメント欄end */


/* 投稿画像等設定 */

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
    max-width: 100%;
    height: auto;
}

.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    margin-top: 4px;
}

.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    margin-top: 4px;
}

.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
    margin-bottom: 12px;
}

.wp-caption {
    background: #f1f1f1;
    line-height: 18px;
    margin-bottom: 20px;
    max-width: 632px !important;
    padding: 4px;
    text-align: center;
}

.wp-caption img {
    margin: 5px 5px 0;
}

.wp-caption p.wp-caption-text {
    color: #888;
    font-size: 12px;
    margin: 5px;
}

.wp-smiley {
    margin: 0;
}

.gallery {
    margin: 0 auto 18px;
}

.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery img {
    border: 2px solid #cfcfcf;
}

.gallery-columns-2 .attachment-medium {
    max-width: 92%;
    height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
    max-width: 84%;
    height: auto;
}

.gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
}

.gallery dl {
    margin: 0;
}

.gallery img {
    border: 10px solid #f1f1f1;
}

.gallery br+br {
    display: none;
}

#content .attachment img {
    display: block;
    margin: 0 auto;
}


/* 投稿画像等設定end */


/* シングルページ,固定ページend */

#contact input[type="checkbox"] {
    
    border-radius: 0;
    -webkit-appearance: checkbox;
    transform: scale(1.5);
    margin-right: 16px;
	border: 1px solid #ccc
}


#contact .checktext {
    font-size: 14px;
    /*text-align: right;*/
    display: inline-block;
}
#contact .checktext input[type="checkbox"] {
	display: inline-block;
	margin-right:12px
}


span.wpcf7-form-control-wrap.acceptance-54 {
    /*float: left;*/
    margin-top: 18px;
}


/* 個人情報保護方針ページ */

.privacypolicy {
    width: 1000px;
    margin: 100px auto;
    line-height: 25px;
}

.privacypolicy p {
    font-size: 12px
}

@media only screen and ( max-width: 1100px) {
    .privacypolicy {
        width: 90%;
        line-height: 22px;
    }
}


/* 個人情報保護方針ページここまで */


/* 追加css_180719 */

.mapp-layout {
    width: 100% !important;
    margin: 0 0 100px 0 !important;
}


/* 追加css_180719ここまで */


/* 追加css_20200323 */

.map iframe,
#access iframe {
    width: 100%;
    border: none
}

h2.form_md {
    width: 90%;
    max-width: 620px;
    margin: 0 auto 30px auto;
    color: #ec7d22;
    line-height: 30px;
}

@media screen and (max-width:767px) {
    h2.form_md {
        max-width: 90%;
        margin: 0 auto 30px auto;
        color: #ec7d22;
        line-height: 24px;
        font-size: 16px;
    }
    h2.form_md .spnone {
        display: none;
    }
    #contact .text.md_form_seikyu {
        width: 90%;
    }
	
	.check_area input[type="checkbox"] {
	margin: 0 auto !important;
	display:block
}
	.sp_none{
    display:none
	}
}

table.request_table th{
width: 100%;
display: block;
padding: 8px 8px 4px 8px;
font-weight: bold;
}
table.request_table td .box{
	width:80%;
	display:block !important;
	margin:0 auto 16px auto;
	font-size:14px;
	line-height:24px;
	color:#555;
}
table.request_table td .box p{
	width:100%;
	font-size:14px;
	line-height:24px;
	color:#555;
	display:block !important;
}
table.request_table td a{
text-decoration:underline;
	color:#E29535
}
#contact .text{
	font-size: 15px;
}

.box_info{
	width:100%;
	padding:24px;
	border:1px solid #efefef;
	margin: 0 auto 30px auto;
	
}
.box_info img{
	display:block;
	width:80%;
	margin: 0 auto;
}
#cookie-law-info-bar {
	background-color: rgb(255, 255, 255, 0.9) !important;
}
#cookie-law-info-bar .cli-style-v2 .cli-bar-message{
	letter-spacing: 1px !important;
font-size: 12px !important;
}
.shopify-buy__collection-products{
	margin: 0 auto;
		display:block
}
@media screen and (max-width: 985px){
	#cookie-law-info-bar{
		padding: 12px !important;
	}
	.full_wrap{
		width:90%;
		margin: 0 auto;
		display:block
}
}
@media screen and (min-width:1025px){
	#cookie-law-info-bar {
	width: 300px !important;
	right: auto !important;
	left: 0 !important;
	}
	.cli-style-v2 .cli-bar-message{
	width: 100% !important;
	
	}
	.cli-bar-container{
		flex-direction:column !important;
	}
}


#cookie-law-info-again,
#cookie_hdr_showagain{
	font-size: 10px !important;
}
@media screen and (max-width:767px) {
.check_area .wpcf7-list-item-label {
		display:block;
		padding:16px 0 0 0;
	    text-align:center
}
	#contact article td div.text_space{
width:85%
	}
}

#sb_instagram .sbi_load_btn .sbi_btn_text{
    color: #fff !important;
}

#foot_inner{
	overflow: auto !important;
}

.wpcf7-response-output{
	color: #fff;
  font-size: 12px;
}

.link_btn a{
display: block;
border-radius:10px;
background-color: #FF9B00;
padding:10px;
text-align: center;
font-weight: bold;
}

.entry_content h4{
font-weight: bold;
display: block;
padding:10px;
border-bottom:1px dashed #FF9B00;
margin:0 auto 30px auto;
}
ul.list{
display:block;
	margin:0 auto 30px auto;
}
ul.list,
ul.list li{
list-style-type:disc
}
.underline{
	text-decoration:underline;
	text-decoration-color: #FF9B00;
}
.mod{
display: block;
padding:10px;
margin:20px auto 30px auto;
border-bottom:2px solid #FF9B00;
font-weight:bold
}

table.plan{
	width:100%;
	border-right:1px solid #ccc;
	margin:0 auto 30px auto
}
table.plan th,
table.plan td{
padding:5px
}

table.plan th:first-child{
	width:70%;
}
table.plan th:last-child{
	width:30%;
}
table.plan th{
	background-color: #efefef;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	font-weight:bold;
}

table.plan td{
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	vertical-align: middle;
}
table.plan td:last-child{
	text-align:right;
	
}
#works .taxonomy_link {
  width: 100% !important;
	max-width:1000px;
  margin: 0 auto;
  padding-left: 1.5%;
}
.grecaptcha-badge{
		bottom: 100px !important;
	}
.bunner_fixed{
position: fixed;
  right: 0;
  bottom: 0px;
  width: 70%;
  height: auto;
  background-color: #fff;
}
.bunner_fixed a{
	display:block;
}
.bunner_fixed img{
	width:100%;
	height:auto;
}
@media screen and (min-width:992px){
	.grecaptcha-badge{
		bottom: 160px !important;
	}
.bunner_fixed{
position: fixed;
  right: 0;
  bottom: 0px;
  width: 30%;
  height: auto;
  background-color: #fff;
}
}

.cf7-cf-turnstile{
	text-align:center;
}


#post_single h2.md,
#post_single h3.md{
padding: 7px 10px 14px 10px;
  border-bottom: 2px solid #FF9B00;
  margin-bottom: 50px;
  font-size: 15px;
  font-weight: bold;
  display: block;
}


ul.normal{
padding: 0 0 0 20px;
}
ul.normal li{
	list-style-type: disc;
}

.post_box {
width: 90%;
  margin: 0 auto 50px auto;
  font-size: 14px;
  line-height: 1.7em;
  padding: 24px;
  text-align: center;
  background-color: #efefef;
}

.post_box p:last-child{
	margin:0 auto;
}

#top_slider .svg_logo img{
	 width:100%;
	height:auto;
}