a {
 -webkit-tap-highlight-color:#eee;
}

.flexslider{
	background: #fff url(../img/loader.gif) no-repeat center center;
}
.maincopy {
	font-size: 20px;
	text-align: left;
	font-weight: normal;
	line-height: 1.9;
	margin-bottom:  1.3em;
	margin-top: -0.2em;
	letter-spacing: 0.1em;
}

.subcopy {
	text-align: left;
	line-height: 2.2;
	font-size: 14px;
	letter-spacing: 0.1em;
}

.plan {
	width: 100%;
	padding: 140px 0 0 0;
	text-align: left;
}

.plan-detail {
	margin-top: 70px;
	padding: 0;
}


.plan-detail .text h3 {
	font-size: 24px;
	margin-bottom: 1em;
	font-weight: normal;
}
.plan-detail .text h3 small {
	color: #111;
}
.plan-detail .text h3 span {
	margin-left:  -4px;
	letter-spacing: .1em;
}
.plan-detail .text ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.plan-detail .text ul li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.plan .price1 {
	font-family: 'Amiri', serif;
	font-weight: 800;
	font-size: 24px;
	letter-spacing: 0.1em;
	margin-bottom: 0.4em;
}

.plan .price1 small {
	font-size: 70%;
}
.plan .price2 {
	font-family: 'Amiri', serif;
	font-weight: 800;
	font-size: 32px;
	letter-spacing: 0.1em;
	line-height: 1.2;
}

.plan .price2 small {
	font-size: 60%;
}
.plan .price2 .period {
	font-size: 50%;
	font-family: 'Noto Sans JP', sans-serif;
}

.plan .price-add {
	font-size: 16px;
	margin-top: -1em;
	color: #999;
}

.plan dl {

}

.plan dl dt {
	line-height: 2;
}

.plan dl dd {
	line-height: 1.8;
}

.plan-link{
	margin-top: 100px;
}

@media screen and (min-width: 769px) {
.plan-detail .text {
	padding-left: 80px;
	margin: -40px 0  -60px 0;
}
}

.plan .information {
	/*background: #F7F8FA;*/
	padding: 20px 40px;
	width: 100%;
	margin-top: 80px;
	border: solid 1px #999;
}

.plan .information small {
	color:#666;
}

.probootstrap-section.flow {
	padding: 2em 0 0 0;
} 


.gallery a:hover img {
opacity: .7;
-webkit-opacity: .7;
-moz-opacity: .7;
filter: alpha(opacity=70);	/* IE lt 8 */
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}
 
.gallery a img {
-webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
-ms-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
}

.contact {
	padding: 160px 0;
}

.contact p {
	font-size: 20px;
}

.contact p span {
	font-size: 28px;
	font-family: quicksand, sans-serif;
	font-weight: 800;
	letter-spacing:  0.1em;
}


.contact a, .contact a:hover, .contact a:link {
	color: #fff;
}

.contact .btn {
	font-size: 15px;
	color: #111;
	background: #fff;
	border: #111 solid 1px;
	width: 30%;
	padding: 20px 0;
	margin-top:  1em;
	-webkit-border-radius: 0.5em;
  	-moz-border-radius: 0.5em;
  	border-radius: 0.5em;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

.contact .btn:hover {
    opacity: .5;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}

@media (max-width: 1020px) and (min-width: 768px) { 
.contact .btn {
	width: 60%;
	padding: 20px 0;
	font-size: 16px;
}
}

@media screen and (max-width: 767px) {
.contact .btn {
	width: 70%;
	padding: 20px 0;
	font-size: 16px;
}
}

.outro .probootstrap-heading p {
	color: #fff;
	font-size:  14px;
	line-height:  1.9;
}

.outro .probootstrap-heading h4 {
	font-family: 'Petit Formal Script', cursive;
	color:#fff;
	font-size: 26px;
	margin-top:  140px;
	margin-bottom: 20px;
	letter-spacing: 0;
}
@media screen and (min-width: 768px) {
	.outro .probootstrap-heading {
	padding-top: 50px;
	}
	.outro .probootstrap-heading p {
	font-size:  16px;
		letter-spacing:  0.2em;
	}
	.outro .probootstrap-heading h4 {
	font-family: 'Petit Formal Script', cursive;
	color:#fff;
	font-size: 40px;
	margin-top: -100px;
	margin-bottom:  50px;
}
}
.contact .tel {
	margin-top: 100px;
}

.contact .tel a , .contact .tel a:hover, .contact .tel a:link {
	color: #111;
}

.contact .tel span {
	font-family: 'Amiri', serif;
}

@media screen and (max-width: 767px) {
.contact .tel {
	margin-top: 40px;
	margin-bottom: 40px;
	line-height: 1.8;
}
.contact .secondary-heading {
	font-size: 28px;
}
	
.contact .btn {
	font-size: 14px;
}
.contact {
	padding: 100px 0px;
}

}
/*  ================  スマホ対策  ================  */

@media screen and (min-width: 768px) {
.sp-only {
	display:none;
}
}

@media screen and (max-width: 767px) {
.pc-only {
	display:none;
}
}

.sp-only .secondary-heading {
	margin-top: 180px;
}

@media screen and (max-width: 992px) {
  .plan .probootstrap-cell .image, .probootstrap-cell .text {
    width: 90%;
	margin: 0 auto;
  }
}

.sp-only .slides h1 {
	padding-top: 50px;
}

.pc-only .slides h1 {
	margin-top: -50px;
}


.plan {
	width: 100%;
	padding: 80px 0 40px 0;
	text-align: left;
}

.plan-detail {
	margin-bottom: 20px;
	padding: 0;
}
.plan .information {
	margin-top: 30px;
	padding: 20px;
	width: 90%;
	margin-left: 5%;
}
small.subplan {
	font-size:12px;
}

img.sp-img {
	width: 96%;
	margin-left:  1%;
}

@media screen and (max-width: 767px) {
.plan-link{
	margin-top: 30px;
}
.plan-detail {
	margin-top: 20px;
}

.plan-detail .text h3 {
	font-size: 20px;
	margin-bottom: 1em;
	font-weight: normal;
}
.plan-detail .text h3 small {
	color: #111;
}
.plan-detail .text h3 span {
	margin-left:  -4px;
	letter-spacing: .1em;
}
.plan .price2 .period {
	font-size: 50%;
	font-family: 'Noto Sans JP', sans-serif;
}
.plan .price2 {
	font-size: 28px;
	letter-spacing: 0.05em;
	line-height: 1.2;
}
.plan .price1 {
	font-size: 22px;
	letter-spacing: 0.05em;
	margin-bottom: 0.3em;
}

.plan .price1 small {
	font-size: 70%;
}

}

/*  ================  明朝体指定  ================  */
.mincho {
     font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight: normal;
}


/*  ================  プランリンク  ================  */
.cos-link-wrap {
	margin-left:-40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cos-link {
	font-family: 'Amiri', serif;
	font-size: 1.6em;
	font-weight: bold;
	border: solid 1px #000;
	padding:20px;
	display: block;
	box-sizing: border-box;
	width : 49% ; /* 未対応ブラウザ用フォールバック */
 	width : -webkit-calc(98% / 2) ;
  	width : calc(98% / 2) ;
	-webkit-border-radius: 0.5em;
  	-moz-border-radius: 0.5em;
  	border-radius: 0.5em;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
.cos-link a:hover{
	color: #000;
	 opacity: .5;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}

.cos-link span {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: normal;
	font-size: 0.7em;
}

@media screen and (max-width: 767px) {
	.cos-link-wrap {
	margin-left:0px;
	margin-right:0px;
		margin-bottom: 10px;
}
	.cos-link {
	font-size: 1.4em;
	padding:20px;
	display: block;
	box-sizing: border-box;
	width : 90% ; 
 	width : -webkit-calc(90% / 1) ;
  	width : calc(90% / 1) ;
}
	.cos-link+.cos-link{
		margin-top: 10px;
	}
}


/*  ================  お問い合わせボタン  ================  */

.contact_btn {
	margin-right: 20px;
}

@media screen and (max-width: 767px) {
.contact_btn {
	margin-right: 0;
}
}

/*  ================  ギャラリー  ================  */

.gallery-title{
	font-size: 1.8em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight: normal;
}

/*  ================  バナー  ================  */

.linkbanner{
	width: 100%;
 	 margin: 0 auto;
 	 max-width: 640px;
}
@media screen and (max-width: 767px) {
.linkbanner {
	 margin: 0 auto;
	width: 320px;
}
	.linkbanner img {
	max-width: 320px;
}
}

/*@media screen and (max-width: 568px) {
.linkbanner {
	 margin: 0 auto;
	width: 80%;
}
	.linkbanner img {
	max-width: 320px;
		padding-right: 18px;
}
}*/