@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;
}
ul,li{
	list-style-type:none;
}


/* Base
   ----------------------------------------------------------------- */
html {
	font-size: 16px;
}
body {
	color: #fff;
	min-width: 960px;
	line-height: 1.3;
	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;
	/* max-width: 100%; */
}
input {
	vertical-align: middle;
	padding: 10px;
	font-size: 1.5em;
}
select {
	vertical-align: middle;
	padding: 10px;
	border: 1px solid #888;
	font-size: 1.5em;
}

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

/* body */
.ow_body{
	background: #000;
}
.ow_body_bg_01{
	background: url(../../img/pc/common/body_bg_01.jpg) top center repeat-y;
}
.ow_body_bg_02{
	background: url(../../img/pc/common/body_bg_02.jpg) top center no-repeat;
}



/* header */
.ow_header{
	position: relative;
	width: 960px;
	height: 632px;
	margin: 0 auto;
	overflow: hidden;
}
.ow_header_item{
	position: absolute;
	display: none;
}
.ow_header_teller{
	bottom: 0;
	right: 136px;
	animation: slideUp 1s ease-out forwards;
}
.ow_header_obi{
	top: 0;
	left: 0;
	animation: slideIn_left 0.5s ease-out forwards;
}

.ow_header_item.ow_header_obi {}
.ow_header_obi_2{
	top: 0;
	right: 20px;
	animation: slideIn_left 0.5s ease-out forwards;
}

.ow_header_catch{
	top: 20px;
	left: 30px;
	animation: slideIn_left 0.5s ease-out forwards;
}
.ow_header_title{
	top: 280px;
	right: 330px;
	animation: sizeScale-fadeIn 0.4s ease-out forwards;
}
.ow_header_title_2 {
	top: 446px;
	right: 60px;
	animation: vertical 2s linear infinite;
}
.ow_header_name{
	top: 130px;
	right: 36px;
	z-index: 10;
	animation: rolling_in 1.3s ease-out forwards;
}
.ow_header_text_1{
	top: 142px;
	right: 352px;
	animation: slideIn_left 1s ease-out forwards;
}

/* ヘッダー用ボタン */
.ow_header_btn{
	/* display: none; */
	top: 500px;
	left: 0;
	animation: vibe_1 1.6s linear infinite;
}
.ow_header_btn_link{
	background: url(../../img/pc/top/header_btn.png) 0 top no-repeat;
	width: 430px;
	height: 128px;
	display: block;
}
.ow_header_btn_link:hover{
	background-position: 0 bottom;
}

/* nav */
.ow_nav{
	position: relative;
	background: url(../../img/pc/nav/nav_bg.jpg) top center no-repeat;
	padding: 16px 0 22px 0;
}
.ow_nav .ow_nav_inner{
	width: 864px;
	margin: auto;
	overflow: hidden;
}
.ow_nav .ow_nav_item{
	float: left;
	margin-left: 4px;
}
.ow_nav .ow_nav_item:first-of-type{
	margin-left: 0;
}
.ow_nav .ow_nav_link{
	display: block;
	width: 285px;
	height: 62px;
}
.ow_nav .ow_nav_link:hover{
	background-position: 0 bottom;
}
.ow_nav .ow_nav_link_1{
	background: url(../../img/pc/nav/nav_item_1.png) 0 0 no-repeat;
}
.ow_nav .ow_nav_link_2{
	background: url(../../img/pc/nav/nav_item_2.png) 0 0 no-repeat;
}
.ow_nav .ow_nav_link_3{
	background: url(../../img/pc/nav/nav_item_3.png) 0 0 no-repeat;
}
.ow_nav .ow_nav_link img{
	display: none;
}

/* main */
.ow_main{
	overflow: hidden;
	width: 882px;
	margin: 0px auto;
}

/* footer */
.ow_footer{
	text-align: center;
	color: #fff;
	padding: 3% 0;
	width: 836px;
	margin: 0 auto;
	background: #000;
}
/*
.ow_footer{
	text-align: center;
	color: #fff;
	padding: 3% 0;
	width: 93%;
	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%;
}
/* ▽▽▽footerパーツ_サテライトサイト用に追記▽▽▽ */
.footer_link{
	text-align: center;
	margin-top: 3%;
}
.footer_link_head {
	margin-bottom: 1%;
}
/* △△△footerパーツ_サテライトサイト用に追記△△△ */

/* ISP */
.niftyHeader{
	background: #000;
	position: relative;
}
.niftyHeader table {
	width: 900px;
	margin: 0 auto;
	background: #000;
}
/* 規約 */
.ow_rule{
	text-align: center;
	color: #fff;
	padding: 30px 0px;
	background: none;
}
/* アニメーション
----------------------------------------------------------------- */
@keyframes sizeScale-fadeIn{
	0%{
    transform: scale(5,5);
	}
  100% {
    transform: scale(1,1);
  }
}
@keyframes sizeScale-fadeIn-2{
	0%{
    transform: scale(5,5);
	}
  100% {
    transform: scale(1,1);
  }
}
@keyframes sizeScale-fadeIn-3{
	0%{
		transform: scale(1,1);
	}
	40%{
		transform:rotate(-6deg);
	}
	50%{
		transform: rotate(6deg);
	}
	60%{
		transform:scale(1.3,1.3) rotate(-6deg);
	}
	70%{
		transform:rotate(6deg);
	}
	80%{
		transform:rotate(-6deg);
	}
	90%{
		transform:rotate(6deg);
	}
  100%{
		transform: scale(1,1) rotate(0deg);
	}
}
@keyframes sizeScale-fadeIn-4{
	0%{
    transform: scale(5,5) translateX(80px);
	}
	70%{
		transform: rotate(10deg);
	}
	80%{
		transform: rotate(-10deg);
	}
	90%{
		transform: rotate(10deg);
	}
  100% {
    transform: scale(1,1) translateX(0px);
  }
}
@keyframes sizeScale-fadeIn-5{
	0%{
		transform: scale(0,0)rotate(0deg);
	}
	30%{
    transform: scale(0,0)rotate(0deg);
	}
  100% {
    transform: scale(1,1) rotate(1080deg);
  }
}
@keyframes vertical{
	0% { transform:translateY(0px); }
	50% { transform:translateY(5px); }
	100% { transform:translateY(0px); }
}
@keyframes vertical_2{
	0% { transform:translateY(0px) rotate(0);}
	5% { transform:translateY(6px) rotate(18deg);}
	10% { transform:translateY(0px) rotate(36deg);}
	15% { transform:translateY(6px) rotate(54deg);}
	20% { transform:translateY(0px) rotate(72deg);}
	25% { transform:translateY(6px) rotate(90deg);}
	30% { transform:translateY(0px) rotate(108deg);}
	35% { transform:translateY(6px) rotate(126deg);}
	40% { transform:translateY(0px) rotate(144deg);}
	45% { transform:translateY(6px) rotate(162deg);}
	50% { transform:translateY(0px) rotate(180deg);}
	55% { transform:translateY(6px) rotate(198deg);}
	60% { transform:translateY(0px) rotate(216deg);}
	65% { transform:translateY(6px) rotate(234deg);}
	70% { transform:translateY(0px) rotate(252deg);}
	70% { transform:translateY(6px) rotate(270deg);}
	80% { transform:translateY(0px) rotate(288deg);}
	80% { transform:translateY(6px) rotate(306deg);}
	90% { transform:translateY(0px) rotate(324deg);}
	95% { transform:translateY(6px) rotate(342deg);}
	100% { transform:translateY(0px) rotate(360deg);}
}
@keyframes horizontal{
	0% { transform:translateX(0px); }
	50% { transform:translateX(10px); }
	100% { transform:translateX(0px); }
}
@keyframes scaleVibe1 {
	0%{
		transform: scale(1,1);
	}
	50%{
		transform: scale(1.2,1.2);
	}
	60%{
		transform:rotate(-6deg);
	}
	70%{
		transform:rotate(6deg);
	}
	80%{
		transform:rotate(-6deg);
	}
	90%{
		transform:rotate(6deg);
	}
	100%{
		transform: scale(1,1) rotate(0deg);
	}
}
@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(50px); }
	100% { transform:translatey(0px); }
}
@keyframes slideUp_2{
	0% { transform:translatey(80px); }
	100% { transform:translatey(0px); }
}
@keyframes slideIn-2{
	0% { transform:translate(-150px,40px); }
	100% { transform:translate(0px,0px); }
}
@keyframes slideIn-3{
	0% { transform:translateX(80px); }
	100% { transform:translateX(0px); }
}
@keyframes slideIn_left{
	0% { transform:translateX(-80px); }
	100% { transform:translateX(0px); }
}
@keyframes slideIn_right{
	0% { transform:translateX(80px); }
	100% { transform:translateX(0px); }
}
@keyframes bound{
	0% {transform: translateY(0px);}
	100% {transform: translateY(-4px);}
}
@keyframes handAnime {
  0% {
   transform: rotate(0deg) translateY(-50%) rotate(0deg);
  }
	100% {
    transform: rotate(360deg) translateY(-50%) rotate(-360deg);
  }
}
@keyframes round_1 {
  0% {
   transform: rotate(0deg) translateY(-50%) translateX(-100%) rotate(0deg);
  }
	100% {
    transform: rotate(360deg) translateY(-50%) translateX(-100%) rotate(-360deg);
  }
}
@keyframes flashing{
	100% {
		opacity: 0.6;
	}
}
@keyframes flashing_2 {
	0% {
		transform: translatey(0px) ;
		opacity: 0.6;
	}
	50% {
		transform: translatey(8px) ;
		opacity: 1;
	}
	100% {
		transform: translatey(0px) ;
		opacity: 0.6;
	}
}

@keyframes flashing_3{
	100% {
		opacity: 0.1;
	}
}


@keyframes loop_1{
	0% {
		transform: translatey(0px) ;
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	25% {
		transform: translatey(-374px);
		opacity: 1;
	}
	50% {
		transform: translatey(-746px);
		opacity: 1;
	}
	75% {
		transform: translatey(-1118px);
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	100% {
		transform: translatey(-1490px);
		opacity: 0;
	}
}
@keyframes loop_2{
	0% {
		transform: translatey(0px) ;
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	25% {
		transform: translatey(374px);
		opacity: 1;
	}
	50% {
		transform: translatey(746px);
		opacity: 1;
	}
	75% {
		transform: translatey(1118px);
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	100% {
		transform: translatey(1490px);
		opacity: 0;
	}
}

@keyframes vibration {
  0% {transform: scale(1)}
  18.75% {transform: scale(1.2)}
  25% {transform:translate(4px, 4px) scale(1.2)  rotateY(20deg)}
  31.25% {transform:translate(2px, 5px) scale(1.2)  rotateY(-20deg)}
  37.50% {transform:translate(3px, 0px) scale(1.2)  rotateY(14deg)}
  43.75% {transform:translate(-1px, 0px) scale(1.2)  rotateY(-14deg)}
  50% {transform:translate(6px, 2px) scale(1.2)  rotateY(7deg)}
  56.25% {transform:translate(3px, -2px) scale(1.2)  rotateY(-7deg)}
  62.50% {transform:translate(3px, -1px) scale(1.2)  rotateY(3deg)}
  68.75% {transform:translate(6px, 0px) scale(1.2)  rotateY(-3deg)}
  71.88% {transform:translate(-1px, -3px) scale(1.2)}
  90.63% {transform: scale(1)}
  100% {transform: scale(1)}
}

@keyframes diagonal {
  0% {transform: translate(100px, -50px) scale(1.08);}
  100% {transform: translate(0) scale(1);}
}

@keyframes rolling_in{
	0%{
		transform: scale(0,0)rotate(0deg);
	}
	30%{
    transform: scale(0,0)rotate(0deg);
	}
  100% {
    transform: scale(1,1) rotate(1080deg);
  }
}

/* 米占い */
@keyframes ow_kome_hand_1{
  0% {
   transform:translate(0,0);
  }
	5% {
	 transform:translate(0,5%);
	}
	10% {
	 transform:translate(0,0);
	}
	40% {
    transform: translate(-47%, 61%);
  }
	60% {
		transform: translate(-47%, 61%);
	}
	100% {
		transform:translate(0,0);
	}
}
@keyframes ow_kome_hand_2{
	0% {
   transform:translate(0,0);
  }
	5% {
	 transform:translate(0,5%);
	}
	10% {
	 transform:translate(0,0);
	}
	40% {
    transform: translate(3%, 61%);
  }
	60% {
		transform: translate(3%, 61%);
	}
	100% {
		transform:translate(0,0);
	}
}
@keyframes ow_kome_hand_3{
	0% {
   transform:translate(0,0);
  }
	5% {
	 transform:translate(0,5%);
	}
	10% {
	 transform:translate(0,0);
	}
	40% {
    transform: translate(54%, 61%);
  }
	60% {
		transform: translate(54%, 61%);
	}
	100% {
		transform:translate(0,0);
	}
}

@keyframes ow_rec_intro_btn_1_action{
	0%{
		transform: translateY(0%) scale(1);
	}
	100%{
		transform: translateY(-80%) scale(1.05);
	}
}

@keyframes ow_rec_intro_btn_2_action{
	0%{
		transform: translateY(0%) scale(1);
	}
	100%{
		transform: translateY(-180%) scale(1.05);
	}
}
@keyframes ow_rec_intro_btn_3_action{
	0%{
		transform: translateY(0%) scale(1);
	}
	100%{
		transform: translateY(-280%) scale(1.05);
	}
}









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

/* Component
----------------------------------------------------------------- */

/* common_menu */

/* menu */
.ow_menu{}
.ow_menu_head{
	display: table;
	width: 100%;
	table-layout: fixed;
}
.ow_menu_icon{
	display: table-cell;
	vertical-align: top;
	width: 17%;
	position: relative;
}
.ow_menu_icon img{
	max-width: 100%;
}
.ow_menu_title{
	display: table-cell;
	padding-left: 2%;
	vertical-align: top;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.875em;
	font-weight: bold;
	color: #330000;
}
.ow_menu_link{
	text-decoration: underline;
}
.ow_menu_link:hover{
	text-decoration: none;
}
.ow_menu_tail{
	margin-top: 0%;
	text-align:right;
}
.ow_menu_caption{
	font-size: 1.125em;
	color: #000;
}

/* color */
.ow_yellow{
	color: #ff0;
}
.ow_red{
	color: #CC0000;
}
/* animationfが入ります */

/* price(金額について)
   ----------------------------------------------------------------- */
.ow_menu_price{
	text-align: right;
	font-size: 1.125em;
	font-weight: bold;
	color: #333;
}
.ow_menu_price_size_large{
	font-size: 1.625em;
}
.ow_menu_date {
	color: #660000;
}
/* for nifty */
.ow_default_price{}
.ow_premium_price{
	padding-right: 20px;
	color: #cc0000;
}

 .ow_nif{
	display: none;
}
.ow_price_line{
	text-decoration: line-through;
}


/* btn */
/*
画像のボタン用
SPと切り替える際にまとめて指定できるように
 */
.ow_btn{
	margin: 0 auto;
}
.ow_btn_link{
	display: block;
}
.ow_btn_link:hover{
	background-position: 0 bottom;
}
.ow_btn_link img{
	display: none;
}

/* table */
.ow_table{
	display: table;
	width: 100%;
}
.ow_table_fixed{
	display: table;
	width: 100%;
	table-layout: fixed;
}
.ow_table_cell{
	display: table-cell;
	vertical-align: top;
}
.ow_table_cell_size__small{
	width: 20%;
}


/* other */
.ow_caution{
	font-weight: bold;
	color: #f00;
	font-size: 1.2em;
}
.c-rakutenFooter{
	background: #fff;
}
.ow_price_wrap{
	text-align: right;
}



/* Component
----------------------------------------------------------------- */

/* ▽▽▽トップページここから▽▽▽ */


/* headline */
.ow_headline{
	text-align: center;
	padding: 12px 0;
}
.ow_headline_link{
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.7;
}
.ow_headline_link a{
	text-decoration: none;
	border-bottom: 1px solid #fff;
}
.ow_headline_link a:hover{
	border-bottom: none;
}
.ow_headline_link_2{
	color: #9cf148;
	border-color: #9cf148;
}
.ow_headline_link_2 a{
	border-color: #9cf148;
}
.ow_headline_link_3{
	color: #ff00ff;
}
.ow_headline_link_3 a{
	border-color: #ff00ff;
}
.ow_headline_link_4{
	color: #4cffa5;
}
.ow_headline_link_4 a{
	border-color: #4cffa5;
}
.ow_headline_2{
	width: 580px;
	margin: 0 auto;
}
.ow_headline_2 .ow_headline_link{
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding-bottom: 30px;
	text-align: left;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.7;
}
.ow_headline_link_item{
	background: url(../../img/pc/top/sub_menu_list_item_dot.png) 0 4px no-repeat;
	padding-left: 45px;
}

/* new_intro */
.ow_new_intro {
	position: relative;
	overflow: hidden;
}
.ow_new_intro_item{
	position: absolute;
	display: none;
}
.ow_new_intro_rousoku_1 {
	top: 208px;
	left: 30px;
}
.ow_new_intro_rousoku_2 {
	top: 44px;
	right: 280px;
}
.ow_new_intro_rousoku_3 {
	top: 208px;
	right:0;
}
.ow_new_intro_title_2 {
	top: 50px;
	right: 30px;
	animation: slideUp_2 1.3s ease-out forwards;
}
.ow_new_intro_title_3 {
	bottom: 0;
	right: 0;
	left: 0;
	animation: sizeScale-fadeIn 0.4s ease-out forwards;
}
.ow_new_intro_text_1 {
	top: 236px;
	right: 172px;
	animation: slideIn_right 1s ease-out forwards;
}
.ow_new_intro_text_2 {
	top: 286px;
	right: 370px;
	animation: slideIn_left 1s ease-out forwards;
}
.ow_new_intro_text_3 {
	top: 350px;
	right: 220px;
	animation: slideIn_right 1s ease-out forwards;
}
.ow_new_intro_title_1{
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	animation: slideIn_left 1s ease-out forwards;
}
.ow_new_intro_item_1 {
	top: 430px;
	left: -10px;
}
.ow_new_intro_item_2 {
	top: 470px;
	right: 116px;
}
.ow_new_intro_item_3 {
	top: 451px;
	right: -20px;
}
.ow_new_intro_item_4 {
	top: 520px;
	left: 194px;
}
.ow_new_intro_item_5 {
	top: 570px;
	right: 60px;
}
/* ow_new */
.ow_new{
    padding: 0 0 30px 0;
}
.ow_new .ow_menu{
	background: url(../../img/pc/top/underline.jpg) bottom center no-repeat;
	padding: 20px 0 30px 0;
}
.ow_new .ow_menu:first-child{
	padding-top: 0;
}
.ow_new .ow_menu:last-child{
	background: none;
	padding-bottom: 0;
}
.ow_new_top_wrap{
	position: relative;
}
.ow_new_top_title{
	display: none;
	position: absolute;
	top: -14px;
	left: 0;
	right: 0;
	margin: auto;
	animation: slideUp 1s ease-out forwards;
}
.ow_new_mid{
	background: url(../../img/pc/top/new_mid.jpg) top center repeat-y;
	padding: 0 80px
}
.ow_new_date {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: right;
	color: #660000;
	padding-bottom: 5px;
	font-weight: bold;
}

/* コラム start */
/* コラム一覧のスタイル */
.ow_column_list {
	margin: 20px 0;
}

.ow_column_list_title {
	margin-bottom: 20px;
}

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

.ow_column_articles {
	margin-bottom: 40px;
}

.ow_column_article_item {
	margin-bottom: 20px;
	padding: 15px;
	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: 8px;
}

.ow_column_article_title h3 {
	margin: 0;
	font-size: 16px;
	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: 12px;
	color: #666;
	font-size: 11px;
}

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

.ow_column_article_keywords {
	margin-bottom: 12px;
	font-size: 11px;
	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: 6px 12px;
	background: #8B4513;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
	font-weight: bold;
	font-size: 11px;
}

.ow_column_read_more:hover {
	background: #654321;
}

.ow_column_more_link_wrapper {
	margin: 30px 0;
}

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

.ow_column_more_link_btn:hover {
	background: #654321;
}
/* コラム end */

/* ow_menu_guide */
.ow_menu_guide {
	font-size: 1.125em;
	padding: 5px 0;
}
/* ow_rec_intro */
.ow_rec_intro {
	position: relative;
	text-align: center;
}
.ow_rec_intro_item {
	position: absolute;
	display: none;
}
.ow_rec_intro_title_1 {
	top:0;
	left: 0;
	right: 0;
	text-align: center;
	animation: sizeScale-fadeIn 0.4s ease-out forwards;
}
.ow_rec_intro_title_2 {
	top: 214px;
	right: 30px;
	animation: slideIn_right 1s ease-out forwards;
}
.ow_rec_intro_teller {
	top: 222px;
	left: 0;
}
.ow_rec_intro_hand {
	top: 320px;
	right: 0;
	display: none;
}
.ow_rec_intro_kome {
	top: 770px;
	left: 0;
	right: 0;
	text-align: center;
}
.ow_rec_intro_text_1 {
	top: 1030px;
	left: 0;right: 0;
	text-align: center;
	animation: bound 0.4s ease infinite alternate;
}
.ow_rec_intro_btn_1 {
	top: 1084px;
	left: 0;
	right: 0;
	text-align: center;
}
.ow_rec_intro_btn_1_action{
	animation: ow_rec_intro_btn_1_action 1s linear forwards;
}

.ow_rec_intro_btn_2 {
	top: 1202px;
	left: 0;
	right: 0;
	text-align: center;
}
.ow_rec_intro_btn_2_action{
	animation: ow_rec_intro_btn_2_action 1s linear forwards;
}

.ow_rec_intro_btn_3 {
	top: 1320px;
	left: 0;
	right: 0;
	text-align: center;
}
.ow_rec_intro_btn_3_action{
	animation: ow_rec_intro_btn_3_action 1s linear forwards;
}

.ow_rec_intro_btn_cancel{
	pointer-events: none;
}

.ow_rec_intro_item_1 {
	top: 1116px;
	left: 90px;
	animation: bound 0.4s ease infinite alternate;
	cursor: pointer;
}
.ow_rec_intro_item_2 {
	top: 1116px;
	right: 0;
	left: 0;
	text-align: center;
	animation: bound 0.4s ease infinite alternate;
	cursor: pointer;
}
.ow_rec_intro_item_3 {
	top: 1116px;
	right: 90px;
	animation: bound 0.4s ease infinite alternate;
	cursor: pointer;
}
.ow_rec_intro_text_2 {
	top: 1260px;
	left: 0;
	right: 0;
	text-align: center;
	animation: sizeScale-fadeIn 0.4s ease-out forwards;
}
.ow_rec_intro_text_3 {
	top: 474px;
	right: 76px;
}
.ow_rec_intro_text_warp{
	top: 460px;
	right: 46px;
}

.ow_rec_intro_sara_1 {
	top: 960px;
	left: 60px;
}
.ow_rec_intro_sara_2 {
	top: 960px;
	left: 0;
	right: 0;
}
.ow_rec_intro_sara_3 {
	top: 960px;
	right: 60px;
}
.ow_rec_intro_kome_1 {
	top: 1040px;
	left: 146px;
}
.ow_rec_intro_kome_2 {
	top: 1040px;
	left: 0;
	right: 0;
	text-align: center;
}
.ow_rec_intro_kome_3 {
	top: 1040px;
	right: 146px;
}
.ow_rec_intro_link {
	width: 810px;
	height: 102px;
	display: block;
	margin: 16px auto 0;
}
.ow_rec_intro_link_1 {
	background: url(../../img/pc/top/rec_menu_1.png) 0 top no-repeat;
}
.ow_rec_intro_link_2 {
	background: url(../../img/pc/top/rec_menu_2.png) 0 top no-repeat;
}
.ow_rec_intro_link_3 {
	background: url(../../img/pc/top/rec_menu_3.png) 0 top no-repeat;
}
.ow_header_btn_link {
	background: url(../../img/pc/top/header_btn.png) 0 top no-repeat;
	width: 430px;
	height: 128px;
	display: block;
}
.ow_rec_intro_link:hover{
	background-position: 0 bottom;
}

.ow_rec_intro_count {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 2.75em;
	font-weight: bold;
	color: #000;
	text-shadow:      #fff 2px 0px 4px, #fff -2px 0px 4px,
    #fff 0px -2px 4px, #fff -2px 0px 4px,
    #fff 2px 2px 4px, #fff -2px 2px 4px,
    #fff 2px -2px 4px, #fff -2px -2px 4px,
    #fff 1px 2px 4px, #fff -1px 2px 4px,
    #fff 1px -2px 4px, #fff -1px -2px 4px,
    #fff 2px 1px 4px, #fff -2px 1px 4px,
    #fff 2px -1px 4px, #fff -2px -1px 4px,
    #fff 1px 1px 4px, #fff -1px 1px 4px,
    #fff 1px -1px 4px, #fff -1px -1px 4px;
	width: 100px;
	/* margin: 0 auto; */
	text-align: center;
}
.ow_rec_intro_count_1 {
	top: 1150px;
	left: 134px;
}
.ow_rec_intro_count_2 {
	top: 1150px;
	left: 390px;
}
.ow_rec_intro_count_3 {
	top: 1150px;
	right: 134px;
}
.ow_rec_intro_btn {
	top: 1330px;
	left: 0;
	right: 0;
	text-align: center;
	width: 810px;
	height: 102px;
	margin: 16px auto 0;
	animation: bound 0.4s ease infinite alternate;
}
.ow_rec_link {
	width: 490px;
	height: 100px;
	display: block;
	margin: 0 auto;
}
.ow_rec_link:hover{
	background-position: 0 bottom;
}
.ow_rec_btn {
	background: url(../../img/pc/top/rec_btn.png) 0 top no-repeat;
}

.ow_kome_hand_1{
	animation:ow_kome_hand_1 3s ease-out forwards;
}
.ow_kome_hand_2{
	animation:ow_kome_hand_2 3s ease-out forwards;
}
.ow_kome_hand_3{
	animation:ow_kome_hand_3 3s ease-out forwards;
}


/* ow_rec */
.ow_rec{
	padding: 0 0 20px 0;
}
.ow_rec .ow_menu{
	background: url(../../img/pc/top/underline.jpg) bottom center no-repeat;
	padding: 20px 0 30px 0;
}
.ow_rec .ow_menu:first-child {
	padding-top: 0;
}
.ow_rec .ow_menu:last-child{
	background: none;
	padding-bottom: 0;
}
.ow_rec_top_wrap{
	position: relative;
}
.ow_rec_top_title{
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	margin: auto;
	animation: slideUp 1s ease-out forwards;
}
.ow_rec_mid{
	background: url(../../img/pc/top/rec_mid.jpg) top center repeat-y;
	padding: 0 90px;
}

/* ow_special */
.ow_special{
}
.ow_special_top_wrap{
	position: relative;
}
.ow_special_top_title{
	display: none;
	position: absolute;
	top: 36px;
	left: 0;
	right: 0;
	margin: auto;
	animation: slideUp 1s ease-out forwards;
}
.ow_special_mid{
	background: url(../../img/pc/top/special_mid.jpg) top center repeat-y;
	padding: 0;
}
/* ow_special_intro */
.ow_special_intro {
	position: relative;
}
.ow_special_intro_item {
	position: absolute;
	display: none;
}
.ow_special_intro_bg {
	opacity: 0;
}
/* ow_special_intro_1 */
.ow_special_intro_1 {
	text-align: center;
}
.ow_special_intro_1 .ow_special_intro_title {
	top: 210px;
	left: 0;
	right: 0;
	animation: slideUp 1s ease-out forwards;
}
.ow_special_intro_1 .ow_special_intro_taylor {
	top: 18px;
	left: 0;
	right: 0;
}
.ow_special_intro_1 .ow_special_intro_balloon_1 {
	top: 80px;
	left: 60px;
}
.ow_special_intro_1 .ow_special_intro_balloon_2 {
	top: 80px;
	right: 60px;
}
.ow_special_intro_1 .ow_special_intro_text_1 {
	top: 34px;
	left: 60px;
	animation: slideUp 1s ease-out forwards;
}
.ow_special_intro_1 .ow_special_intro_text_2 {
	top: 34px;
	right: 60px;
	animation: slideUp 1s ease-out forwards;
}
/* ow_special_intro_2 */
.ow_special_intro_2 {
	text-align: center;
}
.ow_special_intro_2 .ow_special_intro_title {
	top: 210px;
	left: 0;
	right: 0;
	animation: slideUp 1s ease-out forwards;
}
.ow_special_intro_2 .ow_special_intro_taylor {
	top: 18px;
	left: 0;
	right: 0;
}
.ow_special_intro_2 .ow_special_intro_balloon_1 {
	top: 80px;
	left: 60px;
}
.ow_special_intro_2 .ow_special_intro_balloon_2 {
	top: 80px;
	right: 60px;
}
.ow_special_intro_2 .ow_special_intro_text_1 {
	top: 34px;
	left: 60px;
	animation: slideUp 1s ease-out forwards;
}
.ow_special_intro_2 .ow_special_intro_text_2 {
	top: 34px;
	right: 60px;
	animation: slideUp 1s ease-out forwards;
}
/* ow_special_intro_3 */
.ow_special_intro_3 .ow_special_intro_title {
	top: 12px;
	left: 0;
	right: 0;
	text-align: center;
	animation: slideUp 1s ease-out forwards;
}
.ow_special_menu_jinsei .ow_menu {
	padding: 0 0 20px 0;
}
.ow_special_menu_jinsei .ow_menu:last-child {
	padding: 0 0 0 0;
}
.ow_special_menu_title {
	padding: 0 0 16px 0;
}

/* special内の項目 */
.ow_special .ow_menu{}
.ow_special .ow_menu:last-child{
	padding-bottom: 0;
}
.ow_special .ow_menu_mid{
	background: url(../../img/pc/top/special_menu_koumoku_mid.jpg) top center repeat-y;
	padding: 0 85px;
}
.ow_special .ow_menu_head .ow_menu_mid{
	background: url(../../img/pc/top/special_menu_koumoku_mid_1.jpg) top center repeat-y;
}
.ow_special_menu_jinsei .ow_menu_mid {
	padding: 0 50px;
}
.ow_special .ow_menu_tail{
	padding-bottom: 15px;
}

/* ow_free_intro */
.ow_free_intro{
	position: relative;
}
.ow_free_intro_item {
	position: absolute;
	display: none;
}
.ow_free_intro_bg {
	opacity: 0;
}
.ow_free_intro_title_1 {
	top: 140px;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
 	animation: slideUp_2 1s ease-out forwards;
}
.ow_free_intro_title_2 {
	top: 240px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	animation: slideUp_2 1s ease-out forwards;
}

/* ow_free */
.ow_free{
	padding-bottom: 50px;
}
.ow_free_title,
.ow_free_btn {
	opacity: 0;
}
.ow_free_btn{
	position: relative;
	padding-bottom: 20px;
	animation: vibe_1 1.6s linear infinite;
}
.ow_free_btn:last-of-type{
	padding-bottom: 0;
}
.ow_free_btn_link{
	display: block;
	width: 692px;
	height: 351px;
	margin: 0 auto;
}
.ow_free_btn_link_1{
	background: url(../../img/pc/top/btn_free_1.png) 0 top no-repeat;
}
.ow_free_btn_link_2{
	background: url(../../img/pc/top/btn_free_2.png) 0 top no-repeat;
}
.ow_free_btn_link:hover{
	background-position: 0 bottom;
}


/* category_nav */
.ow_category_nav{
	width: 656px;
	margin: 0 auto 25px auto;
}
.ow_category_nav_inner{
	background: url(../../img/pc/top/category_frame.jpg) top center no-repeat;
	text-align: center;
	padding: 14px 0;
	font-size: 0;
}
.ow_category_item{
	display: inline-block;
	padding: 0 1px;
}
.ow_category_link_1{
	background: url(../../img/pc/top/renai_btn.png) top center no-repeat;
}
.ow_category_link_2{
	background: url(../../img/pc/top/deai_btn.png) top center no-repeat;
}
.ow_category_link_3{
	background: url(../../img/pc/top/jinsei_btn.png) top center no-repeat;
}
.ow_category_link{
	width: 202px;
	height: 70px;
	display: block;
}
.ow_category_link:hover{
	background-position: 0 bottom;
}


/* category */
.ow_category{
	padding-bottom: 30px;
}

/* 共通項目 */
.ow_category_top_wrap{
	position: relative;
}
.ow_category_title{
	display: none;
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	margin: auto;
	animation: slideUp_2 1s ease-out forwards;
}
.ow_category_mid{
	overflow: hidden;
	padding: 0 26px;
}
.ow_category_menu_small{
	float:left;
	width: 408px;
	margin-top: 14px;
}
.ow_category_menu_small_mid{
	padding: 0 30px;
}
.ow_category_menu_small:nth-child(2n){
	margin-left: 14px;
}
.ow_category_menu_small .ow_menu_tail{
	font-size: 0.875em;
}
.ow_category_menu_small .ow_menu_icon{
	width: 28%;
}
.ow_category_menu_small .ow_menu_title {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	padding-left: 3%;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.5;
}
.ow_category_menu_small .ow_menu_caption{
	padding: 16px 0;
	line-height: 1.4;
}
.ow_category_menu_small .ow_menu_price{
	padding-right: 0;
}
.ow_dummy{
	animation: flashing 1.3s linear infinite alternate;
}
.ow_category_mid{
	background: url(../../img/pc/top/category_mid.jpg) top center repeat-y;
}
.ow_category_menu_small_mid{
	background: url(../../img/pc/top/category_menu_small_mid.jpg) top center repeat-y;
}
/* カテゴリ別スタイル */
/* renai */
.ow_category_renai{}
.ow_category_renai .ow_category_mid{
	/* background: url(../../img/pc/top/category_renai_mid.jpg) top center repeat-y; */
}
.ow_category_renai .ow_category_menu_small_mid{
	/* background: url(../../img/pc/top/category_menu_small_mid_renai.jpg) top center repeat-y; */
}
/* deai */
.ow_category_deai{}
.ow_category_deai .ow_category_mid{
	/* background: url(../../img/pc/top/category_deai_mid.jpg) top center repeat-y; */
}
.ow_category_deai .ow_category_menu_small_mid{
	/* background: url(../../img/pc/top/category_menu_small_mid_deai.jpg) top center repeat-y; */
}
/* jinsei */
.ow_category_jinsei{}
.ow_category_jinsei .ow_category_mid{
	/* background: url(../../img/pc/top/category_jinsei_mid.jpg) top center repeat-y; */
}
.ow_category_jinsei .ow_category_menu_small_mid{
	/* background: url(../../img/pc/top/category_menu_small_mid_jinsei.jpg) top center repeat-y; */
}
/* △△△トップページここまで△△△ */
.stylie {
  animation-name: stylie-transform-keyframes;
  animation-duration: 7000ms;
  animation-delay: 0ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: 0 0;
}


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

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

/* position */
.ow_tac{
	text-align: center;
}
.ow_vab{
	vertical-align: bottom;
}
.ow_vat{
	vertical-align: top;
}
.ow_abs {
	position: absolute;
}
.ow_nif{
	/* display: none; */
}