/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */
/*header*/
.headerwidget1outer {position:absolute;font-size:12px;line-height:1.2;width:1310px;max-width:100%;left:0;right:0;margin:auto;}
.headerwidget1outer .textwidget{width:fit-content;max-width:100%;right:0;float:right;}

@media only screen and (max-width: 767px) {
.headerwidget1outer {position:;}
.headerwidget1outer br{display:none;}
/* all */
html:root {--enfold-font-family-theme-body:'Times New Roman', Times,"Georgia", sans-serif;}
body { font-family: 'Times New Roman', Times,"Georgia", sans-serif;}

.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu>div{height: fit-content;}
.w800{width:800px;max-width:100%;margin:0 auto;}
.w600{width:600px;max-width:100%;margin:0 auto;}
#top .tablenoborder,#top .tablenoborder td,#top .tablenoborder th{border: none 0px transparent;}
span.nowrap{white-space:nowrap;}
/*footer*/
#footer{font-size: 13px;line-height: 1.65em;}
/*20230427追加分*/
.text-box{
  padding: 1em 2em;
  margin: 2em auto;
  background: white;
  border-top: solid 5px var(--enfold-main-color-heading) !important;
	border-bottom: solid 5px var(--enfold-main-color-heading) !important;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	width: fit-content;
}
.news-box {
  position: relative;
	margin: 2em auto;
  padding: 25px 20px 7px;
  border: solid 2px  var(--enfold-main-color-heading) !important;
	max-width: 80%;
	overflow: scroll;
	height: 300px;
}
#top .news-box .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 5px 9px;
    line-height: 25px;
    font-size: 22px;
background:var(--enfold-main-color-heading);
    color: #ffffff;
    font-weight: bold;
}
.no_margin{
  margin: 0px 0px 0px 0px;
}
@media screen and (min-width: 980px) {
	.top_danraku{
		margin:0px 50px;
	}
}
@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
.template-page .entry-content-wrapper h2 {
	font-size:15px;
}
	#top .av_textblock_section.av-lgylvqny-a63e6a7427b851451dd7f7e07ac9fdf2 .avia_textblock{
		font-size:18px;
	}
}


/* it-hojo */
ol.itol {
  counter-reset:number; 
  list-style-type: none!important; 
  padding:0px;
  margin:0 auto;
    width:fit-content;
}
ul.itul{  list-style-type: none!important; }
ol.itol ul.itul li {
  position: relative;
  padding: 1em;
  
}
li.faqa{background:#ffffff;width:fit-content;min-width:50vw;}
ol.itol ul.itul{  
  counter-increment: number;
}
ul.itul li:before{
  position: absolute;
  content: counter(number);
  display:inline-block;
  font-weight:bold;
  font-size: 1.5em;
  top:;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: calc(-1em - 1em);
    top:50%;
  width:1em ;
  height: 1em;
  line-height: 1;
  text-align: center;


}

ul.itul li.faqq:before{  content:"Q"counter(number)".";color:#5f6dbe;}

ul.itul li.faqa:before{  content:"A"counter(number)".";color:#bb564e; }
.ecplanprice {text-align:right;color:#c66060;}
#top .ecplan{width:600px;max-width:100%;margin:20px auto;border:solid 2px #e7e7e7;padding:1em;}

.ecplan h4{ background:#f0f0f0; padding:.5em;}
.flex{display:flex;}
.itecflex{flex-wrap:wrap;}

#top .template-page .entry-content-wrapper h1, #top .template-page .entry-content-wrapper h2 {
	text-transform: unset;
}
/*20250825hotelspage*/
.hotels-box {
    display: flex;
    justify-content: space-evenly;
}
img.alignnone.size-full.wp-image-1770,
img.alignnone.size-full.wp-image-1769,
img.alignnone.size-full.wp-image-1768{
	border-radius:20px;
}
h3.hotels-title {
    font-size: 18px;
}
.inbund-text {
    font-size: 24px;
    line-height: 2em;
}
.inbund-box {
    width: 60%;
    background: aliceblue;
    margin: auto;
    height: 198px;
}
.inbund-text {
    font-size: 24px;
    line-height: 2em;
    width: fit-content;
    margin: auto;
    position: relative;
    top: 23px;
}
section.hotels-sb-box {
    display: flex;
    justify-content: space-evenly;
}
.hotels-sb-content,
.hotels-sb-content2,
.hotels-sb-content3{
    width: 20%;
    border: 2px solid #dcdde1 !important;
    padding: 34px;
}
.hotels-sb-content2 {
    position: relative;
    top: 20px;
}
.hotels-sb-content3 {
    position: relative;
    top: 40px;
}
.content-title {
    font-size: 36px;
    font-weight: bold;
    
	color: #15955f;
}
section.content-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.content-text {
    font-size: 22px;
	line-height: 3em;
	font-weight: bold;
    color: #434960;
	margin-top:38px;

}
p.neo-text {
    width: fit-content;
    margin: auto;
    font-size: 16px;
}
.content-sb-box {
    width: 70%;
	text-align:center;
}
.top-content{
	background-image: radial-gradient(circle at 17% 77%, rgba(17, 17, 17, 0.04) 0%, rgba(17, 17, 17, 0.04) 50%, rgba(197, 197, 197, 0.04) 50%, rgba(197, 197, 197, 0.04) 100%), radial-gradient(circle at 26% 17%, rgba(64, 64, 64, 0.04) 0%, rgba(64, 64, 64, 0.04) 50%, rgba(244, 244, 244, 0.04) 50%, rgba(244, 244, 244, 0.04) 100%), radial-gradient(circle at 44% 60%, rgba(177, 177, 177, 0.04) 0%, rgba(177, 177, 177, 0.04) 50%, rgba(187, 187, 187, 0.04) 50%, rgba(187, 187, 187, 0.04) 100%), linear-gradient(19deg, rgb(21, 149, 95), rgb(21, 149, 95));
}
.top-content-box {
    display: flex;
    align-items: center;
}
h1.top-content-title {
    width: 50%;
}
@media screen and (min-width:768px) and ( max-width:1176px) {
	h1.top-content-title {
		width: 80%;
	font-size:30px;}
	.content-title {
		font-size: 28px;}
	.inbund-box {width:100% !important;}
	.hotels-sb-content, .hotels-sb-content2, .hotels-sb-content3 {
		width: 30%;}
}
@media only screen and (max-width: 938px) {
.top-content-box {
	flex-direction: column;}
h1.top-content-title {
    width: 100% !important; }
section.content-box {
    flex-direction: column-reverse;}
.content-title {
    font-size: 28px;
	line-height: 1.2em;}
	.inbund-box {width:100% !important;}	
}
@media only screen and (max-width: 767px) {
.content-text {
    font-size: 18px;
    line-height: 2em;
	text-align: left;}
	.inbund-text {
    font-size: 18px;
    line-height: 1.5em;
    padding: 17px;
		top:0px !important;}
	.hotels-sb-content,
	.hotels-sb-content2,
	.hotels-sb-content3{
		width:100% !important;}
	section.hotels-sb-box {
    flex-direction: column;}
	h2.youso-title {
		font-size:28px !important;}
}
h2.youso-title {
    margin-bottom: 43px;
    color: #15955f !important;
}
.last-box {
    display: flex;
    justify-content: center;
    height: 215px;
}
.last-text {
    padding: 0.5em 1em;
    font-weight: bold;
    border: solid 1px var(--enfold-main-color-heading) !important;
    color: #141b38;
	margin:4px;
}
img.letter {
    width: 170px;
    height: 230px;
    position: relative;
    top: -50px;
    left: 30px;
}
.h400 ,.h400 img{
    max-height: 400px;width:auto;
}
@media only screen and (max-width: 767px) {
	.last-text{
		width:80%;}
.fukushi-box {
    display: flex;
    flex-direction: column;
    align-items: center;}
	img.letter {top:0px;left:0px;}
}
#top .ribbonmidashigold {
    position: relative;
    display: inline-block;
    height:fit-content;
    min-height: 50px;
    line-height: 50px;
    padding: 0 1rem;
    background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 100%);
    color: #353535;
    font-weight: bold;
    text-align: center;
    text-shadow:0 0 20px #FEE9A0,1px 1px 2px #ffffff;
}

.ribbonmidashigold::before,
.ribbonmidashigold::after {
    position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    content: '';
}

.ribbonmidashigold::before {
    left: -15px;
    border-color: #B67B03 transparent;
    border-width: 25px 0px 25px 15px;
}

.ribbonmidashigold::after {
    right: -15px;
    border-color: #B67B03 transparent;
    border-width: 25px 15px 25px 0px;
}
#top .ribbonmidashiwhite {
    position: relative;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 1rem;
    background-color: #ffffff;
    text-align: center;
}

.ribbonmidashiwhite::before,
.ribbonmidashiwhite::after {
    position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-color: #ffffff transparent;
    content: '';
}

.ribbonmidashiwhite::before {
    left: -15px;
    border-width: 25px 0px 25px 15px;
}

.ribbonmidashiwhite::after {
    right: -15px;
    border-width: 25px 15px 25px 0px;
}
.plan-icon-icon img{width:120px;max-width:15vw;height:auto;margin-right:3px;}
.kome1,.kome2,.kome3{position:relative;display:inline-block;width:fit-content;}
.kome1:before,.kome2:before,.kome3:before{position:absolute;top:-14px;right:6px;content:'*';font-size:14px;line-height:1;text-shadow:1px 1px 3px #ffffff;}
.kome1:before{content:'*1';}
.kome2:before{content:'*2';}
.kome3:before{content:'*3';}

.aiojirei-container {  margin:2em 0;}
#top .aiojirei-query {margin:0 0 1.5em 0;font-size:1.8rem;color: #718096;letter-spacing: 0.5px;line-height:1.5;border-bottom:dashed 1px #718096;padding-bottom:0;width:fit-content;max-width:100%;}
.aiojirei-query::before {  font-family:"entypo-fontello";  content: "\e803";  color: #718096; }
.aiojirei-text {  margin:;  font-size: 1.4rem;  color: #2d3748;  font-weight: bold;}
.aiojirei-text::before {  content: "★";  color: #ecc94b; }

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
	.mbnoflex{display:block;}
}
/*20260612AIO対策ページ*/
#top .box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #2d5c88;
}
span.box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 28px;
    font-size: 17px;
    background: #2d5c88;
	color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    font-size:19px;
}
.aio-box {
    display: flex;
    align-items: center;
    justify-content: center;
}
h2.aio-title {
    width: fit-content;
    margin: auto;
    line-height: 1.5;
}
.aio-content {
    display: flex;
    flex-direction: column;
    align-items: center;
	margin-top:30px;
}
#top h2.heading-9 {
    position: relative;
    padding: .5em .7em;
    border-radius: 10px;
    background-color: #2d5c88;
	color: #ffffff;
}
#top .aio-potion {
    padding: 0.5em 1em;
    border: double 5px #2d5c88;
    /*width: fit-content;*/
    margin: auto;
    margin-top: 47px;
}
.aio-box2 {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: -20px;
}
.aio-text2 {
    padding: 12px 62px;
    border-radius: 10px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.aio-text {
    border-radius: 0 0 10px 10px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	background: #ffffff;
	padding:24px 40px;
}
#top .sub-blog-title {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #ffffff ;
    background: #2d5c88;
    border-bottom: solid 6px #b0b0c5;
    border-radius: 9px;
    text-align: center;
}
@media only screen and (max-width: 767px) {
	.aio-box {flex-direction: column;}
	.box27{margin-top: 36px;}
	.aio-box2 {flex-direction: column;}
	.aio-text2 {padding: 4px 12px; margin-top:22px;}
	#top .aio-border,#top .aio-border table ,#top .aio-border td{font-size:12px;}
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
	.aio-text2 { padding: 18px 6px; width:60%;}
}
#top .aio-border,#top .aio-border table,#top .aio-border td {
	font-size: 18px;
    line-height: 0.8em;
}
h3.jirei-title {
  position: relative;
  padding: 1rem 2rem;
  border-bottom: 6px solid #2d5c88;
	width:85%;
}

h3.jirei-title:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background: #15955f;
}
.jirei-box {
	display: flex;}
.jirei-top {
    width: 77%;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
	.jirei-top { width: 100%;}
	.jirei-box {
    flex-direction: column;
    align-items: center;}
	h3.jirei-title {width:100%;}
}
@media only screen and (max-width: 767px) {
	.jirei-top { width: 100%;}
	.jirei-box {
    flex-direction: column;
    align-items: center;}
	h3.jirei-title {width:100%;}
}