/*
Theme Name: majestic_plus_child
Template: majestic_plus
*/



/* ----- ボタンの背景色 ------*/
.wp-block-button__link,
.wp-block-button {
	background-color: #00b050;
	border-radius: 5px;
/*グラデ用 	background: linear-gradient(0deg, #f35c51 0%, #fe2d2d 50%, #6b0800 100%);  */
}

.wp-element-button .wp-block-button__link, .wp-block-button {
	background-color: #ffffff;
	border-radius: 30px;
}

.wp-element-button .wp-block-button__link, .wp-block-button a {
	background-color: #00b050;
	border-radius: 30px;
}

/* ----- ボタンの背景色 マウスオーバー ------*/
.wp-block-button__link:hover,
.wp-block-button:hover {
	opacity:.8
}

/* ----- ボタンのテキストの色 ------*/
.wp-block-button__link:not(.has-text-color),
.wp-block-button__link:not(.has-text-color):active,
.wp-block-button__link:not(.has-text-color):focus,
.wp-block-button__link:not(.has-text-color):hover,
.wp-block-button__link:not(.has-text-color):visited {
	color: #fff;
}

/* ----- ヘッダーパーツのロゴ ------*/
#smart-logo {
     top: 11px; 
/*     left: 30px; */
}
#smart-logo img {
 	max-height: 90px;
}

@media only screen and (max-width: 769px) {
	#smart-logo img {
		max-height: 50px;
	}
	#smart-logo {
	top: 4px;
		left: 4px;
	}
}

/* ----- ヘッダーパーツの電話番号 ------*/
#header-parts .header-tell {
/*     font-size: 1.7em; */
}


h1.post-title:before,
h1.entry-title:before{
 	background: -webkit-gradient(linear, left top, right bottom, from(#fdd000), to(#f08300));
	background: -webkit-linear-gradient(left top, #fdd000 0%, #f08300 100%);
	background: -o-linear-gradient(left top, #fdd000 0%, #f08300 100%);
	background: linear-gradient(to right bottom, #fdd000 0%, #f08300 100%); 
}

/* ----- トップパーツ背景カラー ------- */
.internet-insurance,
.ins_company,
body.home .company {
	background: ffefef;
}

/* ----- ページ送りカラー ------- */
.pnavi .page-numbers.current {
/* 	background-color: #ffefef; */
}


/* ----- 画面サイズ調整用 ------- */
@media screen and (min-width:770px) and ( max-width:1240px) {
	#menu-menu li a {
/* 		font-size: 1.1em; */
	}
	body,
	.bg_image,
	#nav-topbar .container {
/* 		    min-width: 1200px; */
	}
	.page-image .image-container {
/* 		height: 350px; */
	}
}

/* ----- 画面サイズ調整用2 ------- */
@media screen and (min-width:770px){
	body,
	.bg_image,
	#nav-topbar .container, .navigation{
		min-width: auto; 
		padding-bottom:28px;
	}
	.header-data .wp-block-group__inner-container {
		 display: flex;
    	line-height: 1.2;
	}
}
@media only screen and (max-width: 1300px) {
	.header-data .wp-block-group__inner-container {
		display: flex;
		flex-direction: column;
    	line-height: 1;
		margin-right: 20px;
	}
	#header-parts .header-tell {
		font-size: 25px;
	}
	#header-parts .business-hours {
		font-size: 12px;
		text-align: left;
		margin-left: 35px;
	}
}
@media only screen and (min-width:770px) and  (max-width: 1015px) {
	#smart-logo {
		width: 25%;
	}
	#smart-logo img {
		max-height: fit-content;
	}
}


/* ----- スライダースマホ対応用 ------- */
@media only screen and (max-width: 769px) {
	.main-slider,
	.bg_image {
		height: 145px;
	}
	.bg_image {
/* 		margin-top: 0px; */
	}
	body.home .site-content-contain {
		margin-top: and 5px;
	}
}
/* ----- 進行状況確認用 ------- */
.progress-box {
	position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 100;
    text-align: center;
}
.progress-box a {
	display: block;
    background: #333;
    color: #FFF;
    font-size: 14px;
    width: 100px;
    padding: 10px;
    border-radius: 5px;
	 line-height: 1;
}
.progress-box a span{
	font-size: 10px;
    display: block;
    margin-top: 5px;
}
@media only screen and (max-width: 769px) {
	.progress-box {
		display: none;
	}
}


.hide{
	display:none;
}
/*吸わんトク*/
.swan-box{
	   border-radius: 10px;
	width:60%;
	background-color:#ffffff;
    -webkit-box-shadow: 0 7px 16px -11px rgb(0 25 50 / 70%);
    box-shadow: 0 7px 16px -11px rgb(0 25 50 / 70%);
    overflow: hidden;
	margin:30px auto 20px;
	border:solid 1px #666666;
}
@media only screen and (min-width: 770px){
.swan-shohin{
	padding-top:30px;
	align-items:center;
	max-width:860px;
	min-width:820px;
	margin:0 auto;
}
}

.swan-box img{
	display:block;
	margin:0;
	padding:0;
}

.swan-box h3{
	margin:10px auto;
	font-size:22px;
}
.swan-box p{
	line-height:1.4em;
}
@media only screen and (max-width: 769px){
	.swan-box h3{
		font-size:14px;
	}
	.swan-box{
		width:90%;
	}
	.internet-insurance .swan-box figure img{
		width:100% !important;
	}
}

.internet-insurance .swan-box .wp-block-group__inner-container{
	width: 100%;
    margin: 0 auto;
    margin-top: 0;
    display: block;
    flex-wrap: wrap;
}
.internet-insurance .swan-box .wp-block-image{
	width: 100%;
    margin: 20px auto;
    text-align: center;
	border:none;
	border-radius:0;
    -webkit-box-shadow: 0 rgb(0 0 0 / 70%);
    box-shadow:none;
    overflow: hidden;
}
.internet-insurance .swan-box figure img{
	margin:0 auto;
	width:100%;
}
.internet-insurance  #swan-img{
	width:100%;
}
.swan-b img{
	width:40% !important;
}

body.solicitation-policy h2{
	padding:20px;
}

/* ----- ▼ majestic_plusテーブルバグ修正 ▼ ------- */
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #f0f0f0 !important;
}
/* ----- ▲ majestic_plusテーブルバグ修正 ▲ ------- */

/* ----- ▼ Google Maps ▼ ------- */
.top-map iframe {
    width: 100%;
    height: 600px;
}
.company-map iframe {
    width: 100%;
    height: 450px;
}
/* ----- ▲ Google Maps ▲ ------- */


body.personal-information .indbox p,
body.ind .indbox p
body.indbox p{
	text-indent:-1em;
	padding-left:1em;
}

/* 記事カテゴリー一覧 */
.cat_list{
	width:500px;
	max-width:90%;
	margin:0 auto;
}
.cat_list ul{
	display:flex;
	justify-content:space-between;
}


.post-thumb-category a{
	padding:5px;
}

.post_description .post-meta{
	padding: 5px;
}

.post_description h2.post-title {
    padding-top: 20px;
}

.post-standard .post-inner {
    padding-left: 0px;
	float:none;
}

article.post-standard .post_description {
    padding: 0 0 125px;
}

.content .post-byline{
	font-size:11px;
}

.post-standard .post-thumbnail{
	margin-left:0px;
}

body.blog .content .page,body.blog .content .post{
    margin: 20px auto 10px;
    width: 70%;
}

@media only screen and (max-width: 769px){
.post_description h2.post-title{
    padding-bottom: 0px;
    padding-top: 20px;
	min-width: 220px;
	}	
	
	.post_description .post-meta{
	left:10px;
	}

	.post-title{
	padding: 0 10px;
	}
	
	article.post-standard .post_description {
    padding: 0 0 0px;
	width:100%;
	max-width:500px;
	}
	
	.cat_list ul{
	display:block;
	text-align:center;
	}
	
	.post-thumbnail img {
    margin-left: 5px;
	}
	
	body.blog .content .page, body.blog .content .post{
    width: 100%;
}
	
}


/* 各カテゴリー */
body.archive .container-inner .post {
    overflow: hidden;
    border-radius: 0;
	box-shadow:none;
    margin: 20px auto 10px;
    width: 70%;
}

body.archive .container-inner {
    background: #fff;
}

/* カテゴリー一覧メニューアコーディオン */
.acd-check,
.display-none {
    display: none;
}
.acd-label{
    background: #ffffff;
    color: #cf2e2e;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
	text-align: center;
}
.acd-content{
/*     border: 1px solid #333; */
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
	height: fit-content;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}

/* ----- isoロゴ対応用 ------- */
.footer-right {
    width: 100%;
}
.iso-logos{
	display:flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
	width: 50%;
    margin-left: auto;
	
}
.iso-logos img{
	max-height:150px;
	width:auto;
}
.iso-logos .iso_text {
	font-size: 12px;
	line-height: 1.4;
	margin-top: 10px;
}
@media only screen and (max-width: 1380px) {
	.footer-right {
		padding: 0;
	}
	.iso-logos {
		width: 100%;
		margin-top: 30px;
	}
}

#header-parts .wp-block-buttons {
  display: flex;
}

#nav-topbar .container {
    position: absolute;
    top: 30px;
    z-index: 10;
}

.insurance-category figure, .internet-insurance .wp-block-image, body.home .sonpo-data figure {
    border: none;
}

div.ins_comp_bnr .wp-block-group__inner-container.is-layout-flow.wp-block-group-is-layout-flow {
	width: 80%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	margin: 0 auto;
}

div.ins_comp_bnr .wp-block-group__inner-container.is-layout-flow.wp-block-group-is-layout-flow figure {
	width:27%;
	padding: 7px;
	border: solid 1px #868686;
	border-radius: 15px;
	box-shadow: 0 7px 16px -11px rgba(0, 25, 50, 0.7);
}

/*インターネットでご契約　SPver */
@media only screen and (max-width: 769px) {
	.internet-insurance, .ins_company {
		margin-top: 50px;
		padding: 50px 20px;
		text-align: center;
	}
/*
    .internet-insurance .wp-block-group__inner-container {
        width: 100%;
        margin: 20px auto;
    }
	*/
	.internet-insurance .wp-block-image figure {
		margin-bottom: 0;
		overflow: hidden;
		margin: 30px 10px 10px 10px;
	}
		.internet-insurance .wp-block-group__inner-container {
		width: 80%;
		margin: 20px auto;
		margin-top: 20px;
	}
	.internet-insurance .wp-block-image {
        width: 100%;
    }
	    .internet-insurance .wp-block-image {
        border-radius: 20px;
			opacity:.5;
    }
	    .internet-insurance .wp-block-group__inner-container {
        width: 100%;
        margin: 20px auto;
        margin-top: 20px;
    }
	
	.internet-insurance .wp-block-image {
		margin: 10px auto;
		text-align: center;
		background: #fff;
		border-radius: 10px;
		-webkit-box-shadow: 0 7px 16px -11px rgba(0, 25, 50, 0.7);
		box-shadow: 0 7px 16px -11px rgba(0, 25, 50, 0.7);
		overflow: hidden;
		opacity:.5;
	}
}
	
.internet-insurance .wp-block-image figure:hover {
    opacity:.5;
}
.insurance-category .wp-block-image:hover {
	opacity:.5;
}

/* SPボタン枠変更 */
@media only screen and (max-width: 769px) {
    body.insurance-item-list .wp-block-buttons .wp-block-button .wp-block-button__link, body.quote .wp-block-buttons .wp-block-button .wp-block-button__link {
        font-size: 12px;
        padding: 0px 28px;
    }
	    body.insurance-item-list .item-block .wp-block-buttons, body.quote .item-block .wp-block-buttons {
        align-items: center;
        justify-content: normal;
    }
	body.insurance-item-list .entry, body.quote .entry {
        text-align: unset;
    }
	
	#smart-tel a {
		padding: 10px 27px;
	}
	    .wp-block-button__link {
        padding: 12px 27px;
    }
		div.ins_comp_bnr .wp-block-group__inner-container.is-layout-flow.wp-block-group-is-layout-flow {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 auto;
	}

	div.ins_comp_bnr .wp-block-group__inner-container.is-layout-flow.wp-block-group-is-layout-flow figure {
		width:100%;
		padding: 7px;
		border: solid 1px #868686;
		border-radius: 15px;
		box-shadow: 0 7px 16px -11px rgba(0, 25, 50, 0.7);
	}
}

.insurance-category a {
    display: block;
    cursor: pointer;
    max-width: 500px;
    overflow: hidden;
    width: 100%;
}

.insurance-category a img{
    height: auto;
    transition: transform .6s ease;
}

.insurance-category a img:hover{
    transform: scale(1.05);
}

/*商品一覧変更*/
.insurance-category {
	display: block;
	background:#ffffff;
	width:100%;
	padding: 30px 0
}

.insurance-category .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
	margin: 0 auto;
	width: 80%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	padding: 20px 0;
}
@media only screen and (max-width: 769px) {

}

.insurance-category h2 {
	display: block !important;
	font-size: 2.2em;
    line-height: 1.2;
    font-weight: bold;
    padding: 30px 0 !important;
    text-shadow: #ffffffb8 1px 1px 8px, #ffffffb8 -1px 1px 8px, #ffffffb8 1px -1px 8px, #ffffffb8 -1px -1px 8px;
}

.isotype-block-capbox.cap_box.box-cat {
    width: 45%;
    margin: 0 10px 30px;
    box-shadow: 0 7px 16px -11px rgba(0, 25, 50, 0.7);
   /* border-radius: 10px !important;*/
}

.cap_box_ttl {
    /*border-radius: 10px 10px 0 0;*/
}


.cap_box_content {
    border-radius: 4px;
    padding: 0;
	/*border: unset !important;*/
}

.insurance-category .wp-block-image {
    -webkit-box-shadow; 
    box-shadow: none;
    margin: 0;
    width: auto;
    text-align: center;
    border-radius: 0;
	/*border-radius: 0 0 10px 10px;*/

}

em a {
color: #333333 !important;
}

@media only screen and (max-width: 769px) {
	.insurance-category .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
		margin: 0 auto;
		width: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0 20px;
	}
	.isotype-block-capbox.cap_box.box-cat {
		width: 100%;
		margin: 0 0 30px;
		box-shadow: 0 7px 16px -11px rgba(0, 25, 50, 0.7);
		/*border-radius: 10px !important;*/
	}
	.insurance-category h2 {
		font-size: 1.3em;
	}
		.wp-block-cover__image-background.wp-image-2928.has-parallax {
		background-position:80% 50% !important;
	}
	img.wp-block-cover__image-background.wp-image-2933 {
		object-position: 61% 50% !important;
	}
}

/*custom pc*/

.is-style-onborder_ttl2>.cap_box_content, .is-style-onborder_ttl>.cap_box_content {
    min-height: 100px;
    background: #ffffff;
    border-radius: 6px;
}

#nav-topbar .container {
    display: flex;
    flex-direction: row-reverse;
}


/*custom sp*/


@media only screen and (max-width: 769px) {
	#nav-topbar .container {
        display: none;
    }
}


/* 事業概要カスタム */
.col_img_f {
	margin-top: 0 !important;
}

.col_img_f figure {
    width: 100%;
    margin: 0 0 0 1rem !important;
    border-radius: 4px;
}
.is-style-onborder_ttl2>.cap_box_content, .is-style-onborder_ttl>.cap_box_content {
	padding-bottom: 1rem;
}