@charset "utf-8";
/*
theme Name: WordPressレスポンシブテーマ作成byPlusers
Author: Plusers
Description: original theme
version： 1.0.0
*/


/* 色 */
.colorBlue{color: #5472cb;}
.colorPink{color: #e95388;}
.colorRed{color: #e50000;}

.bgWhite{background: #fff;}
body {background: #fffbf3; color: #2d2d2d;}

/* ボタン・テキストリンク */




a{
color: #5472cb;
text-decoration: underline;
}
a:hover{
color: #e95388;
}

a.txtLink-blue02{
color: #5472cb;
}
a.txtLink-blue02:hover{
color: #e95388;
}


@media print, screen and (min-width: 768px){/*pc */
.w250Pc{
width: 250px;
margin: 0 auto;
}
.w370Pc{
width: 370px;
margin: 0 auto;
}
.w450Pc{
width: 450px;
margin: 0 auto;
}
.w100Pc{width: 100px;}
.w120Pc{width: 120px;}
.w350Pc{width: 350px;}


.btnBlue{
background: #5472cb;
height: 50px;
line-height: 51px;
}
.btnBlue:hover{
background: #e95388;
opacity: 1!important;
}
.btnBlue span{
position: relative;
font-size: 15px;
color: #fff;
}
.story_btn .btnBlue span { font-size: 16px;}
.btnBlue span:after{
content: " ";
width: 12px;
height: 10px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-yaji-white.png) no-repeat top left;
background-size: 100%;
position: absolute;
top: 6px;
right: -20px;
}

.btnBlueS{
background: #5472cb;
height: 30px;
line-height: 29px;
}
.btnBlueS:hover{
color: #fff;
background: #e95388;
opacity: 1!important;
}
.btnBlueS span{
position: relative;
font-size: 12px;
color: #fff;
}
.btnBlueS span:after{
content: " ";
width: 8px;
height: 7px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-yaji-white.png) no-repeat top left;
background-size: 100%;
position: absolute;
top: 6px;
right: -12px;
}


.btnRed{
background: #e50000;
height: 50px;
line-height: 51px;
}
.btnRed span{
position: relative;
font-size: 15px;
color: #fff;
}
.btnRed span:after{
content: " ";
width: 12px;
height: 10px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-yaji-white.png) no-repeat top left;
background-size: 100%;
position: absolute;
top: 6px;
right: -20px;
}

a.txtLink-blue{
color: #5472cb;
}
a.txtLink-blue:hover{
color: #e95388;
}
a.txtLink-blue span{
position: relative;
padding-left: 12px;
}
a.txtLink-blue span:before{
content: " ";
width: 8px;
height: 7px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-yaji-blue.png) no-repeat center left;
background-size: 100%;
position: absolute;
top: 7px;
left: 0px;
}

a.linkMado span{
position: relative;
padding-right: 17px;
}
a.linkMado span:after{
content: " ";
width: 10px;
height: 10px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-link-mado.gif) no-repeat top left;
background-size: 100%;
position: absolute;
top: 4px;
right: 0px;
}
}

@media only screen and (max-width: 767px){/*sp*/
.btnBlue{
background: #5472cb;
height: 55px;
line-height: 55px;
}
.btnBlue:hover{
background: #e95388;
opacity: 1!important;
}
.btnBlue span{
position: relative;
color: #fff;
}
.btnBlue span:after{
content: " ";
width: 10px;
height: 9px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-yaji-white.png) no-repeat top left;
background-size: 100%;
position: absolute;
top: 35%;
right: -20px;
}

.btnBlueS{
background: #5472cb;
height: 30px;
line-height: 29px;
}
.btnBlueS:hover{
color: #fff;
background: #e95388;
opacity: 1!important;
}
.btnBlueS span{
position: relative;
font-size: 3vw;
color: #fff;
}
.btnBlueS span:after{
content: " ";
width: 8px;
height: 7px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-yaji-white.png) no-repeat top left;
background-size: 100%;
position: absolute;
top: 35%;
right: -13px;
}

.btnBlueLSp{
background: #5472cb;
height: auto;
line-height: 1.5em;
padding: 10px 0;
}
.btnBlueLSp:hover{
background: #e95388;
opacity: 1!important;
}
.btnBlueLSp span{
position: relative;
color: #fff;
}
.btnBlueLSp span:after{
content: " ";
width: 10px;
height: 9px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-yaji-white.png) no-repeat top left;
background-size: 100%;
position: absolute;
top: 40%;
right: -40px;
}

.btnRed{
background: #e50000;
height: 55px;
line-height: 55px;
}
.btnRed span{
position: relative;
color: #fff;
}
.btnRed span:after{
content: " ";
width: 10px;
height: 9px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-yaji-white.png) no-repeat top left;
background-size: 100%;
position: absolute;
top: 35%;
right: -20px;
}


a.txtLink-blue{
color: #5472cb;
text-decoration: underline;
}
a.txtLink-blue:hover{
color: #e95388;
}
a.txtLink-blue span{
position: relative;
padding-left: 12px;
}
a.txtLink-blue span:before{
content: " ";
width: 8px;
height: 7px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-yaji-blue.png) no-repeat center left;
background-size: 100%;
position: absolute;
top: 35%;
left: 0px;
}


a.linkMado span{
position: relative;
padding-right: 22px;
}
a.linkMado span:after{
content: " ";
width: 12px;
height: 12px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-link-mado.gif) no-repeat top left;
background-size: 100%;
position: absolute;
top: 20%;
right: 0px;
}
}



/*pc */
@media print, screen and (min-width: 768px){
body , html{min-width: 1040px;}
html {overflow: auto;}
body {overflow: hidden; background: #fffbf3;padding-top: 144px;}

header{
padding: 10px 0 5px;
background: #fffbf3;
position: fixed;
top: 0;
left: 0;
z-index: 20;
width: 100%;
}
header.is-animation{
box-shadow:0px 2px 5px 0px #dbdbdb;
padding: 10px 0 0;
}

.head-logo{
margin-right: 75px;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 475px;
}
.is-animation .head-logo{
width: 350px;
margin-right: 265px;
}
.head-tel{
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 223px;
}
.is-animation .head-tel{
width: 190px;
}
.head-contact{
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 210px;
background:url(/stg/wp-content/uploads/images/img-head-contact-on.gif) no-repeat top left;
background-size: 100%;
}
.head-contact a:hover img{
opacity:0;
}

.is-animation .head-contact{
width: 175px;
}

#global-nav ul li{
float: left;
}

.blogBtn{
position: fixed;
top: 30%;
right: 0px;
z-index: 100;
background:url(https://www.siawase-fairy.com/wp-content/uploads/images/img-blogBtn-on.gif) no-repeat top left;
background-size: 100%;
}
.blogBtn a:hover img{
opacity:0;
}

}

/*sp*/
@media only screen and (max-width: 767px){
body{padding-top: 56px;}
header{
padding: 10px 0 0 10px;
}
header.is-animation{
box-shadow:0px 2px 5px 0px #dbdbdb;
}
.head-logo{
width: 200px;
padding: 10px 0 0 2%;
}
.inner:after {
	content: "";
	clear: both;
	display: block;
}
	.container{
		overflow: hidden;
	}
.contents .slick-dotted.slick-slider {
	margin-top: 25px;
}

/* header　メニュー */
#top-head {
	top: -100px;
	position: absolute;
	width: 100%;
	margin: 100px auto 0;
	padding: 30px 0 0;
	line-height: 1;
	z-index: 999;
}
#top-head a{
	color: #fff;
	text-decoration: none;
}
#top-head .inner {
	position: relative;
}

/* Fixed */
#top-head.fixed {
	margin-top: 0;
	top: 0;
	position: fixed;
	padding-top: 10px;
	height: 55px;
	background: rgba(255,255,255,.7);
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
}

#top-head.fixed #global-nav ul li a {
	color: #333;
	padding: 0 20px;
}

/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 12px;
	top: 14px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}
#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #5472cb;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}
#top-head,
.inner {
	width: 100%;
	padding: 0;
}
#top-head {
	top: 0;
	position: fixed;
	margin-top: 0;
}
/* Fixed reset */
#top-head.fixed {
	padding-top: 0;
	background: transparent;
}
#mobile-head {
	width: 100%;
	height: 56px;
	z-index: 999;
	position: relative;
	background: #fffbf3;
}
#global-nav {
	width: 100%;
	height: auto;
	padding: 20px 0 0;
	font-size: 14px;
	list-style: none;
	position: fixed;
	/* 開いてないときは画面外に配置
	top: -200%;
	left: 0;
	-webkit-transition: .8s ease-in-out;
	-moz-transition: .8s ease-in-out;
	transition: .8s ease-in-out;
	background: #5472cb;
	text-align: center; */
	display: none;
}

#global-nav ul {
	height: 100%;
	list-style: none;
	position: static;
	right: 0;
	bottom: 0;
	font-size: 5vw;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#global-nav ul li {
	float: none;
	position: static;
	border-bottom: 1px dotted #fff;
}
#global-nav ul li.nav_contact {
	background-color: #fff;
}
#global-nav ul li.nav_contact a {
	width: 100%;
	height: auto;
	padding: 0 30px;
	display: block;
	background-color: #fff;
}
#global-nav ul li.nav_contact .nav_img01 {
	width: 90%;
	height: auto;
	margin: 0 auto;
	background-color: #fff;
}
#global-nav ul li:last-child {
	border-bottom: none;
}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {
	width: 100%;
	display: block;
	color: #fff;
	padding: 18px 0;
}
#nav-toggle {
	display: block;
}
/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
/* #global-nav スライドアニメーション */
.open #global-nav {
	height: 100%;
/* #global-nav top + #mobile-head height
	-moz-transform: translateY(200%);
	-webkit-transform: translateY(200%);
	transform: translateY(200%); */
	display:  block;
	background: #5472cb;
	text-align: center;
}
.open #global-nav ul li:last-child {
	padding-bottom: 50px;
}

.blogBtn{
position: fixed;
bottom: 0;
left: 10px;
z-index: 100;
width: 130px;
height: 68px;
}
}





/* スライダー・リード文・プロフィール */
.slider-covor{
position: absolute;
bottom: -2px;
left: 0;
}
.top-award {
width: 530px;
position: absolute;
right: 10%;
bottom: 30px;
}
/* .read{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-message-bg.jpg) no-repeat;
} */


/* Large PC */
@media only screen and (max-width: 1200px){
.top-award {
right: 5%;
}
}

/* Small PC */
@media only screen and (max-width: 1100px){
.top-award {
width: 40%;
}
}

@media only screen and (max-width: 767px){/* sp */
	.top-award {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	right: 0;
	bottom: 0;
	}
}

/* プロフィール非表示設定 */
.prof-accbox {
width: 100%;
margin: 2em 0;
padding: 0;
max-width: auto;/*最大幅*/
text-align: center;
}
/*ボタン*/
.prof-accbox label {
display: inline-block;
margin: 1.5px 0;
padding : 6px 30px 12px;
color :#2f8fcf;
font-weight: bold;
background :#daebfd;
cursor :pointer;
transition: all 0.5s;
position: relative;
}
.prof-accbox label::after {
content: "";
width: 5px;
height: 5px;
border: 1px solid;
border-color:  transparent transparent #2f8fcf #2f8fcf;
transform: translateX(-50%) rotate(-45deg);
transition: all 0.5s;
position: absolute;
bottom: 8px;
left: 50%;
}
/*ボタンホバー時*/
.prof-accbox label:hover {
background :#e95388;
color: #fff;
}
.prof-accbox label:hover::after {
border-color:  transparent transparent #fff #fff;
}
/*チェックは隠す*/
.prof-accbox input {
display: none;
}
/*中身を非表示にしておく*/
.prof-accbox .accshow {
height: 0;
margin: 15px auto 0;
padding: 0 5%;
text-align: left;
border: 1px solid #eee;
border-radius: 15px;
opacity: 0;
overflow: hidden;
}
/*クリックで中身表示*/
.cssacc:checked + .accshow {
width: 750px;
height: auto;
padding: 5px 5% 15px;
transition: 0.8s;
opacity: 1;
}
.read .top-bnr ul img {
background-color: none;
border: none;
}
.read .btnBlue.linebtn {
background-color: #44c767;
border-radius: 50px;
}
/*ブログリンク*/
.blog_links {
padding: 3em 0 4em;
/*background: url(/wp-content/uploads/images/blog_linkbg.jpg) center / cover no-repeat;*/
background: url(/wp-content/uploads/images/img-story-bg.gif) repeat top left;
}
.blog_links ul {
width: 840px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}
.blog_links ul li {
width: 260px;
margin-bottom: 1em;
}
.blog_links ul li:nth-child(3n) {
margin-right: 0;
}
.blog_links ul li a {
padding: 30px 35px;
height: 100%;
text-decoration: none;
background-color: #fff;
border-radius: 10px;
display: block;
}
.blog_links ul li a:hover {
opacity: .7;
transition: .3s;
}
.blinks_imgs {
width: 130px;
margin: 0 auto;
display: block;
}
.blog_links ul li:nth-child(4) a {
padding: 30px 0 30px 35px;
}
.blog_links ul li:nth-child(4) .blinks_imgs {
width: 180px;
margin: 0 -5px 0 auto;
}
.blog_links ul li .blinks_txt {
width: 100%;
margin: 1em 0 .5em;
font-size: 20px;
color: #5472cb;
text-align: center;
display: block;
}
.blog_links ul li:nth-child(4) .blinks_txt {
margin-top: 0;
padding-right: 35px;
}
.blog_links ul li .blinks_txt2 {
width: 100%;
font-size: 13px;
color: #2d2d2d;
display: block;
}
.blog_links ul li:nth-child(4) .blinks_txt2 {
padding-right: 35px;
}

/* 海外成婚メッセージ */
.overseas_epi_bg{
	background: url(https://www.siawase-fairy.com/wp-content/uploads/images/overseas-epi/img_overseas_bg01.gif), url(https://www.siawase-fairy.com/wp-content/uploads/images/overseas-epi/img_overseas_bg03.gif);
	background-repeat: no-repeat, no-repeat ;
	background-position: top left, bottom left;
	padding-top: 50px;
    padding-bottom: 60px;
	position: relative;
	background-size: 100%;
}
.overseas_epi{
	background: url(https://www.siawase-fairy.com/wp-content/uploads/images/overseas-epi/img_overseas_bg02.gif);
	background-repeat: repeat-y ;
	background-position: top left;
	padding-top: 10px;
	padding-left: 70px;
    padding-right: 70px;
	background-size: 100%;
}
.overseas_epi_box{
	max-width: 900px;
}
.overseas_epi .epi-btn{
	width: 120px;
    margin: 20px auto auto;
    padding: 4px 0px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: bold;
    color: #fff;
    background-color: #9baee6;
    border-radius: 50px;
    display: block;
    text-align: center;
    transition: .3s;
}
.over_pats_01{
	position: absolute;
    top: 38px;
    left: 38px;
}
.over_pats_02{
	position: absolute;
	top: 35px;
    right: 40px;
    transform: rotate(90deg);
}
.over_pats_03{
	position: absolute;
	bottom: 32px;
    left: 44px;
	transform: rotate( -90deg );
}
.over_pats_04{
	position: absolute;
    bottom: 35px;
    right: 35px;
    transform: rotate(180deg);
}
.overseas_epi h3{
	font-size: 16px;
	padding-bottom: 10px;
}
.overseas_epi img{
	max-width: 100%;
}
.overseas_epi_list > ul {
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px 30px;
}

.overseas_epi_list > ul li{
	width: 31%;
}
.overseas_epi_list > ul li a {
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: block;
}
.overseas_epi_list > ul li a:hover {
    transition: .3s;
    opacity: .7;
}
.overseas_epi_list_txt{
	color: #2d2d2d;
	line-height: 1.5;
}
.overseas_epi_list img{
	padding-bottom: 10px;
}
/* 成婚メッセージ */
.epi_title {
padding: .5em 1em;
background: #f3f9ff;
border-bottom: 3px double #5472cb;
border-top: 3px double #5472cb;
}
.epi-list > ul {
margin-top: 30px;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
}
.epi-list > ul li {
width: 100%;
margin-bottom: 25px;
}
.epi-list > ul li a {
width: 100%;
height: 100%;
padding: 5px;
color: #2d2d2d;
text-decoration: none;
background-color: #fff;
box-shadow: 0 0 5px 0 #cfcfcf;
display: block;
}
.epi-list > ul li .epi-inbox {
width: 100%;
height: 100%;
padding: 40px 5px 5px;
border: 1px solid #f896b8;
position: relative;
display: flex;
flex-direction: column;
}
.epi-list > ul li.men .epi-inbox {
border: 1px solid #b0bfed;
}
.epi-list > ul li .epi-title {
padding: 2px .8em 2px .5em;
font-size: 13px;
font-weight: bold;
color: #fff;
background-color: #f896b8;
border-radius: 0 0px 20px 0;
position: absolute;
left: 0;
top: 0;
}
.epi-list > ul li.men .epi-title {
background-color: #9baee6;
}
.epi-list > ul li .epi-katu {
margin: 0 7px 0;
padding: 1px 7px;
font-size: 11px;
line-height: 1.5;
font-weight: bold;
color: #f896b8;
background-color: #fff;
border-radius: 50px;
vertical-align: middle;
display: inline-block;
}
.epi-list > ul li.men .epi-katu {
color: #9baee6;
}
.epi-list > ul li .epi-img {
width: 100%;
height: auto;
}
.epi-list > ul li .epi-img img {
width: 100%;
height: auto;
}
.epi-list > ul li .epi-txt {
width: 100%;
padding: 10px;
font-size: 13px;
line-height: 1.5;
display: flex;
flex-direction: column;
}
.epi-list > ul li .epi-btn {
width: 120px;
margin: auto auto 5px;
padding: 4px 0px;
font-size: 12px;
line-height: 1.5;
font-weight: bold;
color: #fff;
background-color: #f896b8;
border-radius: 50px;
display: block;
text-align: center;
transition: .3s;
}
.epi-list > ul li.men .epi-btn {
background-color: #9baee6;
}
.epi-list > ul li a:hover {
color: #2d2d2d;
transition: .3s;
opacity: .7;
}
/*.epi-list > ul li a:hover .epi-btn {
background-color: #e95388;
}
.epi-list > ul li a:hover.men .epi-btn {
background-color: #5472cb;
}*/



@media print, screen and (min-width: 768px){/*pc */
	.topImg{
	overflow:hidden;
	width: 100%;
	}
	.topImg p{
	position: relative;
	left: 50%;
	margin-left: -850px;
	}
	.topImg p img{
	min-width: 1700px;
	}
	.slider{width: 100%; max-width: 1400px; margin: 0 auto;}
	.slider-covor{min-width: 1400px;}
	.read{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-position: right/*calc(50% - -400px) 100px*/;
	padding-bottom: 70px;
	position: relative;
	}
	.read2{
	padding-bottom: 50px;
	}
	.read .top-bnr ul {
	width: 780px;
	margin: 0 auto;
	}
	.read .top-bnr ul.top-bnr01 {
	width: 500px;
	margin: 0 auto;
	}
	.read .top-bnr ul.top-bnr02 {
	width: 500px;
	}
	.read .read-txt {
	padding-left: 425px;
	}
	.read-img02 {
	width: 285px;
	height: auto;
	position: absolute;
	top: 270px;
	left: 80px;
	}
	.read-img02 img {
	width: 100%;
	}
	.top-profile{
	background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-profile-bgH.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/img-profile-bgF.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/img-profile-bg.gif);
	background-repeat: no-repeat , no-repeat , repeat-y;
	background-position: top left , bottom left , top left;
	padding: 36px 70px;
	}
	.top-profile-img{
	width: 154px;
	float: left;
	}
	.top-profile .movie_frame {
	width: 340px;
	padding-top: 57.8%;
	float: left;
	position: absolute;
	left: -360px;
	top: 5px;
	}
	.top-profile .movie_frame iframe {
	width: 340px;
	}
	.top-profileR{
	width: 330px;
	/*width: 630px;*/
	float: right;
	position: relative;
	}
	.fs20Pc{
	font-size: 20px;
	}
	.award-img {
	margin-right: 25px;
	}
	.award-img figure {
	margin: 0 25px;
	}
	.award-img figure img {
	width: 150px;
	}
	.award-img figure figcaption {
	text-align: center;
	font-size: 13px;
	}
	.top-direct {
	float: right;
	width: 500px;
	}
	.top_directimg {
	float: left;
	width: 300px;
	margin-top: 10px;
	}
	.top_directimg img {
	width: 100%;
	}
	.epi-list > ul li {
	width: 24%;
	margin-right: 1%;
	margin-bottom: 25px;
	}
	.epi-list > ul li:nth-child(4n) {
	margin-right: 0;
	}
	.epi-list > ul li:last-child {
	margin-right: 0;
	}
}

@media only screen and (max-width: 767px){/* sp */
	.read{
	background-position: top right;
	padding-bottom: 70px;
	background-color:rgba(255,251,243,.7);
	background-blend-mode:lighten;
	}
	.read h1 {
	font-size: 5vw;
	}
	.read2{
	padding-bottom: 40px;
	}
	.top-profile{
	background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-profile-bgH-sp.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/img-profile-bgF-sp.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/img-profile-bg-sp.gif);
	background-repeat: no-repeat , no-repeat , repeat-y;
	background-position: top left , bottom left , top left;
	background-size: 100%;
	padding: 20px 5%;
	}
	.top-profile-img{
	width: 70%;
	margin: 0 auto;
	}
	.cssacc:checked + .accshow {
	width: 95%;
	}
	.read .top-bnr li.maruteki img {
	width: 60%;
	margin-right: 0;
	vertical-align: middle;
	display: inline-block;
	}
	.read .top-bnr li.maruteki p {
	width: 30%;
	vertical-align: middle;
	display: inline-block;
	}
	.read .top-bnr li img.bnr11 {
	width: 70%;
	margin: 0 auto;
	}
	.blog_links {
	padding: 1.5em 5%;
	/*background: url(/wp-content/uploads/images/blog_linkbg.jpg) center / cover no-repeat;*/
	}
	.blog_links ul {
	width: 100%;
	}
	.blog_links ul li {
	width: 48%;
	margin-bottom: .5em;
	}
	.blog_links ul li a {
	padding: 8px 5%;
	height: 100%;
	}
	.blinks_imgs {
	width: 55%;
	}
	.blog_links ul li:nth-child(4) a {
	padding: 8px 0 5% 8px;
	}
	.blog_links ul li:nth-child(4) .blinks_imgs {
	width: 80%;
	margin: 0 -4% 0 auto;
	}
	.blog_links ul li .blinks_txt {
	margin: .3em 0;
	font-size: 16px;
	line-height: 1.2;
	}
	.blog_links ul li:nth-child(4) .blinks_txt {
	margin-top: 0;
	padding-right: 5%;
	}
	.blog_links ul li .blinks_txt2 {
	font-size: 12px;
	}
	.blog_links ul li:nth-child(4) .blinks_txt2 {
	padding-right: 5%;
	}
	.award-img figure {
	width: 45%;
	margin: 0 2%;
	}
	.award-img figure img {
	width: 100%;
	}
	.award-img figure figcaption {
	text-align: center;
	font-size: 13px;
	}
	.overseas_epi{
		padding-top: 20px;
		padding-right: 5%;
		padding-left: 5%;
	}
	.overseas_epi_box{
		width: 85%;
		margin: 0 auto;
	}
	.overseas_epi .epi-btn {
		width: 60%;
		margin: 10px auto 15px auto;
		padding: 8px 0px;
	}
	.overseas_epi h3{
		font-size: 18px;
	}
	.overseas_epi_bg{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.overseas_epi_list > ul {
		flex-direction: row;
		gap: 0;
	}
	.overseas_epi_list > ul li {
		width: 100%;
		padding-bottom: 30px;
	}
	.overseas_epi_list > ul li:last-child {
		padding-bottom: 10px;
	}
	.overseas_epi_list img{
		padding-bottom: 5px;
	}
	.over_pats_01{
		top: 18px;
		left: 18px;
		width: 50px;
	}
	.over_pats_02{
		top: 15px;
		right: 20px;
		width: 50px;
	}
	.over_pats_03{
		position: absolute;
		bottom: 12px;
		left: 24px;
		width: 50px;
	}
	.over_pats_04{
		position: absolute;
		bottom: 15px;
		right: 15px;
		width: 50px;
	}
	.kirakira{
		width: 30%;
		margin: 0 auto;
	}







	.epi-list > ul li .epi-area {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	}
	.epi-list > ul li .epi-img {
	width: 48%;
	height: auto;
	}
	.epi-list > ul li .epi-txt {
	width: 48%;
	padding: 0 10px;
	}
	.epi-list > ul li .epi-btn {
	margin: 15px auto 5px;
	}
}

/*  5つのポイント   */
@media print, screen and (min-width: 768px){/*pc */
.waku01{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/concept/concept-waku01-H.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/concept/concept-waku01-F.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/concept/concept-waku01.gif);
background-position: top left , bottom left , top left;
background-repeat: no-repeat , no-repeat , repeat-y;
padding: 40px 60px;
}
.point5_list ol {padding: 0 65px 30px;}
}

@media only screen and (max-width: 767px){/* sp */
.waku01{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/concept/concept-waku01-H-sp.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/concept/concept-waku01-F-sp.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/concept/concept-waku01-sp.gif);
background-repeat: no-repeat , no-repeat , repeat-y;
background-position: top left , bottom left , top left;
background-size: 100%;
padding: 20px 5%;
}
}

.point-hart{
position: relative;
}
.point-hart01:before{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/concept/concept-point1.gif) no-repeat top left; background-size: 100%;}
.point-hart02:before{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/concept/concept-point2.gif) no-repeat top left; background-size: 100%;}
.point-hart03:before{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/concept/concept-point3.gif) no-repeat top left; background-size: 100%;}
.point-hart04:before{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/concept/concept-point4.gif) no-repeat top left; background-size: 100%;}
.point-hart05:before{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/concept/concept-point5.gif) no-repeat top left; background-size: 100%;}
.point-hart06:before{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/concept/concept-point6.gif) no-repeat top left; background-size: 100%;}

@media print, screen and (min-width: 768px){/*pc */
.point ol{
padding-left: 50px;
padding-right: 20px;
}
.point-hart:before{
content: " ";
width: 39px;
height: 33px;
position: absolute;
top: 0px;
left: -50px;
}
.point-graph{
margin: 0 0 0 150px;
width: 370px;
}
}
@media only screen and (max-width: 767px){/* sp */
.point .point-hart{
padding-left: 60px;
}
.point-hart:before{
content: " ";
width: 39px;
height: 33px;
position: absolute;
top: 5px;
left: 0;
}
}



/* ご成婚までのストーリー */

.top-story{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-story-bg.gif) repeat top left;
padding-top: 1px;
}
.colorBlue{
color: #5472cb;
}
.kon_column a {
width: 90%;
margin: 40px auto 0;
padding: 2em 5% 2em;
border-radius: 15px;
background: url(/wp-content/uploads/images/img-story-bg.gif) repeat top left;
display: block;
position: relative;
}
.kon_column a {
text-decoration: none;
}
.kon_column a:hover {
opacity: .7;
transition: .3s;
background-color: #eb6e96;
}
.koncol_imgs {
width: 130px;
margin: 0 auto 15px;
background-color: #fff;
border-radius: 15px;
display: block;
}
.kon_column .blinks_txt {
margin: 0 0 0.5em;
font-size: 24px;
color: #5472cb;
text-align: center;
border-bottom: 1px solid #5472cb;
}
.kon_column .blinks_txt2 {
font-size: 14px;
color: #2d2d2d;
}
.kon_column .blinks_txt3 {
width: 90%;
margin: 10px auto 0;
padding: 5px;
font-size: 18px;
color: #fff;
font-weight: bold;
text-align: center;
background-color: #e95388;
border-radius: 50px;
display: block;
}
@media print, screen and (min-width: 768px){/*pc */
	.kon_column a {
	width: 700px;
	padding: 2em 70px 2em 0;
	}
	.koncol_imgs {
	position: absolute;
	left: 30px;
	top: 35px;
	}
	.kon_column .blinks_txt {
	margin: 0 0 0.5em 180px;
	text-align: left;
	font-size: 20px;
	}
	.kon_column .blinks_txt2 {
	margin-left: 180px;
	}
	.kon_column .blinks_txt3 {
	width: 240px;
	margin: 10px 0 0 230px;
	}
}



@media print, screen and (min-width: 768px){/*pc */
.top-story{
padding-bottom: 55px;
}
.title-en{
margin: -40px auto 0;
width: 594px;
}
.top-story-step li{
width: 242px;
float: left;
margin-right: 20px;
padding-right: 40px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-story-yaji.png) no-repeat center right;
}
.top-story-step li:last-child{
width: 202px;
margin-right: 0px;
padding-right: 0px;
background: none;
}
.top-story-step-icon{
width: 82px;
}
}
@media only screen and (max-width: 767px){/* sp */
.top-story{
padding-bottom: 50px;
}
.title-en{
margin: -5% auto 0;
}
.top-story-step li{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-story-yaji-sp.png) no-repeat bottom left;
background-size: 100%;
padding-bottom: 15%;
margin-bottom: 20px;
}
.top-story-step li:last-child{
margin-bottom: 0px;
padding-bottom: 0px;
background: none;
}
.top-story-step-icon{
width: 30%;
}
}


/* ご成婚された会員様の婚活体験談NEW */

/* プロフィール非表示設定 */
.voice-accbox {
width: 840px;
margin: 0 auto;
}
/*ボタン*/
.voice-accbox label {
display: inline-block;
font-weight: bold;
cursor :pointer;
transition: all 0.5s;
position: relative;
/*border-top: 1px solid #5472cb;
border-left: 1px solid #5472cb;
border-right: 1px solid #5472cb;*/
}
.voice-accbox label img {
width: 100%;
display: block;
}
/*ボタンホバー時*/
.voice-accbox label:hover {
}
/*チェックは隠す*/
.voice-accbox input {
display: none;
}
/*中身を非表示にしておく*/
.voice-accbox .accshow {
height: 0;
opacity: 0;
overflow: hidden;
}
/*クリックで中身表示*/
.voice-acc.cssacc:checked + .accshow {
width: 100%;
height: auto;
margin-top: -9px;
padding: 0;
background-color: #fff;
/*border-bottom:  1px solid #5472cb;
border-right: 1px solid #5472cb;
border-left:  1px solid #5472cb;*/
background: url(/stg/wp-content/uploads/images/img_topvibg.jpg);
background-repeat: repeat;
background-position: top left;
background-size: auto;
transition: 0.8s;
opacity: 1;
}



/* ご成婚された会員様の婚活体験談 */
.top-voice {
padding: 0;
margin-top: 0;
background: url(/stg/wp-content/uploads/images/top-voice-bg.jpg);
background-repeat: repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
/*position: relative;
z-index: -10;*/
}
.top-voice-inbox {
width: 100%;
height: 100%;
background: url(/stg/wp-content/uploads/images/top-voicebg01.png), url(/stg/wp-content/uploads/images/top-voicebg02.png);
background-repeat: repeat-x;
background-position: left top, left bottom;
background-size: auto;
/*z-index: -8;*/
}
.top-voice-box {
}
.top-voice-box2 {
margin-top: 80px;
margin-bottom: 3em;
position: relative;
}
.top-voice-bg {
width: 100%;
padding: 10px;
}
.top-voice-wrap {
width: 100%;
padding: 30px 40px 30px 385px;
border: 1px solid #d4d8e1;
position: relative;
}
.vbox02_title {
font-size: 21px;
letter-spacing: -1px;
}
.top-voice-wrap .tpv-txt {
font-size: 18px;
}
.top-voice-wrap .tpvbtn a {
width: 100%;
height: auto;
padding: 10px 0;
}
.top-voice-wrap .tpvbtn a span {
font-size: 15px;
}
.top-voice-photo img {
border-radius: 20px;
display: block;
}
.voice-accbox label:hover {
opacity: .8;
transition: .3s;
}
@media print, screen and (min-width: 768px){/*pc */
	.top-voice-bg {
	margin-left: auto;
	margin-right: 40px;
	/*z-index: 2;*/
	}
	.top-voice-box2 .top-voice-bg {
	margin-left: 40px;
	margin-right: auto;
	}
	.top-voice-box .top-voice-photo {
	width: 320px;
	position: absolute;
	left: 40px;
    top: 50px;
    /*z-index: -5;*/
	}
	.top-voice-box2 .top-voice-photo {
	width: 480px;
	position: absolute;
	right: 40px;
	top: 50px;
	/*z-index: -5;*/
	}
}
@media only screen and (max-width: 767px){/* sp */
	.voice-accbox {
	width: 100%;
	}
	.top-voice-wrap {
	padding: 2em 8%;
	}
}


/* ご成婚された会員様からのメッセージ */
.top-message{
padding-top: 1px;
margin-top: 15px;
}
.shadow{
box-shadow: 0 0 15px 0 #cfcfcf;
}
@media print, screen and (min-width: 768px){/*pc */
.top-message-bg{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-message-bgH.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/img-message-bgF.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/img-message-bg.gif);
background-repeat: no-repeat , no-repeat , repeat-y;
background-position: top left , bottom left , top left;
background-size: 100%;
padding: 50px 45px;
}
.top-message-text{
width: 190px;
}
.top-message-photo{
width: 177px;
}
}
@media only screen and (max-width: 767px){/* sp */
.top-message{
margin-top: 5px;
}
.top-message-bg{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-message-bgH.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/img-message-bgF.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/img-message-bg.gif);
background-repeat: no-repeat , no-repeat , repeat-y;
background-position: top left , bottom left , top left;
background-size: 100%;
padding: 40px 10%;
}
}

/* 固定ページ：ご成婚された会員様からのメッセージ一覧 */
div.ms-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-right: auto;
justify-content: center;
}
div.ms-list div.f1of2Pc {
width: 480px;
min-height: 310px;
margin-left: 10px;
margin-right: 10px;
float: none;
}
@media only screen and (max-width: 767px){/* sp */
	div.ms-list div.f1of2Pc {
	width: 95%;
	min-height: auto;
	margin-left: auto;
	margin-right: auto;
	}
}
/* ページリンクの窓 */
.top-link{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-page-link-bg.jpg) repeat top left;
padding: 60px 0 90px;
}
@media print, screen and (min-width: 768px){/*pc */
	.top-link ul{
	display: -webkit-flex; display: flex;
	-webkit-flex-flow: row nowrap; flex-flow: row nowrap;
	justify-content: space-between;
	}
	.top-link ul li{
	width: 160px;
	}
}

@media only screen and (max-width: 767px){/* sp */
	.top-link ul li:last-child{
	margin-left: 25%;
	}
	.top-link{
	padding: 40px 0 90px;
	}
}

/* 海外駐在成婚ストーリーページ */
.ms-ques {
	margin: 15px 0;
    padding: 10px 2em;
    font-weight: bold;
    font-size: 18px;
	color: #e95388;
    background-color: #fcf2f4;
}
.os-conttxt {
padding-left: 1.5em;
padding-right: 1.5em;
}
@media print, screen and (min-width: 768px){/*pc */
	.ov-message-box{
	background: url(https://www.siawase-fairy.com/wp-content/uploads/images/overseas-marriages/img-ovms-bgH.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/overseas-marriages/img-ovms-bgF.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/overseas-marriages/img-ovms-bg.gif);
	background-repeat: no-repeat , no-repeat , repeat-y;
	background-position: top left , bottom left , top left;
	background-size: 100%;
	padding: 50px 45px;
	box-shadow: 0 0 5px 0 #cfcfcf;
	}
	}
@media only screen and (max-width: 767px){/* sp */
	.ov-message-box{
	background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-message-bgH.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/img-message-bgF.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/img-message-bg.gif);
	background-repeat: no-repeat , no-repeat , repeat-y;
	background-position: top left , bottom left , top left;
	background-size: 100%;
	padding: 40px 10%;
	box-shadow: 0 0 5px 0 #cfcfcf;
	}
}



/* インフォメーション */
div.whatsnew{
margin: 0px;
}
.top-info-btn{
position: absolute;
top: 10px;
right: 0px;
}
div.whatsnew hr{
display: none;
}
div.whatsnew a{
margin: 0px;
padding: 0px;
color: #2d2d2d;
background: none;
}
div.whatsnew a:hover dd{
color: #e95388;
}

@media print, screen and (min-width: 768px){/*pc */
.top-info{
width: 100%;
}
.top-info div.whatsnew p{
color: #5472cb;
font-size: 22px;
font-weight: bold;
border-bottom: 1px solid #e1e1e1;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
div.whatsnew dt{
display: block;
width: 8.1em;
float: left;
padding: 7px 0 7px 7px;
margin: 0px;
}
div.whatsnew dd{
margin-left: 8.1em;
padding: 7px 7px 7px 0;
}
div.whatsnew dd:after{
content: '';
display: block;
clear: both;
}
div.whatsnew a{
border-bottom: 1px solid #e1e1e1;
}
}
@media only screen and (max-width: 767px){/* sp */
.top-info div.whatsnew p{
color: #5472cb;
font-size: 5.5vw;
font-weight: bold;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
div.whatsnew dl{
border-top: 1px solid #e1e1e1;
}
div.whatsnew dt{
width: 100%;
float: none;
padding: 10px 0 0 0;
margin: 0px;
}
div.whatsnew dd{
width: 100%;
float: none;
border: none;
padding: 0px 0 10px 0;
border-bottom: 1px solid #e1e1e1;
}
}
/*  連盟の特徴紹介   */
.w820Pc{
	max-width: 820px;
	margin: 0 auto;
}
.table_renmei{
	border: 1px solid #757575;
	border-collapse:collapse;
	background-color: #fff;
}
.table_renmei tr{
	border-bottom: 1px solid #999999;
}
.table_renmei tr:last-child{
	border-bottom: none;
}
.table_renmei th{
	width: 20%;
	text-align: center;
	font-weight: normal;
	font-size: 16px;
    line-height: 1;
	background-color: #f2f2f2;
	vertical-align: middle;
	border-right: 1px solid #999999;
}
.table_renmei td{
	vertical-align: middle;
}
.table_renmei .renmei_name{
	font-weight: normal;
	font-size: 10px;
	line-height: 1;
}
.table_renmei .renmei_img{
	width: 25%;
	text-align: center;
	border-right: 1px solid #999999;
	padding: 15px 0;
}
.table_renmei .renmei_img img{
	width: 65%;
}
.table_renmei .renmei_txt{
	text-align: left;
	width: 55%;
	padding: 15px;
}
.table_renmei .renmei_txt span::before {
    content: '';                /* 空の要素を作成 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #757575;  /* 背景色指定 */
    height: 8px;               /* 高さ指定 */
    width: 8px;                /* 幅指定 */
    border-radius:  50%;        /* 角丸指定 */
	margin-right: 5px;
}
@media screen and (max-width: 767px) {/*sp */
	.table_renmei th{
		width: 100%;
		display: block;
		padding: 18px 10px;
		border-right: none;
		border-bottom: 1px solid #999999;
	}
	.table_renmei .renmei_img{
		width: 100%;
		display: block;
		border-right: none;
		padding-bottom: 0;
	}
	.table_renmei .renmei_txt{
		width: 100%;
		display: block;
		padding-top: 0;
		padding-left: 2em;
	}
	.table_renmei .renmei_txt span{
		display: inline-block;
        text-indent: -1em;
	}
}
/* SNSガジェット */
@media screen and (min-width: 768px) {/*pc */
	.sns_box{
		display: flex;
		justify-content: space-between;
		max-width: 740px;
		margin: 0 auto;
	}
	.sns_banner{
		width: 40%;
	}
	.sns_facebook{
		width: 400px;
	}
}
@media screen and (max-width: 767px) {/*sp */
	.sns_facebook {
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
	}
}


/* LINE */

.top-line{
border: 4px solid #00c100;
padding: 20px 30px;
}
.top-line-title{
color: #00c100;
}
.top-line-frie{
border: 1px solid #00c100;
}
.top-line-frie01{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-line.gif) no-repeat 10px 50% #00c100;
}
@media print, screen and (min-width: 768px){/*pc */
.top-intervewlink{
width: 100%;
margin-bottom: 15px;
}
.top-line{
width: 340px;
float: right;
}
.top-line-frie{
width: 154px;
}
.top-line-frie01{
padding: 7px 0 7px 50px;
background-size: 31px;
}
.top-line-frie02{
padding: 5px 0;
}
.top-linie-qr{
position: absolute;
bottom: 10px;
right: 30px;
}
}
@media only screen and (max-width: 767px){/* sp */
.top-line-frie01{
padding: 7px 0 7px 50px;
background-size: 31px;
}
.top-line-frieBtn{
background: #00c100;
text-align: center;
width: 80%;
margin: 0 auto;
height: 44px;
line-height: 44px;
}
}


/* ウィジェットエリア */
.twitter-box {
	border: 1px solid #eee;
}
.twitter-box .timeline-Body {
	border-bottom: none!important;
}
.insta_logo {
	width: 150px;
	margin: 0 auto 15px;
}
@media print, screen and (min-width: 768px){/*pc */
	.twitter-box {
	height: 400px;
	}
}


/* バナーエリア */

.borderGray{
border: 1px solid #bbbbbb;
}
.paypal {
padding: 5px 3px 5px 6px;
text-align: center;
border: 1px solid #a6bcfc;
background: #ebf0fd;
}
.paypal table td {
color: #5472cb;
font-weight: bold;
}
.renmei_box{
	margin-top: 40px;
}
.renmei_feature{
	padding-top: 30px;
	max-width: 820px;
	margin: 0 auto;
}
.renmei_feature img{
	width: 100%;
}

@media print, screen and (min-width: 768px){/*pc */
.award-box {
background: url(/stg/wp-content/uploads/images/img-message-bg02.jpg) no-repeat;
background-position: calc(50% - -340px) 45px;
padding-bottom: 100px;
}
.paypal {
position: absolute;
top: 255px;
left: 420px;
}
.paypal table select{
width: 120px;
}
.top-bnr-title{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-bnr-title-line.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/img-bnr-title-line.gif);
background-repeat: no-repeat;
background-position: center left , center right;
}
.top-bnr ul {
width: 840px;
margin-left: 90px;
}
.top-bnr ul li{
margin-right: 8px;
margin-top: 20px;
}
.top-bnr ul li:last-child img {
	margin-right: 0;
}
/* .top-bnr ul.top-bnr-2 {
margin-left: 175px;
}
.top-bnr ul.top-bnr-2 li:first-child img {
width: 200px;
}
.top-bnr ul.top-bnr-2 li:last-child img {
margin-left: 10px;
} */
.bnrL{
width: 140px;
}
.bnrL2{
width: 235px;
}
.bnrL3{
width: 380px;
}
.bnrL3 .ibj_img01 {
width: 180px;
float: left;
}
.bnrL3 .ibj_img02 {
width: 180px;
float: right;
}
.bnrL4 img {
width: 180px;
margin-bottom: 20px;
}
.bnrL5 img {
width: 360px;
}
.bnr10 {
width: 210px;
margin: 0 auto;
}
.bnr11 {
width: 240px;
margin: 55px auto 0;
}
.bnr12 {
width: 250px;
margin: 0 auto;
}
.bnr13 {
width: 250px;
margin: 0 auto;
}
.top-profile-links a {
display: inline-block;
margin-right: 1em;
}
.top-bnr ul li.connect-ship{
	margin-right: 0px;
}
.top-bnr ul li.connect-ship img{
	max-width: 100%;
}
}

@media only screen and (max-width: 767px){/* sp */
	.award-box {
	background: none;
	}
	.paypal {
	height: 140px;
	margin-top: 15px;
	padding: 10px 5%;
	}
	.paypal table {
		width: 100%;
	}
	.paypal table select{
	margin-bottom: 15px;
	}
	.top-bnr{
	background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-bnr-title-line-sp.gif) no-repeat top left;
	background-size: 100%;
	padding-top: 30px;
	}
	.top-bnr ul{
	margin-right: -4%;
	}
	.top-bnr ul li{
	width: 46%;
	margin-right: 4%;
	margin-top: 20px;
	float: left;
	}
	.top-bnr ul li.bnrL5{
	width: 96%;
	}
	.top-bnr ul li.bnrL2{
	width: 96%;
	}
	body #facebook .plugin{
	width: 100%;
	}
	.insta_logo {
	width: 40%;
	margin: 25px auto 15px;
	}
	.top-bnr ul.top-bnr01 li {
	width: 46%;
	margin-top: 0;
	}
	.bnr12 {
	width: 100%;
	margin: 0 auto;
	}
	.bnr13 {
	width: 100%;
	margin: 0 auto;
	}
	.top-bnr ul li.bnrL3 {
	width: 100%;
	}
	.bnrL3 .ibj_img01 {
	width: 48%;
	float: left;
	}
	.bnrL3 .ibj_img02 {
	width: 48%;
	float: right;
	}
	.top-bnr ul li.bnrL4 {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	float: none;
	}
	.top-bnr ul li.bnrL4 img {
	margin-bottom: 10px;
	}
	.top-bnr ul.top-bnr-2 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	}
	.top-profile-links a {
	display: block;
	margin-right: 0;
	}
	.top-bnr ul li.connect-ship{
		margin-bottom: 6em;
	}
}



/* お問い合わせ */

@media print, screen and (min-width: 768px){/*pc */
.top-contact{
max-width: 1400px;
height: 370px;
padding: 70px 0 0;
margin: 0 auto;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-contact-bg.jpg) no-repeat bottom center;
}
}
@media only screen and (max-width: 767px){/* sp */
.top-contact{
padding: 30px 0;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-contact-bg.jpg) no-repeat bottom center;
background-size: cover;
}
}



/* フッター */

.footer{
background: #4560af;
}
@media print, screen and (min-width: 768px){/*pc */
.footer{
padding: 50px 0;
}
.footer-nav{
width: 510px;
}
.footer-nav ul{
float: left;
margin-right: 40px;
}
.footer-nav ul:last-child{
margin-right: 0px;
}
.footer-sns{
position: absolute;
top: 150px;
right: 103px;
}
.footer-sns li{
width: 36px;
float: left;
margin-right: 10px;
}
}
@media only screen and (max-width: 767px){/* sp */
.footer{
padding: 30px 0 70px;
}
.footer-nav ul li{
float: left;
}
.footer-nav ul li:after{
content: "|";
color: #fff;
padding: 0 15px;
}
.footer-sns{
margin-top: 20px;
}
.footer-sns li{
width: 10%;
float: left;
margin-right: 20px;
}
}

address{
color: #b6bedb;
}

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  border: 2px solid #b6bedb;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '^';
  font-size: 25px;
  color: #b6bedb;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 10px;
  bottom: 0px;
  left: 0px;
  right: 3px;
  margin: auto;
  text-align: center;
}
@media only screen and (max-width: 767px){/* sp */
#page_top{
  position: fixed;
  right: 10px;
  bottom: 10px;
}
#page_top a{
  width: 70px;
  height: 70px;
}
#page_top a::before{
font-size: 30px;
color: #b6bedb;
position: absolute;
width: 30px;
height: 30px;
top: -15px;
right: 25px;
}
}




/* --------------------サブページ-------------------- */


/* -------各ページのタイトル背景------- */
@media print, screen and (min-width: 768px){/*pc */
.subpage-concept{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/concept/concept-titleBg.png);}/* コンセプト */
.subpage-story{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/story/img-titleBg.png)}/* ストーリー */
.subpage-message{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/message/img-titleBg.png)}/* 成婚者様メッセージ */
.subpage-course{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/course-titleBg.png)}/* コース・料金 */
.subpage-counseling{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/counseling-titleBg.png)}/* 無料カウンセリング */
.subpage-trial{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/trial/trial-titleBg.png)}/* お試しコース */
.subpage-first{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/first/first-titleBg.png)}/* ファーストコース */
.subpage-standard{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/standard/standard-titleBg.png)}/* スタンダードコース */
.subpage-excellent{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/excellent/excellent-titleBg.png)}/* エクセレントコース */
.subpage-diamond{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/diamond/diamond-titleBg.png)}/* ダイヤモンドコース */
.subpage-overseas{background: url(/stg/wp-content/uploads/images/course/overseas/overseas-titleBg.png)}/* 海外在住者向けコース */
.subpage-qualification{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/qualification/qualification-titleBg.png)}/* 有資格男性向けコース */
.subpage-party{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/party/party-titleBg.png)}/* パーティ・イベントコース */
.subpage-matching{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/matching/matching-titleBg.png)}/* イベント・ブラインドマッチングコース */
.subpage-data{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/data/data-titleBg.png)}/* 会員様データ */
.subpage-mind{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/mind/mind-titleBg.png)}/* ブライダル・ハッピーフェアリーの想い */
}
@media only screen and (max-width: 767px){/* sp */
.subpage-concept{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/concept/concept-titleBg-sp.png);}/* コンセプト */
.subpage-story{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/story/img-titleBg-sp.png)}/* ストーリー */
.subpage-message{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/message/img-titleBg-sp.png)}/* 成婚者様メッセージ */
.subpage-course{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/course-titleBg-sp.png)}/* コース・料金 */
.subpage-counseling{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/counseling-titleBg-sp.png)}/* 無料カウンセリング */
.subpage-trial{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/trial/trial-titleBg-sp.png)}/* お試しコース */
.subpage-first{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/first/first-titleBg-sp.png)}/* ファーストコース */
.subpage-standard{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/standard/standard-titleBg-sp.png)}/* スタンダードコース */
.subpage-excellent{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/excellent/excellent-titleBg-sp.png)}/* エクセレントコース */
.subpage-diamond{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/diamond/diamond-titleBg-sp.png)}/* ダイヤモンドコース */
.subpage-overseas{background: url(/stg/wp-content/uploads/images/course/overseas/overseas-titleBg-sp.png)}/* 海外在住者向けコース */
.subpage-qualification{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/qualification/qualification-titleBg-sp.png)}/* 有資格男性向けコース */
.subpage-party{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/party/party-titleBg-sp.png)}/* パーティ・イベントコース */
.subpage-matching{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/matching/matching-titleBg-sp.png)}/* イベント・ブラインドマッチングコース */
.subpage-data{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/data/data-titleBg-sp.png)}/* 会員様データ */
.subpage-mind{background: url(https://www.siawase-fairy.com/wp-content/uploads/images/mind/mind-titleBg-sp.png)}/* ブライダル・ハッピーフェアリーの想い */
}


/* サブページ　タイトル */
@media print, screen and (min-width: 768px){/*pc */
.subpage-title-bg{
width: 100%;
height: 380px;
margin-top: 5px;
}
.subpage-title{
width: 600px;
margin: 0 auto;
padding-top: 70px;
padding-bottom: 10px;
}

.breadcrumbs{margin: -80px auto 70px;}
.breadcrumbs02{margin: 0px auto 40px;}
.breadcrumbs span , .breadcrumbs02 span{font-size: 11px; color:#646464;}
.breadcrumbs a , .breadcrumbs02 a{text-decoration: none;}

.read-hart{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/concept/concept-read-hart.gif) no-repeat top center;
padding-top: 40px;
min-height: 316px;
}
}
@media only screen and (max-width: 767px){/* sp */
.read-hart{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/concept/concept-read-hart.gif) no-repeat center center;
}
.subpage-title-bg{
background-size: contain;
height: 0px;
padding-top: 56.26%;
position: relative;
}
.subpage-title{
position: absolute;
top: 20%;
}
.subpage-title-ja{
position: absolute;
top: 55%;
left: 0;
right: 0;
}
.breadcrumbs , .breadcrumbs02{
margin-bottom: 30px;
}
.breadcrumbs span , .breadcrumbs02 span{
font-size: 3vw;
}
.breadcrumbs a , .breadcrumbs02 a{text-decoration: none;}
}

.subpage-title-bg{
background-position: center center;
background-repeat: no-repeat
}


/* -------コンセプト------- */

@media print, screen and (min-width: 768px){/*pc */
.concept-text{width: 590px;}
.concept-text02{width: 460px;}
.concept-img{width: 365px;}
.concept-img02{width: 520px;}
}


/* -------ご成婚までのストーリー------- */
@media print, screen and (min-width: 768px){/*pc */
.step-number{
width: 106px;
margin: 0 auto 10px;
}
.w360Pc{width: 360px;}
.w610Pc{width: 610px;}
.step-box{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/story/story-step-yaji.gif) no-repeat bottom center;
padding-bottom: 80px;
}
}
@media only screen and (max-width: 767px){/* sp */
.step-number{
width: 30%;
margin: 0 auto 5px;
}
.step-box{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-story-yaji-sp.png) no-repeat bottom left;
background-size: 100%;
padding-bottom: 15%;
margin-bottom: 20px;
}
}



/* -------コース・料金------- */
.sub-titleLine01 span{
position: relative;
display: inline-block;
}
.sub-titleLine01 span:before{
content: " ";
width: 50px;
height: 14px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/counseling-title-design01L.png) no-repeat top left;
background-size: 100%;
position: absolute;
top: 10px;
left: -70px;
}
.sub-titleLine01 span:after{
content: " ";
width: 50px;
height: 14px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/counseling-title-design01R.png) no-repeat top left;
background-size: 100%;
position: absolute;
top: 10px;
right: -70px;
}
.box01{
padding: 30px 50px;
}
.table01{
border: 1px solid #5472cb;
width: 100%;
}
.table01 th , .table01 td{
padding: 5px 10px;
}
.table01 tr:nth-child(odd) th , .table01 tr:nth-child(odd) td{
background: #e5eaf9;
}
/* ここから初期費用 */
.table01 tr th.syokihiyo {
    width: 1.5em;
    color: white;
    background: #5472cb;
}
.party .table01 tr th.syokihiyo{
	line-height: 1.3;
}
.table01 th.syoki_blue, .table01 td.syoki_blue{
background: #e5eaf9;
}
.table01 tr:nth-child(odd) th.syoki_White, .table01 tr:nth-child(odd) td.syoki_White{
background: #fff;
}
.syoki_border{
	border-bottom: 1px solid #5472cb;
}
.syoki_border-white{
	border-bottom: 1px solid #fff;
}
.syoki_middle{
	vertical-align: middle;
}
/* ここまで初期費用 */
@media only screen and (max-width: 767px){/* sp */
.sub-titleLine01 span:before{
position: absolute;
top: 35%;
left: -70px;
}
.sub-titleLine01 span:after{
position: absolute;
top: 35%;
right: -70px;
}
.box01{
padding: 20px 5%;
}
}


/* -------無料カウンセリング------- */

.sub-titleLine02 span{
position: relative;
display: inline-block;
width: 1000px;
}
.sub-titleLine02 span:before{
content: " ";
width: 355px;
height: 11px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/counseling-title-design01L.gif) no-repeat top left;
background-size: 100%;
position: absolute;
top: 12px;
left: 0;
}
.sub-titleLine02 span:after{
content: " ";
width: 355px;
height: 11px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/counseling-title-design01R.gif) no-repeat top left;
background-size: 100%;
position: absolute;
top: 12px;
right: 0;
}


.counseling-check{
margin: 15px 0 0 120px;
}
.counseling-check li{
position: relative;
margin-bottom: 15px;
}
.counseling-check li:last-child{
margin-bottom: 0px;
}
.counseling-check li:before{
content: " ";
width: 22px;
height: 20px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/counseling-check.gif) no-repeat top left;
position: absolute;
top: 2px;
left: -25px;
}
@media print, screen and (min-width: 768px){/*pc */
.waku02{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/counseling-waku01-H.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/course/counseling-waku01-F.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/course/counseling-waku01.gif);
background-position: top left , bottom left , top left;
background-repeat: no-repeat , no-repeat , repeat-y;
padding: 40px 0;
width: 750px;
margin: 0 auto;
}
.counseling-text01{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/counseling-img.jpg) no-repeat bottom right;
}
.sub-message{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/counseling-waku02-H.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/course/counseling-waku02-F.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/course/counseling-waku02.gif);
background-position: top left , bottom left , top left;
background-repeat: no-repeat , no-repeat , repeat-y;
padding: 40px 60px;
}

}
@media only screen and (max-width: 767px){/* sp */
.sub-titleLine02 span{
width: 100%;
}
.sub-titleLine02 span:before{
width: 18%;
height: 20px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/course-title-design02-sp.gif) no-repeat top left;
background-size: contain;
position: absolute;
top: 37%;
left: 0;
}
.sub-titleLine02 span:after{
width: 18%;
height: 20px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/course-title-design02-sp.gif) no-repeat top left;
background-size: contain;
position: absolute;
top: 37%;
right: 0;
}
.waku02{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/concept/concept-waku01-H-sp.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/concept/concept-waku01-F-sp.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/concept/concept-waku01-sp.gif);
background-repeat: no-repeat , no-repeat , repeat-y;
background-position: top left , bottom left , top left;
background-size: 100%;
padding: 20px 5%;
}
.counseling-check{
margin: 10px 0 0 8%;
}
.counseling-text01{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/counseling-img.jpg) no-repeat bottom right;
background-size: 100%;
padding-bottom: 40%;
}
.sub-message{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-message-bgH.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/img-message-bgF.gif) , url(https://www.siawase-fairy.com/wp-content/uploads/images/img-message-bg.gif);
background-repeat: no-repeat , no-repeat , repeat-y;
background-position: top left , bottom left , top left;
background-size: 100%;
padding: 40px 10%;
}
}



/* -------お試しコース------- */

.trial-check{
margin-left: 18px;
}
.trial-check li{
position: relative;
margin-bottom: 5px;
}
.trial-check li:last-child{
margin-bottom: 0px;
}
.trial-check li:before{
content: " ";
width: 14px;
height: 12px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/counseling-check.gif) no-repeat top left;
background-size: contain;
position: absolute;
top: 5px;
left: -18px;
}
@media print, screen and (min-width: 768px){/*pc */
.trial-text01{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/trial/trial-img01.jpg) no-repeat top right;
}
}
@media only screen and (max-width: 767px){/* sp */
.trial-check{
margin-left: 24px;
}
.trial-check li:before{
width: 18px;
height: 16px;
position: absolute;
top: 4px;
left: -24px;
}
}
.table02{
border: 1px solid #5472cb;
}
.table02 th , .table02 td{
padding: 5px 20px;
}
.table02 th{
background: #e5eaf9;
border-right: 1px solid #5472cb;
}
.table02 td{
background: #fff;
}


.sub-titleLine03{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/course-title-design03.gif) repeat-x center right;
margin-bottom: 20px;
}
.sub-titleLine03 span{
background: #fffbf3;
padding-right: 10px;
}

@media only screen and (max-width: 767px){/* sp */
.sub-titleLine03{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/course-title-design03.gif) repeat-x bottom right;
margin-bottom: 20px;
padding-bottom: 10px;
}
.sub-titleLine03 span{
background: #fffbf3;
padding-right: 10px;
line-height: 1.4em;
}

}



/* -------ファーストコース（20代限定コース）------- */

.firstcourse-titleLine01 span{
position: relative;
display: inline-block;
width: 1000px;
}
.firstcourse-titleLine01 span:before{
content: " ";
width: 226px;
height: 11px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/first/first-title-design01L.gif) no-repeat top left;
background-size: 100%;
position: absolute;
top: 12px;
left: 0;
}
.firstcourse-titleLine01 span:after{
content: " ";
width: 226px;
height: 11px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/first/first-title-design01R.gif) no-repeat top left;
background-size: 100%;
position: absolute;
top: 12px;
right: 0;
}
@media print, screen and (min-width: 768px){/*pc */
.firstcourse-text01{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/first/first-img01.jpg) no-repeat top right;
background-size: 450px;
}
}
@media only screen and (max-width: 767px){/* sp */
.firstcourse-titleLine01 span{
width: 100%;
}
.firstcourse-titleLine01 span:before{
width: 18%;
height: 20px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/course-title-design02-sp.gif) no-repeat top left;
background-size: contain;
position: absolute;
top: 37%;
left: 0;
}
.firstcourse-titleLine01 span:after{
width: 18%;
height: 20px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/course-title-design02-sp.gif) no-repeat top left;
background-size: contain;
position: absolute;
top: 37%;
right: 0;
}
}
.table02-2{
border: 1px solid #5472cb;
}
.table02-2 th , .table02-2 td{
padding: 5px 20px;
}
.table02-2 th{
background: #e5eaf9;
border-right: 1px solid #5472cb;
}
.table02-2 td{
background: #fff;
border-right: 1px solid #5472cb;
}
.table02-2 tr th:last-child , .table02-2 tr td:last-child{
border-bottom: none;
}
@media only screen and (max-width: 767px){/* sp */
.table02-2{
width: 100%;
}
.table02-2 tr {
display: block;
width: 100%;
}
.table02-2 tr th , .table02-2 tr td{
display: block;
border-bottom: 1px solid #5472cb;
}

.table02-2 tr td{
border-right: none;
}
.table02-2 thead {
display: block;
float: left;
width: 50%;
}
.table02-2 tbody {
display: block;
float: left;
width: 50%;
}
}

.firstcourse-gentei{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/first/first-gentei-bg.gif) repeat-y top left;
background-size: 100%;
position: relative;
}
.firstcourse-gentei-ribonL{
position: absolute;
top: -5px;
left: -5px;
}
.firstcourse-gentei-ribonR{
position: absolute;
bottom: -22px;
right: -15px;
}
@media only screen and (max-width: 767px){/* sp */
.firstcourse-gentei{
padding: 10% 0 15% !important;
}
.firstcourse-gentei-ribonL {
width: 27%;
}
.firstcourse-gentei-ribonR{
width: 30%;
}
}

@media print, screen and (min-width: 768px){/*pc */
.first-story{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/first/first-story.jpg) no-repeat top right;
}
}




/* -------スタンダードコース------- */
@media print, screen and (min-width: 768px){/*pc */
.standard-text01{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/standard/standard-img01.jpg) no-repeat top right;
background-size: 450px;
}
}


/* -------エクセレントコース------- */
@media print, screen and (min-width: 768px){/*pc */
.excellent-text01{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/excellent/excellent-img01.jpg) no-repeat top right;
background-size: 450px;
}
}


/* -------ダイヤモンドコース------- */
@media print, screen and (min-width: 768px){/*pc */
.diamond-text01{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/diamond/diamond-img01.jpg) no-repeat top right;
background-size: 450px;
}
}



/* -------海外在住コース------- */
@media print, screen and (min-width: 768px){/*pc */

.top-story-step-1of3 li{
width: 320px;
float: left;
margin-right: 20px;
padding-right: 40px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-story-yaji.png) no-repeat 290px 20px;
}
.top-story-step-1of3 li:nth-child(3){
margin-right: 0px;
}
.top-story-step-1of3 li:last-child{
width: 280px;
margin-right: 0px;
padding-right: 0px;
background: none;
}
}
.bgBlue{
background: #5472cb !important;
}

@media print, screen and (min-width: 768px){/*pc */
.table03{
border: 1px solid #5472cb;
background: #fff;
}
.table03 th , .table03 td{
padding: 5px 20px;
display: block;
}
.table03 th{
background: #e5eaf9;
border-right: 1px solid #5472cb;
}
.table03 td{
border-right: 1px solid #5472cb;
}
.table03 tr:last-child th , .table03 tr:last-child td{
border: none;
}
}
@media only screen and (max-width: 767px){/* sp */
.table03{
border: 1px solid #5472cb;
background: #fff;
}
.table03 th , .table03 td{
padding: 5px 20px;
}
.table03 th{
background: #e5eaf9;
border-bottom: 1px solid #5472cb;
width: 40%;
}
.table03 td{
border-bottom: 1px solid #5472cb;
}
.table03 tr:last-child th{
border: none;
}
}

@media print, screen and (min-width: 768px){/*pc */
.overseas-story01{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/overseas/overseas-story01.jpg) no-repeat top right;
}
.overseas-story02{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/overseas/overseas-story02.jpg) no-repeat top right;
}
}


/* ボックス付きチェック */
.trial-check2 {
margin-left: 18px;
}
.trial-check2 li{
position: relative;
margin-bottom: 5px;
}
.trial-check2 li:last-child{
margin-bottom: 0px;
}
.trial-check2 li:before{
content: " ";
width: 14px;
height: 12px;
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/counseling-checkbox.png) no-repeat top left;
background-size: contain;
position: absolute;
top: 5px;
left: -18px;
}
@media only screen and (max-width: 767px){/* sp */
.trial-check2 {
margin-left: 24px;
}
.trial-check2 li:before{
width: 18px;
height: 16px;
position: absolute;
top: 4px;
left: -24px;
}
}



/* -------有資格者男性コース------- */
@media print, screen and (min-width: 768px){/*pc */
.qualification-text01{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/qualification/qualification-img01.jpg) no-repeat top right;
background-size: 450px;
}
}

/* -------パーティ・イベントコース------- */
@media print, screen and (min-width: 768px){/*pc */
.party-text01{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/party/party-img01.jpg) no-repeat top right;
background-size: 450px;
}
}

/* -------イベント・ブラインドマッチングコース------- */
@media print, screen and (min-width: 768px){/*pc */
.matching-text01{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/course/matching/matching-img01.jpg) no-repeat top right;
background-size: 450px;
}
}


/* -------よくあるご質問------- */

.subpage-title-mini{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/img-subpage-titleLine01H.png) , url(https://www.siawase-fairy.com/wp-content/uploads/images/img-subpage-titleLine01F.png);
background-repeat: no-repeat;
background-position: top center , bottom center;
}
@media print, screen and (min-width: 768px){/*pc */
.subpage-title-mini{
height: 155px;
padding-top: 40px;
}
}
@media only screen and (max-width: 767px){/* sp */
.subpage-title-mini{
background-size: 100%;
padding: 25px 0 55px;
}
}

.pt2Pc{
padding-top: 2px;
}
.faq-q , .faq-a{
position: relative;
padding-left: 50px;
}
.faq-q:before{
content:" ";
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/faq/faq-q.gif) no-repeat top left;
background-size: 100%;
width: 34px;
height: 28px;
position: absolute;
top: 0px;
left: 0px;
}
.faq-a:before{
content:" ";
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/faq/faq-a.gif) no-repeat top left;
background-size: 100%;
width: 34px;
height: 28px;
position: absolute;
top: 0px;
left: 0px;
}
@media only screen and (max-width: 767px){/* sp */
.faq-q , .faq-a{
position: relative;
padding-left: 40px;
}
.faq-q:before{
width: 32px;
height: 22px;
}
.faq-a:before{
width: 32px;
height: 22px;
}
}

.accordionlist dt{
width: 100%;
display:block;
border-top: 1px dashed #aab7df;
cursor: pointer;
}
.accordionlist dt:first-child{
border-top: none !important;
margin-top: -10px;
}
.accordionlist dt .title{
float: left;
width: 95%;
}
.accordionlist dd{
display:none;
padding:0 0 20px 0;
}
.accordion_icon,
.accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position: relative;
	width: 30px;
	height: 30px;
	float: right;
	margin-right: 5px;
	margin-top: 10px;
}
@media only screen and (max-width: 767px){/* sp */
.accordionlist dt .title{
float: left;
width: 90%;
}
.accordion_icon {
	width: 10%;
	height: auto;
	float: right;
	margin-top: 10px;
	margin-right: 0px;
}
}

.accordion_icon span {
	position: absolute;
    left: 6px;
    width: 50%;
	height: 2px;
    background-color: #F88789;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
    top: 5px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
    top: 5px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion_icon.active span:nth-of-type(2) {
	top: 5px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}







/* -------会社案内------- */

.table04{
width: 100%;
}
@media print, screen and (min-width: 768px){/*pc */
.table04 th , .table04 td{
padding: 10px 10px;
border-bottom: 1px dashed #aab7df;
}
}
@media only screen and (max-width: 767px){/* sp */
.table04 th{
padding: 10px 10px 0;
display: block;
}
.table04 td{
padding: 0 10px 10px;
display: block;
border-bottom: 1px dashed #aab7df;
}
}
.google-map {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* -------女性の方へ------- */

@media print, screen and (min-width: 768px){/*pc */
.lady-bg{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/lady/lady-bg.jpg) no-repeat top right;
}
}

/* -------男性の方へ------- */

@media print, screen and (min-width: 768px){/*pc */
.gentleman-bg{
background: url(https://www.siawase-fairy.com/wp-content/uploads/images/gentleman/gentleman-bg.jpg) no-repeat top right;
}
}



/* -------会社案内------- */

@media print, screen and (min-width: 768px){/*pc */
.classy-img01{
width: 155px;
float: left;
margin-right: 10px;
}
.classy-img02{
width: 321px;
float: left;
margin-right: 20px;
}
.classy-box{
display: -webkit-flex;　display: flex;
-webkit-flex-wrap: wrap; flex-wrap: wrap;
}
.classy-box li{
width: 155px;
margin-right: 20px;
}
}

@media only screen and (max-width: 767px){/* sp */
.classy-img01{
width: 31%;
float: left;
}
.classy-img02{
width: 64%;
float: right;
}
.classy-text01{
clear: both;
padding-top: 5px;
}
.classy-box{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between;
}
.classy-box li{
width: 45%;
}
}



/* -------お問い合わせ------- */

.table-contact{
width: 100%;
}

.table-contact th , .table-contact td{
padding: 25px 0px;
vertical-align: top;
}
.table-contact th{
width: 25%;
}
.table-contact td{
width: 72%;
padding-left: 3%;
}
.must{
background: #e50000;
color: #fff;
font-weight: bold;
display: inline-block;
padding: 0 3px;
margin-right: 10px;
}

.inp input{
height: 25px;
line-height: 25px;
width: 80%;
padding: 5px;
}
.inp02 input{
height: 25px;
line-height: 25px;
width: 20%;
padding: 5px;
}
.inpT textarea{
height: 10em;
width: 80%;
padding: 5px;
}
.reserve_item .rd01::before {
content: "第1希望日";
margin-right: 1rem;
display: inline-block;
}
.reserve_item .rd02::before {
content: "第2希望日";
margin-right: 1rem;
display: inline-block;
}
.reserve_item .rd03::before {
content: "第3希望日";
margin-right: 1rem;
display: inline-block;
}
/*.reserve_item .rt03::after {
content: "※定休日の水曜日以外をご選択ください";
color: red;
font-size: 14px;
font-weight: bold;
display: block;
}*/
.reserve_item input.wpcf7-date{
height: 35px;
width: 150px;
padding: 5px;
font-size: 15px;
margin-bottom: 1rem;
margin-right: 1rem;
box-sizing: border-box;
}
.reserve_item select {
height: 35px;
width: 100px;
padding: 5px;
font-size: 15px;
margin-bottom: 1rem;
box-sizing: border-box;
}
.contact-btn input{
background: #5472cb;
color: #fff;
font-weight: bold;
height: 50px;
line-height: 51px;
width: 250px;
margin: 0 auto;
font-size: 17px;
}

span.wpcf7-list-item {
display: inline-block;
margin: 0 1em 0 0;
}

@media only screen and (max-width: 767px){/* sp */

.table-contact th{
width: 100%;
display: block;
padding: 0 0 10px 0;
}
.table-contact td{
width: 100%;
display: block;
padding: 0 0 30px 0;
}


.inp input{
height: 25px;
line-height: 25px;
width: 100%;
padding: 5px;
box-sizing: border-box;
}
.inp02 input{
height: 25px;
line-height: 25px;
width: 100%;
padding: 5px;
box-sizing: border-box;
}
.inpT textarea{
height: 8em;
width: 100%;
padding: 5px;
box-sizing: border-box;
}
.contact-btn input{
height: 55px;
line-height: 55px;
width: 80%;
margin: 0 auto;
font-size: 4.5vw;
box-sizing: border-box;
}
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
border: 2px solid #ff0000;
}


/* お知らせ一覧 */

.wp-pagenavi a:hover, .wp-pagenavi span.current{
background: #5472cb;
border: 1px solid #5472cb;
color: #fff;
}
.wp-pagenavi{
text-align: center;
}

.info-title{
padding: 10px 0;
border-top: 1px solid #9fb1e5;
border-bottom: 1px solid #9fb1e5;
}




/* 会員様データ */

.table-data01{
width: 100%;
border: 1px solid #cdcdcd;
background: #fff;
}
.table-data01 th , .table-data01 td{
padding: 5px 10px;
border-bottom: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
}
.w50{
width: 50%;
}
.bgGray{
background: #f5f5f5;
}

.table-graph01{
width: 100%;
border: 1px solid #cdcdcd;
background: #fff;
}
.table-graph01 th , .table-graph01 td{
padding: 10px 10px 10px 0;
border-bottom: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
word-break: keep-all !important;
}
span.is-gray{
background: #ddd;
display: block;
text-align: right;
padding-right: 10px;
word-break: keep-all !important;
word-wrap: normal !important;
}
span.is-pink{
background: #eb6e96;
display: block;
color: #fff;
text-align: right;
padding-right: 10px;
word-break: keep-all !important;
word-wrap: normal !important;
}


@media print, screen and (min-width: 768px){/*pc */
.table-graph01 td:first-child {
width: 130px;
text-align: center;
}
.w600Pc{width: 600px; margin: 0 auto;}
}
@media only screen and (max-width: 767px){/* sp */
.table-graph01 td:first-child {
width: 35%;
text-align: center;
padding: 0px;
}
span.is-gray , span.is-pink{
text-align: left;
padding-left: 10px;
padding-right: 0px;
}
}




/* トップページ　メディア情報 */
.top-media .slick-prev:before{
content:"«";
}
.top-media .slick-next:before{
content:"»";
}
.top-media .slick-prev:before, .top-media .slick-next:before{
color: #5472cb;
font-size: 30px;
}

/* pc */
@media print, screen and (min-width: 768px){
.top-media{
width: 1000px;
margin: 0 auto;
}
.multiple-item{
padding-left: 40px;
}
.top-media .slick-prev{
left: 0px!important;
width: 30px;
height: 30px;
}
.top-media .slick-next{
right: 0px!important;
width: 30px;
height: 30px;
}
}
/* sp */
@media print, screen and (max-width: 767px){
.top-media{
width: 100%;
}
.top-media li{
padding: 0 15px;
}
.multiple-item{
margin: 0px;
padding: 0px;
}
.top-media .slick-prev:before, .top-media .slick-next:before{
font-size: 50px;
}
.top-media .slick-prev{
left: -10px!important;
width: auto;
height: auto;
}
.top-media .slick-next{
right: -10px!important;
width: auto;
height: auto;
}
}

/* google captcha non */
.grecaptcha-badge { visibility: hidden; }