@charset "utf-8";

/*
	/tv/kamiapude/css/style.css
	-----------------------------------
	v1.0
	Last Updated: 2022-01-24
	Copyright: CBC TELEVISION CO.,LTD. All rights Reserved.
	-----------------------------------
	[Updated]
	v1.1		2022-01-24
					コラムページ追加関連
	v1.0		2022-01-12
	-----------------------------------

基本設定
ソーシャルボタン
ヘッダー
ヘッダー2（下層ページ用）
フッター
メイン
コンテンツ
コラムのメニュー
コラムの詳細
戻るボタン
youtube設定
googlemap
マージンの設定
カラー設定
注釈リスト


*/

/* ***********************************************************

		基本設定

*********************************************************** */
html {
	/*font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif;*/
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
}
body {
	/*font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif;*/
	font-family: 'Noto Sans JP', sans-serif;
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
	color: #000;
}
@media only screen and (max-width: 640px) {
	body {
		background: url(../images/bg.png) repeat 0 0;
		background-size: 371px auto;
	}
}
@media print, screen and (min-width: 641px) {
	body {
		background: url(../images/bg.png) repeat 0 0;
		min-width: 980px;
	}
}

/*フォントの滲みの修正＠EdgeとFirefox*/
/*
.kamiapude p,
.kamiapude figcaption,
.kamiapude li {
	transform: rotate(0.05deg);
}
.kamiapude .pageup {
	transform: none;
}
*/



/*デフォルトリンクカラー*/
a, a:link {
	/*color: #0000DE;*/
	color: #1a0dab;
}
a:visited {
	color: #941D55;
}
a:active,
a:hover {
	color: #CC0000;
}
a:focus {
	color: #CC0000;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* FireFox リンク選択時の点線を消す */
a:link,
a:visited,
a:active,
a:hover {
	overflow: hidden;
	outline: none;
}


/*画像の横幅*/
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	image-rendering: -webkit-optimize-contrast;
}
.img-max {
	width: 100%;
	height: auto;
	vertical-align: middle;
	image-rendering: -webkit-optimize-contrast;

}
@media only screen and (max-width: 640px) {
	.img-max-sp {
		width: 100%;
		height: auto;
		vertical-align: middle;
		image-rendering: -webkit-optimize-contrast;
	}
}

@media print, screen and (min-width: 641px) {
	.img-max-pc {
		width: 100%;
		height: auto;
		vertical-align: middle;
		image-rendering: -webkit-optimize-contrast;
	}
}

figure {
	padding: 0;
	margin: 0;
}

/* -----------------------------------------------------

	非表示設定

----------------------------------------------------- */
@media only screen and (max-width: 640px) {
	.hide-sp {
		display: none !important;
	}
	#global-nav:nth-of-type(1) {
		display: none;
	}
}

@media print, screen and (min-width: 641px) {
	.hide-pc {
		display: none !important;
	}
}
.hide-text {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}

/* ***********************************************************

		ソーシャルボタン

*********************************************************** */
#sns-block {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif;
	font-weight: 400;
	width: 100%;
	background: #fff;
	padding-bottom: 16px;

	box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);
}
.sns {
	width: 96%;
	padding-top: 16px;
	margin: 0 auto;
	text-align: center;
}
.ttl-sns {
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
	padding-top: 9px;
	color: #000;
	font-size: .9em;
}
.ttl-sns i {
	padding-right: .1em;
}
.sns-list {
	display: inline-block;
	font-size:0;
	padding: 0;
	list-style: none;
}
.sns-list li {
	display: inline-block;
	position: relative;
	margin: 0 8px;
}
.sns-list li img {
	width: 35px;
	height: auto;
	vertical-align: middle;
}
@media screen and (min-width: 40em) {
	.sns {
		width: 980px;
	}
	.ttl-sns {
		margin-right: 22px;
		padding-top: 7px;
	}
	.sns-list li img {
		width: 32px;
		height: auto;
		vertical-align: middle;
	}
}
@media screen and (min-width: 64em) {
}

/* ***********************************************************

	ヘッダー

*********************************************************** */
.kamiapude .header {
	background-color: rgba(0,0,0,0.06);
}
@media only screen and (max-width: 640px) {
	.kamiapude .header-inner {
		margin: auto;
		padding: 0 0 9.6vw;
		position: relative;
	}
	.kamiapude .header h1 {
		margin: 0 auto 4vw;
	}
	.kamiapude .header-wakuwaku a {
		display: block;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;;
		width: 35.2vw;
		height: 7.6vw;
		position: absolute;
		top: 30vw;
		left: 32.4vw;
	}
	.kamiapude .header .header-date {
		width: 73.2vw;
		margin: 0 auto;
	}
	.kamiapude .header-movie {
		width: 92vw;
		margin: auto;
		padding: 5.2vw 0 0;
	}
	.kamiapude #locipo-box {
		width: 73.2vw;
		margin: auto;
	}
	.kamiapude #locipo-box h3 {
		margin: 0;
		padding: 5.2vw 0 0;
	}
	.kamiapude #locipo-box h3 a {
		display: block;
	}
}
@media print, screen and (min-width: 641px) {
	.kamiapude .header-inner {
		width: 980px;
		margin: auto;
		padding: 0 0 74px;
		position: relative;
	}
	.kamiapude .header h1 {
		text-align: center;
		margin: 0 0 23px;
	}
	.kamiapude .header-wakuwaku a {
		display: block;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;;
		width: 222px;
		height: 48px;
		position: absolute;
		top: 264px;
		left: 378px;
	}
	.kamiapude .header .header-date {
		text-align: center;
		margin: 0;
	}
	.kamiapude .header-movie {
		width: 720px;
		margin: auto;
		padding: 52px 0 0;
	}
	.kamiapude #locipo-box {
		width: 540px;
		margin: auto;
	}
	.kamiapude #locipo-box h3 {
		margin: 0;
		padding: 52px 0 0;
	}
	.kamiapude #locipo-box h3 a {
		display: block;
	}
}
.kamiapude .header-seisaku {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}

/* ***********************************************************

	ヘッダー2

*********************************************************** */
/*ヘッダー2*/
.kamiapude .header2 {
	background-color: rgba(0,0,0,0.06);
}
@media only screen and (max-width: 640px) {

	.kamiapude .header2-inner {
		background: url(../images/header2_sp.png) no-repeat center 0;
		background-size: 100% auto;
	}
	.kamiapude .header2-inner2 {
		width: 100vw;
		height: 23.86666666666667vw;
		position: relative;
	}
	.kamiapude .header2-wakuwaku a {
		display: block;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		width: 26vw;
		height: 5.6vw;
		position: absolute;
		top: 1.2vw;
		left: 15.2vw;
	}
	.kamiapude .header2-btn a {
		display: block;
		width: 43.73333333333333vw;
		/*height: 6vw;*/
		position: absolute;
		top: 15.2vw;
		right: 2vw;
	}
}
@media print, screen and (min-width: 641px) {
	.kamiapude .header2-inner {
		background: url(../images/header2_pc.png) no-repeat center 0;
	}
	.kamiapude .header2-inner2 {
		width: 980px;
		height: 176px;
		margin: auto;
		position: relative;
	}
	.kamiapude .header2-wakuwaku a {
		display: block;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		width: 178px;
		height: 40px;
		position: absolute;
		top: 7px;
		left: 199px;
	}
	.kamiapude .header2-btn a {
		display: block;
		width: 261px;
		height: 36px;
		position: absolute;
		top: 122px;
		right: 138px;
	}
	.kamiapude .header2-btn a:hover {
		opacity: 0.7;
	}
}
.kamiapude .header2-wakuwaku {
	margin: 0;
}
.kamiapude .header2-title,
.kamiapude .header2-seisaku,
.kamiapude .header2-date {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}



/*xxx*/
@media only screen and (max-width: 640px) {
	.kamiapude .xxx {
	}
}
@media print, screen and (min-width: 641px) {
	.kamiapude .xxx {
	}
}

/* ***********************************************************

	フッター

*********************************************************** */
/*フッター枠*/
.kamiapude .footer {
}
.kamiapude .footer {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif;
	font-weight: 400;
	background: #000;
}

@media only screen and (max-width: 640px) {
	.kamiapude .footer {
		padding: 0;
	}
	.kamiapude .footer-inner {
		padding: 50px 15px 80px;
	}
	.kamiapude .footer-inner p {
		line-height:1.5;
		margin: 0;
	}
}
@media print, screen and (min-width: 641px) {
	.kamiapude .footer {
		min-width: 980px;
	}
	.kamiapude .footer-inner {
		width: 980px;
		margin:auto;
		padding: 60px 0;
	}
	.kamiapude .footer-inner p {
		line-height:1.5;
		text-align: center;
		margin: 0;
	}
}
.kamiapude .footer-inner p {
	color: #fff;
	font-size: 14px;
}
.kamiapude .footer-inner p a,
.kamiapude .footer-inner p a:link,
.kamiapude .footer-inner p a:visited {
	color: #fff;
	text-decoration: none;
}
.kamiapude .footer-inner p a:active,
.kamiapude .footer-inner p a:hover {
	color: #fff;
	text-decoration: underline;
}
.kamiapude .footer-inner p a:focus {
	color: #fff;
}

/*ページアップ*/
.kamiapude .pageup {
	margin: 0;
}
.kamiapude .pageup a {
	display: block;
	background: url('../images/pageup.png') no-repeat 0 0 ;
	-moz-background-size:100% auto;
	background-size:100% auto;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	position: fixed;
}
@media only screen and (max-width: 640px) {
	.kamiapude .pageup a {
		width: 12vw;
		height: 12vw;
		right: 12px;
		bottom: 10px;
	}
}
@media print, screen and (min-width: 641px) {
	.kamiapude .pageup a {
		width: 84px;
		height: 84px;
		right: 20px;
		bottom: 30px;
		transition: 0.3s ease-in-out;
	}
	.kamiapude .pageup a:hover {
		opacity: 0.7;
	}
}

/* ***********************************************************

	メイン

*********************************************************** */
@media only screen and (max-width: 640px) {
	.kamiapude .main {
	}
}
@media print, screen and (min-width: 641px) {
	.kamiapude .main {
	}
}



/* ***********************************************************

	コンテンツ

*********************************************************** */
@media only screen and (max-width: 640px) {
	.kamiapude .content {
	}
}
@media print, screen and (min-width: 641px) {
	.kamiapude .content {
	}
}

/*box01*/
.kamiapude .box01 {
	background: #fff;
}
@media only screen and (max-width: 640px) {
	.kamiapude .box01-inner {
		width: 86.8vw;
		margin: auto;
		padding: 10.8vw 0 9.6vw;
	}
	.kamiapude .box01-title {
		margin: 0 0 4.4vw;
	}
	.kamiapude .box01-title h2 {
		font-size: 25px;
		font-weight: 700;
		font-style: italic;
		line-height: 38px;
		color: #cc11df;
		background: -webkit-linear-gradient(0deg, #cc11df, #00afdb);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.kamiapude .box01 .sumaho {
		/*width: 16vw;*/
		width: 60px;
		float: right;
	}
	.kamiapude .box01-text p {
		font-size: 17px;
		font-weight: 700;
		font-style: italic;
		line-height: 29px;
	}
}
@media print, screen and (min-width: 641px) {
	.kamiapude .box01-inner {
		width: 890px;
		margin: auto;
		padding: 65px 0 70px;
	}
	.kamiapude .box01-title {
		width: 890px;
		min-height: 251px;
		margin: 0 0 50px;
		position: relative;
	}
	.kamiapude .box01-title h2 {
		font-size: 38px;
		font-weight: 700;
		font-style: italic;
		line-height: 56px;
		padding: 0 10px 0 190px;
		color: #cc11df;
		background: -webkit-linear-gradient(0deg, #cc11df, #00afdb);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.kamiapude .box01 .sumaho {
		position: absolute;
		top: 0;
		left: 0;
	}
	.kamiapude .box01-text p {
		font-size: 20px;
		font-weight: 700;
		font-style: italic;
		line-height: 34px;
	}
}




/*box02*/
.kamiapude .box02 {
	background-color: rgba(44,205,234,0.45);
}
@media only screen and (max-width: 640px) {
	.kamiapude .box02-inner {
		padding: 11.2vw 0 8.8vw;
	}
	.kamiapude .box02 .fukidashi-box {
		text-align: center;
	}
	.kamiapude .box02 .fukidashi {
		position: relative;
		display: inline-block;
		background: #e0edff;
		text-align: center;
		height: 46px;
		margin: 0 0 28px;
		padding: 0 6vw;
		border-radius: 23px;
	}
	.kamiapude .box02 .fukidashi:before {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -15px;
		border: 15px solid transparent;
		border-top: 15px solid #e0edff;
	}
	.kamiapude .box02 .fukidashi h2 {
		font-size: 23px;
		font-weight: 700;
		font-style: italic;
		line-height: 46px;
		margin: 0;
		padding: 0;
	}
	.kamiapude .photo-box {
		display: flex;
		flex-wrap: wrap;
		width: 86.8vw;
		margin: auto;
	}
	.kamiapude .photo-box-c {
		justify-content: center;
	}
	.kamiapude .photo-box-l {
		justify-content: space-between
	}
	.kamiapude .photo-item {
		width: 41.6vw;
		margin: 0 0 4.4vw;
	}
	.kamiapude .photo-item figure {
	}
	.kamiapude .photo-item figure div {
		background-color: #fff;
		border: 4px solid #fff;
		border-radius: 15px;
		box-sizing: border-box;
		overflow: hidden;
	}
	.kamiapude .photo-item figcaption {
		font-size: 19px;
		font-weight: 700;
		font-style: italic;
		line-height: 1.5;
		text-align: center;
	}
	.kamiapude .photo-item figcaption span {
		display: block;
		font-size: 12px;
	}
	.kamiapude .photo-item.empty {
		height: 0;
		border: none;
		margin: 0;
	}

}
@media print, screen and (min-width: 641px) {
	.kamiapude .box02-inner {
		width: 980px;
		padding: 70px 0 40px;
		margin: auto;
	}
	.kamiapude .box02 .fukidashi-box {
		text-align: center;
	}
	.kamiapude .box02 .fukidashi {
		position: relative;
		display: inline-block;
		background: #e0edff;
		text-align: center;
		height: 60px;
		margin: 0 0 28px;
		padding: 0 32px;
		border-radius: 30px;
	}

	.kamiapude .box02 .fukidashi:before {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -15px;
		border: 15px solid transparent;
		border-top: 15px solid #e0edff;
	}
	.kamiapude .box02 .fukidashi h2 {
		font-size: 30px;
		font-weight: 700;
		font-style: italic;
		line-height: 60px;
		margin: 0;
		padding: 0;
	}


	.kamiapude .photo-box {
		display: flex;
		flex-wrap: wrap;
		width: 860px;
		margin: auto;
	}
	.kamiapude .photo-box-c {
		justify-content: center;
	}
	.kamiapude .photo-box-l {
		justify-content: space-between
	}
	.kamiapude .photo-item {
		width: 200px;
		margin: 0 0 48px;

	}
	.kamiapude .photo-item figure {
	}
	.kamiapude .photo-item figure div {
		background-color: #fff;
		width: 200px;
		border: 5px solid #fff;
		border-radius: 28px;
		box-sizing: border-box;
		overflow: hidden;
	}
	.kamiapude .photo-item figure img {
	}
	.kamiapude .photo-item figcaption {
		font-size: 24px;
		font-weight: 700;
		font-style: italic;
		line-height: 1.5;
		text-align: center;
	}
	.kamiapude .photo-item figcaption span {
		display: block;
		font-size: 14px;
	}
	.kamiapude .photo-item.empty {
		height: 0;
		border: none;
		margin: 0;
	}
}

.kamiapude .box02 .fukidashi-m {
	background: #ff6182;
}
.kamiapude .box02 .fukidashi-m:before {
	border-top: 15px solid #ff6182;
}
.kamiapude .box02 .fukidashi-y {
	background: #fffc00;
}
.kamiapude .box02 .fukidashi-y:before {
	border-top: 15px solid #fffc00;
}
.kamiapude .box02 .fukidashi-c {
	background: #00a8ff;
}
.kamiapude .box02 .fukidashi-c:before {
	border-top: 15px solid #00a8ff;
}



/*box03*/
.kamiapude .box03 {
	background-color: rgba(0,0,0,0.06);
}
@media only screen and (max-width: 640px) {
	.kamiapude .box03-inner {
		padding: 45px 0;
	}
	.kamiapude .box03 .text-box {
		width: 84vw;
		margin: auto;
	}
	.kamiapude .box03 .text-item {
		background: #000;
		box-sizing: border-box;
		margin: 0 0 8vw;
		padding: 26px;
		border: 5px solid #fff;
		border-radius: 20px;
		box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
	}
	.kamiapude .box03 .text-item figure {
		margin: 0 0 10px;
	}
	.kamiapude .box03 .text-item p {
		font-size: 21px;
		font-weight: 700;
		font-style: italic;
		line-height: 35px;
		margin: 0;
	}
}
@media print, screen and (min-width: 641px) {
	.kamiapude .box03-inner {
		width: 980px;
		margin: auto;
		padding: 70px 0;
	}
	.kamiapude .box03 .text-box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 820px;
		margin: auto;
	}
	.kamiapude .box03 .text-item {
		background: #000;
		width: 390px;
		box-sizing: border-box;
		margin: 0 0 48px;
		padding: 30px;
		border: 6px solid #fff;
		border-radius: 30px;
		box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
	}
	.kamiapude .box03 .text-item figure {
		margin: 0 0 10px;
	}
	.kamiapude .box03 .text-item p {
		font-size: 26px;
		font-weight: 700;
		font-style: italic;
		line-height: 44px;
		margin: 0;
	}
}
.kamiapude .box03 .text-item.empty {
	height: 0;
	padding: 0;
	margin: 0;
	border: none;
}



/* ***********************************************************

	コラムのメニュー

*********************************************************** */
/*column-box*/
.kamiapude .column-box {
	background-color: rgba(246,95,201,0.4);
}
@media only screen and (max-width: 640px) {
	.kamiapude .column-box-inner {
		padding: 11.2vw 0 8.8vw;
	}
}
@media print, screen and (min-width: 641px) {
	.kamiapude .column-box-inner {
		width: 980px;
		padding: 70px 45px 40px;
		margin: auto;
		box-sizing: border-box;
	}
}


/*column-box-title*/
@media only screen and (max-width: 640px) {
	.kamiapude .column-box-title-box {
		text-align: center;
	}
	.kamiapude .column-box-title {
		position: relative;
		display: inline-block;
		background: #ea0988;
		text-align: center;
		height: 46px;
		margin: 0 0 16px;
		padding: 0 9.6vw;
		border-radius: 23px;
	}
	.kamiapude .column-box-title h2 {
		color: #fff;
		font-size: 23px;
		font-weight: 700;
		font-style: italic;
		line-height: 46px;
		margin: 0;
		padding: 0;
	}
}
@media print, screen and (min-width: 641px) {
	.kamiapude .column-box-title-box {
		text-align: center;
	}
	.kamiapude .column-box-title {
		position: relative;
		display: inline-block;
		background: #ea0988;
		text-align: center;
		height: 60px;
		margin: 0 0 36px;
		padding: 0 50px;
		border-radius: 30px;
	}
	.kamiapude .column-box-title h2 {
		color: #fff;
		font-size: 30px;
		font-weight: 700;
		font-style: italic;
		line-height: 60px;
		margin: 0;
		padding: 0;
	}
}
#kamiapude-index .column-box-title .column-box-title-column,
#kamiapude-column .column-box-title .column-box-title-top {
	display: none;
}


/*column-box-sub-title*/
@media only screen and (max-width: 640px) {
	.kamiapude .column-box-sub-title-box {
		text-align: center;
	}
	.kamiapude .column-box-sub-title {
		position: relative;
		display: flex;
		align-items: center;
		background: #fff;
		text-align: center;
		width: 90.8vw;
		height: 90px;
		margin: 0 auto 16px;
		padding: 0;
		border-radius: 45px;
		border: 3px solid #ea0988;
		box-sizing: border-box;
	}
	.kamiapude .column-box-sub-title h3 {
		color: #ea0988;
		font-size: 23px;
		font-weight: 700;
		font-style: italic;
		line-height: 31px;
		text-align: left;
		margin: 0 auto;
		padding: 0;
	}
}
@media print, screen and (min-width: 641px) {
	.kamiapude .column-box-sub-title-box {
		text-align: center;
	}
	.kamiapude .column-box-sub-title {
		position: relative;
		display: inline-block;
		background: #fff;
		text-align: center;
		height: 60px;
		margin: 0 0 36px;
		padding: 0 50px;
		border-radius: 30px;
		border: 4px solid #ea0988;
		box-sizing: border-box;
	}
	.kamiapude .column-box-sub-title h3 {
		color: #ea0988;
		font-size: 30px;
		font-weight: 700;
		font-style: italic;
		line-height: 52px;
		margin: 0;
		padding: 0;
	}
}
#kamiapude-column .column-box-sub-title-box {
	display: none;
}


/*column-menu-box*/
@media only screen and (max-width: 640px) {
	.kamiapude .column-menu-box {
	}
	.kamiapude .column-menu-item {
		background: #fff url(../images/column-menu-item-bg.png) no-repeat right 10px bottom;
		background-size: 50px auto;
		width: 92vw;
		margin: 0 auto 20px;
		border-radius: 15px;
		box-sizing: border-box;
	}
	.kamiapude .column-menu-item a {
		display: block;
		text-decoration: none;
		width: 100%;
	}
	.kamiapude .column-menu-item-wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 11px 12px;
	}
	.kamiapude .column-menu-photo {
		width: 92px;
		flex-basis: 92px;
		/*padding: 10px 0 0;*/
		padding: 0;
	}
	.kamiapude .column-menu-photo img {
		border-radius: 46px;
	}
	.kamiapude .column-menu-text {
		flex: 1;
		/*padding: 18px 0 26px 14px;*/
		padding: 26px 0 26px 14px;
	}
	.kamiapude .column-menu-text p {
		color: #000;
		font-size: 17px;
		font-weight: bold;
		font-style: italic;
		line-height: 27px;
		margin: 0;
	}
}
@media print, screen and (min-width: 641px) {
	.kamiapude .column-menu-box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.kamiapude .column-menu-item {
		background: #fff url(../images/column-menu-item-bg.png) no-repeat right 13px bottom;
		background-size: 62px auto;
		width: 430px;
		margin: 0 0 30px;
		border-radius: 20px;
		box-sizing: border-box;
		display: flex;
	}
	.kamiapude .column-menu-item a {
		display: flex;
		text-decoration: none;
		width: 100%;
	}
	.kamiapude .column-menu-item-wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		padding: 15px 16px;
		box-sizing: border-box;
	}
	.kamiapude .column-menu-photo {
		width: 110px;
		/*padding: 10px 0 0;*/
		padding: 0;
	}
	.kamiapude .column-menu-photo img {
		border-radius: 55px;
	}
	.kamiapude .column-menu-text {
		width: 270px;
		/*padding: 22px 0 30px;*/
		padding: 22px 0 22px;
	}
	.kamiapude .column-menu-text p {
		color: #000;
		font-size: 20px;
		font-weight: bold;
		font-style: italic;
		line-height: 32px;
		margin: 0;
	}
}
.kamiapude .column-menu-item a:hover {
	opacity: 0.7;
}
.kamiapude .column-menu-item.empty {
	height: 0;
	border: none;
	margin: 0;
}

.kamiapude-column-kaitou #column-menu-kaitou,
.kamiapude-column-ishii #column-menu-ishii,
.kamiapude-column-yuchami #column-menu-yuchami,
.kamiapude-column-wakasa #column-menu-wakasa {
	display: none;
}


/* ***********************************************************

	コラムの詳細

*********************************************************** */
/*column-area*/
.kamiapude .column-area {
	background-color: rgba(0,0,0,0.06);
}
@media only screen and (max-width: 640px) {
	.kamiapude .column-area {
	}
	.kamiapude .column-area-inner {
		background: #fff;
		width: 92vw;
		margin: auto;
		padding: 25px 0;
	}
}
@media print, screen and (min-width: 641px) {
	.kamiapude .column-area-inner {
		background: #fff;
		width: 940px;
		margin: auto;
		padding: 50px 0;
	}
}


/*column-page-sub-title*/
@media only screen and (max-width: 640px) {

	.kamiapude .column-page-sub-title-box {
		text-align: center;
	}
	.kamiapude .column-page-sub-title {
		position: relative;
		display: flex;
		align-items: center;
		width: 84vw;
		height: 90px;
		margin: 0 auto 16px;
		padding: 0;
		border-radius: 45px;
		border: 3px solid #ea0988;
		box-sizing: border-box;
	}
	.kamiapude .column-page-sub-title h3 {
		color: #ea0988;
		font-size: 23px;
		font-weight: 700;
		font-style: italic;
		line-height: 31px;
		text-align: left;
		margin: 0 auto;
		padding: 0;
	}
}
@media print, screen and (min-width: 641px) {
	.kamiapude .column-page-sub-title-box {
		text-align: center;
	}
	.kamiapude .column-page-sub-title {
		position: relative;
		display: inline-block;
		background: #fff;
		text-align: center;
		height: 60px;
		margin: 0 0 36px;
		padding: 0 50px;
		border-radius: 30px;
		border: 4px solid #ea0988;
		box-sizing: border-box;
	}
	.kamiapude .column-page-sub-title h3 {
		color: #ea0988;
		font-size: 30px;
		font-weight: 700;
		font-style: italic;
		line-height: 52px;
		margin: 0;
		padding: 0;
	}
}


/*column-page-title*/
@media only screen and (max-width: 640px) {
	.kamiapude .column-page-title {
		margin: 0 auto 20px;
	}
	.kamiapude .column-page-title-text {
		padding: 0 20px;
		margin: 0 0 16px;
	}
	.kamiapude .column-page-title-text h1 {
		font-size: 26px;
		font-weight: bold;
		font-style: italic;
		line-height: 38px;
		margin: 0;
		color: #cc12df;
		background: -webkit-linear-gradient(0deg, #cc12df, #05afdb);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.kamiapude .column-page-title-photo {
		width: 64vw;
		margin: auto;
	}
	.kamiapude .column-page-title-photo img {
		border-radius: 32vw;
	}
}
@media print, screen and (min-width: 641px) {
	.kamiapude .column-page-title {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		justify-content: space-between;
		width: 840px;
		margin: 0 auto 40px;
	}
	.kamiapude .column-page-title-text {
		width: 534px;
		/*padding: 53px 0 0;*/
		padding: 0;
	}
	.kamiapude .column-page-title-text h1 {
		font-size: 38px;
		font-weight: bold;
		font-style: italic;
		line-height: 56px;
		margin: 0;
		color: #cc12df;
		background: -webkit-linear-gradient(0deg, #cc12df, #05afdb);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.kamiapude .column-page-title-photo {
		width: 248px;
	}
	.kamiapude .column-page-title-photo img {
		border-radius: 124px;
	}
}


/*column-qa-box*/
@media only screen and (max-width: 640px) {
	.kamiapude .column-qa-box {
		width: 78.8vw;
		margin: 0 auto 45px;
	}
	.column-qa-box-title {
		position: relative;
	}
	.column-qa-box-title::after{
		content: "";
		display: block;
		height: 4px;
		background: linear-gradient(to right, #cc11df 0%, #02afdb 100%);
	}
	.kamiapude .column-qa-box h3 {
		font-size: 20px;
		font-weight: bold;
		line-height: 1.5;
		margin: 0;
		padding: 0 0 10px;
		position: relative;
	}
	.kamiapude .column-qa-box p {
		font-size: 16px;
		font-weight: bold;
		line-height: 28px;
	}

}
@media print, screen and (min-width: 641px) {
	.kamiapude .column-qa-box {
		width: 840px;
		margin: 0 auto 45px;
	}
	.column-qa-box-title {
		position: relative;
	}
	.column-qa-box-title::after{
		content: "";
		display: block;
		height: 4px;
		background: linear-gradient(to right, #cc11df 0%, #02afdb 100%);
	}
	.kamiapude .column-qa-box h3 {
		font-size: 24px;
		font-weight: bold;
		line-height: 1.5;
		margin: 0;
		padding: 0 0 10px;
		position: relative;
	}
	.kamiapude .column-qa-box p {
		font-size: 16px;
		font-weight: bold;
		line-height: 28px;
	}
}



/* ***********************************************************

	戻るボタン

*********************************************************** */
/*back-btn-area*/
.kamiapude .back-btn-area {
	background-color: rgba(246,95,201,0.4);
}
#kamiapude-index .back-btn-area {
	display: none;
}

@media only screen and (max-width: 640px) {
	.kamiapude .back-btn-area-inner {
		margin: auto;
		padding: 0 0 60px;
	}
	.kamiapude .back-btn {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.kamiapude .back-btn a {
		display: block;
		background: #5563e5;
		color: #fff;
		font-size: 23px;
		font-weight: bold;
		font-style: italic;
		line-height: 46px;
		text-align: center;
		text-decoration: none;
		width: 200px;
		height: 46px;
		margin: auto;
		border-radius: 23px;
	}
	.kamiapude .back-btn a img {
		width: 28px;
		margin: -3px 10px 0 0;
	}


}
@media print, screen and (min-width: 641px) {
	.kamiapude .back-btn-area-inner {
		width: 980px;
		margin: auto;
		padding: 20px 0 80px;
	}
	.kamiapude .back-btn {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.kamiapude .back-btn a {
		display: block;
		background: #5563e5;
		color: #fff;
		font-size: 30px;
		font-weight: bold;
		font-style: italic;
		line-height: 60px;
		text-align: center;
		text-decoration: none;
		width: 280px;
		height: 60px;
		margin: auto;
		border-radius: 30px;
	}
	.kamiapude .back-btn a:hover {
		opacity: 0.7;
	}
	.kamiapude .back-btn a img {
		width: 37px;
		margin: -6px 11px 0 0;
	}
}





/*xxx*/
@media only screen and (max-width: 640px) {
	.kamiapude .xxx {
	}
}
@media print, screen and (min-width: 641px) {
	.kamiapude .xxx {
	}
}


/* ***********************************************************

		youtube設定

*********************************************************** */


.kamiapude .youtube-box .youtube {
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.kamiapude .youtube-box .youtube iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

/* ***********************************************************

		googlemap

*********************************************************** */
.ggmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/* ***********************************************************

		マージンの設定

*********************************************************** */
.kamiapude .last {
	margin-bottom: 40px;
}

/* ***********************************************************

		カラー設定

*********************************************************** */

.kamiapude .cl-red {
	color: #cf0f31;
}


.kamiapude .cl-yellow-green {
	color: #1aff2d;
}
.kamiapude .cl-yellow {
	color: #fffc01;
}
.kamiapude .cl-magenta {
	color: #ff06f9;
}
.kamiapude .cl-cyan {
	color: #00e1ff;
}


/*
.kamiapude .cl-pink {
	color: #dc557e;
}
.kamiapude .cl-green {
	color: #03a08c;
}
.kamiapude .cl-orange {
	color: #f68b00;
}


.kamiapude .cl-light-blue {
	color: #008bda;
}
.kamiapude .cl-purple {
	color: #865cdc;
}
*/


/*マーカー*/
.maker-orange {
	background:linear-gradient(transparent 70%, #ffbb00 70%);
}
.maker-red {
	background:linear-gradient(transparent 70%, #fc8c8c 70%);
}


/* ***********************************************************

		注釈リスト

*********************************************************** */
/*
/*注釈リスト*/
.list-annotation {
	position: relative;
	margin: 0 0 1em;
	padding: 0;
}
.list-annotation li {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding-left: 1.25em
}
.list-annotation li span {
	position: absolute;
	left: 0;
	margin: 0
}
@media only screen and (max-width: 640px) {
	.list-annotation li {
		font-size: 16px;
		line-height: 1.5;
	}
}
@media print, screen and (min-width: 641px) {
	.list-annotation li {
		font-size: 16px;
		/*line-height: 1.875;*/
		line-height: 2.125;
	}
}