@charset "UTF-8";

/* ==========================================================================
   Foundation
========================================================================== */

/* Reset
   ----------------------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a {
	margin: 0;
	padding: 0;
	font-size:inherit;
	color: inherit;
	vertical-align:baseline;
	background:transparent;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}
ul,li{
	list-style-type:none;
}


/* Base
   ----------------------------------------------------------------- */
html {
	font-size: 16px;
}
body {
	color: #fff;
	/* ↓↓↓最大960pxまで↓↓↓ */
	min-width: 960px;
	line-height: 1.4;
	/* ゴシック体は下記を使用 */
	font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	/* 明朝体は下記を使用 */
	/* font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
}
img{
	border-style: none;
	vertical-align: top;
}

/* ==========================================================================
   Layout
========================================================================== */

/* body
   ----------------------------------------------------------------- */

 /* ▼メインにするbackgroundを指定▼ */
.ow_body{
	background: #000;
}
/* ▼メインフレーム縦の繰り返し▼ */
.ow_body_bg_01{
	background: url(../../img/pc/common/body_bg_01.jpg) top center repeat-y;
	overflow: hidden;
}
/* ▼メイン画像▼ */
.ow_body_bg_02{
	background: url(../../img/pc/common/body_bg_02.jpg) top center no-repeat;
}

/* header
   ----------------------------------------------------------------- */
/* ▼PC版header高さの調整用▼ */
.ow_header_wrap{
	position: relative;
	width: 960px;
	height: 360px;
	margin: 0 auto;
}

.ow_headre_item{
	position: absolute;
	display: none;
}
.ow_header_person{
	top: 0;
	right: 0;
}
.ow_header_hand{
	top: 0;
	left: 60px;
}
.ow_header_title01{
	top: 6px;
	left: 8px;
	animation: sizeScale-fadeIn-2 0.3s ease-out forwards;
}
.ow_header_catch{
	top: 165px;
	left: 0;
	animation: slideUp_2 1.3s ease-out forwards;
}
.ow_header_name{
	top: 228px;
	left: 614px;
	animation: slideUp_2 1.3s ease-out forwards;
}


/* nav
   ----------------------------------------------------------------- */

.ow_nav{
	padding: 11px 0;
}
/* ▼nav背景が必要な場合ここに指定▼  */
.ow_nav .ow_nav_inner{
	width: 690px;
	margin: 0 auto;
	overflow: hidden;
}
.ow_nav .ow_nav_item{
	float: left;
	margin-left: 24px;
}
.ow_nav .ow_nav_item:first-of-type{
	margin-left: 0;
}

/* ▼navボタンのロールオーバー（1個分幅と高さを指定）▼ */
.ow_nav .ow_nav_link{
	display: block;
	width: 214px;
	height: 52px;
}
.ow_nav .ow_nav_link img{
	display: none;
}
.ow_nav .ow_nav_link:hover{
	background-position: 0 bottom;
}
.ow_nav .ow_nav_link_01{
	background: url(../../img/pc/nav/nav_item_01.png) 0 0 no-repeat;
}
.ow_nav .ow_nav_link_02{
	background: url(../../img/pc/nav/nav_item_02.png) 0 0 no-repeat;
}
/* .ow_nav .ow_nav_link_03{
	background: url(../../img/pc/nav/nav_item_03.png) 0 0 no-repeat;
} */
/* ▼3個以上の場合は以下を使用▼ */

.ow_nav .ow_nav_link_04{
	background: url(../../img/pc/nav/nav_item_04.png) 0 0 no-repeat;
}

/* main
   ----------------------------------------------------------------- */
/* ▼全ページ統一のcontents幅をここに指定▼ */
.ow_main{
	width: 960px;
	margin: 0px auto;
}

/* footer
   ----------------------------------------------------------------- */
.ow_footer{
	text-align: center;
	color: #fff;
	padding: 3% 0;
	width: 836px;
	margin: 0 auto;
}
.ow_footer_menu > *{
	display: inline-block;
	margin: 0% 2% 2% 0%;
}
.footer_subInfo{
	text-align: center;
	margin-top: 3%;
}
.footer_subInfo img{
	width: auto;
	max-width: 100%;
}

/* ISP */
.niftyHeader{
	background: #000;
	position: relative;
}
.niftyHeader table {
	width: 900px;
	margin: 0 auto;
	background: #000;
}

/* ==========================================================================
   Object
========================================================================== */

/* menu系
   ----------------------------------------------------------------- */

/* menu */
.ow_menu{ }
/* ▼ow_menu_head内(icon+title)▼  */
.ow_menu_head{
	display: table;
	width: 100%;
	table-layout: fixed;
}
.ow_menu_icon{
	display: table-cell;
	vertical-align: top;
	width: 16%;
	position: relative;
}
.ow_menu_icon img{
	max-width: 100%;
}
.ow_menu_title{
	display: table-cell;
	vertical-align: middle;
	padding-left: 2%;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 2.125em;
	font-weight: bold;
	color: #000;
}
.ow_menu_title_free{
	display: inline-block;
	padding: 5px;
	margin-bottom: 5px;
	color: #330000;
	background: #f0f0f0;
	font-size: 14px;
}
/* ▼ow_menu_tail(値段表記等)▼  */
.ow_menu_tail{
	margin-top: 2%;
	text-align:right;
	font-weight: bold;
}
.ow_menu_caption{
	font-size: 1em;
}
.ow_menu_caption_color_white{
	color: #fff;
}
.ow_menu_caption_weight_normal{
	font-weight: normal;
}


/* price(金額について)
   ----------------------------------------------------------------- */
.ow_menu_price{
	text-align: right;
	font-size: 1em;
	font-weight: bold;
	color: #333;
}
.ow_menu_price_size_large{
	font-size: 1.625em;
}

/* for nifty */
.ow_default_price{ }
.ow_premium_price{
	color: #cc0000;
}
.ow_nif{
	display: none;
}
.ow_price_line{
	text-decoration: line-through;
}


/* ▽▽▽ web直下専用スタイル ▽▽▽ */

/* bread */
.ow_bread{
	position: relative;
	color: #fff;
	width: 888px;
	font-size: 1.125em;
	margin: 10px auto;
}

/* commonmenu */
.ow_common_menu{
	width: 818px;
	margin: 0 auto;
}
.ow_common_menu_mid{
	background: url(../../img/pc/common/common_menu_mid.jpg) center top repeat-y;
	padding: 0 6%;
}
.ow_common_menu .ow_menu_title{
	font-size: 2.125em;
	color: #3f0122;
	text-shadow: 0 0 3px #c99b9d,0 0 3px #c99b9d, 0 0 3px #c99b9d;
}

/* balloon_menu */
.ow_balloon_menu{
	width: 546px;
}
.ow_balloon_text{
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.5em;
	line-height: 1.6;
}
/* ow_balloon_menu背景が画像の場合 */
.ow_balloon_menu_mid{
	background: url(../../img/pc/common/balloon_menu_mid.png) top center repeat-y;
	padding: 0 40px;
}
/* nc
   ----------------------------------------------------------------- */
.ow_nc{
	background: url(../../img/pc/nc/black.png) left top repeat-y;
	-webkit-background-size: 100%;
	background-size: 100%;
	padding: 4% 0;
}
.ow_nc_white{
	background: url(../../img/pc/nc/white.png) left top repeat-y;
	-webkit-background-size: 100%;
	background-size: 100%;
	padding: 5% 0;
}
.ow_nc_btn{
	display: block;
	margin: 0 auto;
}
.ow_nc_btn img{
	display: none;
}
.ow_nc_bg_none{
	background: none;
	padding: 0;
}
.ow_nc_btn:hover{
	background-position: 0 bottom;
}
.ow_nc_btn_small{
	background: url(../../img/pc/nc/btn_nc_small.png) 0 0 no-repeat;
	width: 440px;
	height: 148px;
}
.ow_nc_btn_micro{
	background: url(../../img/pc/nc/btn_nc_micro.png) 0 0 no-repeat;
	width: 338px;
	height: 120px;
}
.ow_nc_btn_default{
	background: url(../../img/pc/nc/btn_nc.png) 0 0 no-repeat;
	width: 540px;
	height: 177px;
}
.ow_nc_btn + .ow_nc_price{
	padding: 3% 0;
}

.ow_nc_price_black{
	margin-top: 2%;
	background-color: rgba(0, 0, 0, 0.8);
}
.ow_nc_price_white{
	margin-top: 2%;
	background-color: rgba(255, 255, 255, 0.5);
}
/* △△△ web直下専用スタイル △△△ */

/* アニメーション
----------------------------------------------------------------- */
@keyframes sizeScale-fadeIn {
	0%{
		transform: scale(0,0);
	}
	50%{
		transform: scale(1.2,1.2);
	}
	100% {
		transform: scale(1,1);
	}
}

@keyframes sizeScale-fadeIn-2{
	0%{
    transform: scale(3,3);
	}
  100% {
    transform: scale(1,1);
  }
}

@keyframes vertical{
	0% { transform:translateY(0px); }
	50% { transform:translateY(3px); }
	100% { transform:translateY(0px); }
}
@keyframes horizontal{
	0% { transform:translateX(0px); }
	50% { transform:translateX(10px); }
	100% { transform:translateX(0px); }
}

@keyframes vibe_1 {
	0%{
		transform: scale(0.98,0.98);
	}
	50%{
		transform: scale(1,1);
	}
	100% {
		transform: scale(0.98,0.98);
	}
}
@keyframes slideUp{
	0% { transform:translatey(20px); }
	100% { transform:translatey(0px); }
}
@keyframes slideUp_2{
	0% { transform:translatey(80px); }
	100% { transform:translatey(0px); }
}
@keyframes slideDown{
	0% { transform:translatey(-5px); }
	100% { transform:translatey(5px); }
}
@keyframes slideIn{
	0% { transform:translateX(-20px); }
	100% { transform:translateX(0px); }
}
@keyframes bound{
	0% {transform: translateY(0px);}
	100% {transform: translateY(-4px);}
}
@keyframes bgRotate{
	0% {
		transform:rotate(0deg);
	}
	100% { transform:rotate(360deg);
	}
}

/* Project
----------------------------------------------------------------- */


/* ▽▽▽結果▽▽▽ */
/* welcome */
.ow_welcome{
	width: 900px;
	min-height: 400px;
	margin: 0 auto;
	background: url(../../img/pc/result/welcome_bg.jpg) top center no-repeat;
}
.ow_welcome_inr{
	position: relative;
	padding-top: 30px;
}
.ow_welcome .ow_balloon_menu{
	position: relative;
	margin: 0 30px 0 auto;
}
.ow_welcome .ow_balloon_text{
	opacity: 0;
}
.ow_welcome_img{
	position: absolute;
	top: 0;
	left: 10px;
}
.ow_welcome_title{
	display: none;
	position: absolute;
	top: 50px;
	left: -10px;
	animation: sizeScale-fadeIn-2 0.3s ease-out forwards;
}

/* 基本性格 (base)
   ----------------------------------------------------------------- */
.ow_base{
	width: 900px;
	margin: 0 auto;
}
.ow_base_mid{
	background: url(../../img/pc/result/base/base_mid_1.jpg) top center repeat-y;
}


/* name */
.ow_base_name{
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	width: 490px;
	margin: 0 auto;
	padding: 10px 0;
	background: #000;
	text-align: center;
	border: solid 1px #cfa972;
	font-size: 1.375em;
}
.ow_base_2 .ow_base_name_my{
	padding-bottom: 8px;
}


/* base_main */
.ow_base_main{
	width: 780px;
	margin: 0 auto 20px auto;

}
.ow_base_main_mid{
	background: url(../../img/pc/result/base/base_main_mid.jpg) top center repeat-y;
}
.ow_base_main_caption{
	width: 766px;
	margin: 0 auto;
	padding-bottom: 30px;
	background:url(../../img/pc/result/base/base_main_caption_bg.jpg) top center no-repeat;
	font-size: 1.125em;
	line-height: 1.8;
	text-align: center;
	opacity: 0;
}
/* judgment */
.ow_base_judgment{
	width: 832px;
	margin: 0 auto;
	padding-bottom: 20px;
}
.ow_base_judgment_inr{
	position: relative;
}
.ow_judgment_item{
	position: absolute;
}
/* 1人用 */
.ow_judgment_item_human_1{
	display: none;
	top: 78px;
	right: 76px;
}
.ow_judgment_item_human_2{
	display: none;
	top: 57px;
	left: 327px;
}
.ow_judgment_item_human_3{
	display: none;
	top: 86px;
	left: 70px;
}
.ow_base_judgment_1 .ow_judgment_item_hand_1{
	display: none;
	bottom: 40px;
	left: 230px;
}
.ow_judgment_item_planet{
	display: none;
	bottom: 45px;
	left: 280px;
}
.ow_judgment1_1_1{
	display: none;
	top: 220px;
	right: 164px;
}
.ow_judgment1_2_1{
	display: none;
	top: 162px;
	left: 203px;
}
.ow_judgment1_3_1{
	display: none;
	top: 218px;
	left: 64px;
}
/* 2人用 */
.ow_base_judgment_2 .ow_judgment_item_hand_1{
	display: none;
	top: 150px;
	left: 42px;
}
.ow_base_judgment_2 .ow_judgment_item_hand_2{
	display: none;
	top: 150px;
	right: 42px;
}
.ow_judgment2_1_1{
	display: none;
	top: 318px;
	left: 120px;
}
.ow_judgment2_2_1{
	display: none;
	top: 125px;
	left: 146px;
}
.ow_judgment2_3_1{
	display: none;
	top: 62px;
	left: 141px;
}

/* ow_base_main_my */
.ow_base_main_my .ow_base_main_yarn{
	overflow: hidden;
	padding-bottom: 20px;
	opacity: 0;
}
.ow_base_main_my .ow_base_main_yarn_list{
	width: 720px;
	margin: 0 auto;
}
.ow_base_main_my .ow_base_main_yarn_img{
	float: left;
	width: 198px;
	margin-right: 14px;
}
.ow_base_main_my .ow_base_main_yarn_contents{
	float: left;
	width: 508px;
}
.ow_base_main_my .ow_base_main_yarn_text{
	font-size: 1.125em;
	line-height: 1.7;
	padding: 4px 0;
}

/* ow_base_main_target */
.ow_base_main_target .ow_base_main_yarn_list{
	width: 720px;
	margin: 0 auto 10px auto;
	overflow: hidden;
}
.ow_base_main_target .ow_base_main_yarn{
	float: left;
	opacity: 0;
}

/* ow_base_main_tail */
.ow_base_main_tail{
	position: relative;
	margin-bottom: -20px;
	z-index: 120;
}
.ow_base_main_tail_mid{
	background: url(../../img/pc/result/base/base_main_tail_mid.png) top center repeat-y;
}
.ow_base_main_tail_title{
	opacity: 0;
}

/* akuen */
.ow_akuen{
	width: 800px;
	margin: 0 auto;
}
.ow_akuen_intro{
	background:url(../../img/pc/result/base/akuen_intro_bg.jpg) top center no-repeat;
	padding-bottom: 20px;
	opacity: 0;
}
.ow_akuen_mid{
	background: url(../../img/pc/result/base/akuen_mid.jpg) top center repeat-y;
	overflow: hidden;
	padding: 0 8px;
}
.ow_akuen_img{
	float: left;
	width: 322px;
	opacity: 0;
}
.ow_akuen_text{
	float: left;
	width: 462px;
	padding: 20px 30px 0 30px;
	font-size: 1.5em;
	line-height: 1.6;
	color: #000;
	opacity: 0;
}

.ow_base_last{
	position: relative;
	min-height: 340px;
}
.ow_base_last_item{
	position: absolute;
}
.ow_base_last_person{
	top: 0;
	right: 0;
}
.ow_base_last_canvas{
	top: 30px;
	left: -55px;
}
.ow_base_last_1 .ow_base_last_text_1{
	display: none;
	top: 120px;
	left: 97px;
	animation: slideUp_2 1.3s ease-out forwards;
}
.ow_base_last_1 .ow_base_last_text_2{
	display: none;
	top: 40px;
	right: 20px;
	animation: sizeScale-fadeIn-2 0.3s ease-out forwards;
}
.ow_base_last_2 .ow_base_last_text_1{
	display: none;
	top: 120px;
	left: 78px;
	animation: slideUp_2 0.8s ease-out forwards;
}
.ow_base_last_2 .ow_base_last_text_2{
	display: none;
	top: 40px;
	right: 20px;
	animation: sizeScale-fadeIn-2 0.3s ease-out forwards;
}
/* 本題(result)
   ----------------------------------------------------------------- */

/* intro */
.ow_result_intro{
	position: relative;
	width: 900px;
	margin: 0 auto;
}
.ow_result_intro_item{
	position: absolute;
}
/* 1人用 */
.ow_result_intro_1 .ow_result_intro_item_person{
	opacity: 0;
	top: 0px;
	left: 0px;
}
.ow_result_intro_1 .ow_result_intro_item_hand{
	opacity: 0;
	top: 30px;
	right: 0px;
}
.ow_result_intro_1 .ow_result_intro_item_text_1{
	display: none;
	top: 90px;
	left: 242px;
	animation: slideUp_2 1s ease-out forwards;
}
.ow_result_intro_1 .ow_result_intro_item_text_2{
	display: none;
	top: 310px;
	left: 160px;
	animation: slideUp_2 1s ease-out forwards;
}
.ow_result_intro_1 .ow_result_intro_item_aien{
	opacity: 0;
	top: 90px;
	right: 137px;
	animation: vertical 2s linear infinite;
}
.ow_result_intro_1 .ow_result_intro_item_ryouen{
	opacity: 0;
	top: 170px;
	right: 65px;
	animation: vertical 2s linear 0.4s infinite;
}
.ow_result_intro_1 .ow_result_intro_item_kusareen{
	opacity: 0;
	top: 185px;
	right: 214px;
	animation: vertical 2s linear 0.6s infinite;
}
.ow_result_intro_1 .ow_result_intro_item_akuen{
	opacity: 0;
	top: 254px;
	right: 88px;
	animation: vertical 2s linear 0.2s infinite;
}
/* 2人用 */
.ow_result_intro_2 .ow_result_intro_item_person{
	opacity: 0;
	top: 0px;
	left: 244px;
}
.ow_result_intro_2 .ow_result_intro_item_hand{
	opacity: 0;
	top: 30px;
	right: 0px;
}
.ow_result_intro_2 .ow_result_intro_item_text_1{
	display: none;
	top: 233px;
	left: 128px;
	animation: slideUp_2 1s ease-out forwards;
}
.ow_result_intro_2 .ow_result_intro_item_aien{
	opacity: 0;
	top: 68px;
	left: 76px;
	animation: vertical 2s linear infinite;
}
.ow_result_intro_2 .ow_result_intro_item_ryouen{
	opacity: 0;
	top: 90px;
	right: 48px;
	animation: vertical 2s linear 0.4s infinite;
}
.ow_result_intro_2 .ow_result_intro_item_kusareen{
	opacity: 0;
	top: 150px;
	left: 144px;
	animation: vertical 2s linear 0.6s infinite;
}
.ow_result_intro_2 .ow_result_intro_item_akuen{
	opacity: 0;
	top: 162px;
	right: 102px;
	animation: vertical 2s linear 0.2s infinite;
}


/* joint */
.ow_joint{
	width: 930px;
	margin: 0 auto;
}
.ow_joint_1{
	position: relative;
	min-height: 300px;
}
.ow_joint_1 .ow_joint_item{
	position: absolute;
}
.ow_joint_1 .ow_joint_item_person{
	display: none;
	top: 0;
	right: -20px;
}
.ow_joint_1 .ow_joint_item_canvas{
	top: 30px;
	left: -10px;
}
.ow_joint_1 .ow_joint_item_text{
	display: none;
	top: 94px;
	left: 101px;
	animation: slideUp_2 1s ease-out forwards;
}

.ow_joint_2{
	min-height: 430px;
	background: url(../../img/pc/result/welcome_bg.jpg) top center no-repeat;
	padding-top: 30px;
}
.ow_joint_2 .ow_balloon_menu{
	position: relative;
	margin: 0 40px 0 auto;
}
.ow_joint_2 .ow_joint_inr{
	position: relative;
}
.ow_joint_2 .ow_joint_person{
	position: absolute;
	top: -10px;
	left: 20px;
}
.ow_joint_2 .ow_joint_title{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	animation: sizeScale-fadeIn-2 0.3s ease-out forwards;
}
.ow_joint_2 .ow_balloon_text{
	opacity: 0;
}

/* 小項目共通style */
.ow_result_item{
	position: relative;
	width: 884px;
	margin: 0 auto;
	padding-bottom: 10px;
	z-index: 110;
}
.ow_result_item_mid{
	background: url(../../img/pc/result/result_item_mid_base.jpg) top center repeat-y;
}
.ow_result_title_mid{
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 0 120px;
	font-size: 1.875em;
	color: #ff0;
}
.ow_result_body{
	background: url(../../img/pc/result/result_body_bg_base.jpg) top center repeat-y;
	overflow: hidden;
	padding: 0 40px;
}

.ow_result_body_text{
	color: #333;
	font-size: 1.375em;
	line-height: 1.5;
	padding: 0 20px;
}
/* ow_result_body_set11（画像なしタイトル＋本文）  */

/* ow_result_body_set12 (左画像) */
.ow_result_body_set12{
	overflow: hidden;
}
.ow_result_body_set12 .ow_result_body_img{
	float: left;
	width: 320px;
}
.ow_result_body_set12 .ow_result_body_text{
	float: right;
	width: 464px;
	padding: 20px 20px 0 0;
}
/* ow_result_body_set13 (右画像) */
.ow_result_body_set13{
	overflow: hidden;
}
.ow_result_body_set13 .ow_result_body_img{
	float: right;
	width: 320px;
}
.ow_result_body_set13 .ow_result_body_text{
	float: left;
	width: 464px;
	padding: 20px 0 0 20px;
}

/* ow_result_item_yarn */

.ow_result_item_yarn .ow_result_body{
	background: url(../../img/pc/result/result_body_bg_2.jpg) top center repeat-y;
	padding: 0 18px;
}
.ow_result_item_yarn .ow_result_body_img{
	width: 317px;
	opacity: 0;
}
.ow_result_item_yarn .ow_result_body_text{
	width: 530px;
	padding: 20px 30px 0 30px;
	opacity: 0;
}



/* person */
.ow_person .ow_result_item{
	width: 900px;
	margin: 0 auto;
}
.ow_person .ow_result_item_mid{
	background: url(../../img/pc/result/result_item_mid_person.jpg) top center repeat-y;
}
.ow_person .ow_result_body{
	background: url(../../img/pc/result/result_body_bg_person.jpg) top center repeat-y;
	padding: 0 28px;
}
.ow_person .ow_result_body_img{
	position: relative;
	width: 382px;
}
.ow_person .ow_result_body_text{
	width: 462px;
	padding: 20px 30px 0 30px;
	opacity: 0;
}
.ow_result_person_detail{
	padding-bottom: 5px;
}
.ow_result_person_detail_part{
	display: inline-block;
	vertical-align: middle;
	width: 108px;
}
.ow_result_person_detail_text{
	display: inline-block;
	vertical-align: middle;
	width: 286px;
	font-size: 0.875em;
	font-weight: bold;
}
.ow_person .ow_underline{
	padding: 10px 0;
}
.ow_result_person_item{
	position: absolute;
	display: none;
}
.ow_result_person_bg{
	top: 80px;
	left: 30px;
	animation: bgRotate 100s linear infinite;
}
.ow_result_person{
	top: 48px;
	left: 38px;
}
.ow_result_person_nc{
	top: 66px;
	left: 75px;
}
.ow_result_person_hand{
	bottom: 24px;
	left: 70px;
}
.ow_result_person_yarn{
	bottom: 34px;
	left: 89px;
}




/* calender */
.ow_calender .ow_result_item{
	width: 900px;
	margin: 0 auto;
}
.ow_calender .ow_result_item_mid{
	background: url(../../img/pc/result/result_item_mid_calender.jpg) top center repeat-y;
}
.ow_calender .ow_result_body{
	background: url(../../img/pc/result/result_body_bg_calender.jpg) top center repeat-y;
	padding: 0 30px;
}
.ow_calender .ow_result_body_text{
	color: #fff;
	padding: 0 32px;
	opacity: 0;
}
.ow_calender_result{
	position: relative;
}
.ow_calender_result_item{
	position: absolute;
}
.ow_calender_result_title_1{
	top: 260px;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0;
}
.ow_calender_result_title_2{
	top: 350px;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0;
}
.ow_calender_date_dec{
	bottom: 20px;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0;
}
.ow_calender_date{
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	bottom: 75px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 3.75em;
	display: none;
	animation: slideUp_2 1.3s ease-out forwards;
}



/* yes_no */
.ow_yes_no .ow_result_item{
	width: 900px;
	margin: 0 auto;
}
.ow_yes_no .ow_result_item_mid{
	background: url(../../img/pc/result/result_item_mid_yes_no.jpg) top center repeat-y;
}
.ow_yes_no .ow_result_body{
	background: url(../../img/pc/result/result_body_bg_yes_no.jpg) top center repeat-y;
	padding: 0 28px;
}
.ow_yes_no .ow_result_title_mid{
	padding: 0 180px;
}
.ow_yes_no .ow_result_body_text{
	color: #fff;
	padding: 0 32px;
	opacity: 0;
}
.ow_yes_no_result{
	position: relative;
	padding-bottom: 20px;
}
.ow_yes_no_img{
	opacity: 0;
}


/* message */
/* intro */
.ow_message_intro{
	min-height: 340px;
	background: url(../../img/pc/result/message_intro_bg.jpg) top center no-repeat;
	padding-top: 20px;
}
.ow_message_intro .ow_balloon_menu{
	width: 560px;
	margin: 0 40px 0 auto;
}
.ow_message_intro .ow_balloon_menu img{
	width: 100%;
}
.ow_message_intro .ow_balloon_menu_mid{
	-webkit-background-size: 100%;
	background-size: 100%;
	padding: 0 20px;
}
.ow_message_intro .ow_balloon_text{
	text-align: center;
	line-height: 1.4;
	opacity: 0;
}

/* ow_message */
.ow_message{
	background-color: transparent;
	margin-top: -50px;
}
.ow_message .ow_result_item{
	width: 900px;
	margin: 0 auto;
}
.ow_message .ow_result_item_mid{
	background: url(../../img/pc/result/result_item_mid_message.jpg) top center repeat-y;
}
.ow_message .ow_result_body{
	background: url(../../img/pc/result/result_body_bg_message.jpg) top center repeat-y;
	padding: 0 80px;
}
.ow_message .ow_result_title_mid{
	padding: 0 180px;
}
.ow_message .ow_result_body_text{
	padding: 0 40px;
	color: #fff;
}
.ow_message_head{
	position: relative;
}
.ow_message_person{
	position: absolute;
	top: -230px;
	left: 0;
	opacity: 0;
}
.ow_message_title{
	position: absolute;
	top: -8px;
	left: 180px;
}

/* conductor */
.ow_conductor_joint{
	background: url(../../img/pc/result/conductor_joint_bg.png) top center no-repeat;
}
.ow_conductor_joint_title{
	padding: 5px 0;
	opacity: 0;
}
.ow_conductor .ow_common_menu{
	padding-bottom: 10px;
}
.ow_conductor .ow_sub_menu_list{
	padding-bottom: 0;
}

.ow_conductor_caution{
	padding: 20px 0;
	font-size: 1.125em;
	text-align: center;
	font-weight: bold;
	animation: bound 0.4s ease infinite alternate;
}

/* アニメーション部分配置 */
/* bonus */
/* 共通 */
.ow_bonus{
	width: 874px;
	margin: 0 auto;
}
.ow_bonus_inr{
	position: relative;
	overflow: hidden;
}
.ow_bonus_item{
	position: absolute;
	display: none;
}
.ow_bonus_item_title_1{
	top: 213px;
	right: 142px;
}
.ow_bonus_item_title_2{
	top: 213px;
	left: 128px;
}
.ow_bonus_item_person{
	top: 208px;
	left: 0;
	right: 0;
	margin: auto;
}
.ow_bonus_item_caption , .ow_bonus_item_caption_end{
	top: 178px;
	left: 0;
	right: 0;
	margin: auto;
}
/* ベース糸 */
.ow_bonus_yarn_base{
	top: 440px;
	left: 0;
	right: 0;
	margin: auto;
}
.ow_bonus_yarn_base_2{
	top: 440px;
	left: 0;
	right: 0;
	margin: auto;
}
.ow_bonus_2_2 .ow_bonus_yarn_base, .ow_bonus_1_2 .ow_bonus_yarn_base{
	/* display: none; */
}
/* hand */
.ow_bonus_2_1 .ow_bonus_hand_right, .ow_bonus_1_1 .ow_bonus_hand_right{
	top: 200px;
	left: -20px;
}
.ow_bonus_2_1 .ow_bonus_hand_left, .ow_bonus_1_1 .ow_bonus_hand_left{
	top: 200px;
	right: -20px;
}
.ow_bonus_2_2 .ow_bonus_hand_right, .ow_bonus_1_2 .ow_bonus_hand_right{
	top: 200px;
	left: -200px;
}
.ow_bonus_2_2 .ow_bonus_hand_left, .ow_bonus_1_2 .ow_bonus_hand_left{
	top: 200px;
	right: -200px;
}
.ow_bonus_2_3 .ow_bonus_hand_right, .ow_bonus_1_3 .ow_bonus_hand_right ,.ow_bonus_2_4 .ow_bonus_hand_right, .ow_bonus_1_4 .ow_bonus_hand_right{
	top: 200px;
	left: 300px;
}
/* lay */
.ow_bonus_item_lay{
	top: 149px;
	left: 0;
	right: 0;
	margin: auto;
}
/* dec */
.ow_bonus_2_1 .ow_bonus_yarn_dec, .ow_bonus_1_1 .ow_bonus_yarn_dec{
	top: 379px;
	left: 0;
	right: 0;
	margin: auto;
}
.ow_bonus_2_2 .ow_bonus_yarn_dec, .ow_bonus_1_2 .ow_bonus_yarn_dec{
	top: 379px;
	left: 0;
	right: 0;
	margin: auto;
}
.ow_bonus_2_3 .ow_bonus_yarn_dec_1, .ow_bonus_1_3 .ow_bonus_yarn_dec_1{
	top: 434px;
	left: 231px;
}
.ow_bonus_2_3 .ow_bonus_yarn_dec_2, .ow_bonus_1_3 .ow_bonus_yarn_dec_2{
	top: 434px;
	left: 415px;
}
.ow_bonus_2_3 .ow_bonus_yarn_dec_3, .ow_bonus_1_3 .ow_bonus_yarn_dec_3{
	top: 434px;
	left: 600px;
}
.ow_bonus_2_4 .ow_bonus_yarn_dec, .ow_bonus_1_4 .ow_bonus_yarn_dec{
	top: 318px;
	left: 0;
	right: 0;
	margin: auto;
}
/* 1人用 */
.ow_bonus_item_hand{
	top: 286px;
	left: 0;
	right: 0;
	margin: auto;
}
.ow_bonus_item_hand_2{
	top: 422px;
	left: 0;
	right: 0;
	margin: auto;
}
.ow_bonus_yarn_start1_1{
	top: 175px;
	left: 288px;
}
.ow_bonus_yarn_start1_2{
	top: 235px;
	left: 270px;
}
.ow_bonus_yarn_start1_3{
	top: 183px;
	left: 278px;
}
.ow_bonus_yarn_start1_4{
	top: 183px;
	left: 215px;
}


/* 2人用 */
.ow_bonus_item_hand_2_1{
	top: 289px;
	left: 67px;
}
.ow_bonus_item_hand_2_2{
	top: 285px;
	right: 67px;
}
.ow_bonus_yarn_start2_1{
	top: 246px;
	left: 143px;
}
.ow_bonus_yarn_start2_2{
	display: none;
	top: 304px;
	left: 130px;
}
.ow_bonus_yarn_start2_3{
	top: 247px;
	left: 123px;
}
.ow_bonus_yarn_start2_4{
	top: 248px;
	left: 126px;
}
/* △△△結果△△△ */
/* ▽▽▽ 一部無料パーツ ▽▽▽ */
/* 基本性格 (base)
   ----------------------------------------------------------------- */



/* 共通項目 (result)
   ----------------------------------------------------------------- */
 /* ow_nc_caption */
.ow_nc_caption{
	width: 360px;
	margin: 0 auto;
	background: #000;
	text-align: center;
	border: solid 2px #c2c27e;
	padding: 20px 0;
}
.ow_nc_caption_title{
	padding-bottom: 30px;
}
/* ow_nc_caution */
.ow_nc_caution{
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.125em;
	line-height: 1.4;
	color: #fff;
}

/* description */
.ow_nc_description{
	width: 900px;
	margin: 10px auto;
}
.ow_nc_description_mid{
	background: url(../../img/pc/nc/nc_description_mid.jpg) top center repeat-y;
	padding: 0 30px 10px 30px;
}
.ow_nc_description_btn{
	padding-bottom: 10px;
}
.ow_nc_description_text{
	width: 690px;
	margin: 0 auto;
	padding: 10px;
	background: rgba(0,20,29,0.9);
	text-align: center;
	font-size: 1.25em;
	line-height: 1.9;
}

/* 基本性格 (base)
   ----------------------------------------------------------------- */
.ow_base_main_yarn_text_1 .ow_nc_white,.ow_base_main_yarn_text_2 .ow_nc_white,.ow_base_main_yarn_text_3 .ow_nc_white{
	background: url(../../img/pc/nc/white_3.png) left top no-repeat;
	padding: 9% 0;
}
.ow_base_main_yarn_text_2 .ow_nc_white{
	padding: 0;
}

.ow_akuen_my .ow_nc , .ow_akuen_target .ow_nc{
	background: url(../../img/pc/nc/black_2.png) left top repeat-y;
	-webkit-background-size: 100%;
	background-size: 100%;
	padding: 9% 0;
}
/* 共通項目 (result)
  ----------------------------------------------------------------- */
/* 小項目 */
/* ow_result_body_set12 *//* ow_result_body_set13 */
.ow_result_body_set12 .ow_nc ,.ow_result_body_set13 .ow_nc{
	background: url(../../img/pc/nc/black_2.png) left top repeat-y;
	padding: 19% 0;
}
.ow_result_item_base_12 .ow_result_body_img ,.ow_result_item_base_13 .ow_result_body_img{
	display: none;
}
/* ow_result_item_yarn */
.ow_result_item_yarn .ow_nc{
	background: url(../../img/pc/nc/black_3.png) left top repeat-y;
	padding: 5% 0;
}

/* person */
.ow_person_nc .ow_nc_person{
	-webkit-background-size: 100%;
	background-size: 100%;
	padding: 16% 0;
}
.ow_result_person_detail_text_1 .ow_nc{
	background: url(../../img/pc/nc/black_person_1.png) left top no-repeat;
	padding: 6% 0;
}
.ow_result_person_detail_text_2 .ow_nc{
	background: url(../../img/pc/nc/black_person_2.png) left top no-repeat;
	padding: 11% 0;
}
.ow_result_person_detail_text_3 .ow_nc{
	background: url(../../img/pc/nc/black_person_3.png) left top no-repeat;
	padding: 11% 0;
}
/* message */
.ow_message .ow_nc_white{
	background: url(../../img/pc/nc/white_2.png) left top no-repeat;
	padding: 6% 0;
}
.ow_message .ow_nc_caption{
	width: 620px;
}
/* △△△ 一部無料パーツ △△△ */



/* ▽▽▽ 無料パーツ ▽▽▽ */
/* 基本性格 (base)
   ----------------------------------------------------------------- */
.ow_base_last_free{
	position: relative;
}
.ow_base_last_free_item{
	position: absolute;
}
.ow_base_last_free_title{
	display: none;
	top: 0;
	left: 30px;
	animation: sizeScale-fadeIn-2 0.3s ease-out forwards;
}
.ow_base_last_free_canvas{
	display: none;
	top: 116px;
	left: 2px;
	animation: slideUp_2 0.8s ease-out forwards;
}
.ow_base_last_free_text{
	display: none;
	top: 184px;
	left: 92px;
	animation: slideUp_2 0.8s ease-out forwards;
}
.ow_base_last_free_fream{
	display: none;
	top: 20px;
	right: 60px;
}
.ow_base_last_free_person{
	opacity: 0;
	top: 182px;
	right: 0;
}
.ow_base_last_free_dec_1{
	display: none;
	top: 248px;
	right: 223px;
}
.ow_base_last_free_dec_2{
	display: none;
	top: 164px;
	right: 148px;
}
.ow_base_last_free_dec_3{
	display: none;
	top: 125px;
	right: 312px;
}

/* 共通項目 (result)
  ----------------------------------------------------------------- */
/* conductor */
.ow_conductor_text{
	font-size: 1.25em;
	text-align: center;
	line-height: 1.6;
}
/* △△△ 無料パーツ △△△ */




/* ▽▽▽占者紹介▽▽▽ */
/* profile */
.ow_profile {
	width: 888px;
	margin: 0 auto;
	color: #000;
	font-size: 1.125em;
	line-height: 1.5;
	padding-bottom: 30px;
}
.ow_profile_mid {
	background: url(../../img/pc/profile/profile_mid.jpg) top center repeat-y;
	padding: 0 26px;
}
.ow_profile_wrap {
	position: relative;
}
.ow_profile_wrap_face {
	opacity: 0;
	top: 20px;
	right: 20px;
}
.ow_profile_wrap_text {
	display: none;
	top: 130px;
	left: 160px;
	animation: slideUp_2 1.3s ease-out forwards;
}
.ow_profile_wrap_name {
	display: none;
	bottom: 84px;
	left: 70px;
	animation: slideUp_2 1.3s ease-out forwards;
}
.ow_profile_text {
	font-size: 22px;
	padding: 40px 50px;
}



/* about */
.ow_about {
	width: 888px;
	margin: 0 auto;
	font-size: 1.25em;
	line-height: 1.5;
}
.ow_about_mid {
	background: url(../../img/pc/profile/about_mid.jpg) top center repeat-y;
	padding: 0 60px;
}
.ow_about_wrap {
	margin-top: -20px;
}
.ow_about_title_1{
	opacity: 0;
	padding: 20px 0;
}
.ow_about_title_2{
	opacity: 0;
}
.ow_about_intro_text {padding: 20px 30px;}

.ow_about_wrap_1,
.ow_about_wrap_2,
.ow_about_wrap_3 {
	padding: 0 0 30px;
}
/* ow_about_wrap_1 */
.ow_about_wrap_1 {
	position: relative;
}
.ow_about_wrap_1 .ow_about_title {
	display: none;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
	animation: slideUp 1s ease-out forwards;
}
.ow_about_wrap_1 .ow_about_item_1 {
		opacity: 0;
    top: 134px;
    left: 0;
    right: 0;
    text-align: center;
}
.ow_about_wrap_1 .ow_about_item_2 {
	display: none;
  top: 250px;
  left: 70px;
}
.ow_about_wrap_1 .ow_about_item_3 {
	display: none;
  top: 310px;
  right: 180px;
}
.ow_about_wrap_1 .ow_about_item_4 {
	display: none;
  top: 130px;
  left: 0;
  right: 0;
  text-align: center;
}

.ow_about_wrap_1 .ow_about_text_1 {
	display: none;
  top: 300px;
  left: 50px;
	animation: vertical 2s linear infinite;
}
.ow_about_wrap_1 .ow_about_text_2 {
	display: none;
  top: 234px;
  right: 116px;
	animation: vertical 2s linear infinite;
}
.ow_about_wrap_1 .ow_about_text_3 {
	display: none;
  top: 370px;
  left: 130px;
  right: 0;
  text-align: center;
	animation: vertical 2s linear infinite;
}
.ow_about_wrap_1 .ow_about_text_4 {
	display: none;
  bottom: 70px;
  left: 0;
  right: 0;
  text-align: center;
	animation: vertical 2s linear infinite;
}
/* ow_about_wrap_2 */
.ow_about_wrap_2 {
	position: relative;
}
.ow_about_wrap_2 .ow_about_title {
	display: none;
  top: 0;
  right: 0;
  left: 0;
  text-align: center;
	animation: slideUp 1s ease-out forwards;
}
.ow_about_wrap_2 .ow_about_item_1 {
	opacity: 0;
  top: 170px;
  left: 0;
  right: 0;
  text-align: center;
}
.ow_about_wrap_2 .ow_about_item_2 {
	display: none;
	bottom: 70px;left: 90px;
}


.ow_about_wrap_2 .ow_about_text_1 {
	display: none;
  top: 160px;
  left: 90px;
	animation: vertical 2s linear infinite;
}
.ow_about_wrap_2 .ow_about_text_2 {
	display: none;
  top: 330px;
  left: 124px;
	animation: vertical 2s linear infinite;
}
.ow_about_wrap_2 .ow_about_text_3 {
	display: none;
  top: 314px;
  right: 128px;
	animation: vertical 2s linear infinite;
}
.ow_about_wrap_2 .ow_about_text_4 {
	display: none;
  bottom: 110px;
  left: 160px;
  right: 0;
  text-align: center;
	animation: vertical 2s linear infinite;
}


/* ow_about_wrap_3 */
.ow_about_wrap_3 {
	position: relative;
}
.ow_about_wrap_3 .ow_about_title {
	display: none;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
	animation: slideUp 1s ease-out forwards;
}
.ow_about_wrap_3 .ow_about_item {
	opacity: 0;
  top: 120px;
  left: 0;
  right: 0;
  text-align: center;
}
.ow_about_wrap_3 .ow_about_yes {
	opacity: 0;
  top: 234px;
  left: 32px;
	animation: vertical 2s linear infinite;
}
.ow_about_wrap_3 .ow_about_no {
	opacity: 0;
  top: 184px;
  right: 36px;
	animation: vertical 2s linear infinite;
}
.ow_about_wrap_3 .ow_about_text {
	opacity: 0;
  bottom: 100px;
  right: 0;
  left: 0;
  text-align: center;
}


.ow_abs {
	position: absolute;
}
/* △△△占者紹介△△△ */





/* ▽▽▽入力▽▽▽ */

/* entry_intro */
.ow_entry_intro{
	position: relative;
	background: url(../../img/pc/result/welcome_bg.jpg) top center no-repeat;
	min-height: 410px;
	padding-top: 30px;
}
.ow_entry_intro .ow_balloon_menu{
	position: relative;
	margin: 0 50px 0 auto;
}
.ow_entry_intro .ow_balloon_text{
	opacity: 0;
}
.ow_entry_intro_img{
	position: absolute;
	top: 0;
	left: 50px;
}
.ow_entry_intro_title{
	display: none;
	position: absolute;
	top: 10px;
	left: 0px;
	animation: sizeScale-fadeIn-2 0.3s ease-out forwards;
}

/* ow_sub_menu */
.ow_sub_menu{
	position: relative;
	width: 888px;
	margin: 0 auto;
	padding-bottom: 20px;
}
.ow_sub_menu_mid{
	background: url(../../img/pc/entry/sub_menu_mid.jpg) top center repeat-y;
	padding: 0 30px;
}
.ow_sub_menu_list{
	padding: 0 60px 20px 60px;
	padding-bottom: 20px;
}
.ow_sub_menu_item{
	font-size: 1.25em;
	padding: 18px 0 18px 50px;
}
.ow_dot_base{
	background: url(../../img/pc/entry/sub_menu_list_item_dot.png) 0 16px no-repeat;
}
/* .ow_dot_type2{
	background: url(../../img/pc/entry/sub_menu_list_item_dot_1.png) 3% 54% no-repeat;
} */
.ow_sub_menu_item_2{
	color: #03e2fc;
}
.ow_sub_menu_item_3{
	color: #e88afc;
}
.ow_sub_menu_item_4{
	color: #ffff00;
}
.ow_sub_menu_caption{
	width: 700px;
	margin: 0 auto;
	background: rgba(0,20,29,0.9);
	padding: 20px 0;
	line-height: 1.8;

}
.ow_sub_menu_caption_text{
	text-align: center;
	font-size: 1.125em;
}



/* ow_entry_form */
.ow_entry_form{
	width: 890px;
	margin: 0 auto;
}
.ow_entry_form_mid{
	background: url(../../img/pc/entry/form_mid.jpg) top center repeat-y;
	padding: 0 90px;
}

/* FORM_PARTS */
/* リセット */
input:-webkit-autofill{
	/* 色はinput要素の背景色（ここでは#fff）にそろえる */
	box-shadow: 0 0 0px 999px #FFF inset;
}

input[type="text"],
input[type="date"],
select,
textarea{
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	vertical-align: middle;
}
select::-ms-expand {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	display: none;
}
input[type="text"]:focus,
select:focus,
textarea:focus {
	/* border: 1px solid #b70149;
	transition: all 0.5s;
	box-shadow: 0 0 1px 1px rgba(0,160,233,1); */
}
button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
}



/* form item */
.ow_entry_form_item{
	overflow: hidden;
	padding-bottom: 40px;
}
.ow_entry_form_item:last-of-type{
	padding-bottom: 0;
}
.ow_entry_form_label{
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	display: inline-block;
	vertical-align: top;
	width: 170px;
	font-size: 2.5em;
	line-height: 1;
	font-weight: bold;
	text-align: right;
	color: #292929;
	padding-top: 10px;
	margin-right: 20px;
}
.ow_entry_form_label span{
	font-size: 0.6em;
}
.ow_entry_form_caution{
	font-size: 1.25em;
	color: #292929;
}

/* 生年月日部分 */
.ow_select{
	position: relative;
	width: 135px;
	float: left;
	margin-left: 10px;

}
.ow_select_year{
	width: 200px;
	margin-left: 0;
}
.ow_select::before{
	position: absolute;
	top: 40%;
	right: 15px;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 12px solid #333333;
	pointer-events: none;
}
.ow_entry_form_input_wrap{
	display: inline-block;
	vertical-align: top;
	width: 500px;
}
.ow_entry_form_select_wrap{
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 500px;
}
.ow_entry_form_input , .ow_entry_form_select{
	height: 78px;
	border: 2px solid #666666;
	background: #fff;
	border-radius: 5px;
	font-size: 1.75em;
	padding-left: 10px;
}

/* ラジオボタン */
.ow_entry_form_radio_wrap{
	display: inline-block;
	font-size: 0;
	vertical-align: top;
	width: 500px;
}
.ow_entry_form_radio_wrap label{
	display: inline-block;
	width: 50%;
	text-align: center;
}
input[type="radio"] {
	display: none;
}
input[type="radio"] + .ow_radiotxt {
	text-indent: -9999px;
	display: block;
	width: 100%;
	padding: 14% 0%;
	cursor: pointer;
}
input[type="radio"] + .ow_radiotxt.male{
	background: url(../../img/pc/entry/male.png) 0 0 no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
input[type="radio"] + .ow_radiotxt.female{
	background: url(../../img/pc/entry/female.png) 0 0 no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
input[type="radio"]:checked + .ow_radiotxt.male{
	background: url(../../img/pc/entry/male_on.png) 0 0 no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
input[type="radio"]:checked + .ow_radiotxt.female{
	background: url(../../img/pc/entry/female_on.png) 0 0 no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}

/* error */
.ow_error{
	color: #ff0;
	text-align: center;
	padding: 20% 0 30%;
}

/* button */
.ow_entry_form_btn img{
	display: none;
}
.ow_entry_form_btn_wrap{
	padding: 10px 0;
}
.ow_entry_form_btn_text{
	text-align: center;
	font-size: 1.25em;
}
.ow_entry_form_btn_text .ow_strong{
	font-size: 1.2em
}
.ow_entry_form_btn a{
	display: block;
	width: 542px;
	height: 178px;
	margin: 0px auto;
}
.ow_entry_form_btn a:hover{
	background-position: bottom center;
}
.ow_entry_form_nc{background: url(../../img/pc/entry/btn_nc.png) top center no-repeat;}
.ow_entry_form_submit{background: url(../../img/pc/entry/btn_submit.png) top center no-repeat;}
.ow_entry_form_free{background: url(../../img/pc/entry/btn_free.png) top center no-repeat;}
.ow_entry_form_submit_2{background: url(../../img/pc/entry/btn_submit_2.png) top center no-repeat;}

.ow_entry_form_save{
	text-align: center;
	font-size: 1.25em;
	margin-bottom: 2%;
}
.ow_policy{
	width: 700px;
	text-align: center;
	margin: 20px auto;
	padding: 20px;
	font-size: 1.25em;
	border: solid 1px #fff;
}
.ow_premium_caution {
	width: 840px;
	margin: 20px auto;
	background: #333;
	padding: 26px;
}
.ow_send_confirm_caution{
    text-align: left;
    width: 80%;
    margin: 1em auto 1em;
    padding-left: 1em;
}
.ow_send_confirm_caution li{
	list-style: disc none outside;
}

/* △△△入力△△△ */


/* ▽▽▽トップページパーツ▽▽▽ */

/* ow_guide_1 */
.ow_guide_1 {
  position: relative;
	margin-bottom: -210px;
}
.ow_guide_1_face {
	top: 76px;
	left: 20px;
}
.ow_guide_1_item {
	display: none;
	top: 176px;
	right: 50px;
	animation: slideIn 0.8s ease-out forwards;
}
.ow_guide_1_text_1 {
  top:0;
  left: 0;
  right: 0;
  text-align: center;
}
.ow_guide_1_text_2 {
	display: none;
	top: 208px;
	right: 68px;
	animation: slideIn 0.8s ease-out forwards;
}

/* ow_rec */
.ow_rec{
	position: relative;
}
.ow_rec_profile{
	/* margin-top: -210px; */
}
.ow_rec .ow_menu_title{
	color: #2a0707;
	vertical-align: top;
	font-weight: normal;
}
.ow_rec_mid{
	background: url(../../img/pc/top/rec_mid.jpg) top center repeat-y;
}
.ow_rec .ow_menu:not(:last-child) {
	background: url(../../img/pc/top/rec_underline.jpg) bottom center no-repeat;
	padding-bottom: 50px;
}
.ow_rec .ow_menu {
	padding: 0 116px;
}
.ow_rec .ow_menu_title {
	font-size: 2em;
}

/* ow_free */
.ow_free{
}
.ow_free_top {
  position: relative;
  z-index: 10;
}
/* ow_free_wrap */
.ow_free_wrap {
	position: relative;
	margin: -60px 0 60px 0;
}
.ow_free_wrap_bg {}
.ow_free_wrap_face {
	opacity: 0;
	top: -40px;
	right: 60px;
	z-index: 10;
}
.ow_free_wrap_text_1 {
	display: none;
	top: 144px;
	left: 120px;
	z-index: 10;
	animation: slideUp 1s ease-out forwards;
}
.ow_free_btn {
	padding-bottom: 30px;
}
.ow_free_btn_link{
	display: block;
	width: 630px;
	height: 354px;
	margin: 0 auto;
}
.ow_free_btn_link_1{
	background: url(../../img/pc/top/btn_free_1.png) 0 top no-repeat;
	width: 630px;
	height: 343px;
}
.ow_free_btn_link_2{
	background: url(../../img/pc/top/btn_free_2.png) 0 top no-repeat;
	width: 630px;
	height: 354px;
}
.ow_free_btn_link:hover{
	background-position: 0 bottom;
}

/* △△△トップページパーツ△△△ */

/* ▽▽▽おすすめ鑑定ページパーツ_サテライトサイト用に追記▽▽▽ */
.rec_list {
	width: 600px;
	margin: 0 auto;
}
.rec_head {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 2% 0;
	margin-bottom: 5%;
	text-align: center;
	font-size: 1.5em;
}
.rec_item {
	margin-bottom: 5%;
}
.rec_title {
	margin-bottom: 2%;
	font-size: 1.25em;
}
.rec_thm {
	text-align: center;
}
.rec_thm img {
	width: 100%;
}
.rec_text {
	margin-top: 2%;
}
.rec_list .c-contentsTitle {
	margin-top: 1%;
	font-size: 0.8em;
}
/* △△△おすすめ鑑定ページパーツ_サテライトサイト用に追記△△△ */

/* ▽▽▽footerパーツ_サテライトサイト用に追記▽▽▽ */
.footer_link {
	text-align: center;
	margin-top: 3%;
}
.footer_link_head {
	margin-bottom: 1%;
}
/* △△△footerパーツ_サテライトサイト用に追記△△△ */

/* ▽▽▽その他ページ用_サテライトサイト用に追記▽▽▽ */
.page {
	background: #FFF;
	width: 750px;
	padding: 2%;
	font-size: 0.8em;
	color: #333;
}
.page .ow_bread {
	padding: 0 0 2% 0;
	color: inherit;
}
.heading {
	border-bottom: 1px solid #0208FB;
	padding-bottom: 2%;
	margin-bottom: 2%;
	font-size: 1.5em;
	color: #0208FB;
}
.info_list {
	border-bottom: 1px solid #E8E8E8;
	display: flex;
	padding: 3% 0;
	line-height: 1.8;
}
.info_list dt {
	width: 28%;
	margin-right: 2%;
	font-weight: bold;
}
.info_list dd {
	flex: 1;
}
.info_list.vertical {
	display: block;
}
.info_list.vertical dt {
	width: 100%;
	margin-right: 0;
	margin-bottom: 2%;
}

.link_arrow {
	background: url(../../img/pc/common/arrow.png) center left no-repeat;
	padding-left: 3%;
	margin-bottom: 1%;
}
/* △△△その他ページ用_サテライトサイト用に追記△△△ */

/* ▽▽▽dailyページ用_サテライトサイト用に追記▽▽▽ */
.page_daily {
		width: 750px;
}
.block {
		color: #333;
		background: #fff;
    padding: 5%;
}
.fortune_rank_head_catch {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 2%;
}
.fortune_rank_head {
    text-align: center;
    margin-bottom: 4%;
}
.fortune_rank_head_title {
    font-size: 1.5em;
    line-height: 1;
}
.fortune_rank_head_icon {
    width: 15%;
}
.fortune_rank_head_icon img {
    border-style: none;
    vertical-align: top;
    max-width: 100%;
    height: auto;
}
.fortune_rank_head_lead {
    background: url(../../img/pc/horoscope/bg_lead.jpg) repeat-x left center;
    background-size: contain;
    display: inline-block;
    padding: 1% 12%;
    font-weight: bold;
    color: #FFF;
		margin: 0 auto;
		font-size: 1.2em;
}

.tab {
    border-bottom: 1px solid #EF9090;
    text-align: center;
    margin-bottom: 5%;
    font-size: 0;
}
.tab_btn a {
    text-decoration: none;
    color: inherit;
}
.tab_btn a, .tab_btn span {
    display: block;
    padding: 8px 0;
}
.block_fortune_ranking .tab li {
    width: 18.4%;
}

.tab_btn.active {
    font-weight: bold;
    background: #EF9090;
    color: #fff;
}
.tab_btn {
    color: #EF9090;
    display: inline-block;
    vertical-align: top;
    width: 47%;
    margin: 0 0.5% 0;
    border-top: 1px solid #EF9090;
    border-left: 1px solid #EF9090;
    border-right: 1px solid #EF9090;
    transition: .2s;
    cursor: pointer;
    font-size: 22px;
}
.tab .tab_renaiun {
    color: #ffaca9;
}
.tab .tab_kinun {
    color: #e4caa3;
}
.tab .tab_shigotoun {
    color: #a3c2e6;
}
.tab .tab_taijinun {
    color: #a3d7a7;
}

.holoscope_rank_item {
    border-bottom: 1px solid #D8D8D8;
    counter-increment: counter 1;
}
.holoscope_rank_head {
    display: flex;
}
.holoscope_rank_item:nth-child(1) .holoscope_rank_head:before {
    background: url(https://static-n.goodfortune.jp/files/img/horoscope/rank_1.svg) no-repeat left center;
    background-size: contain;
}
.holoscope_rank_item:nth-child(2) .holoscope_rank_head:before {
    background: url(https://static-n.goodfortune.jp/files/img/horoscope/rank_2.svg) no-repeat left center;
    background-size: contain;
}
.holoscope_rank_item:nth-child(3) .holoscope_rank_head:before {
    background: url(https://static-n.goodfortune.jp/files/img/horoscope/rank_3.svg) no-repeat left center;
    background-size: contain;
}
.holoscope_rank_item:nth-child(1) .holoscope_rank_head:before, .holoscope_rank_item:nth-child(2) .holoscope_rank_head:before, .holoscope_rank_item:nth-child(3) .holoscope_rank_head:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    margin-right: 2%;
}
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.holoscope_rank_thm {
    width: 25%;
    margin-right: 2%;
}
.holoscope_rank_thm img {
    width: 100%;
}
.holoscope_rank_item a {
    display: block;
    padding: 4% 0;
    /* color: #000; */
    text-decoration: none;
}
.holoscope_rank_item:nth-child(n+4) a {
    display: flex;
    padding: 4% 4% 4% 0;
    position: relative;
}
.holoscope_rank_item:nth-child(n+4) a::after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f105";
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /* color: #E0E1E3; */
    color: #333;
		font-size: 2em;
}
.holoscope_rank_item:nth-child(n+4) .holoscope_rank_name:before {
    content: counter(counter);
    /* background: #AEAFAF; */
    display: inline-block;
    border-radius: 10px;
    width: 1.8em;
    margin-right: 0.5em;
    text-align: center;
    color: #FFF;
}
.holoscope_rank_item:nth-child(n+4):nth-child(-n+5) .holoscope_rank_name:before {
    background: #D9C42E;
}
.holoscope_rank_item:nth-child(n+6):nth-child(-n+9) .holoscope_rank_name:before {
    background: #67BF51;
}
.holoscope_rank_item:nth-child(n+10):nth-child(-n+11) .holoscope_rank_name:before {
    background: #66AAC4;
}
.holoscope_rank_item:nth-child(12) .holoscope_rank_name:before {
    background: #AEAFAF;
}
.holoscope_rank_info {
    display: flex;
    align-items: center;
		margin-bottom: 5%;
}
.holoscope_rank_item:nth-child(1) .holoscope_rank_name, .holoscope_rank_item:nth-child(2) .holoscope_rank_name, .holoscope_rank_item:nth-child(3) .holoscope_rank_name {
    font-size: 3em;
    line-height: 1.3;
}
.holoscope_rank_name {
    font-size: 1.8em;
}
.holoscope_rank_date {
    margin-left: auto;
		margin-right: 4%;
    font-size: 0.8em;
    color: #9E9E9E;
}
.holoscope_rank_text {
    margin-top: 2%;
    font-size: 1.2em;
}
.holoscope_rank_lucky {
    border-top: 1px solid #D8D8D8;
    padding-top: 0.8em;
    margin-top: 0.8em;
    font-size: 1.2em;
}
.holoscope_rank_contents {
    flex: 1;
}
/* △△△dailyページ用_サテライトサイト用に追記△△△ */

/* ▽▽▽daily_detailページ用_サテライトサイト用に追記▽▽▽ */
/* *, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
} */


.page_icon {
    position: relative;
    margin-top: 5%;
    text-align: center;
    font-size: 1.25em;
}
.page_icon img {
    width: 53%;
}
.fortune_daily_rank {
    margin-right: 5%;
    font-size: 1.5em;
}
.fortune_daily_name {
    text-align: center;
    font-size: 2em;
    font-weight: bold;
}
.fortune_daily_head {
    margin-bottom: 5%;
}
.fortune_daily_icon {
    float: left;
    width: 45%;
		margin-right: 5%;
}
.fortune_daily_icon img {
	width: 100%;
}
.fortune_daily_info {
    float: right;
    width: 50%;
}
.clearfix::after, .cf::after {
    content: "";
    display: block;
    clear: both;
}
.fortune_daily_subject {
    border-top: 1px solid #b2b2b2;
    padding-top: 5%;
    margin-top: 5%;
}
.fortune_daily_subject dt {
    color: #8c8c8c;
    font-size: 1.4em;
    font-weight: bold;
		line-height: 1.6;
}
.fortune_daily_subject dd {
    font-size: 1.2em;
}

.fortune_daily_celebrity {
    background: #8c8c8c;
    border: 1px solid #8c8c8c;
    border-radius: 10px;
    display: table;
    width: 100%;
    table-layout: fixed;
    overflow: hidden;
}
.fortune_daily_celebrity dt {
    width: 25%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
    line-height: 1.3;
    font-size: 1.4em;
    font-weight: bold;
}
.fortune_daily_celebrity dd {
    background: #FFF;
    width: 75%;
    display: table-cell;
    vertical-align: middle;
		color: #333;
    padding: 2% 3%;
    font-size: 1.2em;
}
.fortune_daily_celebrity dd a,.mt_4 a {
    color: #2b6b9f;
    text-decoration: underline;
}

.fortune_daily_button_wrap {
    text-align: center;
    font-size: 0;
    padding-top: 3%;
}
.fortune_daily_button {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 33.3%;
    padding: 0 2% 2% 0;
    font-size: 18px;
    font-weight: bold;
}
.fortune_daily_button:nth-child(3n) {
    padding-right: 0;
}
.fortune_daily_button a {
    position: relative;
    display: block;
    background: #f8f8f8;
    border: 1px solid #b2b2b2;
    color: #333;
    padding: 5% 0 10% 0;
    text-decoration: none;
}
.fortune_daily_button a::after {
    position: absolute;
		font-family: "FontAwesome";
    content: "\f107";
    bottom: 0;
    left: 0;
    right: 0;
}
.mb_4 {
    margin-bottom: 4% !important;
		font-size: 1.3em;
}

.mt_4 {
    margin-top: 4% !important;
		font-size: 24px;
}


.fortune_daily_item_title {
    padding: 2% 0;
    margin-bottom: 3%;
    font-size: 1.5em;
}
.fortune_daily_item_title_deai{
	  font-size: 1.3em;
}
.fortune_daily_item_title span {
	  margin-left: 2%;
}
.f_color_sougouun {
    color: #ffaa95;
    margin: 1.2rem 0 0.5rem 0;
}
.f_color_renaiun {
    color: #ff3023;
    margin: 1.2rem 0 0.5rem 0;
}
.f_color_kinun {
    color: #c88a00;
    margin: 1.2rem 0 0.5rem 0;
}
.f_color_shigotoun {
    color: #0076cb;
    margin: 1.2rem 0 0.5rem 0;
}
.f_color_taijinun {
    color: #00aa1b;
    margin: 1.2rem 0 0.5rem 0;
}
.fortune_daily_item_sougouun .fortune_daily_item_title {
    border-bottom: 1px solid #ffaa95;
}
.fortune_daily_item_renaiun .fortune_daily_item_title {
    border-bottom: 1px solid #ff3023;
}
.fortune_daily_item_kinun .fortune_daily_item_title {
    border-bottom: 1px solid #c88a00;
}
.fortune_daily_item_shigotoun .fortune_daily_item_title {
    border-bottom: 1px solid #0076cb;
}
.fortune_daily_item_taijinun .fortune_daily_item_title {
    border-bottom: 1px solid #00aa1b;
}
.fortune_daily_item_body {
    font-size: 1.2em;
}

.lucky_list {
    background: #f8f8f8;
		color: #333;
    padding: 5%;
    margin-top: 3%;
    text-align: center;
    font-size: 1.2em;
}
.lucky_list dt {
    display: inline-block;
    border: 1px solid #ffaa95;
    background: #FFF;
    padding: 0 5%;
    border-radius: 12px;
    color: #ffaa95;
    font-weight: bold;
    text-align: center;
    min-width: 56%;
}
.lucky_list dd {
    padding: 2% 0;
}
.link_button_wrap {
    text-align: center;
    font-size: 0;
    padding: 3% 0;
}
.link_button_01 {
    font-size: 20px;
    font-weight: bold;
    width: 48%;
		margin-right:2%;
}
.link_button_01:nth-child(even) {
		margin-right:0;
}
.link_button {
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.link_button_01 a {
    position: relative;
    background: #f8f8f8;
    border: solid 1px #b2b2b2;
    color: #333;
    padding: 5% 12% 5% 5%;
}
.link_button a {
    display: block;
    background: #f8f8f8;
    /* color: inherit; */
    text-decoration: none;
}
.link_button_01 a::after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f105";
    top: 50%;
    right: 5%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.block_title {
    text-align: center;
    font-weight: bold;
    margin-bottom: 2%;
    padding: 2%;
}
.block_title_01 {
    background: url(//static-n.goodfortune.jp/files/img/heading_underline.png) no-repeat center bottom;
    -webkit-background-size: 100%;
    background-size: 100%;
    padding-bottom: 6%;
    font-size: 1.16em;
}
.block_txt {
	font-size: 24px;
	line-height: 1.6;
}
.block_txt.align_center {
	text-align: center;
}
.horo_item {
    display: inline-block;
    vertical-align: top;
    width: 24.4%;
    text-align: center;
    margin-bottom: 3%;
}
.horo_icon {
    padding: 0 4%;
}
.horo_icon img {
    width: 100%;
}
.horo_name {
    font-size: 22px;
    font-weight: bold;
}
.appeal_title::before {
    margin-right: 5%;
    transform: rotate(-35deg);
}
.appeal_title {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.4;
}
.appeal_title::after {
    margin-left: 5%;
    transform: rotate(35deg);
}
.appeal_title::before, .appeal_title::after {
    content: '';
    width: 3px;
    height: 60px;
    background: #e0e1e3;
}

.f26 {
    font-size: 1.5em;
}
.mb_2 {
    margin-bottom: 2% !important;
}
.mb_2 img {
		width: 100%;
		height: auto;
}
.relate_item {
    border-bottom: 1px solid #848484;
    padding-bottom: 3%;
    margin-bottom: 3%;
    display: flex;
}
.relate_thm {
    width: 15%;
    margin-right: 2%;
}
.relate_thm_bg {
    width: 100%;
    padding-top: 100%;
    position: relative;
}
.relate_thm_bg img {
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.relate_contents {
    flex: 1;
}
.bg_gray {
    background: #f8f8f8;
		color: #333;
}
.link_list_01 .link_list_item {
    padding: 0 2% 2% 2%;
    margin-bottom: 4%;
    border-left: 6px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 1.3em;
    line-height: 1.3;
}
.link_list_item a {
    display: block;
    color: inherit;
    text-decoration: none;
}


.menu_list {
    margin-bottom: 3%;
}
.menu_item {
    overflow: hidden;
    padding: 4% 0;
    border-bottom: 1px solid #dddddd;
}
.menu_thm {
    float: left;
    width: 28%;
    margin-right: 2%;
}
.thm_cat {
    border-top: 3px solid #d667d6;
    color: #d667d6;
    text-align: center;
    font-size: 0.6em;
    font-weight: bold;
}
.thm_cat_uranai_seimei {
    color: #b25900;
    border-color: #b25900;
}

.thm_img_num {
    position: relative;
}
.thm_img_num img {
    border-style: none;
    vertical-align: top;
    max-width: 100%;
    height: auto;
}
.menu_contents {
    float: left;
    width: 70%;
}
.menu_title {
    font-weight: bold;
    line-height: 1.3;
    padding-bottom: 3%;
}
.menu_cat {
    font-size: 0.8em;
    color: #2b6b9f;
    line-height: 1.4;
}
.menu_item a {
    text-decoration: none;
    color: inherit;
}
.more{
	display: block;
	text-align: right;
	text-decoration: underline;
	margin-top: 5%;
}

/* △△△daily_detailページ用_サテライトサイト用に追記△△△ */

/* ▽▽▽コラム一覧のスタイル（ＰＣ版）▽▽▽ */

.ow_column_list {
	width: 930px;
	margin: 0 auto;
}

.ow_column_list_title {
	margin-bottom: 20px;
}

.ow_column_list_title h1 {
	font-size: 24px;
	color: #8B4513;
	margin: 0;
	padding: 15px;
	background: linear-gradient(to bottom, #f8f4e6, #f0e68c);
	border: 2px solid #daa520;
	border-radius: 8px;
}

.ow_column_list_count {
	text-align: center;
	margin-bottom: 30px;
	color: #666;
	font-size: 14px;
}

.ow_column_articles {
	margin-bottom: 40px;
}

.ow_column_article_item {
	margin-bottom: 30px;
	padding: 20px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.ow_column_article_title {
	margin-bottom: 10px;
}

.ow_column_article_title h2 {
	margin: 0;
	font-size: 18px;
	line-height: 1.4;
}

.ow_column_article_title a {
	color: #8B4513;
	text-decoration: none;
}

.ow_column_article_title a:hover {
	color: #654321;
	text-decoration: underline;
}

.ow_column_article_meta {
	margin-bottom: 15px;
	color: #666;
	font-size: 12px;
}

.ow_column_article_summary {
	margin-bottom: 15px;
	color: #333;
	line-height: 1.6;
	font-size: 14px;
}

.ow_column_article_keywords {
	margin-bottom: 15px;
	font-size: 12px;
	color: #888;
}

.ow_column_keywords_label {
	font-weight: bold;
}

.ow_column_keywords_list {
	background: #f0f0f0;
	padding: 2px 6px;
	border-radius: 4px;
}

.ow_column_article_link {
	text-align: right;
}

.ow_column_read_more {
	display: inline-block;
	padding: 8px 16px;
	background: #8B4513;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
	font-weight: bold;
	font-size: 12px;
}

.ow_column_read_more:hover {
	background: #654321;
}

.ow_column_pagination {
	text-align: center;
	margin: 40px 0;
}

.ow_column_pagination a,
.ow_column_pagination span {
	display: inline-block;
	padding: 8px 12px;
	margin: 0 4px;
	text-decoration: none;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
}

.ow_column_pagination_link {
	color: #8B4513;
	background: #fff;
}

.ow_column_pagination_link:hover {
	background: #f0f0f0;
}

.ow_column_pagination_current {
	background: #8B4513;
	color: #fff;
	border-color: #8B4513;
}

.ow_column_pagination_prev,
.ow_column_pagination_next {
	color: #8B4513;
	background: #fff;
	font-weight: bold;
}

.ow_column_pagination_prev:hover,
.ow_column_pagination_next:hover {
	background: #f0f0f0;
}

.ow_column_no_articles {
	text-align: center;
	padding: 40px;
	color: #666;
	font-size: 16px;
}

/* △△△コラム一覧のスタイル（ＰＣ版）△△△ */

/* ▽▽▽コラム詳細のスタイル（ＰＣ版）▽▽▽ */

.ow_column_detail {
	width: 930px;
	margin: 0 auto;
}

.ow_column_article {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	margin-bottom: 30px;
}

.ow_column_article_header {
	padding: 30px 20px 20px 20px;
	border-bottom: 2px solid #f0e68c;
}

.ow_column_article_title {
	margin-bottom: 20px;
}

.ow_column_article_title h1 {
	font-size: 24px;
	color: #8B4513;
	margin: 0;
	padding: 15px;
	background: linear-gradient(to bottom, #f8f4e6, #f0e68c);
	border: 2px solid #daa520;
	border-radius: 8px;
}

.ow_column_article_meta {
	margin-bottom: 20px;
	text-align: center;
	color: #666;
	font-size: 14px;
}

.ow_column_keywords {
	margin-top: 10px;
}

.ow_column_keywords_label {
	font-weight: bold;
	margin-right: 8px;
}

.ow_column_keywords_list {
	background: #f0f0f0;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
}

.ow_column_article_summary {
	background: #f9f9f9;
	padding: 20px;
	border-radius: 8px;
	border-left: 4px solid #8B4513;
	font-size: 16px;
	line-height: 1.6;
	color: #555;
	text-align: center;
}

.ow_column_article_content {
	padding: 30px;
	line-height: 1.8;
	color: #333;
	font-size: 15px;
}

.ow_column_article_content h1 {
	font-size: 22px;
	margin: 40px 0 20px 0;
	color: #8B4513;
	border-bottom: 2px solid #daa520;
	padding-bottom: 10px;
}

.ow_column_article_content h2 {
	font-size: 20px;
	margin: 35px 0 15px 0;
	color: #8B4513;
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px;
}

.ow_column_article_content h3 {
	font-size: 18px;
	margin: 30px 0 10px 0;
	color: #654321;
}

.ow_column_article_content p {
	margin-bottom: 20px;
	line-height: 1.8;
}

.ow_column_navigation {
	margin-bottom: 40px;
	text-align: center;
}

.ow_column_back_link {
	display: inline-block;
	padding: 12px 24px;
	background: #8B4513;
	color: #fff;
	text-decoration: none;
	border-radius: 6px;
	font-weight: bold;
	font-size: 14px;
}

.ow_column_back_link:hover {
	background: #654321;
}

.ow_column_related {
	margin-bottom: 40px;
}

.ow_column_related_title {
	margin-bottom: 20px;
}

.ow_column_related_title h2 {
	font-size: 20px;
	color: #8B4513;
	margin: 0;
	padding: 12px;
	background: linear-gradient(to bottom, #f8f4e6, #f0e68c);
	border: 2px solid #daa520;
	border-radius: 6px;
}

.ow_column_related_articles {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.ow_column_related_item {
	flex: 1;
	min-width: 280px;
	padding: 15px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.ow_column_related_item h3 {
	margin: 0 0 8px 0;
	font-size: 16px;
	line-height: 1.3;
}

.ow_column_related_item h3 a {
	color: #8B4513;
	text-decoration: none;
}

.ow_column_related_item h3 a:hover {
	color: #654321;
	text-decoration: underline;
}

.ow_column_related_meta {
	margin-bottom: 8px;
	color: #666;
	font-size: 12px;
}

.ow_column_related_summary {
	color: #555;
	font-size: 13px;
	line-height: 1.5;
}

@media (max-width: 768px) {
	.ow_column_related_articles {
		flex-direction: column;
	}

	.ow_column_related_item {
		min-width: auto;
	}

	.ow_column_article_title h1 {
		font-size: 20px;
	}

	.ow_column_article_content {
		padding: 20px 15px;
		font-size: 14px;
	}
}

/* △△△コラム詳細のスタイル（ＰＣ版）△△△ */

/* Utitlity
----------------------------------------------------------------- */

.ow_serif{
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.ow_yumin{
	font-family: "游明朝", "YuMincho", serif;
}

/* position */
.ow_tac{
	text-align: center;
}
.ow_vab{
	vertical-align: bottom;
}
.ow_vat{
	vertical-align: top;
}

/* color */
.ow_yellow{
	color: #ff0;
}
.ow_blue{
	color: #00FFFF;
}
.ow_red{
	color: #ff0000;
}
.ow_red_2{
	color: #b20000;
}

.c-rakutenFooter{
	background: #fff;
}
.ow_send_confirm{
	text-align: center;
}