/*
Theme Name: majestic_plus_child
Template: majestic_plus
*/

/* ----- ボタンの背景色 ------*/
.wp-block-button__link,
.wp-block-button {
	background-color: #19448e;
	border-radius: 5px;
/*グラデ用 	background: linear-gradient(0deg, #f35c51 0%, #fe2d2d 50%, #6b0800 100%);  */
}
/* ----- ボタンのテキストの色 ------*/
.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: 5px;
    left: 0px;
}
#smart-logo img {
	max-height: 105px;
}

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

/* ----- ヘッダーパーツの電話番号 ------*/
#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(#000000), to(#2e7bff));
	background: -webkit-linear-gradient(left top, #000000 0%, #2e7bff 100%);
	background: -o-linear-gradient(left top, #000000 0%, #2e7bff 100%);
	background: linear-gradient(to right bottom, #000000 0%, #2e7bff 100%);
}

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

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


/* ----- 画面サイズ調整用 ------- */
@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; */
	}
}

/* ----- スライダースマホ対応用 ------- */
@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: 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;
}



/* 追加設定（保険カテゴリー・アコーディオン・商品ページ） */
.internet-insurance, .ins_company {
    background: #E8F0FE;
    margin-top: 50px;
    padding: 50px 0;
    text-align: center;
}


#business-small{
	font-size:13px !important;
}

.business-box{
	line-height:15px !important;
}
.insurance-category figcaption {
	font-size: 15.5px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 35px;
}
.insurance-category-hojin,
.insurance-category-kojin{
	    width: 90%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	    padding: 20px 0px;
	border-radius:10px;
	box-shadow: 0 7px 16px -11px rgba(0, 25, 50, 0.7);
}
.insurance-category-kojin {
	border:solid 1px #ffee78;
	background-color:#f6ad49;
}

.insurance-category-hojin {
	border:solid 1px #78ffff;
	border-radius:10px;
	background-color:#aacf53;
}

.insurance-category-hojin figure,
.insurance-category-kojin figure {
	width:28%;
	background-color:#ffffff;
}

.kojin-hojin{
	flex-wrap:wrap;
	width:100%;
	max-height:30px;
	margin:40px auto;
	font-size:  37px;
}
body.home .insurance-category figure {
	border: 1px solid #e4e4e4;
}
@media only screen and (max-width: 769px){
	.insurance-category-kojin,
	.insurance-category-hojin {
		border:none;
		height:auto;
		margin-bottom:0;
		box-shadow:none;
	}
	.insurance-category-hojin figure,
	.insurance-category-kojin figure {
/* 		height: 16%; */
		width: 43%;
	}
	.insurance-category {
		background-color:#fdffff;
		margin-bottom: 65px;
	}
	body.home .insurance-category figure {
		margin: 0px 5px 20px;
	}
	.kojin-hojin {
		font-size:  27px;
	}
}

@media screen and (min-width:770px) and ( max-width:1360px) {
	#menu-menu li a {
		font-size: 1.1em;
	}
	body,
	.bg_image,
	#nav-topbar .container {
		    min-width: 1360px;
	}
	.page-image .image-container {
		height: 350px;
	}
	.navigation{
		min-width: 1360px;
	}
}


.left{
	text-align:left !important;
	width:100%;
}
/*商品アコーディオン*/
.menu {
    max-width: 80％;
	position:relative;
	top:0;
	
}

.menu a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #01579e;
}

.insurance-item-list label {
    display: block;
    margin: 0 0 4px 0;
    padding : 15px;
    line-height: 1;
    color :#00a968;
    background : #ffffff;
    cursor :pointer;
	text-align:center;
	font-size:26px;
}

.insurance-item-list input {
    display: none;
}

.menu ul {
    margin: 0;
    padding: 0;
    background :#ffffff;
    list-style: none;
}

.menu li {
    height: 0;
    overflow: hidden;
	text-align:center;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

#menu_bar01:checked ~ #links01 li ,
#menu_bar02:checked ~ #links02 li {
    height: 57px;
    opacity: 1;
}
.deconone{
	border:none !important;
	box-shadow:none !important;
}

.smk-box{
	align-items:center;
}
.smk-right{
	padding: 5%;
}
body.home .smk-box figure{
	margin: 0 0 30px !important;
}
.border-box {
	padding-bottom: 0px;
}