@charset "utf-8";

/* ----------------------------------------------*
	content
------------------------------------------------- */
#content {
	max-width: 880px;
	padding-top: 220px;
	margin: 0 auto;
}
#content h2.section-tit {
	text-align: center;
	font-family: "RobotoCondensed";
	font-weight: 700;
	font-size: 42px;
	letter-spacing: 0.1em;
	margin-bottom: 80px;
}

.cat-tab {
	display: flex;
	margin-bottom: 60px;
}
.cat-tab li {
	font-family: "RobotoCondensed";
	font-weight: 700;
	font-size: 16px;
	margin: 0 10px 0 0;
}
.cat-tab li a {
	display: block;
	padding: 10px 25px;
	color: #59768a;
	border-bottom: #59768a solid 2px;
}
.cat-tab li.current a {
	background-color: #59768a;
	color: #fff;
}

.back-btn {
	padding-top: 60px;
	border-top: #e6e6e6 solid 1px;
	text-align: center;
}
.back-btn a {
	font-family: "RobotoCondensed";
	font-weight: 700;
	font-size: 24px;
	color: #59768a;
	letter-spacing: 0.05em;
}

.pager {
	display: flex;
	justify-content: center;
	padding-top: 40px;
	margin-bottom: 60px;
}
.pager li {
	font-family: "RobotoCondensed";
	font-weight: 700;
	margin: 0 5px;
	font-size: 16px;
}
.pager li span {
	display: block;
	background-color: #59768a;
	color: #fff;
	border: #59768a solid 1px;
	padding: 10px;
}
.pager li a {
	display: block;
	color: #59768a;
	border: #59768a solid 1px;
	padding: 10px;
}
.pager.pager__nav--type1 {
	padding-top: 0;
}

.share {
	border-top: #e6e6e6 solid 1px;
	border-bottom: #e6e6e6 solid 1px;
	margin-top: 60px;
	padding: 30px 0;
	display: flex;
	align-items: center;
}
.share li {
	margin-right: 15px;
	font-family: "RobotoCondensed";
	font-weight: 700;
	color: #59768a;
}
.share li a {
	display: block;
}
.share li img.f {
	width: 10px;
	height: auto;
}
.share li img.t {
	width: 24px;
	height: auto;
}
.share li img.l {
	width: 22px;
	height: auto;
}

.item--centering {
	text-align: center;
}
#content .no-entry {
	padding: 100px 0;
	margin: 0;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #59768a;
	width: 100%;
}

@media screen and (min-width: 768px) {
	.cat-tab li a {
		transition: all 0.3s ease-out;
	}
	.cat-tab li a:hover {
		color: #fff;
		background-color: #59768a;
		opacity: 1;
	}
}
@media screen and (max-width: 767px) {
	#content {
		padding-top: 24vw;
		margin: 0 5vw;
	}
	#content h2.section-tit {
		font-size: 6vw;
		letter-spacing: 0.08em;
		margin-bottom: 10vw;
	}

	.cat-tab {
		justify-content: center;
		margin-bottom: 10vw;
	}
	.cat-tab li {
		font-size: 2.8vw;
		margin: 0 1vw;
	}
	.cat-tab li a {
		padding: 2vw 4vw;
	}

	.back-btn {
		padding-top: 10vw;
	}
	.back-btn a {
		font-size: 4.8vw;
	}

	.pager {
		padding-top: 6vw;
		padding-bottom: 8vw;
		margin-bottom: 2vw;
	}
	.pager li {
		margin: 0 0.8vw;
		font-size: 3.4vw;
	}
	.pager li span,
	.pager li a {
		padding: 3vw 2.5vw;
	}
	#content .no-entry {
		padding: 30vw 0;
		font-size: 4vw;
	}
}

/* -------------------------------------------------
	news
------------------------------------------------- */
.news-list dt {
	border-bottom: #e6e6e6 solid 1px;
	padding: 20px 0;
	position: relative;
	cursor: pointer;
}
.news-list dt.new::after {
	content: "";
	width: 60px;
	height: 25px;
	display: block;
	background: url(/static/saucydog/official/common/new.svg) no-repeat 0 0 /
		contain;
	position: absolute;
	right: 0;
	top: 20px;
}
.news-list dt .list-data {
	font-family: "RobotoCondensed";
	display: flex;
	justify-content: flex-start;
	margin-bottom: 15px;
}
.news-list dt .list-data .cat {
	background-color: #59768a;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	width: 70px;
	text-align: center;
	line-height: 20px;
	margin-right: 20px;
}
.news-list dt .list-data .date {
	color: #666;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 20px;
}
.news-list dt h3 {
	font-size: 17px;
	font-weight: bold;
	line-height: 1.8;
	color: #000;
}

.news-list dd {
	padding: 40px;
	border-bottom: #e6e6e6 solid 1px;
	display: none;
	background-color: rgba(89, 118, 138, 0.08);
}

.entry-head {
	border-bottom: #e6e6e6 solid 1px;
	padding: 0 0 40px;
	margin-bottom: 40px;
}
.entry-head .list-data {
	font-family: "RobotoCondensed";
	display: flex;
	justify-content: flex-start;
	margin-bottom: 15px;
}
.entry-head .list-data .cat {
	background-color: #59768a;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	width: 70px;
	text-align: center;
	line-height: 20px;
	margin-right: 20px;
}
.entry-head .list-data .date {
	color: #666;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 20px;
}
.entry-head h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	color: #000;
}

.entry-body {
	font-size: 15px;
	line-height: 2;
	word-break: break-all;
}
.entry-body p {
	margin-bottom: 10px;
	line-height: 1.8;
}
.entry-body p a {
	color: #59768a;
	text-decoration: underline;
}

.entry-body h4 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}
.entry-body p + h4 {
	margin-top: 60px;
}
.entry-body figure {
	margin: 60px 0;
	text-align: center;
}

.entry-body .video-detail {
	width: 100%;
	position: relative;
	padding-top: 56.25%;
	margin-bottom: 30px;
}
.entry-body .video-detail iframe,
.entry-body .video-detail .ulizahtml5,
.entry-body .video-detail video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.entry-body .video-detail img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%, -50%);
}

.entry-body .movie-comment {
	margin-bottom: 15px;
}
.entry-body .note {
	font-size: 14px;
}

@media print, screen and (min-width: 768px) {
	.news-list dt {
		transition: all 0.3s linear;
	}
	.news-list dt:hover {
		opacity: 0.5;
	}
	.entry-body p a:hover {
		text-decoration: none;
	}
}
@media screen and (max-width: 767px) {
	.news-list dt {
		padding: 4vw 0;
	}
	.news-list dt.new::after {
		width: 12vw;
		height: 5vw;
		top: 4vw;
	}
	.news-list dt .list-data {
		margin-bottom: 3vw;
	}
	.news-list dt .list-data .cat {
		font-size: 2.8vw;
		width: 20vw;
		line-height: 6vw;
		margin-right: 4vw;
	}
	.news-list dt .list-data .date {
		font-size: 3.2vw;
		line-height: 6vw;
	}
	.news-list dt h3 {
		font-size: 3.6vw;
		letter-spacing: 0.05em;
	}
	.news-list dd {
		padding: 5vw;
	}

	.entry-head {
		padding: 0 0 6vw;
		margin-bottom: 8vw;
	}
	.entry-head .list-data {
		margin-bottom: 4vw;
	}
	.entry-head .list-data .cat {
		font-size: 3.2vw;
		width: 18vw;
		line-height: 6vw;
		margin-right: 3vw;
	}
	.entry-head .list-data .date {
		font-size: 3.6vw;
		line-height: 6vw;
	}
	.entry-head h3 {
		font-size: 4.2vw;
	}

	.entry-body {
		font-size: 3.6vw;
		line-height: 1.8;
	}
	.entry-body p {
		margin-bottom: 6vw;
		letter-spacing: 0.05em;
	}
	.entry-body h4 {
		font-size: 3.8vw;
		margin-bottom: 4vw;
	}
	.entry-body figure {
		margin: 10vw 0;
	}

	.flash__player--accordion dt {
		background-color: #000;
		color: #fff;
		padding: 3vw 4vw;
	}
	.flash__player--accordion dd {
		background-color: #fff;
		padding: 3vw 4vw;
	}
	.flash__player--accordion dd ul {
		list-style: disc;
		padding-left: 15px;
	}
	.flash__player--accordion dd ul li a {
		font-size: 3.2vw;
		text-decoration: underline;
	}
}

/* -------------------------------------------------
	live
------------------------------------------------- */

.live-list dt {
	border-bottom: solid 1px #e6e6e5;
	padding: 22px 0;
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
}
/*.live-list dt.new::before {
	content: "";
		width: 60px;
		height: 25px;
	display: block;
	background: url(/static/saucydog/official/common/new.svg) no-repeat 0 0 / contain;
	position: absolute;
	right: 0;
	top: 20px;
}*/
.live-list dt .date-group {
	width: 255px;
	display: flex;
	align-items: center;
	font-family: "RobotoCondensed";
	font-weight: 700;
}
.live-list dt .date-group::after {
	width: 1px;
	height: calc(100% - 44px);
	content: "";
	display: block;
	background: #e6e6e5;
	position: absolute;
	left: 233px;
	top: 22px;
}
.live-list dt .date-group .y {
	margin-left: -10px;
	font-size: 20px;
	transform: rotate(90deg);
}
.live-list dt .date-group .d {
	font-size: 50px;
}
.live-list dt .date-group .wd {
	margin-left: 18px;
	display: inline-block;
	font-size: 20px;
}
.live-list dt .title {
	width: calc(100% - 350px);
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}

.live-list dd {
	padding: 40px;
	border-bottom: #e6e6e6 solid 1px;
	display: none;
	background-color: rgba(89, 118, 138, 0.08);
}

.live-head {
	display: flex;
	align-items: center;
	padding: 0 0 30px;
}
.live-head .date-group {
	width: 255px;
	display: flex;
	align-items: center;
	font-family: "RobotoCondensed";
	font-weight: 700;
	padding: 5px 0;
	position: relative;
}
.live-head .date-group::after {
	width: 1px;
	height: 100%;
	content: "";
	display: block;
	background: #e6e6e5;
	position: absolute;
	left: 233px;
	top: 0;
}
.live-head .date-group .y {
	margin-left: -10px;
	font-size: 20px;
	transform: rotate(90deg);
}
.live-head .date-group .d {
	font-size: 50px;
}
.live-head .date-group .wd {
	margin-left: 18px;
	display: inline-block;
	font-size: 20px;
}

.live-head h3 {
	width: calc(100% - 255px);
}

@media print, screen and (min-width: 768px) {
	.live-list dt {
		transition: all 0.3s linear;
	}
	.live-list dt:hover {
		opacity: 0.5;
	}
}
@media screen and (max-width: 767px) {
	.live-list dt {
		padding: calc(40 / 1125 * 100vw) 0 calc(30 / 1125 * 100vw);
		flex-wrap: wrap;
	}
	/*.live-list dt.new::before {
		width: calc(160 / 1125 * 100vw);
		height: calc(65 / 1125 * 100vw);
		right: calc(20 / 1125 * 100vw);
		top: calc(50 / 1125 * 100vw);
	}*/
	.live-list dt .date-group {
		width: calc(400 / 1125 * 100vw);
		border-right: solid 1px #e6e6e5;
	}
	.live-list dt .date-group::after {
		display: none;
	}
	.live-list dt .date-group .y {
		margin-left: -1.5vw;
		font-size: calc(28 / 1125 * 100vw);
		letter-spacing: 0.05em;
	}
	.live-list dt .date-group .d {
		font-size: calc(75 / 1125 * 100vw);
	}
	.live-list dt .date-group .wd {
		margin-left: calc(35 / 1125 * 100vw);
		font-size: calc(28 / 1125 * 100vw);
	}
	.live-list dt .title {
		width: 100%;
		margin-top: 0.8em;
		font-size: calc(36 / 1125 * 100vw);
	}

	.live-list dd {
		padding: 5vw;
	}

	.live-head {
		padding: 0 0 4vw;
		display: block;
	}
	.live-head .date-group {
		padding: 0;
		margin-bottom: 4vw;
	}
	.live-head .date-group::after {
		display: none;
	}
	.live-head .date-group .y {
		margin-left: -1.5vw;
		font-size: calc(40 / 1125 * 100vw);
		letter-spacing: 0.05em;
	}
	.live-head .date-group .d {
		font-size: calc(100 / 1125 * 100vw);
	}
	.live-head .date-group .wd {
		margin-left: calc(35 / 1125 * 100vw);
		font-size: calc(38 / 1125 * 100vw);
	}

	.live-head h3 {
		width: 100%;
	}
}
/* -------------------------------------------------
	discography
------------------------------------------------- */
.disco-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.disco-list li {
	width: calc((100% - 120px) / 3);
	margin-right: 60px;
	margin-bottom: 50px;
}
.disco-list li:nth-child(3n) {
	margin-right: 0;
}
.disco-list li .jacket {
	line-height: 0;
	margin-bottom: 20px;
	border: #e6e6e6 solid 1px;
}
.disco-list li .jacket a {
	display: block;
	width: 100%;
	padding-top: 100%;
	position: relative;
}
.disco-list li .jacket a img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.disco-list li .title {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 15px;
}
.disco-list li .text1 {
	font-size: 14px;
	line-height: 1.6;
}

.discoDetailWrap {
	display: flex;
	justify-content: space-between;
}
.discoDetailWrap .jacket {
	width: 38%;
	line-height: 0;
}
.discoDetailWrap .jacket div {
	border: #e6e6e6 solid 1px;
	line-height: 0;
}
.discoDetailWrap .discoTxt {
	width: 55%;
	line-height: 1.8;
}
.discoDetailWrap .discoTxt h3 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
	letter-spacing: 0.1em;
}
.discoDetailWrap .discoTxt .release {
	font-size: 14px;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
}
.discoDetailWrap .discoTxt .btnList {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.discoDetailWrap .discoTxt .btnList li {
	width: 48%;
}
.discoDetailWrap .discoTxt .btnList li a {
	display: block;
	border: #59768a solid 1px;
	color: #59768a;
	text-decoration: none;
	text-align: center;
	padding: 15px 0;
	font-size: 14px;
	font-family: "RobotoCondensed";
	font-weight: 700;
}

.discoDetailWrap .discoTxt .discWrap + .discWrap {
	margin-top: 40px;
}

.discoDetailWrap .discoTxt .songList {
	border-top: #e6e6e6 solid 1px;
	padding-top: 40px;
}
.discoDetailWrap .discoTxt .songList p,
.discoDetailWrap .discoTxt .songList > div {
	font-size: 14px;
	margin-bottom: 35px;
}
.discoDetailWrap .discoTxt .songList ol {
	list-style: none;
}
.discoDetailWrap .discoTxt .songList ol li {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.discoDetailWrap .discoTxt .songList ol li span {
	display: inline-block;
	width: 40px;
}

@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.disco-list {
		justify-content: space-between;
	}
	.disco-list li {
		width: 46%;
		margin-right: 0;
		margin-bottom: 8vw;
	}
	.disco-list li .title {
		font-size: 3.6vw;
		letter-spacing: 0.05em;
		margin-bottom: 3vw;
	}
	.disco-list li .text1 {
		font-size: 2.8vw;
		letter-spacing: 0.05em;
	}
	.disco-list li .jacket {
		margin-bottom: 3vw;
	}

	.discoDetailWrap {
		display: block;
	}
	.discoDetailWrap .jacket {
		width: 65%;
		margin: 0 auto 6vw;
	}
	.discoDetailWrap .discoTxt {
		width: 100%;
	}
	.discoDetailWrap .discoTxt h3 {
		font-size: 5.6vw;
		margin-bottom: 3vw;
	}
	.discoDetailWrap .discoTxt .release {
		font-size: 3.2vw;
		margin-bottom: 8vw;
	}
	.discoDetailWrap .discoTxt .btnList {
		display: block;
		margin-bottom: 8vw;
	}
	.discoDetailWrap .discoTxt .btnList li {
		width: 80%;
		margin: 0 auto 4vw;
	}
	.discoDetailWrap .discoTxt .btnList li a {
		padding: 3vw 0;
		font-size: 3.6vw;
	}

	.discoDetailWrap .discoTxt .discWrap + .discWrap {
		margin-top: 8vw;
	}
	.discoDetailWrap .discoTxt .songList {
		padding-top: 8vw;
	}
	.discoDetailWrap .discoTxt .songList p,
	.discoDetailWrap .discoTxt .songList > div {
		font-size: 3.3vw;
		margin-bottom: 8vw;
	}
	.discoDetailWrap .discoTxt .songList ol li {
		font-size: 4vw;
		margin-bottom: 3vw;
	}
}

/* -------------------------------------------------
	biography
------------------------------------------------- */
.bio_main_pic {
	line-height: 0;
	margin-bottom: 40px;
}
.history {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	line-height: 1.8;
	margin-bottom: 60px;
}
.history dt {
	width: 150px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}
.history dd {
	width: calc(100% - 160px);
	font-size: 14px;
	margin-bottom: 15px;
}

.bio-member {
	padding: 60px 8% 0;
	border-top: #e6e6e6 solid 1px;
	margin-bottom: 60px;
}
.bio-member h3 {
	text-align: center;
	margin-bottom: 30px;
	font-size: 26px;
	letter-spacing: 0.08em;
}
.bio-member h3 span {
	font-family: "RobotoCondensed";
	font-weight: 700;
	font-size: 20px;
	vertical-align: baseline;
	margin-right: 10px;
	color: #59768a;
}
.bio-member .member-pic {
	margin-bottom: 30px;
}
.bio-member p {
	font-size: 15px;
	line-height: 1.8;
	margin-bottom: 20px;
}

.bio-member .member-sns {
	display: flex;
}
.bio-member .member-sns li {
	margin-right: 15px;
}
.bio-member .member-sns li .t {
	width: 23px;
}
.bio-member .member-sns li .i {
	width: 21px;
}

@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.history {
		line-height: 1.7;
	}
	.history dt {
		width: 100%;
		font-size: 3vw;
		margin-bottom: 1vw;
	}
	.history dd {
		width: 100%;
		font-size: 3.5vw;
		margin-bottom: 4vw;
	}

	.bio-member {
		padding: 10vw 0 0;
		margin-top: 8vw;
	}
	.bio-member h3 {
		margin-bottom: 6vw;
		font-size: 5.4vw;
	}
	.bio-member h3 span {
		font-size: 4vw;
		margin-right: 1vw;
	}
	.bio-member .member-pic {
		margin-bottom: 4vw;
	}
	.bio-member p {
		font-size: 3.2vw;
		margin-bottom: 6vw;
	}
	.bio-member .member-sns li {
		margin-right: 4vw;
	}
	.bio-member .member-sns li .t {
		width: 4.5vw;
	}
	.bio-member .member-sns li .i {
		width: 4.2vw;
	}
}

/* -------------------------------------------------
	video
------------------------------------------------- */
.video-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.video-list li {
	width: calc(440 / 960 * 100%);
	margin-bottom: 40px;
}
.video-list li a {
	display: block;
	line-height: 0;
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.video-list li a img {
	display: none;
	/*position: absolute;
		top: 50%;
		left: 50%;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		transform: translate(-50%, -50%);*/
}
.video-list li p {
	font-size: 16px;
	line-height: 1.6;
	margin-top: 14px;
}

.video-list li p.date {
	font-family: "RobotoCondensed";
	font-weight: 700;
	color: #59768a;
	font-size: 14px;
}
.video-list li p.date + p {
	margin-top: 5px;
}

@media print, screen and (min-width: 768px) {
}

@media screen and (max-width: 767px) {
	.video-list {
		display: block;
	}
	.video-list li {
		width: 100%;
		margin-bottom: 12vw;
	}
	.video-list li p {
		font-size: 3.4vw;
		margin-top: 4vw;
	}
	.video-list li p.date {
		font-size: 3vw;
	}
	.video-list li p.date + p {
		margin-top: 1vw;
	}
}

/* -------------------------------------------------
	FC
------------------------------------------------- */
.fc-news,
.fc-movie,
.fc-photo,
.fc-qa,
.fc-blog,
.fc-guide {
	background: url(/static/saucydog/official/top/bg_01.png) repeat center center;
}

/* -------------------------------------------------
	photo
------------------------------------------------- */
.page--movie .mailBtn {
	margin-bottom: 60px;
}
.page--movie .mailBtn .btn-style1 {
	margin: 0 auto;
}

.page--movie.new-movie .section--list{
	width:100% !important;
}

.page--movie.new-movie .list--contents li{
	/*width: calc(440 / 960 * 100%) !important;*/
    margin-bottom: 40px;
}

.page--movie.new-movie .section--detail .area--more-info .block--tab__main .block--more_movies .list--contents{
	display:flex !important;
	justify-content:center !important;
}

.page--movie.new-movie .section--detail .area--more-info .block--tab__main .block--more_movies{
	border-top:none !important;
}

.page--movie.new-movie .list--contents:after{
	display:none !important;
}

.page--movie.new-movie.category-movie .section--list {
     box-sizing: border-box;
    padding: 0;
}
.page--movie.new-movie.category-movie .section--list .list--contents {
    gap: 0;
    justify-content: space-between;
}
.page--movie.new-movie.category-movie .section--list .list--contents li{
	width: 48%;
}
.page--movie.new-movie.category-movie .section--list .list--contents li .list__txt .date {
    font-family: 'RobotoCondensed';
    font-weight: 700;
}
.page--movie.new-movie.category-movie .section--list .list--contents li .list__txt .tit{
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
}

.page--movie.new-movie.page-movie-detail .section--detail .block--tit {
    width: 100%;
}
.page--movie.new-movie.page-movie-detail .section--detail .block--tit .tit {
    font-weight: bold;
    font-size: 20px;
    margin: 0 0 10px 0;
    line-height: 1.5;
}
.page--movie.new-movie.page-movie-detail .section--detail .block--tit .date {
    font-family: 'RobotoCondensed';
    font-weight: 700;
}
.page--movie.new-movie.page-movie-detail .section--detail .area--more-info .block--tab {
    width: 100%;
    margin: 0 auto 40px;
    position: relative;
}
.page--movie.new-movie.page-movie-detail .area--more-info .block--tab > div.current .item__ico span {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.1em;
}

.page--movie.new-movie.page-movie-detail .section--detail .area--more-info .block--tab__main .block--more_movies .list--contents li a {
    width: 100%;
    height: 100%;
    position: relative;
    padding:0;
    margin: 0 auto;
}
.page--movie.new-movie.page-movie-detail .section--detail .area--more-info .block--tab__main .block--more_movies .list--contents li{
    width: 100%;
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
}
.page--movie.new-movie.page-movie-detail .area--more-info .block--tab__main .block--more_movies .list--contents li a .list__txt .tit{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
.page--movie.new-movie.page-movie-detail .area--more-info .block--tab__main .block--more_movies .list--contents li a .list__txt .date {
    font-size: 13px;
    margin-bottom: 0;
    font-family: 'RobotoCondensed';
    font-weight: 700;
}
.page--movie.new-movie.page-movie-detail .section--detail .area--more-info .block--tab__main .block--comments .list--comment {
    border-top: 1px solid #ededed;
    border-left: 1px solid #ededed;
}


@media screen and (max-width: 767px) {
	.page--movie .mailBtn {
		margin-bottom: 10vw;
	}

	.page--movie .mailBtn .btn-style1 {
		width: 54vw;
		height: 12vw;
		font-size: 3.6vw;
	}
}

@media screen and (max-width:960px){
	.page--movie.new-movie .section--detail{
		padding-top:0 !important;
	}
	.page--movie.new-movie .section--detail .area--movie{
		background:none !important;
	}

	.page--movie.new-movie .section--detail .block--player{
		position:relative !important;
		top:0 !important;
	}
	.page--movie.new-movie.category-movie .section--list .list--contents li .list__txt .date {
	    margin: 0 0 5px 0;
	}
	.page--movie.new-movie.category-movie .section--list .list--contents li .list__txt .tit {
	    font-size: 12px;
	}
	.page--movie.new-movie.page-movie-detail .section--detail .block--tit {
	    width: 100%;
	    box-sizing: border-box;
	    padding: 0;
	    margin: 0 auto 20px;
	}
	.page--movie.new-movie.page-movie-detail .section--detail .block--tit .tit {
	    font-size: 15px;
	}
	.page--movie.new-movie.page-movie-detail .section--detail .block--tit .date {
	    font-size: 11px;
	}
	.page--movie.new-movie.page-movie-detail .section--detail .area--more-info .block--tab {
	    margin: 0 auto 10px;
	}
	.page--movie.new-movie.page-movie-detail .section--detail .area--more-info .block--tab__main .block--more_movies .list--contents li {
	    width: 100%;
	    padding: 0 0 10px 0;
	    margin: 0 0 10px 0;
	}
    .page--movie.new-movie .section--detail .area--more-info .block--tab__main .block--comments .list--comment li .list__txt {
        box-sizing: border-box;
    }
    .page--movie.new-movie .section--detail .area--more-info .block--tab__main .block--comments .block--post input[type=text] {
        box-sizing: border-box;
    }
	.page--movie.new-movie.page-movie-detail .section--detail .area--more-info .block--tab__main .block--comments .list--comment {
	    border-left: none;
	} 
    .page--movie.new-movie.page-movie-detail .section--detail .area--movie .video-js .vjs-play-control {
        top: -20vw;
        outline: none;
    }
    .page--movie.new-movie.page-movie-detail .section--detail .area--movie .video-js .vjs-play-control {
        top: -20vw;
    }
}

/* -------------------------------------------------
	photo
------------------------------------------------- */
.photo-wrap {
	margin-bottom: 60px;
}
.photo-wrap h3 {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin-bottom: 40px;
	text-align: center;
}
.photo-list li {
	margin-bottom: 40px;
}
.photo-list li a {
	display: block;
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	background-color: #fff;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-touch-callout: none;
	-moz-user-select: none;
	touch-callout: none;
	user-select: none;
	position: relative;
}
.photo-list li a:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.photo-list li a img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.photo-list li a .photo-title {
	position: absolute;
	background-color: rgba(89, 118, 137, 0.8);
	bottom: 5%;
	left: 0;
	color: #fff;
	padding: 20px 30px;
	line-height: 1.6;
	max-width: 80%;
}

.photo-list li a .photo-title .title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 14px;
}
.photo-list li a .photo-title p {
	font-size: 14px;
	font-family: "RobotoCondensed";
	font-weight: 700;
}

.book-title {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding-bottom: 30px;
	margin-bottom: 50px;
	position: relative;
	color: #59768a;
}
.book-title::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 1px;
	background-color: #59768a;
}

.photo-detail {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.photo-detail li {
	width: 25%;
}
.photo-detail li a {
	display: block;
	width: 100%;
	padding-top: 100%;
	position: relative;
	overflow: hidden;
	line-height: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-touch-callout: none;
	-moz-user-select: none;
	touch-callout: none;
	user-select: none;
}
.photo-detail li a img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media print, screen and (min-width: 768px) {
}

@media screen and (max-width: 767px) {
	.photo-wrap h3 {
		font-size: 4vw;
		margin-bottom: 6vw;
	}
	.photo-list li a .photo-title {
		bottom: 5%;
		left: 0;
		top: inherit;
		padding: 2vw 4vw;
	}
	.photo-list li a .photo-title .title {
		font-size: 3.2vw;
		margin-bottom: 1.5vw;
		line-height: 1.5;
		letter-spacing: 0.02em;
	}
	.photo-list li a .photo-title p {
		font-size: 2.6vw;
	}

	.book-title {
		font-size: 4.2vw;
		padding-bottom: 4vw;
		margin-bottom: 6vw;
	}
	.book-title::before {
		bottom: 0;
		left: 0;
		width: 12vw;
	}

	.photo-detail {
		margin-bottom: 8vw;
	}
	.photo-detail li {
		width: calc(100% / 3);
	}
}

/* -------------------------------------------------
	Q&A
------------------------------------------------- */
.post-btn {
	border-bottom: #e6e6e6 solid 1px;
	margin-bottom: 60px;
	padding-bottom: 60px;
}
.post-btn a {
	display: block;
	max-width: 280px;
	background-color: #59768a;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.05em;
	border-radius: 40px;
	padding: 20px 15px;
	margin: 0 auto;
}

.qa-list li {
	background-color: #fff;
	padding: 30px;
	margin-bottom: 40px;
	position: relative;
}
.qa-list li.new::before {
	content: "";
	width: 60px;
	height: 25px;
	display: block;
	background: url(/static/saucydog/official/common/new.svg) no-repeat 0 0 /
		contain;
	position: absolute;
	right: 20px;
	top: -15px;
}

.qa-list li .qa-head {
	display: flex;
	margin-bottom: 15px;
}
.qa-list li .qa-head .date {
	color: #666;
	font-family: "RobotoCondensed";
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.05em;
	margin-right: 20px;
}
.qa-list li .qa-head .user {
	letter-spacing: 0.05em;
	font-size: 15px;
}

.qa-list li h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
}

.qa-detail h3 {
	font-family: "RobotoCondensed";
	font-weight: 700;
	font-size: 24px;
	letter-spacing: 0.1em;
	color: #59768a;
	margin-bottom: 20px;
}
.qa-detail .qa-wrap {
	background-color: #fff;
	padding: 30px;
	line-height: 1.8;
}

.qa-detail dt {
	border-bottom: #e6e6e6 solid 1px;
	margin-bottom: 50px;
	padding-bottom: 40px;
}
.qa-detail dt .qa-head {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}
.qa-detail dt .title {
	font-size: 20px;
	font-weight: bold;
}

.qa-detail + .post-btn {
	margin: 6vw 0 0;
	padding: 8vw 0 0;
	border-top: #e6e6e6 solid 1px;
	border-bottom: none;
}

.form-lead {
	margin-bottom: 50px;
	font-size: 18px;
	font-weight: bold;
}

.error {
	color: #cc0000;
	border: #cc0000 solid 1px;
	padding: 15px 30px;
	margin-bottom: 40px;
	line-height: 1.8;
}
.loginErrorTxt {
	text-align: center;
}
.form-list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.form-list dt {
	width: 30%;
	padding-bottom: 20px;
	border-bottom: #e6e6e6 solid 1px;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}
.form-list dd {
	width: 70%;
	padding-bottom: 20px;
	border-bottom: #e6e6e6 solid 1px;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.8;
}
.form-list dd input,
.form-list dd textarea {
	-webkit-appearance: none;
	border: none;
	padding: 20px;
	font-size: 16px;
	width: 100%;
	box-sizing: border-box;
}
.form-list dd textarea {
	height: 200px;
}

.post-btn-submit {
	display: flex;
	justify-content: center;
}
.post-btn-submit input,
.post-btn-submit a {
	-webkit-appearance: none;
	display: block;
	width: 24%;
	border: none;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	letter-spacing: 0.1em;
	line-height: 60px;
	border-radius: 30px;
	margin: 0 15px;
}
.post-btn-submit input {
	background-color: #59768a;
}
.post-btn-submit a {
	background-color: #333;
}

.form-list dd input:focus,
.form-list dd textarea:focus,
.post-btn-submit input:focus {
	outline: none;
}

.thanks {
	text-align: center;
	margin-bottom: 100px;
	padding-top: 30px;
	font-size: 20px;
	font-weight: bold;
}

.qa-pager {
	display: flex;
	justify-content: space-between;
	margin: 60px 0;
}
.qa-pager li a {
	color: #777;
	font-family: "RobotoCondensed";
	font-weight: 700;
	font-size: 18px;
	display: inline-block;
	position: relative;
}
.qa-pager li.older a {
	padding-right: 25px;
}
.qa-pager li.newer a {
	padding-left: 25px;
}
.qa-pager li.older a::after {
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	border-top: #777 solid 3px;
	border-right: #777 solid 3px;
	position: absolute;
	right: 7px;
	top: 41%;
	transform: rotate(45deg) translateY(-50%);
}
.qa-pager li.newer a::before {
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	border-top: #777 solid 3px;
	border-left: #777 solid 3px;
	position: absolute;
	left: 7px;
	top: 41%;
	transform: rotate(-45deg) translateY(-50%);
}

@media print, screen and (min-width: 768px) {
	.post-btn-submit input {
		transition: all 0.3s ease-out;
	}

	.post-btn-submit input:hover {
		opacity: 0.5;
	}
}

@media screen and (max-width: 767px) {
	.post-btn {
		margin-bottom: 8vw;
		padding-bottom: 8vw;
	}
	.post-btn a {
		max-width: 50vw;
		font-size: 4.6vw;
		padding: 5vw;
	}

	.qa-list li {
		padding: 6vw;
		margin-bottom: 6vw;
	}
	.qa-list li .qa-head {
		margin-bottom: 4vw;
	}
	.qa-list li .qa-head .date {
		font-size: 3.4vw;
		margin-right: 5vw;
	}
	.qa-list li .qa-head .user {
		font-size: 3.4vw;
	}
	.qa-list li h3 {
		font-size: 3.8vw;
	}

	.qa-detail h3 {
		font-size: 4.6vw;
		margin-bottom: 4vw;
	}
	.qa-detail dt {
		margin-bottom: 8vw;
		padding-bottom: 6vw;
	}
	.qa-detail .qa-wrap {
		padding: 5vw;
		letter-spacing: 0.04em;
	}
	.qa-detail dt .qa-head {
		margin-bottom: 2.5vw;
	}
	.qa-detail dt .qa-head .user {
		font-size: 3.2vw;
	}

	.qa-detail dt .title {
		font-size: 3.8vw;
	}

	.form-lead {
		margin-bottom: 10vw;
		font-size: 3.8vw;
	}

	.error {
		padding: 2.5vw 4vw;
		margin-bottom: 8vw;
		font-size: 3.6vw;
	}
	.loginErrorTxt {
		position: relative;
		top: 26vw;
		font-size: 3.6vw;
		line-height: 1.8;
		width: 80%;
		text-align: left;
		margin: 0 auto;
	}

	.form-list {
		display: block;
		margin-bottom: 6vw;
	}
	.form-list dt {
		width: 100%;
		padding-bottom: 0;
		border-bottom: none;
		margin-bottom: 3vw;
		font-size: 3.6vw;
	}
	.form-list dd {
		width: 100%;
		padding-bottom: 5vw;
		margin-bottom: 6vw;
		font-size: 3.6vw;
	}
	.form-list dd input,
	.form-list dd textarea {
		padding: 3vw;
		font-size: 16px;
	}
	.form-list dd textarea {
		height: 45vw;
	}
	.post-btn-submit input,
	.post-btn-submit a {
		display: block;
		width: 40%;
		border: none;
		text-align: center;
		font-size: 3.6vw;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		letter-spacing: 0.1em;
		line-height: 12vw;
		border-radius: 30px;
		margin: 0 2%;
	}

	.thanks {
		margin-bottom: 20vw;
		padding-top: 10vw;
		font-size: 3.5vw;
		letter-spacing: 0.05em;
	}

	.qa-pager {
		margin: 8vw 0;
	}
	.qa-pager li a {
		font-size: 4vw;
	}
	.qa-pager li.older a {
		padding-right: 6vw;
	}
	.qa-pager li.newer a {
		padding-left: 6vw;
	}
	.qa-pager li.older a::after {
		width: 2vw;
		height: 2vw;
		border-top: #777 solid 2px;
		border-right: #777 solid 2px;
		right: 2vw;
		top: 1.2vw;
	}
	.qa-pager li.newer a::before {
		width: 2vw;
		height: 2vw;
		border-top: #777 solid 2px;
		border-left: #777 solid 2px;
		left: 2vw;
		top: 1.2vw;
	}
}

/* -------------------------------------------------
	Message
------------------------------------------------- */
.pageMessage {

}
.pageMessage #content h2.section-tit{
		text-indent: -9999px;
		position: relative;
		margin-bottom: 40px;
}
.pageMessage #content h2.section-tit:before{
	content: "MESSAGE";
		display: block;
		color: #333;
		text-indent: 0;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
}
.pageMessage #content .post-btn{
		border: none;
		padding: 0;
}
.pageMessage #content .post-btn a{
		text-indent: -9999px;
		position: relative;
}
.pageMessage #content .post-btn a:before{
		content: "メッセージを送る";
		display: block;
		text-indent: 0;
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		color: #fff;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 0.05em;
		transform: translateY(-50%);
}
.pageMessage #content .txt{
		text-align: center;
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 40px;
}
.pageMessage .attention{
		max-width: 600px;
		margin: 0 auto 40px;
		padding: 40px;
		border: 1px solid;
}
.pageMessage .attention li{
	margin: 0 0 10px;
		padding: 0 0 0 20px;
		line-height: 1.5em;
		font-size: 14px;
		position: relative;
}
.pageMessage .attention li:before{
		content: "※";
		position: absolute;
		left: 0;
}
.pageMessage .attention li:last-child{
		margin: 0;
}
.pageMessage .pager {
	display:none;
}

@media screen and (max-width: 767px) {

.pageMessage #content h2.section-tit {
		margin-bottom: 20px;
}
.pageMessage #content .txt {
		font-size: 16px;
		margin-bottom: 20px;
}
.pageMessage .attention{
		padding: 20px;
		margin: 0 auto 30px;
}

}
/* -------------------------------------------------
	blog
------------------------------------------------- */

.blog-index li {
	margin-bottom: 60px;
}
.blog-index li a {
	padding: 30px 40px;
	border-radius: 5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-touch-callout: none;
	-moz-user-select: none;
	touch-callout: none;
	user-select: none;
}
.blog-index li:nth-child(1) a {
	background-color: #8bb1b7;
}
.blog-index li:nth-child(2) a {
	background-color: #8fbc91;
}
.blog-index li:nth-child(3) a {
	background-color: #e198a6;
}
.blog-index li:nth-child(4) a {
	background-color: #e9bc00;
}

.blog-index li .thumb {
	width: 140px;
	line-height: 0;
	position: relative;
}

.blog-index li .thumb:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.blog-index li h3 {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	width: calc(100% - 200px);
}

.blog-index li p {
	padding: 0 40px;
	font-size: 16px;
	line-height: 1.6;
}

.page--blog h3 {
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	padding: 15px;
	margin-bottom: 60px;
}
.page--blog.category-saucydog_ishihara h3 {
	background-color: #8bb1b7;
}
.page--blog.category-saucydog_seto h3 {
	background-color: #e198a6;
}
.page--blog.category-saucydog_akizawa h3 {
	background-color: #8fbc91;
}
.page--blog.category-saucydog_inukun h3 {
	background-color: #e9bc00;
}

.blog-list li {
	margin-bottom: 30px;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.blog-list li .ishihara-list-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px;
}
.blog-list li .ishihara-list-head .author {
	line-height: 0;
	width: 80px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-touch-callout: none;
	-moz-user-select: none;
	touch-callout: none;
	user-select: none;
	pointer-events: none;
}
.blog-list li .ishihara-list-head .date {
	font-family: "RobotoCondensed";
	font-weight: 700;
	font-size: 16px;
	color: #444;
}
.category-saucydog_ishihara .blog-list li h4 {
	padding: 0 ;
	font-size: 18px;
	line-height: 1.6;
}

.category-saucydog_ishihara .blog-list li .moreBtn {
	margin-bottom: 30px;
}
.category-saucydog_ishihara .blog-list li .moreBtn a {
	display: block;
	background-color: #8bb1b7;
	text-align: center;
	color: #fff;
	max-width: 280px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: bold;
	padding: 15px;
	border-radius: 40px;
	position: relative;
}
.category-saucydog_ishihara .blog-list li .moreBtn a::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-right: #fff solid 2px;
	border-bottom: #fff solid 2px;
	position: absolute;
	top: 32%;
	right: 10%;
	transform: rotate(45deg);
	transition: all 0.3s ease-out;
}
.category-saucydog_ishihara .blog-list li .moreBtn a.on::after {
	top: 40%;
	transform: rotate(-135deg);
}
.category-saucydog_ishihara .blog-list li .moreBtn span {
	display: block;
	background-color: #8bb1b7;
	text-align: center;
	color: #fff;
	max-width: 280px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: bold;
	padding: 15px;
	border-radius: 40px;
	position: relative;
}
/*.category-saucydog_ishihara .blog-list li .thumb {
	line-height: 0;
	margin-bottom: 30px;
}
.category-saucydog_ishihara .blog-list li .thumb img {
	width: 100%;
	height: auto;
}*/

.blog-list li .list-body {
	display: none;
	padding: 0 30px;
	line-height: 1.8;
	margin-bottom: 40px;
}
.blog-list li .list-body img {
	margin-bottom: 30px;
	margin-top: 30px;
	width: calc(100% + 60px) !important;
	max-width: inherit;
	margin-left: -30px;
	width: 100% !important;
	margin: 30px auto;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-touch-callout: none;
	-moz-user-select: none;
	touch-callout: none;
	user-select: none;
	pointer-events: none;
}

.sns_movie_class {
	width: 100%;
	position: relative;
	padding-top: 56.25%;
}
.sns_movie_class .jstream-eqPlayer {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.blog-list li .comment-link {
/*  padding: 20px 30px;
	border-top: #e6e6e6 solid 1px;*/
	text-align: right;
	position: absolute;
top: 0;
right: 0;
}
.blog-list li .comment-link a {
	display: inline-block;
	width: 35px;
}

.author-profile {
	margin-bottom: 60px;
}
.author-profile .author {
	width: 140px;
	margin: 0 auto 40px;
	line-height: 0;
	position: relative;
	pointer-events: none;
}
.author-profile .author:after{
	content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
}
.author-profile p {
	text-align: center;
	font-size: 16px;
	line-height: 1.6;
}

.blog-list.type2 li {
	padding: 30px;
	display: flex;
	justify-content: space-between;
}
.blog-list.type2 li .thumb {
	width: 180px;
	position: relative;
	padding-top: 180px;
}
.blog-list.type2 li .thumb img {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}
.blog-list.type2 li .blog-list-left {
	width: 100%;
	padding-bottom: 40px;
	position: relative;
}
.blog-list.type2 li .thumb + .blog-list-left {
	width: calc(100% - 230px);
}

.blog-list.type2 li .blog-list-left h4 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
}
.blog-list.type2 li .blog-list-left .cat {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: bold;
	background-color: #8fbc91;
}
.blog-list.type2 li .blog-list-left .date {
	position: absolute;
	bottom: 0;
	right: 0;
	font-family: "RobotoCondensed";
	font-weight: 700;
	font-size: 16px;
	color: #444;
	line-height: 1.4;
}

.blog-body {
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	margin-bottom: 60px;
}

.blog-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 40px;
}
.blog-head .author-thumb {
	width: 100px;
	line-height: 0;
	position: relative;
}

.blog-head .author-thumb:after{
	content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
}

.blog-head .blog-head-right {
	width: calc(100% - 140px);
}
.blog-head h4 {
	width: calc(100% - 140px);
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 10px;
}
.blog-head .date {
	font-family: "RobotoCondensed";
	font-weight: 700;
	font-size: 16px;
	color: #444;
	width: 120px;
	line-height: 1.4;
}

.blog-content {
	padding: 40px;
	font-size: 16px;
	line-height: 1.8;
}
/* .blog-content div,
.blog-content p {
	margin-bottom: 25px;
} */
.blog-content .thumb {
	margin: 40px 0;
}

.blog-content span {
	white-space: normal !important;
}

.blog-content p img {
	width: 100% !important;
}

.block--player {
	height: 0;
	margin: 0 auto 20px;
	padding-top: 56.25%;
	background: #000;
	line-height: 0;
	position: relative;
}

.block--player video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.block--player iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.block--player .ulizahtml5 {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
}

.to-index {
	display: flex;
	justify-content: center;
	margin-bottom: 80px;
	margin-top: 40px;
}

.blog-pager {
	padding: 30px 40px;
	border-top: #e6e6e6 solid 1px;
	display: flex;
	justify-content: space-between;
}
.blog-pager li a {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 1.6;
}
.blog-pager li.next a {
	padding-left: 25px;
}
.blog-pager li.next a::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: #000 solid 1px;
	border-left: #000 solid 1px;
	position: absolute;
	left: 7px;
	top: 41%;
	transform: rotate(-45deg) translateY(-50%);
}
.blog-pager li.prev a {
	padding-right: 25px;
	text-align: right;
}
.blog-pager li.prev a::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: #000 solid 1px;
	border-right: #000 solid 1px;
	position: absolute;
	right: 7px;
	top: 41%;
	transform: rotate(45deg) translateY(-50%);
}

.comment-post {
	margin-bottom: 60px;
}
.comment-post .comment-post-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.comment-post .comment-post-head h5 {
	font-family: "RobotoCondensed";
	font-weight: 700;
	font-size: 26px;
	letter-spacing: 0.05em;
	color: #59768a;
}
.comment-post .comment-post-head .nickname {
	font-size: 18px;
	font-weight: bold;
}
.comment-post .comment-post-head .nickname span {
	font-size: 14px;
	vertical-align: baseline;
}

.comment-post .comment-form #form_body {
	width: 100%;
	resize: vertical;
	border: none;
	padding: 15px;
	font-size: 16px;
	box-sizing: border-box;
	height: 140px;
	margin-bottom: 30px;
}
.comment-post .comment-form input {
	display: block;
	margin: 0 auto;
	background-color: #59768a;
	border: none;
	color: #fff;
	font-size: 18px;
	letter-spacing: 0.1em;
	padding: 10px 30px;
	border-radius: 30px;
	-webkit-appearance: none;
	cursor: pointer;
}

.page--blog .comment-confirm h3 {
	color: #333;
	margin-bottom: 40px;
}
.comment-confirm p {
	margin-bottom: 40px;
	text-align: center;
	line-height: 1.8;
	font-size: 16px;
}

.comment-confirm .nickname {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 20px;
}
.comment-confirm .nickname span {
	font-size: 14px;
	vertical-align: baseline;
}
.comment-confirm .comment-naiyou {
	margin-bottom: 60px;
	padding: 35px;
	background-color: #fff;
	font-size: 16px;
	line-height: 1.6;
}

#comment {
	margin-bottom: 60px;
}
#comment h5 {
	font-size: 18px;
	margin-top: 80px;
	margin-bottom: 40px;
	padding-bottom: 10px;
	border-bottom: #59768a solid 3px;
}
#comment .commentList {
	margin-bottom: 40px;
}
#comment .commentList li {
	margin-bottom: 30px;
}
#comment .commentList li .nameWrap {
	display: flex;
	justify-content: space-between;
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 10px;
}
#comment .commentList li .nameWrap .name {
	width: 66%;
}
#comment .commentList li .nameWrap .time {
	color: #777;
	font-family: "RobotoCondensed";
	font-weight: 700;
	width: 34%;
	text-align: right;
	letter-spacing: 0.03em;
}
#comment .commentList li .commentTxt {
	font-size: 16px;
	background-color: rgba(255, 255, 255, 0.6);
	padding: 20px;
}

#comment .pageList p {
	text-align: center;
	font-size: 14px;
	margin-bottom: 30px;
}
#comment .pageList ul {
	display: flex;
	justify-content: center;
}
#comment .pageList ul li {
	font-family: "RobotoCondensed";
	font-weight: 700;
	color: #000;
	margin: 0 6px;
}
#comment .pageList ul li span {
	display: block;
	color: #fff;
	padding: 10px 12px;
	background-color: #59768a;
	font-size: 18px;
}
#comment .pageList ul li a {
	display: block;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	padding: 10px 12px;
	font-size: 18px;
}
.page--blog .video {
	position: relative !important;
}
/* .page--blog .ulizahtml5 {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
} */
.page--blog #comment .list--comment li {
	margin: 0 0 1.5em;
}
.page--blog #comment .list--comment li .name-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 1em;
}
.page--blog #comment .list--comment li .name-wrap .name {
	font-size: 15px;
}
.page--blog #comment .list--comment li .name-wrap .date {
	font-size: 14px;
	font-family: "RobotoCondensed", sans-serif;
	letter-spacing: 0.05em;
	opacity: 0.5;
	font-weight: bold;
}
.page--blog #comment .list--comment li .txt {
	line-height: 1.5;
	margin: 0;
	font-size: 15px;
	background-color: rgba(255, 255, 255, 0.6);
	padding: 20px;
	letter-spacing: 0.05em;
}
.page--blog #comment .pageList {
	margin-top: 40px;
}

@media screen and (max-width: 767px) {
	.blog-index li {
		margin-bottom: 8vw;
	}
	.blog-index li a {
		padding: 4vw;
		margin-bottom: 5vw;
	}
	.blog-index li .thumb {
		width: 22%;
	}
	.blog-index li h3 {
		font-size: 4.1vw;
		width: 73%;
		letter-spacing: 0.05em;
	}
	.blog-index li p {
		padding: 0 4vw;
		font-size: 3.4vw;
	}

	.blog-list li .comment-link {
	
	}
	.blog-list li .comment-link a {
		width: 5vw;
	}

	.author-profile {
		margin-bottom: 6vw;
	}
	.author-profile .author {
		width: 25vw;
		margin: 0 auto 6vw;
	}
	.author-profile p {
		text-align: left;
		font-size: 3.6vw;
		line-height: 1.8;
	}

	.page--blog h3 {
		font-size: 4.2vw;
		padding: 3vw;
		margin-bottom: 8vw;
	}
	.blog-list li {
		margin-bottom: 5vw;
		border-radius: 1.5vw;
		box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
	}
	.blog-list li .ishihara-list-head {
		padding: 5vw;
	}
	.blog-list li .ishihara-list-head .author {
		width: 14vw;
	}
	.blog-list li .ishihara-list-head .date {
		font-size: 3.2vw;
	}

	.blog-list li .list-body {
		padding: 0 5vw;
		margin-bottom: 8vw;
		font-size: 3.2vw;
	}
	.blog-list li .list-body img {
		margin-bottom: 6vw;
		margin-top: 6vw;
		/*		width: calc(100% + 10vw)!important;
		margin-left: -5vw;*/
	}

	/*.category-saucydog_ishihara .blog-list li .thumb {
		margin-bottom: 5vw;
	}*/
	.category-saucydog_ishihara .blog-list li h4 {
		padding: 0 2em 0 0;
		font-size: 3.6vw;
		letter-spacing: 0.05em;
	}

	.category-saucydog_ishihara .blog-list li .moreBtn {
		margin-bottom: 6vw;
	}
	.category-saucydog_ishihara .blog-list li .moreBtn a {
		width: 50%;
		font-size: 4vw;
		padding: 3vw;
	}
	.category-saucydog_ishihara .blog-list li .moreBtn a::after {
		width: 2.2vw;
		height: 2.2vw;
	}
	.category-saucydog_ishihara .blog-list li .moreBtn span {
		width: 50%;
		font-size: 4vw;
		padding: 3vw;
	}
	.blog-list.type2 li {
		padding: 4vw;
	}
	.blog-list.type2 li .blog-list-left h4 {
		font-size: 3.8vw;
	}
	.blog-list.type2 li .blog-list-left h4 a {
	word-break: break-all;
	}
	.blog-list.type2 li .blog-list-left .date {
		font-size: 3.2vw;
	}
	.blog-list.type2 li .blog-list-left {
		padding-bottom: 7vw;
	}

	.blog-list.type2 li .thumb {
		width: 40%;
		padding-top: 40%;
	}
	.blog-list.type2 li .thumb + .blog-list-left {
		width: calc(100% - 47%);
	}

	.blog-body {
		margin-bottom: 12vw;
	}
	.blog-head {
		padding: 4vw;
	}
	.blog-head .author-thumb {
		width: 18%;
	}
	.blog-head .blog-head-right {
		width: 76%;
	}
	.blog-head .date {
		font-size: 3.2vw;
		width: 100%;
		line-height: 1.6;
		margin-bottom: 1vw;
	}
	.blog-head h4 {
		width: 100%;
		font-size: 4.4vw;
		line-height: 1.5;
		margin-bottom: 0;
	}

	.blog-content {
		padding: 4vw;
		font-size: 3.6vw;
	}
	.blog-content div,
	.blog-content p {
		margin-bottom: 4vw;
	}
	.blog-content .thumb {
		margin: 8vw 0;
	}

	.to-index {
		margin-bottom: 14vw;
		margin-top: 8vw;
	}
	.to-index .btn-style1 {
		width: 50vw;
		height: 12vw;
		font-size: 3.6vw;
	}

	.blog-pager {
		padding: 4vw;
		align-items: center;
	}
	.blog-pager li {
		width: 48%;
	}
	.blog-pager li.prev {
		text-align: right;
	}
	.blog-pager li a {
		font-size: 3vw;
		letter-spacing: 0.04em;
	}
	.blog-pager li.next a {
		padding-left: 5vw;
	}
	.blog-pager li.prev a {
		padding-right: 5vw;
	}

	.comment-post {
		margin-bottom: 12vw;
	}
	.comment-post .comment-post-head {
		margin-bottom: 4vw;
	}
	.comment-post .comment-post-head h5 {
		font-size: 5.2vw;
	}
	.comment-post .comment-post-head .nickname {
		font-size: 3.8vw;
		letter-spacing: 0.05em;
	}
	.comment-post .comment-post-head .nickname span {
		font-size: 2.8vw;
	}
	.comment-post .comment-form #form_body {
		padding: 3vw;
		height: 30vw;
		margin-bottom: 6vw;
	}
	.comment-post .comment-form input {
		font-size: 3.6vw;
		padding: 2vw 7vw;
	}

	.page--blog .comment-confirm h3 {
		margin-bottom: 6vw;
	}
	.comment-confirm p {
		margin-bottom: 8vw;
		font-size: 3.2vw;
		letter-spacing: 0.05em;
	}
	.comment-confirm .nickname {
		font-size: 3.8vw;
		margin-bottom: 3vw;
	}
	.comment-confirm .nickname span {
		font-size: 2.8vw;
	}
	.comment-confirm .comment-naiyou {
		margin-bottom: 8vw;
		padding: 4vw;
		font-size: 3.8vw;
	}

	#comment {
		margin-bottom: 8vw;
	}
	#comment h5 {
		font-size: 4vw;
		margin-top: 8vw;
		margin-bottom: 5vw;
		padding-bottom: 2vw;
	}
	#comment .commentList {
		margin-bottom: 8vw;
	}
	#comment .commentList li {
		margin-bottom: 4vw;
	}
	#comment .commentList li .nameWrap {
		font-size: 3.2vw;
		margin-bottom: 1.3vw;
	}
	#comment .commentList li .nameWrap .time {
		letter-spacing: 0.03em;
	}
	#comment .commentList li .commentTxt {
		font-size: 3.4vw;
		padding: 2vw 4vw;
	}

	#comment .pageList p {
		font-size: 3.5vw;
		margin-bottom: 3vw;
	}
	#comment .pageList ul li {
		margin: 0 0.8vw;
	}
	#comment .pageList ul li span {
		padding: 2vw 2.2vw;
		font-size: 3.6vw;
	}
	#comment .pageList ul li a {
		padding: 2vw 2.2vw;
		font-size: 3.6vw;
	}
	.page--blog #comment .pageList {
		margin-top: 8vw;
	}
	.page--blog #comment .list--comment li {
		margin: 0 0 1em;
	}
	.page--blog #comment .list--comment li .name-wrap {
		margin: 0 0 4px;
	}
	.page--blog #comment .list--comment li .name-wrap .name {
		line-height: 1.5;
		font-size: 12px;
		width: 70%;
	}
	.page--blog #comment .list--comment li .name-wrap .date {
		margin: 0;
		font-size: 11px;
	}
	.page--blog #comment .list--comment li .txt {
		font-size: 13px;
		letter-spacing: 0.02em;
		line-height: 1.6;
		margin: 0;
		padding: 10px;
	}
}

/* -------------------------------------------------
	faq
------------------------------------------------- */

.search {
	display: flex;
	justify-content: center;
	margin-bottom: 60px;
}
.search input[type="text"],
.search input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	border: none;
}
.search input[type="text"]:focus,
.search input[type="submit"]:focus {
	outline: none;
}
.search input[type="text"] {
	width: 240px;
	font-size: 16px;
	padding: 10px 15px;
	background-color: #f4f4f4;
	border-radius: 20px 0 0 20px;
}
.search input[type="submit"] {
	background: #59768a url(/static/saucydog/official/common/icon_search.svg)
		no-repeat center center;
	background-size: 45%;
	width: 40px;
	height: 100%;
	border-radius: 0 20px 20px 0;
}
.faq--wrap .list--tag {
	margin-bottom: 60px;
}
.faq--wrap .list--tag li {
	margin-bottom: 10px;
	margin-right: 5px;
    display: inline-block;
}
.faq--wrap .list--tag li a {
	display: block;
    border: 1px solid #59768a;
    border-radius: 2em;
    line-height: 1;
    text-align: center;
    padding: 0.8em 1em 0.8em;
    font-size: 16px;
}
.faq--wrap .tit--category {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 15px;
	border-bottom: #e6e6e6 solid 4px;
}
.faq--wrap .list--faq {
	margin-bottom: 80px;
}
.faq--wrap .list--faq li,
.block--faq-detail dt {
	padding: 12px 10px;
	border-bottom: #e6e6e6 solid 1px;
}
.faq--wrap .list--faq li a,
.block--faq-detail dt {
	display: flex;
	align-items: center;
}
.faq--wrap .list--faq li .icon--q,
.block--faq-detail dt .icon--q {
	font-family: "RobotoCondensed";
	font-weight: 700;
	font-size: 35px;
	width: 50px;
	color: #59768a;
}
.faq--wrap .list--faq li .tit,
.block--faq-detail dt .tit {
	width: calc(100% - 50px);
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.8;
}

.block--faq-detail {
	margin-bottom: 0;
}
.block--faq-detail dd {
	padding: 30px 10px;
}
.block--faq-detail dd .icon--a {
	font-family: "RobotoCondensed";
	font-weight: 700;
	font-size: 35px;
	margin-bottom: 15px;
	display: block;
}
.block--faq-detail dd .txt {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 30px;
}

.faq--wrap .back-btn {
	margin-bottom: 80px;
}

@media screen and (min-width: 768px) {
	.search input[type="submit"] {
		transition: all 0.3s ease-out;
	}
	.search input[type="submit"]:hover {
		opacity: 0.5;
	}
}
@media screen and (max-width: 767px) {
	.search {
		margin-bottom: 12vw;
	}
	.search input[type="text"] {
		width: 50vw;
		padding: 3vw 5vw;
	}
	.search input[type="submit"] {
		width: 12vw;
	}
	.faq--wrap .list--tag {
		margin-bottom: 12vw;
	}
	.faq--wrap .list--tag li a {
		font-size: 3.2vw;
	}
	.faq--wrap .tit--category {
		font-size: 3.8vw;
		padding-bottom: 3vw;
		letter-spacing: 0.03em;
	}

	.faq--wrap .list--faq {
		margin-bottom: 14vw;
	}
	.faq--wrap .list--faq li,
	.block--faq-detail dt {
		padding: 2vw;
	}
	.faq--wrap .list--faq li .icon--q,
	.block--faq-detail dt .icon--q {
		font-size: 8vw;
		width: 12vw;
	}
	.faq--wrap .list--faq li .tit,
	.block--faq-detail dt .tit {
		width: calc(100% - 12vw);
		font-size: 3.6vw;
		line-height: 1.6;
	}

	.block--faq-detail {
		margin-bottom: 0;
	}
	.block--faq-detail dd {
		padding: 4vw 2vw;
	}
	.block--faq-detail dd .icon--a {
		font-size: 8vw;
		margin-bottom: 3vw;
	}
	.block--faq-detail dd .txt {
		font-size: 3.2vw;
		line-height: 1.6;
		margin-bottom: 6vw;
	}

	.faq--wrap .back-btn {
		margin-bottom: 16vw;
	}
}

@media screen and (min-width: 768px) and (max-width: 900px){
	.page--faq #content {
		margin: 0 5vw;
	}
}

/* -------------------------------------------------
	privacy policy
------------------------------------------------- */
.list--support {
	line-height: 1.8;
}
.list--support dt {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
.list--support dd {
	font-size: 14px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: #e6e6e6 solid 1px;
}

.list--support dd p {
	margin-bottom: 20px;
}

.list--support dd .txt-list {
	list-style: decimal;
	padding-left: 20px;
}
.list--support dd .txt-list li {
	line-height: 1.6;
	margin-bottom: 10px;
}

.list--support dd ol {
	list-style: decimal;
	padding-left: 20px;
}
.list--support dd ol li {
	margin-bottom: 15px;
}
.list--support dd ol li ul {
	margin-bottom: 20px;
}
.list--support dd ol li ul li {
	margin-bottom: 8px;
}

.txt {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 30px;
}

ul.list--support {
	list-style: disc;
	padding-left: 20px;
}
ul.list--support li {
	margin-bottom: 25px;
	line-height: 1.8;
	font-size: 14px;
	letter-spacing: 0.03em;
}
ul.list--support li ul {
	margin: 25px 0;
}
ul.list--support li ul li {
	margin: 0 0 10px;
}
ul.list--support li ul li {
	margin-bottom: 5px;
	font-size: 13px;
}

@media print, screen and (min-width: 768px) {
}

@media screen and (max-width: 767px) {
	.list--support dt {
		font-size: 3.6vw;
		margin-bottom: 2vw;
	}
	.list--support dd {
		font-size: 3.2vw;
		padding-bottom: 5vw;
		margin-bottom: 5vw;
		letter-spacing: 0.02em;
	}
	.list--support dd .txt-list li {
		margin-bottom: 2vw;
	}

	.txt {
		font-size: 3.6vw;
		margin-bottom: 8vw;
	}
	ul.list--support li {
		margin-bottom: 5vw;
		font-size: 3.2vw;
	}
	ul.list--support li ul {
		margin: 6vw 0;
	}
	ul.list--support li ul li {
		margin-bottom: 1.8vw;
		font-size: 3.2vw;
	}
}

/* -------------------------------------------------
	fc-guide
------------------------------------------------- */

.fc-guide .fc-logo {
	max-width: 550px;
	margin: 0 auto 60px;
}

.guide-wrap {
	background-color: #fff;
	padding: 45px 60px;
	border-radius: 10px;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
	margin-bottom: 50px;
}
.guide-wrap h3 {
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding: 12px;
	border-radius: 5px;
	margin-bottom: 30px;
}
.guide-wrap.guide01 h3 {
	background-color: #7383a0;
}
.guide-wrap.guide02 h3 {
	background-color: #f2a384;
}
.guide-wrap.guide03 h3 {
	background-color: #f4c858;
}
.guide-wrap.guide04 h3 {
	background-color: #8cbeb4;
}
.guide-wrap.guide05 h3 {
	background-color: #999999;
}

.guide-wrap p {
	font-size: 14px;
	line-height: 1.8;
}

.guide-wrap .member-comment {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: #e6e6e6 solid 1px;
	margin-top: 40px;
	padding-top: 40px;
}
.guide-wrap .member-comment .comment-left {
	width: 40%;
}
.guide-wrap .member-comment .comment-left h4 {
	color: #7383a0;
	text-align: center;
	font-family: "RobotoCondensed";
	font-weight: 700;
	letter-spacing: 0.05em;
	font-size: 22px;
	margin-bottom: 20px;
}
.guide-wrap .member-comment .comment-left a {
	display: block;
	width: 80%;
	margin: 20px auto 0;
	background-color: #7383a0;
	text-align: center;
	color: #fff;
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 30px;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
	position: relative;
}
.guide-wrap .member-comment .comment-left a::before {
	content: "";
	background: url("/static/saucydog/official/common/icon_play_arrow.svg")
		no-repeat center center;
	background-size: contain;
	display: block;
	position: absolute;
	top: 50%;
	left: 10%;
	width: 5%;
	padding-top: 5%;
	transform: translateY(-50%);
}

.guide-wrap .member-comment .comment-right {
	width: 52%;
	line-height: 0;
}

.fc-service-list li {
	display: flex;
	justify-content: space-between;
	border-bottom: #e6e6e6 solid 1px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.fc-service-list li:last-of-type {
	border: none;
	margin-bottom: 0;
}
.fc-service-list li .service-icon {
	width: 20%;
	text-align: center;
}
.fc-service-list li .service-icon .icon01,
.fc-service-list li .service-icon .icon02,
.fc-service-list li .service-icon .icon03,
.fc-service-list li .service-icon .icon04 {
	width: 40%;
}
.fc-service-list li .service-icon .icon05 {
	width: 45%;
}
.fc-service-list li .service-icon .icon06 {
	width: 23%;
}
.fc-service-list li .service-icon .icon07 {
	width: 42%;
}

.fc-service-list li .service-txt {
	width: 75%;
}
.fc-service-list li .service-txt h5 {
	color: #f2a384;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}

.guide-wrap dl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.guide-wrap dl dt {
	padding: 20px;
	width: 20%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	border-right: #fff solid 2px;
}
.guide-wrap dl dd {
	padding: 20px 30px;
	width: 80%;
	box-sizing: border-box;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6;
}
.guide-wrap.guide03 dl dt,
.guide-wrap.guide03 dl dd {
	background-color: #f8f0df;
}
.guide-wrap.guide04 dl dt,
.guide-wrap.guide04 dl dd {
	background-color: #e5f2ef;
}

.guide-wrap dl dd strong {
	font-size: 20px;
	vertical-align: baseline;
	margin-right: 2px;
}
.guide-wrap dl dd span {
	font-size: 12px;
	font-weight: normal;
	vertical-align: baseline;
	margin-right: 3px;
}

.guide-wrap .device-list li {
	margin-bottom: 15px;
	padding: 25px;
	background-color: #f4f4f4;
}
.guide-wrap .device-list li h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}
.guide-wrap .device-list li h5 {
	color: #999;
	font-size: 14px;
	font-weight: bold;
	border-top: #fff solid 1px;
	padding-top: 20px;
	margin: 20px 0 15px;
}
.guide-wrap .device-list li p {
	font-size: 14px;
	font-weight: bold;
}
.guide-wrap .device-list li p span {
	font-weight: normal;
	font-size: 12px;
}

.btn-regist {
	max-width: 360px;
	margin: 0 auto;
}
.btn-regist a {
	display: block;
	text-align: center;
	color: #fff;
	background-color: #474747;
	font-weight: bold;
	font-size: 18px;
	padding: 30px;
	border-radius: 40px;
}

@media screen and (max-width: 767px) {
	.fc-guide .fc-logo {
		max-width: 72vw;
		margin: 0 auto 10vw;
	}
	.guide-wrap {
		padding: 5vw 6vw;
		border-radius: 2vw;
		margin-bottom: 8vw;
	}
	.guide-wrap h3 {
		font-size: 3.8vw;
		padding: 3vw;
		border-radius: 1vw;
		margin-bottom: 6vw;
	}
	.guide-wrap p {
		font-size: 3.2vw;
	}

	.guide-wrap .member-comment {
		display: block;
		margin-top: 6vw;
		padding-top: 6vw;
	}
	.guide-wrap .member-comment .comment-left {
		width: 100%;
		margin-bottom: 6vw;
	}
	.guide-wrap .member-comment .comment-left h4 {
		font-size: 5.2vw;
		margin-bottom: 4vw;
	}
	.guide-wrap .member-comment .comment-left a {
		width: 70%;
		margin: 6vw auto 0;
		padding: 4vw;
		font-size: 3.8vw;
	}
	.guide-wrap .member-comment .comment-right {
		width: 100%;
	}

	.fc-service-list li {
		padding-bottom: 4vw;
		margin-bottom: 4vw;
	}
	.fc-service-list li .service-icon {
		width: 22%;
	}

	.fc-service-list li .service-icon .icon01,
	.fc-service-list li .service-icon .icon02,
	.fc-service-list li .service-icon .icon03,
	.fc-service-list li .service-icon .icon04 {
		width: 60%;
	}
	.fc-service-list li .service-icon .icon05 {
		width: 62%;
	}
	.fc-service-list li .service-icon .icon06 {
		width: 36%;
	}
	.fc-service-list li .service-icon .icon07 {
		width: 65%;
	}

	.fc-service-list li .service-txt h5 {
		font-size: 3.8vw;
		margin-bottom: 2vw;
	}

	.guide-wrap dl {
		display: block;
	}
	.guide-wrap dl dt {
		padding: 3.5vw;
		width: 100%;
		display: block;
		margin-bottom: 2px;
		font-size: 3.6vw;
		border-right: none;
	}

	.guide-wrap dl dd {
		padding: 3.5vw;
		width: 100%;
		margin-bottom: 3vw;
		font-size: 3.4vw;
		line-height: 1.6;
		letter-spacing: 0.05em;
	}
	.guide-wrap dl dd strong {
		font-size: 4.6vw;
		margin-right: 0.5vw;
	}
	.guide-wrap dl dd span {
		font-size: 3vw;
		margin-right: 1vw;
	}

	.guide-wrap .device-list li {
		margin-bottom: 4vw;
		padding: 5vw 4vw;
	}
	.guide-wrap .device-list li h4 {
		font-size: 3.6vw;
		margin-bottom: 4vw;
	}
	.guide-wrap .device-list li p {
		font-size: 3.2vw;
		letter-spacing: 0.03em;
	}
	.guide-wrap .device-list li p span {
		font-size: 3vw;
	}

	.btn-regist {
		max-width: 70vw;
		margin: 10vw auto 0;
	}
	.btn-regist a {
		font-size: 4vw;
		padding: 5vw;
	}
}

/* -------------------------------------------------
	questionnaire
------------------------------------------------- */
.page--questionnaire .ph {
	margin-bottom: 40px;
}
.page--questionnaire .questionnaireBody {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 80px;
}

.page--questionnaire .questionnaireBody .end {
	text-align: center;
	font-size: 20px;
}

#questionnaire_form {
	margin-bottom: 80px;
}
#questionnaire_form .form--post,
#questionnaire_form .form--confirm {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 50px;
	font-size: 16px;
}
#questionnaire_form .form--post dt,
#questionnaire_form .form--confirm dt {
	width: 240px;
	padding: 20px 0;
	font-size: 14px;
	font-weight: bold;
	border-bottom: #ccc solid 1px;
}
#questionnaire_form .form--post dd,
#questionnaire_form .form--confirm dd {
	width: calc(100% - 240px);
	padding: 20px 0;
	border-bottom: #ccc solid 1px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#questionnaire_form .form--confirm dd {
	line-height: 1.6;
}

#questionnaire_form .form--post input[type="button"],
#questionnaire_form .form--post input[type="text"],
#questionnaire_form .form--post select,
#questionnaire_form .form--post input[type="submit"],
#questionnaire_form .form--post input[type="file"],
#questionnaire_form .form--post input[type="checkbox"],
#questionnaire_form .form--post input[type="radio"],
#questionnaire_form .form--post input[type="tel"],
#questionnaire_form .form--post input[type="number"],
#questionnaire_form .form--post input[type="email"],
#questionnaire_form .form--post textarea,
#questionnaire_form input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	border: none;
}
#questionnaire_form .form--post input[type="button"]:focus,
#questionnaire_form .form--post input[type="text"]:focus,
#questionnaire_form .form--post select:focus,
#questionnaire_form .form--post input[type="submit"]:focus,
#questionnaire_form .form--post input[type="file"]:focus,
#questionnaire_form .form--post input[type="checkbox"]:focus,
#questionnaire_form .form--post input[type="radio"]:focus,
#questionnaire_form .form--post input[type="tel"]:focus,
#questionnaire_form .form--post input[type="number"]:focus,
#questionnaire_form .form--post input[type="email"]:focus,
#questionnaire_form .form--post textarea:focus,
#questionnaire_form input[type="submit"]:focus {
	outline: none;
}

#questionnaire_form .form__checkbox,
#questionnaire_form .form__radio {
	overflow: hidden;
}
#questionnaire_form .form__checkbox li,
#questionnaire_form .form__radio li {
	margin-right: 40px;
	float: left;
}
#questionnaire_form .form__checkbox label,
#questionnaire_form .form__radio label {
	display: flex;
	align-items: center;
	position: relative;
	line-height: 1;
}
#questionnaire_form .form__checkbox label p,
#questionnaire_form .form__radio label p {
	margin-left: 10px;
}
#questionnaire_form .form__checkbox label::before,
#questionnaire_form .form__radio label::before {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	display: block;
	width: 16px;
	height: 16px;
	background-color: transparent;
	border: #fff solid 3px;
	box-sizing: border-box;
}
#questionnaire_form .form__radio label::before {
	border-radius: 50%;
}
#questionnaire_form .form--post input[type="checkbox"] {
	width: 20px;
	height: 20px;
	background-color: #fff;
	border: #59768a solid 2px;
}
#questionnaire_form .form--post input[type="radio"] {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #fff;
	border: #59768a solid 2px;
}
#questionnaire_form .form--post input[type="checkbox"]:checked,
#questionnaire_form .form--post input[type="radio"]:checked {
	background-color: #59768a;
}

#questionnaire_form .form--post .form__select {
	position: relative;
}
#questionnaire_form .form--post .form__select::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-bottom: #59768a solid 2px;
	border-right: #59768a solid 2px;
	position: absolute;
	top: 27%;
	right: 15px;
	transform: rotate(45deg);
}
#questionnaire_form .form--post select {
	padding: 5px 50px 5px 20px;
	font-size: 16px;
	border-radius: 20px;
	background-color: #fff;
	height: 35px;
}

#questionnaire_form .form--horizontal {
	display: flex;
	flex-wrap: wrap;
}
#questionnaire_form .form--horizontal li {
	margin-right: 20px;
	display: flex;
	align-items: center;
}
#questionnaire_form .form--horizontal li .form__select {
	margin-right: 5px;
}

#questionnaire_form .form--post input[type="text"],
#questionnaire_form .form--post input[type="tel"],
#questionnaire_form .form--post input[type="number"],
#questionnaire_form .form--post input[type="email"],
#questionnaire_form .form--post textarea {
	padding: 10px;
	font-size: 16px;
	width: 100%;
	box-sizing: border-box;
	border: none;
	resize: vertical;
	margin-right: 10px;
}

#questionnaire_form .form--post textarea {
	height: 140px;
}

#questionnaire_form .form--post input.input--half {
	width: 50%;
}
#questionnaire_form .form--post input.input--quarter {
	width: 25%;
}
#questionnaire_form .form--post input[type="text"].postal_code {
	margin-left: 10px;
}

#questionnaire_form .txt--sub.center {
	text-align: center;
	font-size: 12px;
	margin-bottom: 20px;
}
.page--questionnaire .btnWrap {
	display: flex;
	justify-content: center;
}
.page--questionnaire .btn {
	text-align: center;
}
.page--questionnaire .btn .btn--main {
	padding: 15px 40px;
	background-color: #59768a;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.08em;
	margin: 0 10px;
	line-height: 1.6;
	display: inline-block;
}
.page--questionnaire .btn .btn--sub {
	padding: 15px 40px;
	background-color: #000;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.08em;
	margin: 0 10px;
	line-height: 1.6;
	display: inline-block;
}

.page--questionnaire .block--error {
	border: #c00 solid 1px;
	padding: 20px;
	margin-bottom: 40px;
}
.page--questionnaire .block--error li {
	font-size: 16px;
	color: #c00;
	margin-bottom: 15px;
}
.page--questionnaire .block--error li:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.page--questionnaire .ph {
		margin-bottom: 8vw;
	}
	.page--questionnaire .questionnaireBody {
		font-size: 3vw;
		margin-bottom: 10vw;
	}
	.page--questionnaire .questionnaireBody .end {
		font-size: 3.8vw;
	}

	#questionnaire_form {
		margin-bottom: 10vw;
	}
	#questionnaire_form .form--post,
	#questionnaire_form .form--confirm {
		display: block;
		margin-bottom: 8vw;
	}
	#questionnaire_form .form--post dt,
	#questionnaire_form .form--confirm dt {
		width: 100%;
		padding: 5vw 0 0;
		font-size: 3.2vw;
		border-bottom: none;
	}
	#questionnaire_form .form--post dd,
	#questionnaire_form .form--confirm dd {
		width: 100%;
		padding: 4vw 0;
	}

	#questionnaire_form .form__checkbox li,
	#questionnaire_form .form__radio li {
		margin-right: 6vw;
	}
	#questionnaire_form .form--post input[type="checkbox"],
	#questionnaire_form .form--post input[type="radio"] {
		width: 16px;
		height: 16px;
	}
	#questionnaire_form .form__checkbox label::before,
	#questionnaire_form .form__radio label::before {
		width: 12px;
		height: 12px;
	}
	#questionnaire_form .form__checkbox label p,
	#questionnaire_form .form__radio label p {
		margin-left: 2vw;
	}

	#questionnaire_form .form--post input[type="text"],
	#questionnaire_form .form--post input[type="tel"],
	#questionnaire_form .form--post input[type="number"],
	#questionnaire_form .form--post input[type="email"],
	#questionnaire_form .form--post textarea {
		padding: 2vw;
		margin-right: 2vw;
	}
	#questionnaire_form .form--post input[type="text"]:last-child,
	#questionnaire_form .form--post input[type="tel"]:last-child,
	#questionnaire_form .form--post input[type="number"]:last-child,
	#questionnaire_form .form--post input[type="email"]:last-child,
	#questionnaire_form .form--post textarea:last-child {
		margin-right: 0;
	}

	#questionnaire_form .form--post textarea {
		height: 25vw;
	}

	#questionnaire_form .form--post select {
		padding: 1vw 8vw 1vw 4vw;
		height: 8vw;
	}
	#questionnaire_form .form--post .form__select::after {
		width: 2vw;
		height: 2vw;
		top: 27%;
		right: 3vw;
	}
	#questionnaire_form .form--post input.input--half {
		width: 100%;
	}
	#questionnaire_form .form--post input.input--quarter {
		width: 30%;
	}

	#questionnaire_form .txt--sub.center {
		font-size: 3vw;
		margin-bottom: 4vw;
		line-height: 1.8;
	}
	.page--questionnaire .btn .btn--main,
	.page--questionnaire .btn .btn--sub {
		padding: 2vw 5vw;
		font-size: 3.4vw;
		margin: 0 2vw 2vw;
	}

	.page--questionnaire .block--error {
		padding: 3vw;
		margin-bottom: 6vw;
	}
	.page--questionnaire .block--error li {
		font-size: 3.2vw;
		margin-bottom: 3vw;
	}
	.page--questionnaire .block--error li:last-child {
		margin-bottom: 0;
	}
}

/* -------------------------------------------------
	app
------------------------------------------------- */
@media screen and (max-width: 767px){
	.page--notice .list--info li {
		border-bottom: #e6e6e6 solid 1px;
		padding: 4vw 0px;
		position: relative;
		cursor: pointer;
	}
	.page--notice .list--info li.new::after {
		content: "";
		display: block;
		background: url(/static/saucydog/official/common/new.svg) no-repeat 0 0 / contain;
		position: absolute;
		right: 0;
		width: 12vw;
		height: 5vw;
		top: 4vw;
	}
	.page--notice .list--info li .list-data {
		font-family: "RobotoCondensed";
		display: flex;
		justify-content: flex-start;
		margin-bottom: 3vw;

		color: #666;
		font-weight: 700;
		letter-spacing: 0.1em;
		font-size: 3.2vw;
		line-height: 6vw;
	}
	.page--notice .list--info li .list-txt {
		font-weight: bold;
		line-height: 1.8;
		color: #000;
		font-size: 3.6vw;
		letter-spacing: 0.05em;
	}
}
/* -------------------------------------------------
	退会処理
------------------------------------------------- */
.block.withdrawal--explanation{
	padding: 5vw;
}
.block.withdrawal--explanation .blockTit{
	color : #474747;
	text-align: left;
	font-size: 4.2vw;
	font-weight: bold;
    padding: 3vw 3vw 3vw 0;
    border-radius: 1vw;
    margin-bottom: 2vw;
}
.block.withdrawal--explanation .txtArea{
	padding: 1em;
	margin-bottom: 30px;
	background-color: #fff0ea;
	border: 1px solid #f32;
	color: #f32;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.block.withdrawal--explanation .withdrawal--question{
	text-align: center;
}
.block.withdrawal--explanation form{
	margin: 30px 0;
}
.block.withdrawal--explanation form .btn{
	display: block;
    text-align: center;
    color: #fff;
    background-color: #474747;
    font-weight: bold;
    padding: 5vw;
    border-radius: 40px;
	margin : 0 auto 20px;
	max-width: 77vw;
}
.block.withdrawal--explanation form .btn:last-of-type{
	margin-bottom: 0;
}
input[type="submit"],input[type="button"]{
    font-size: 4vw;
	color: #ffffff;
	font-weight: bold;
}
.block.withdrawal--explanation form .btn.cancel{
	background-color : #7383a0;
}
.block.withdrawal--explanation form .btn.link{
	background-color : #8CBEB4;
}
.block.withdrawal--explanation form .btn.link a{
	color: #ffffff;
}
.block.withdrawal--explanation .withdrawal--link{
	text-align: center;
}
.block.withdrawal--explanation .withdrawal--link a{
	color: #333;
	text-decoration: underline;
	text-underline-offset: 3px;
}
input {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
@media screen and (min-width: 768px){
	.block.withdrawal--explanation{
		max-width: 880px;
    	margin: 0 auto;
	}
	.block.withdrawal--explanation .txtArea{
		margin-bottom: 40px;
	}
	.block.withdrawal--explanation .blockTit{
		font-size: 20px;
		margin-bottom: 0;
	}
	.block.withdrawal--explanation form .btn{
		padding: 30px;
		max-width: 400px;
		transition: all 0.3s ease-out;
	}
	.block.withdrawal--explanation form .btn:hover,.block.withdrawal--explanation .withdrawal--link a:hover{
		opacity: 0.5;
		cursor: pointer;
	}
	input[type="submit"],input[type="button"]{
		font-size: 18px;
	}
	.block.withdrawal--explanation form{
		margin: 40px 0;
	}
	.block.withdrawal--explanation .withdrawal--link a{
		transition: all 0.3s ease-out;
	}
}

.list--comment .comment__item .btn.btn--report a.btn--block{
	color:#aaa;
}

.page--movie.new-movie .section--detail .area--movie .vjs-big-play-centered .vjs-big-play-button{
	position:absolute;
	transform:translate(-50%, -50%);
	margin-top:0 !important;
	margin-left:0 !important;
	top:50% !important;
	left:50% !important;
}

@media screen and (max-width:960px){
	.page--movie.new-movie .section--detail .area--movie .vjs-big-play-centered .vjs-big-play-button{
		margin-top:0 !important;
		margin-left:0 !important;
	}

	.page--movie.new-movie .section--detail .area--movie .video-js .vjs-play-control{
		transform:translateX(-50%);
		left:50% !important;
	}

	.page--movie.new-movie .section--detail .area--movie .video-js .vjs-play-control{
		transform:translateX(-50%);
		left:50% !important;
	}
}