@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: #000;
	min-width: 1090px;
	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;
}

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

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

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

/* header
   ----------------------------------------------------------------- */
/* ▼PC版header高さの調整用▼ */
.ow_header img{
	width: 1090px;
	height: 310px;
	margin: 0 auto;
}

/* ▼header 下に入る２つの無料ボタン▼ */
.ow_headline_btn{
	display: none;
}

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

.ow_nav{
	padding: 18px 0;
}
/* ▼nav背景が必要な場合ここに指定▼  */
.ow_nav .ow_nav_inner{
	width: 702px;
	margin: 0 auto;
	overflow: hidden;
}
.ow_nav .ow_nav_item{
	float: left;
}
/* ▼navボタンのロールオーバー（1個分幅と高さを指定）▼ */
.ow_nav .ow_nav_link{
	display: block;
	width: 230px;
	height: 69px;
}
.ow_nav .ow_nav_link:hover{
	background-position: 0 bottom;
}
.ow_nav .ow_nav_link_01{
	background: url(img/nav/nav_item_01.png) 0 0 no-repeat;
}
.ow_nav .ow_nav_link_02{
	background: url(img/nav/nav_item_02.png) 0 0 no-repeat;
}
.ow_nav .ow_nav_link_03{
	background: url(img/nav/nav_item_03.png) 0 0 no-repeat;
}
/* ▼3個以上の場合は以下を使用▼ */
/*
.ow_nav .ow_nav_link_04{
	background: url(img/nav/nav_item_04.png) 0 0 no-repeat;
}
*/
.ow_nav .ow_nav_link img{
	display: none;
}

/* main
   ----------------------------------------------------------------- */
/* ▼全ページ統一のcontents幅をここに指定▼ */
.ow_main{
	width: 1090px;
	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%;
	color: #fff;
}
.footer_subInfo img{
	width: auto;
	max-width: 100%;
}
.footer_link{
	margin-top: 3%;
}
.footer_link_head{
	margin-bottom: 1%;
}

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

/* ==========================================================================
   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: 18%;
	position: relative;
}
.ow_menu_icon img{
	max-width: 100%;
}
.ow_menu_title{
	display: table-cell;
	vertical-align: middle;
	padding-left: 3%;
	font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	/* メイリオの場合は下記を使用
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	 */
	/* 明朝体の場合は下記を使用
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	 */
	font-size: 2.125em;
	font-weight: bold;
	color: #000;
}


/* ▼ow_menu_tail(値段表記等)▼  */
.ow_menu_tail{
	margin-top: 2%;
	text-align:right;
	font-weight: bold;
}
.ow_menu_caption{
	font-size: 1.125em;
	display: none;
}
.ow_rec .ow_menu:last-child .ow_menu_caption{
	display: block;
}


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

/* for nifty */
.ow_default_price{ }
.ow_premium_price{
	color:#ff0000;
}
.ow_nif{
	display: none;
}
.ow_price_line{
	text-decoration: line-through;
}
/* 金額を横並びにするCSS */
.ow_menu_price_wrap { }
/* .ow_menu_price_wrap .ow_menu_price {
	display: inline-block;
	padding-left: 10px;
} */


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

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





/* headline */
.ow_headline{
	text-align: center;
	padding-bottom: 10px;
	position: relative;
	z-index: 11;
}
.ow_headline_link{
	color: #ffff00;
	line-height:1.8;
}
.ow_headline_link:last-of-type {
	margin: 0;
}
.ow_headline_link a{
	text-decoration:underline;
}
.ow_headline_link a:hover{
	text-decoration:none;
}
.ow_menu_guide{
	color: #fff;
	margin: 10px 0;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
}


/* new */
.ow_new{
	margin-top: -58px;
}
.ow_new_head{ }
.ow_new_top{
	margin-top: -80px;
}
.ow_new_mid{
	background: url(img/top/new_mid.png) top center repeat-y;
	padding: 0 170px;
}
.ow_new .ow_menu_title {
	text-align: left;
	padding-left: 0.4em;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
}
.ow_new .ow_menu{ }
.ow_new .ow_menu:not(:last-child){
	/* border-bottom: 1px dashed #333; */
	background: url(img/top/underline.png) bottom center no-repeat;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.ow_new .ow_menu_icon{ }
.ow_new .ow_menu_caption{
	font-size: 1em;
	padding-top: 10px;
}

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

.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 */

/* rec */
.ow_rec{
	color: #000;
	margin-top: -30px;
}
.ow_rec_head img{
	margin: 0 auto;
}
.ow_rec_mid{
 background: url(img/top/rec_mid.png) top center repeat-y;
 padding:0 142px;
}
.ow_rec .ow_menu:not(:last-child){
	background: url(img/top/menu_under_border.png) bottom center no-repeat;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.ow_rec .ow_menu_icon img{
	width: 86%;
}
.ow_rec .ow_menu_title{
	padding-left: 0;
}
.ow_rec .ow_menu_title:last-of-type{
	border-bottom: none;
}
.ow_rec .ow_menu_link_01{
	color: #014827;
}
.ow_rec .ow_menu_link_02{
	color: #610180;
}
.ow_rec .ow_menu_link_03{
	color: #800164;
}
.ow_rec .ow_menu_link_04{
	color: #752d02;
}
.ow_rec .ow_menu_caption{
	padding-top: 10px;
}
.ow_rec .ow_menu_tail{
	font-weight: bold;
}
.ow_btn_rec_01{
	margin-top: 10px;
	display: none;
}
.ow_rec .ow_menu:last-child .ow_btn_rec_01{
	display: block;
}
.ow_rec_link{
	display: block;
	width: 699px;
	height: 181px;
	margin: 0 auto;
}
.ow_rec_link img{
	display: none;
}
.ow_rec_link_01{
	background: url(img/top/btn_rec_01.png) 0 top no-repeat;
}
.ow_rec_link:hover{
	background-position: 0 bottom;
}

/* review */
.ow_review{
	width: 1002px;
	margin: 0 auto;
}
.ow_revier_head {}
.ow_review .ow_headline{
	padding-bottom:15px;
}
.ow_review .ow_headline_link{
	color:#ff66ff !important;
}
.ow_review .ow_headline_link a{
	border-bottom:2px solid #ff66ff;
	text-decoration:none;
}
.ow_review .ow_headline_link a:hover{
	border-bottom:none;
}
.ow_voice_menu .ow_menu{
	margin-right: 40px;
	background: url(img/top/review_list_mark.png) right center no-repeat;
}
.ow_voice_menu_01 .ow_menu_link{
	color: #ffff00
}
.ow_voice_menu_02 .ow_menu_link{
	color: #660000
}
.ow_voice_menu_03 .ow_menu_link{
	color: #3B086B
}
.ow_voice_menu .ow_menu_title{
	font-size: 1.875em;
	padding: 0 34px;
}

.ow_voice_menu .ow_menu_link:hover{
	border-bottom:none;
}
.ow_voice_menu_box01{
	float: left;
	width: 50%;
}
.ow_voice_menu_box01_top{}
.ow_voice_menu_box01_mid{
	background: url(img/top/voice_menu_box01_mid.png) bottom center repeat-y;
}
.ow_voice_menu_box01_btm{}

.ow_voice_menu_box02_top{}
.ow_voice_menu_box02_mid{
	background: url(img/top/voice_menu_box02_mid.png) bottom center repeat-y;
}
.ow_voice_menu_box02_btm{}

.ow_voice_menu_box03_top{}
.ow_voice_menu_box03_mid{
	background: url(img/top/voice_menu_box03_mid.png) bottom center repeat-y;
}
.ow_voice_menu_box03_btm{}

.ow_review .ow_headline_link a{
	text-decoration: none;
}
.ow_review .ow_headline_link a.ow_headline_link_01,.ow_review .ow_headline_link a.ow_headline_link_03{
	color:#339900;
	border-bottom:2px solid #339900;
}
.ow_review .ow_headline_link a.ow_headline_link_02{
	color:#003300;
	border-bottom:2px solid #003300;
}
.ow_review .ow_headline_link a.ow_headline_link_04{
	color:#006699;
	border-bottom:2px solid #006699;
}

.ow_review .ow_headline_link a.ow_headline_link_05,.ow_review .ow_headline_link a.ow_headline_link_07{
	color:#cc0000;
	border-bottom:2px solid #cc0000;
}
.ow_review .ow_headline_link a.ow_headline_link_06,.ow_review .ow_headline_link a.ow_headline_link_08{
	color:#660000;
	border-bottom:2px solid #660000;
}
.ow_review .ow_headline_link a.ow_headline_link_09,.ow_review .ow_headline_link a.ow_headline_link_10{
	color:#530267;
	border-bottom:2px solid #530267;
}
.ow_review .ow_headline_link a:hover{
	border: none;
}
.ow_review_mid{}

.ow_review_box_top{}
.ow_review_box_mid{
	width: 1002px;
	margin: 0 auto;
}
.ow_review_box_btm
.ow_review_inr_mid{
	color:#000;
}
.ow_voice_menu{
	overflow: hidden;
	padding: 0 45px;
}
.ow_voice_menu .ow_headline{
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.ow_voice_menu .ow_menu_icon {
	width: 10%;
}



/* special */
.ow_special{
	margin: 0 auto;
	color: #000;
}

.ow_special_mid{
	background:url(img/top/special_mid.png) top center repeat-y;
	padding: 0 120px;
}
.ow_special_menu01 a{
	color: #014827;
}
.ow_special_menu02 a{
	color: #800164;
}
.ow_special_mid .ow_menu_title{
	padding-left: 1%;
}
.ow_special_btm{
	width: 884px;
	margin: 0 auto 10px;
}
.ow_special .ow_menu{
	padding: 0 26px;
}
.ow_special .ow_menu_mid {
	padding: 20px 6px;
}
.ow_special .ow_menu_caption{
	font-weight: bold;
	padding-top:20px;
}
.ow_special_thm_01{}
.ow_special_thm_02{
	background: url(img/top/special_thm_02.png) top center no-repeat;
	padding: 170px 0 0 24px;
}
.ow_special_link{
	display: block;
	width: 595px;
	height: 181px;
}
.ow_special_link img{
	display: none;
}
.ow_special_link_01{
	background: url(img/top/btn_special.png) 0 top no-repeat;
}
.ow_special_link:hover{
	background-position: 0 bottom;
}


/* free */
.ow_free{
	margin: 30px auto;
}
.ow_free_top{}
.ow_free_mid{
	background: url(img/top/free_mid.png) top center repeat-y;
	overflow: hidden;
	padding: 0 140px;
}
.ow_btn_free{
	float: left;
}
.ow_free_btm{}

.ow_free_link{
	display: block;
	width: 404px;
	height: 286px;
}
.ow_free_link img{
	display: none;
}
.ow_free_link_01{
	background: url(img/top/btn_free_01.png) 0 top no-repeat;
}
.ow_free_link_02{
	background: url(img/top/btn_free_02.png) 0 top no-repeat;
}
.ow_free_link:hover{
	background-position: 0 bottom;
}








/* category */
.ow_category{}

.ow_category_menu_large,.ow_category_menu_small{
	color:#fff;
	width: 836px;
	margin: 0 auto;
}
.ow_category_menu_large_mid{
	background:url(img/top/category_menu_large_mid.png) top center repeat-y;
	padding:0 40px;
}
.ow_category_menu_large .ow_menu_icon{
	width: 16%;
}
.ow_category_menu_large .ow_menu_title{
	font-size: 1.75em;
	padding-left: 2%;
	color: #fff000;
}
.ow_category_menu_large .ow_menu_caption{
	margin: 15px 0;
}

.ow_category_menu_small{
	overflow: hidden;
}
.ow_category_menu_small .ow_menu{
	float:left;
	width: 416px;
	margin-top: 10px;
}
.ow_category_menu_small .ow_menu:nth-of-type(even){
	margin-left: 4px;
}

.ow_category_menu_small_mid{
	background: url(img/top/category_menu_small_mid.png) top center repeat-y;
	padding:0 27px;
}
.ow_category_menu_small .ow_menu_icon{
	width: 27%;
}
.ow_category_menu_small .ow_menu_title {
	/*font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
	font-size: 1.375em;
	padding-left: 4%;
	color: #fff000;
}
.ow_category_menu_small .ow_menu_link{
	 text-decoration: underline;
}
.ow_category_menu_small .ow_menu_link:hover{
	 text-decoration: none;
}
.ow_category_menu_small .ow_menu_caption {
	padding:15px 0;
}


/* category_btn */
.ow_category_nav{
	width: 922px;
	margin: 0 auto 20px;
	overflow: hidden;
}
.ow_category_item{
	float:left;
	padding-left: 4px;
}
.ow_category_link{
	width: 302px;
	height: 105px;
	display: block;
}
.ow_category_link_01{

	background: url(img/top/renai_btn.png) top center no-repeat;
}
.ow_category_link_02{
	background: url(img/top/deai_btn.png) top center no-repeat;
}
.ow_category_link_03{
	background: url(img/top/jinsei_btn.png) top center no-repeat;
}

.ow_category_link_01:hover{
	background: url(img/top/renai_btn.png) bottom center no-repeat;
}
.ow_category_link_02:hover{
	background: url(img/top/deai_btn.png) bottom center no-repeat;
}
.ow_category_link_03:hover{
	background: url(img/top/jinsei_btn.png) bottom center no-repeat;
}

/* renai */
.ow_renai{ }
.ow_renai_top{ }
.ow_renai_mid{
	background: url(img/top/renai_mid.png) top center repeat-y;
}
.ow_renai_btm{ }

/* deai */
.ow_deai{ }
.ow_deai_top{ }
.ow_deai_mid{
	background: url(img/top/renai_mid.png) top center repeat-y;
}
.ow_deai_btm{ }

/* jinsei */
.ow_jinsei{ }
.ow_jinsei_top{ }
.ow_jinsei_mid{
	background: url(img/top/renai_mid.png) top center repeat-y;
}
.ow_jinsei_btm{ }

/* rule */
.ow_rule{
	text-align: center;
	color: #fff;
	padding: 60px 0px;
	background-color: #000;
	width: 874px;
	border: 1px #ac8137 solid;
	margin: 60px auto;
}

/* △△△トップページここまで△△△ */



/* 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;
}

/* color */
.ow_yellow{
	color: #ff0;
}
.ow_blue{
	color: #00FFFF;
}
.ow_pink{
	color: #FF66FF;
}
.ow_red{
	color: #CC0000;
}
.ow_skyblue{
	color: #00eaff;
}

.ow_nif{
	/* display: none; */
}

/* PC表示用 */
.ow_pc_block{
	display: block !important;
}
.ow_pc_inline{
	display: inline !important;
}

/* SP表示用 */
.ow_sp_block{
	display: none !important;
}
.ow_sp_inline{
	display: none !important;
}