@charset "UTF-8";
/*
Theme Name: 自分のテーマネーム
Theme URI: http://ワードプレスをインストールしたURL/wp-content/themes/自分でつけたテーマフォルダネーム
Description: This is my theme.
*/

@font-face
{
	font-family: "onryou";
	src: url("onryou.TTF") format("truetype");
}
/*--- reset.css ---*/
* { margin: 0; padding: 0; }/*　「*全称セレクター」を利用してmarginとpaddingを0にする　*/
a {text-decoration: none; color: #ff0565; }/*　a要素の下線非表示　*/
ul,ol { list-style: none; }/*　ul,ol要素の謬レット非表示　*/
img { vertical-align: middle; border: none;/*max-width: 100%;*/ }/*img要素のディセンダー削除*/
html { font-family: "M+ 1p regular","メイリオ",sans-serif; line-height: 1.5;
		font-size: 100%; }
.clearfix
{
	clear: both;
	display:block;
}

.fs12 { font-size: 12px; font-size: 0.75rem; }
.fs14 { font-size: 14px; font-size: 0.875rem; }
.fs18 { font-size: 18px; font-size: 1.125rem; }
/*----------------------------------------------------------------------------*/
/* html,body */
/*----------------------------------------------------------------------------*/
html { width: 100%; *overflow-x: hidden; }
body { width: 100%; position: relative; }
/*----------------------------------------------------------------------------*/
/* sideber */
/*----------------------------------------------------------------------------*/
#sidebar {
	position: absolute;
	width: 300px;
	width: 16.75rem;
	top: 32px;
	top: 2rem;
	left: -300px;
	left: -18.75rem;
	z-index: 100;
	padding: 32px 16px;
	padding: 2rem 1rem;
	color: #fff;
	background: #124fa0;
	font-family: "M+ 1p light", "メイリオ",sans-serif;
}
.sidebarboxTagTitle {
	width: 100%;
	padding: 10px 0;
	padding: 0.625rem 0;
	margin: 20px 0 10px;
	margin: 1.25rem 0 0.625rem;
	font-size: 18px;
	font-size: 1.125rem;
	border-bottom: 1px dashed #fff;
}
#sidebar li {
	float: left;
	width: 50%;
	margin: 10px 0;
	margin: 0.625rem 0;
}
#sidebar li a {
	display: block;
	color: #fff;
	font-size: 14px;
	font-size: 0.875rem;
}
#sidebar li a:hover {
	color: #ffff00;
}
#sidebar a img {
	margin-right: 10px;
	margin-right: 0.625rem;
}
#sidebar a.aColor {
	color: #fff;
}
#sidebar a.aColor:hover {
	color: #ffff00;
}
#sidebar .boxNews a {
	font-weight: 700;
}
#sidebar .boxNews li a {
	font-weight: 300;
	font-size: 14px;
	font-size: 0.875rem;
}
#sidebar .boxNews li div {
	font-size: 12px;
	font-size: 0.75rem;
}
#sidebar .boxNews li {
	width: 100%;
}
#sidebar .boxNews p {
	font-size: 12px;
	font-size: 0.75rem;
}
#sidebar .boxNews .sidebarboxTagTitle {
	font-size: 18px;
	font-size: 1.125rem;
	padding-top: 18px;
	padding-top: 1.125rem;
}
.search-form {
	padding-bottom: 12px;
	padding-bottom: 0.75rem;
}
.search-form input {
	vertical-align: middle;
}
.search-form #s {
	width: 150px;
	width: 9.375;
	height: 16px;
	height: 1rem;
	line-height: 16px;
	line-height: 1rem;
	padding: 2px;
	padding: 0.125rem;
	background: #fff;
	border: 1px solid #c7c7c7;
}
#sidebar .boxCompanyPri { width: 100%; }
.boxBanner {
	text-align: center;
}
.boxBanner img {
	margin: 14px 0;
	margin: 0.875rem 0;
	width: 100%;
}
/*----------------------------------------------------------------------------*/
/* beta_btn */
/*----------------------------------------------------------------------------*/
.btnHead {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 50px;
	height: 3.125rem;
	line-height: 50px;
	line-height: 3.125rem;
	z-index: 1000;
	background: #124fa0;
}
#beta_btn {
	float: left;
	margin-left: 5px;
	margin-left: 0.312em;
}
#beta-btn a {
	display: block;
	height: 50px;
	height: 3.125rem;
}
.home_btn {
 	float: right;
 	height: 50px;
 	height: 3.125rem;
	margin-right: 5px;
	margin-right: 0.312em;
 }
.home_btn img {
	float: right;
	width: 50%;
	margin-top: 5px;
	margin-top: 0.312em;

 }
/*----------------------------------------------------------------------------*/
/* wrapper */
/*----------------------------------------------------------------------------*/
#wrapper {
	width: 100%;
	position: relative;
	overflow: hidden;
}
#wrapper h1 {
	text-align: center;
	font-weight: 200;
	font-size: 36px;
	font-size: 2.25rem;
	font-family: "Raleway Thin", "M+ 1p light", "メイリオ",sans-serif;
}
#wrapper .box {
	margin: 70px 0 30px;
	margin: 4.375rem 0 1.875rem;
}
.kazokujikan {
	text-align: center;
}
.kazokujikanLogo {
	width: 40%;
	max-width: 300px;
	margin: 0 auto 1em;
}
.kazokujikanLogo img {
	width: 100%;
}
.blockPhoto,
.blockInfo,
.blockGirl {
	width: 44.5%;
	width:calc(50% - 20px);
	width:calc(50% - 1.25rem);
	padding: 20px 10px;
	padding: 1.25rem 0.625rem;
}
.blockPhotoArchive,
.blockInfoArchive,
.blockGirlArchive {
	width: 96%;
	width:calc(100% - 40px);
	width:calc(100% - 2.5rem);
}
.blockPhoto img,
.blockInfo img,
.blockGirl img {
	width: 100%;
	height: auto;

	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
.blockPhoto .archiveImg img,
.blockInfo .archiveImg img,
.blockGirl .archiveImg img {
	width: 100%;
	height: auto;
	float: left;
	margin: 20px 0;
	margin: 1.25rem 0;
}
.blockPhoto p {
	font-size: 14px;
	font-size: 0.875rem;
/*	height: 22px;	*/
/*	height: 1.375rem;	*/
	overflow:hidden;
}
.blockInfo p,
.blockGirl p {
	font-size: 14px;
	font-size: 0.875rem;
	padding-bottom: 14px;
/*	overflow:hidden;	*/
}
.blockPhoto p img,
.blockInfo p img,
.blockGirl p img {
	height: 20px;
	height: 1.25rem;
	width: auto;
	vertical-align: middle;
	margin-right: 5px;
	margin-right: 0.312em;
}
.next {
	clear: both;
	width: 80%;
	display: block;
	margin: 0 auto;
}
/*----------------------------------------------------------------------------*/
/* footer */
/*----------------------------------------------------------------------------*/
footer {
	width: 100%;
	font-size: 12px;
	font-size: 0.75rem;
	position: relative;
	text-align: center;
	margin-bottom: 20px;
	margin-bottom: 1.25rem;
}
.pageTop img {
	position: absolute;
	top: 0;
	right: 5px;
	right: 0.3125rem;
	width: 20%;
	max-width: 131px;
	max-width: 8.2rem;
	max-height: 107px;
	max-height: 6.8rem;
}
.company img {
	margin: 20px 0;
	margin: 1.25rem 0;

}
/*-- LINEbutton reset.css --*/
.blockPhoto .archiveImg .wsbl_line img,
.blockInfo .archiveImg .wsbl_line img,
.blockGirl .archiveImg .wsbl_line img {
	width: 88px;
	margin: 0;
}
/*----------------------------------------------------------------------------*/
/* 固定ページ用 */
/*----------------------------------------------------------------------------*/
/*-- familytime --*/
.familytimeLogo {
	text-align: center;
}
.familytime3ndContent-Title {
	display: table;
	width: 100%;
	margin: 3%;
}
/*.familytime3ndContent-Title > .familytime3ndContent-TitleText {
	padding-left: 4%;
}*/
.familytime3ndContent-Title > .block_elm {
	display: table-cell;
	/*padding-right: 4%;*/
}
/*-- company --*/
.fixBox { width: 90%; margin: 5%; }
.fixBox h2 {
	text-align: center;
	font-weight: 200;
	margin: 80px 0 16px;
	margin: 5rem 0 1rem;
}
.map {
	width: 100%;
	margin: 20px 0;
	margin: 1.25rem 0;
}
.fixComWrap tr { height: 68px; height: 4.25rem; }
.fixComWrap th { width: 25%; }
.fixComWrap td { width: 75%; }

/*privacy_policy*/
.fixBoxTab1 tr { height: 72px; height: 4.5rem; }
.fixBoxTab1 th { width: 10%; }
/*.fixBoxTab1 td { width: 90%; }*/
.fixPriWrap h3 {
	font-weight: 200;
	text-align: center;
	margin: 24px 0 16px;
	margin: 1.5rem 0 1rem;
}
.fixBoxTab2 tr { height: 32px; height: 2rem; }
.fixBoxTab2 th { width: 40%; }
/*.fixBoxTab2 td { width: 60%; }*/

/*contact*/
.fixConWrap .tac { text-align: center; }
.fixConWrap  input[type="text"],
.fixConWrap  input[type="email"],
textarea { width: 300px; width: 18.75rem;}

/*terms_of_use*/
.tal { text-align: left; }
.tar { text-align: right; }

/*published*/
.fixPubWrap .fixBox img {
	width: 100%;
	margin: 16px 0;
	margin: 1rem 0;
}
.fixPubWrap .fixBox {
	text-align: center;
	font-family: "M+ 1p light", "メイリオ",sans-serif;
}

/*model*/
.fixModWrap .fixBox img.modelImg {
	width: 100%;
	margin: 48px 0 0;
	margin: 3rem 0 0;
}
.fixModWrap .fixBox img.contactBtn {
	width: 100%;
	margin: 16px 0;
	margin: 1rem 0;
}

/*sitemap*/
.fixSitWrap h3 {
	text-align: center;
	margin: 24px 0 16px;
	margin: 1.5rem 0 1rem;
}

.sitemap-inner a { color: #000000; }
.sitemap-inner a:hover { color: #00bfff; }

#menu-sitemap li,
#menu-sitemap li ul,
#menu-sitemap li ul li
{
	padding-left: 20px !important;
}

.breadcrumbs {
	/* margin-top: 3.125rem; */
	font-size: 0.875rem;
}
/*----------------------------------------------- */
/* 画面幅768以上　1024px未満 */
/*----------------------------------------------- */
@media screen and (min-width: 768px) {
	.btnHead {
		display: none;
	}

	.blockPhoto p
	{
		font-size: 1rem;
	}

	#sidebar {
		position: static;
	}

	#sidebar,#wrapper {
		float: left;
	}

	#wrapper {
		width:-webkit-calc(100% - 300px);
		width:-moz-calc(100% - 300px);
		width:calc(100% - 300px);
		width:calc(100% - 18.75rem);
	}

	.blockPhoto,
	.blockInfo,
	.blockGirl {
		width:calc(50% - 40px);
		width:calc(50% - 2.5rem);
		padding: 20px;
		padding: 1.25rem;
	}

	.blockPhotoArchive,
	.blockInfoArchive,
	.blockGirlArchive {
		width: 96%;
		width:calc(100% - 40px);
		width:calc(100% - 2.5rem);
	}

	.blockPhoto .archiveImg img,
	.blockInfo .archiveImg img,
	.blockGirl .archiveImg img {
		width: 100%;
		height: auto;
		float: left;
		margin: 20px 0;
		margin: 1.25rem 0;
	}

	.breadcrumbs {
		margin-top: 0;
		font-size: 1rem;
	}
/*8888888888888888888888888888888888888888*/
.familytimeLogo,
.familytime2ndContent-ItemImg {
	margin: 3% 0;
}
.familytimeLogo img,
.familytime2ndContent-ItemImg img {
	width: 40%;
}
.familytimeTopContent,
.familytimeTopContent ul,
.familytime2ndContent {
	text-align: center;
}
.familytimeTopContent ul li {
	/*float: left;*/
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 25%;
	margin: 2%;
}
.familytimeTopContent ul li img {
	width: 100%;
	-moz-border-radius: 8px; /* 古いFirefox */
	-webkit-border-radius: 8px; /* 古いSafari,Chrome */
	border-radius: 8px; /* CSS3 */
	-moz-border-radius: 0.5rem; /* 古いFirefox */
	-webkit-border-radius: 0.5rem; /* 古いSafari,Chrome */
	border-radius: 0.5rem; /* CSS3 */
}
.familytime3ndContent-ItemBox {
	width: 100%;
	display: block;
	text-align: center;
	margin: 3% 0;
}
/*.familytime3ndContent-TitleText {
	padding-left: 4%;
}
.familytime3ndContent-TitleImg {
	display: table-cell;
	padding-right: 4%;
}
*/
.familytime2ndContent-Title .fs40 {
	margin: 5%;
	color: tomato;
	font-size: 150%;
}
p.fs40-c {
	font-size: 150%;
	font-size: 2rem;
	color: #ff8400;
}
.familytime3ndContent h2 {
	margin: 4% 0 0 ;
	text-align: center;
	padding: 1%;
	font-size: 150%;
	color: #fff;
	background-color: #27B5EA;
	border-radius: 15px;
}
.familytime3ndContent-TitleText p {
	text-align: left;
}
p.fs40 {
	font-size: 40px;
	font-size: 1.75rem;
	padding-top: 5%;
}

p.fs18-center {
	font-size: 18px;
	font-size: 1.125rem;
	text-align: center;
	margin: 2% auto;
}

/*-- LINEbutton reset.css --*/
.blockPhoto .archiveImg .wsbl_line img,
.blockInfo .archiveImg .wsbl_line img,
.blockGirl .archiveImg .wsbl_line img {
	width: 88px;
	margin: 0;
}

	.next {
		width: 80%;
	}

	/*single*/
	/*日別アーカイブ*/
	.fixBox h2 { margin: 0px 0 16px; margin: 0 0 1rem; }

}/*@media screen and (min-width: 768px)*/
/*----------------------------------------------- */
/* 画面幅1024以上 */
/*----------------------------------------------- */
@media screen and (min-width: 1024px) {

	.next {
		width: 50%;
	}
/*----------------------------------------------------------------------------*/
/* 固定ページ用 */
/*----------------------------------------------------------------------------*/
/*-- familytime --*/
.familytimeContents {
	margin: 4% 10% 0;
}
.familytimeContents p {
	font-family: "小塚ゴシック Pr6N R","メイリオ",sans-serif;
	font-size: 100%;
}
.familytimeLogo {
	margin: 0 auto;
	width: 40%;
}
.familytimeLogo img {
	width: 100%;
}
.familytimeTopContent {
	margin: 4% auto 8%;
}
.familytimeTopContent p {
	margin: 0 auto 4%;
	font-size: 150%;
	text-align: center;
}
p.fs31-c {
	font-size: 31px;
	font-size: 1.9375rem;
	color: #ff568a;
}
.familytimeMainImg {
	margin: 0 auto 2%;
}
.familytimeTopContent ul {
	text-align: center;
}
.familytimeTopContent ul li {
	/*float: left;*/
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 25%;
	margin: 2%;
}
.familytimeTopContent ul li img {
	width: 100%;
	-moz-border-radius: 8px; /* 古いFirefox */
	-webkit-border-radius: 8px; /* 古いSafari,Chrome */
	border-radius: 8px; /* CSS3 */
	-moz-border-radius: 0.5rem; /* 古いFirefox */
	-webkit-border-radius: 0.5rem; /* 古いSafari,Chrome */
	border-radius: 0.5rem; /* CSS3 */
}
p.fs24 {
	font-size: 24px;
	font-size: 1.5rem;
}

.familytime2ndContent {
	margin: 0 auto 8%;
}
.familytime2ndContent-Title {
	height: 155px;
	background-image: url(img/familytime-people.png);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	font-size: 200%;
}
p.fs40 {
	font-size: 40px;
	font-size: 2.5rem;
	/*text-align: center;*/
	padding-top: 5%;
}
.familytime2ndContent-Item {
	margin: 4% auto 0;
	width: 85%;
	/*display: table;*/
}
.familytime2ndContent-ItemImg {
	width: 40%;
	margin: 0 3%;
	/*display: table-cell;*/
	/*display: inline-block;*/
	float: left;
}
.familytime2ndContent-Item img {
	width: 100%;
}
.familytime2ndContent-ItemText {
	/*display: table-cell;*/
	/*display: inline-block;*/
	float: left;
	width: 45%;
}
p.fs40-c {
	font-size: 40px;
	font-size: 2.5rem;
	color: #ff8400;
}
p.fs17 {
	font-size: 17px;
	font-size: 1.0625rem;
}
.familytime2ndContent-ItemText a {
	color: #000000;
}
p.fs30 {
	font-size: 30px;
	font-size: 1.875rem;
}
.familytime3ndContent a img{
	width: 100%;
	text-align: center;
}
.familytime3ndContent-ItemBoxs {
	margin: 4% auto;
}
.familytime3ndContent h2 {
	text-align: center;
	padding: 1%;
	font-size: 200%;
	letter-spacing: 0.25em;
	color: #fff;
	background-color: #27B5EA;
	border-radius: 15px;
}
.familytime3ndContent-ItemBox {
	width: 100%;
	display: block;
}
.familytime3ndContent-ItemLeft {
	float: left;
	margin: 0 auto;
}
.familytime3ndContent-ItemRight {
	float: right;
	margin: 0 auto;
}
.familytime3ndContent-Title {
	display: table;
	width: 100%;
}
.familytime3ndContent-TitleText {
	padding-left: 4%;
}
.familytime3ndContent-TitleImg {
	display: table-cell;
	padding-right: 4%;
}
.familytime3ndContent-Item {
	text-align: center;
	margin-top: 5%;
}
.familytime3ndContent-TitleText p.fs40 {
	font-size: 32px;
	font-size: 2rem;
}
.familytime3ndContent-ItemRight,
.familytime3ndContent-ItemLeft {
	width: 600px;
}

p.fs18-center {
	font-size: 18px;
	font-size: 1.125rem;
	text-align: center;
	margin: 2% auto;
}

/* 投稿内youtubeサイズ固定用ラッパー */
.youtube_wrapper
{
	position: relative;
	width: 100%;
}
.youtube_wrapper:before
{
	content:"";
	display: block;
	padding-top: 56.25%;
}
.youtube_wrapper iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*55555555555555555555555555555555555555555555*/
	.fixBox h2 { font-size: 32px; font-size: 2rem; }
	/*published ・ model*/
	.fixPubWrap .fixBox,
	.fixModWrap .fixBox {
		text-align: center;
	}
	.fixPubWrap .fixBox img.contactBtn,
	.fixModWrap .fixBox img.contactBtn {
		width: 50%;
		margin-top: 16px;
		margin-top: 1rem;
	}
	.fixModWrap .fixBox img.modelImg {
		margin: 0;
	}
	/*contact*/
	.fixConWrap .tac { text-align: center; }
	.fixConWrap  input[type="text"],
	.fixConWrap  input[type="email"],
	textarea { width: 500px; width: 31.25rem; }
}