@charset "utf-8";
/* CSS Document */

/* リセット
=================================================================================
=================================================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
	}
html{ overflow-y: scroll; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
input, textarea{ margin: 0; padding: 0; }
ol, ul{ list-style:none; }
table{ border-collapse: collapse; border-spacing:0; }
caption, th{ text-align: left; }
a:focus { outline:none; }
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
.both{ clear:both; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/ }
.inline_block { display: inline-block; *display: inline; *zoom: 1; }


/* 初期設定
=================================================================================
=================================================================================*/
body { background: url(/includes/img/common/main_bg.jpg) repeat; font-size: 14px; font-family: Verdana, "新ゴ L", "メイリオ", Meiryo, sans-serif; }
a { color: #362521; text-decoration: underline; }
a:hover { text-decoration: none; }
a:hover img { opacity: 0.8; }
a:hover img.ro { opacity: 1; }
a.pink { color: #F2729D; }
a:visited.pink { color: #F2729D; }


/* 共通テンプレ・パーツなど
=================================================================================
=================================================================================*/
/* #header　ヘッダー領域
=============================================================*/
/* ヘッダー白大枠
-----------------------------*/
div.header_inner { width: 100%; padding:0; margin:0 auto; background: #ffffff; overflow:hidden; }
div.header_inner h1 { width: 100%; display: block; padding: 3px 0 3px 8px; background: #ececec; }
div.header_inner h1 span { width: 1064px; display: block; margin:0 auto; font-size: 85%; }
div.header_main_menu { width: 1064px; height: 95px; margin:0 auto; overflow: hidden;  }
div.header_main_menu .logo { float: left; margin: 8px 0 0; }
div.header_main_menu .logo img { vertical-align: bottom; }
div.header_main_menu ul.global_menu { display: block; margin: 16px 0 0; float: right; }
div.header_main_menu ul.global_menu li { float: left; }
div.header_main_menu ul.global_menu li.myclip { margin: 11px 25px 0 0; }
div.header_main_menu ul.global_menu li.logout { margin: 11px 48px 0 0; }
div.header_main_menu ul.global_menu li.search { margin: 11px 25px 0 0; }
div.header_main_menu ul.global_menu li.modal { margin: 0 5px 0 0; }
div.header_main_menu ul.global_menu li.register { margin: 11px 25px 0 0; }

/* カテゴリーメニュー
-----------------------------*/
nav.header_category_menu { width: 100%; height: 62px; display: block; background: url(/includes/img/common/menu_cate.png) repeat-x; }
nav.header_category_menu ul { width: 984px; height: 56px; margin: 0 auto; overflow: hidden; background: url(/includes/img/common/cmenu_on.png) no-repeat 0 13px; }
nav.header_category_menu ul li { float: left; padding: 13px 10px 0 0; }
nav.header_category_menu ul li a:hover { opacity: 0; }
nav.header_category_menu ul li.selected { opacity: 0; }

/* #main メイン領域
=========================================================================
=========================================================================*/
/* パンくず
-----------------------------*/
ul.breadcrumb { display: block; width: 1064px; height: 23px; margin: 0 0 20px; overflow: hidden; }
ul.breadcrumb li { float: left; font-size: 115%; line-height: 1.6;}
/* メインカラム
-----------------------------*/
.main_inner { width: 1064px; margin: 28px auto 15px; overflow: hidden; }
.main_inner .section { width: 730px; float: left; }
/* サイドカラム
-----------------------------*/
.main_inner .aside { width: 300px; float: right; }
/* ログインエリア
-----------------------------*/
.login_area {
	margin: 0 0 20px;
	padding: 20px 16px;
	background: #f4e4de;
	border:solid 4px #ffffff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	}
.login_area .btn_login a,.login_area .btn_regist a{
	display: block;
	width: 250px;
	margin: 0 auto;
	padding: 10px 0 6px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	color: #ffffff;
	font-weight: 500;
	text-decoration: none;
	}
.login_area .btn_login a{ background: #78554c; border:solid 5px #78554c; box-shadow: 0 2px #48332e; font-size: 135%; }
.login_area .btn_regist a{ margin: 12px 0; background: #e26977; border:solid 5px #e26977; box-shadow: 0 2px #883f47; font-size: 115%; }
.login_area .btn_login a:hover,.login_area .btn_regist a:hover { opacity: 0.8; }
.login_area .note { line-height: 200%;  font-size: 95%; }
/* サイドカラム広告
-----------------------------*/
.aside_ad_large div { margin: 0 0 16px; }
.aside_ad_small p { margin: 0 0 30px; }
.aside_ad_pr div { margin: 0 0 20px; }
.aside_ad_pr .pr_title{
	display: block;
	width: 100%;
	margin: 0 0 16px;
	padding: 2px 0;
	background: #e9ccc1;
	text-align: center;
	color: #ffffff;
	font-size: 110%;
	font-weight: 500;
	line-height: 140%;
	}
/* サイドカラム番組情報
-----------------------------*/	
.program { width: 300px; height: 482px; margin: 0 0 25px; position: relative; background: url("/includes/img/common/program_bg.png") no-repeat 0 0; }
.program .kosodate { width: 100%; position: absolute; top: 35px; left: 0; }
.program span { color: #333333; font-weight: bold; }
.program .kosodate p { font-size: 90%; }
.program .kosodate img { padding: 0 0 13px 90px; text-align: center; }
.program .mainichi { width: 100%; position: absolute; top: 232px; left: 0; }
.program .mainichi img { padding: 40px 0 13px 90px; text-align: center; }
.program_banner { margin: 0 0 25px; }
.program_banner img { margin: 5px 0; }
.program_banner p{ margin: 15px 0 5px; }
.program p a { color: #f4739d; font-size: 100%; }
.program p.external { padding: 0 23px 0 0; background: url("/includes/img/common/external_arrow.png") right center no-repeat; text-align: right;  font-size: 100%; }
.program p.external a{ color: #362521; }
/* サイドカラム人気の記事・関連Q＆A
-----------------------------*/	
.side_cassette_wrapper { width: 300px; margin: 0 0 30px; overflow: hidden; }
.side_cassette_wrapper h2 {
	display: block;
	padding: 4px 0 1px;
	border:solid 5px #362521;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #362521;
	text-align: center;
	color: #ffffff;
	font-size: 135%;
	}
.side_cassette_wrapper h3 { font-size: 90%; }
.side_cassette { width: 280px; border-bottom: 1px solid #c7c7c7;padding: 15px 10px 10px; position: relative; float: left; overflow: hidden; }
.side_cassette img { width: 100px; }
.side_cassette .article_title { display: block; width: 160px; float: right; }
.side_cassette .article_title span.icon{
	margin: 0 5px 0 0;
	padding: 1px 5px;
	border:solid 1px #ef4028;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #ef4028;
	text-align: center;
	color: #ffffff;
	font-size: 70%;
	line-height: 0;
	}
.side_cassette .article_title a { text-decoration: none; }
.side_cassette .article_title a:hover { text-decoration: underline; }
.side_cassette .rank {
	position: absolute; top: 15px; left: 10px;
	display: block;
	width: 20px;
	padding: 5px 0;
	background: #ffd855;
	text-align: center;
	color: #000000;
	font-size: 100%;
	line-height: 70%;
	}
/* サイドカラムJASRAC
-----------------------------*/
.jasrac { text-align:center;font-size:60%; }

/* メイン下部広告
-----------------------------*/
.main_inner .ad { width: 730px; float: left; margin-top: 50px;}
.main_inner .ad .ad_left { padding: 0 0 0 50px; float: left; }
.main_inner .ad .ad_right { padding: 0 50px 0 0; float: right; }
.main_inner .ad .pr_title{
	display: block;
	clear: both;
	width: 100%;
	margin: 0 0 30px;
	padding: 2px 0;
	background: #e9ccc1;
	text-align: center;
	color: #ffffff;
	font-weight: 500;
	line-height: 140%;
	}
	
/* #footer　フッター領域
=========================================================================
=========================================================================*/
.footer_inner { width: 1064px; margin: 0 auto; padding: 75px 0 40px; overflow: hidden; background: url("/includes/img/common/footer_border.png") top no-repeat; }
.footer_inner { font-size: 115%; line-height: 120%; }
.footer_inner a { color: #555555; text-decoration: none; }
.footer_inner .footer_menu { padding: 0 0 0 30px; overflow: hidden; float: left; }
.footer_inner .footer_menu ul { float: left; }
.footer_inner .footer_menu ul li { width: 200px; padding: 4px 0 5px 23px; background: url("/includes/img/common/footer_arrow.png") left 8px no-repeat; }
.footer_inner .footer_menu ul li a { text-decoration: none; }
.footer_inner .footer_menu ul li a:hover { text-decoration: underline; }
.footer_inner .keyword { width: 525px; float: right; }
.footer_inner .keyword th{ width: 525px; padding: 3px 0 5px; line-height: 140%; font-weight: bold; }
.footer_inner .keyword td{ width: 135px; padding: 3px 10px 3px 30px; }
.footer_inner .keyword td a { text-decoration: none; }
.footer_inner .keyword td a:hover { text-decoration: underline; }
.other_menu { width: 100%; padding: 20px 0 0; background: #ffffff; font-size: 90%; }
.other_menu ul { width: 545px; margin: 0 auto; overflow: hidden; }
.other_menu ul li { float: left; }
.other_menu ul li a { color: #555555; text-decoration: none; }
.other_menu ul li a:hover { text-decoration: underline; }
.other_menu address { width: 560px; margin: 0px auto; padding: 5px 0 30px; text-align: center; color: #999999; font-size: 95%; }

/* モーダルメニュー
=========================================================================
=========================================================================*/
.remodal ul{ display: block; width: 738px; margin: 0 auto 8px; overflow: hidden; }
.remodal ul li{ display: block; width: 368px; height: 45px; margin: 0px 1px 1px 0; position: relative; float: left; }
.remodal ul li a{
	display: block;
	width: 348px;
	margin: 0;
	padding: 10px;
	float: left;
	background: #77554c;
	text-align: left;
	font-size: 16px;
	text-decoration: none; color: #ffffff;
	}
.remodal ul li span{
	display: block;
	position: absolute; top: 11px; right: 12px;
	font-size: 16px;
	text-decoration: none; color: #ffffff;
	}
.remodal-confirm { font-size: 22px; display:inline-block; width: 244px; margin: 25px 0 0; padding: 4px 0; cursor: pointer; text-align: center; text-decoration: none; border: 2px solid #78554c; }

/* ユーティリティ
=========================================================================
=========================================================================*/
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }

.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }

.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }

.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }
.mr80 { margin-right: 80px !important; }

.display_block {display:block;}

/* ページ間で共有共有するパーツ
=========================================================================*/
/* カテゴリータイトル
-----------------------------------------------*/
h1.category_title {
	display: block;
	width: 665px;
	height: 49px;
	padding: 13px 0 0 60px;
	background: url(/includes/img/common/category_title_bg.png) no-repeat;
	font-size: 170%;
}
h1.category_title span{ font-size: 70%; }
/* カテゴリータイトル下リード
-----------------------------------------------*/
h2.lead {  width: 100%; margin: 25px 0 20px; font-size: 140%; font-weight: 600;  }
p.lead { width: 100%; margin: 25px 0 20px; font-size: 115%; text-align: center;}
p.lead_left { width: 100%; margin: 25px 0 20px; font-size: 115%; text-align: left;}
.main_goods_top .lead { width: 100%; margin: 25px 0 20px; font-size: 140%; font-weight: 600; text-align: left; }
.main_member_profile_complete .lead,.main_member_profile_children_complete .lead,.main_member_registration_sendmail_complete .lead,.main_member_registration_complete .lead,.main_member_recovery_auth_complete .lead,.main_member_resign_complete .lead,.main_contact_custom_complete .lead,.main_member_profile_add_sendmail_complete .lead,.main_member_profile_add_sendmail .lead { width: 100%; margin: 0 0 20px; font-size: 140%; font-weight: 600; text-align: left; }
.main_member_registration_complete p.lead_left,.main_member_recovery_complete .lead_left,.main_contact_complete .lead_left,.main_contact_ad_complete .lead_left,.main_member_agree_complete p.lead_left { margin: 0 0 20px; }
/* タグ一覧
-----------------------------------------------*/
ul.tag { padding: 0 15px 15px; overflow: hidden; }
ul.tag li {
	display: block;
	float: left;
	padding: 2px 5px;
	margin: 0 2px 2px 0;
	background: #78554c;
	border:solid 5px #78554c;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
ul.tag li a { text-align: center; color: #ffffff; text-decoration: none; }
ul.tag li a:hover { text-decoration: underline; }
/* 件数表示と並べ替え
-----------------------------------------------*/
.search_result { overflow: hidden; margin: 0 0 30px; }
.main_article_archive .search_result { margin-top: 48px; }
.search_result .number { padding: 5px 0 0; float: left; }
.search_result .sortbox{ margin: 0 0 0 10px; float: left; }
select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    text-indent: .01px; /*Firefox用*/
    text-overflow: ""; /*Firefox用*/
    height: 30px;
    font-size: 100%;
    padding: 5px 10px;
    border: 1px solid #B3B3B3;
    background: #ffffff url(/includes/img/common/select_arrow.png) no-repeat right;
}
select:-ms-expand { display: none; }
.search_result .sortbox select {
    padding: 5px 40px 5px 10px !important;
}
/* フォームパーツ：ページ間共有
=========================================================================*/
/* formエリア枠
-----------------------------------------------*/
.form_edit,.form_confirm,.form_complete,.mw_wp_form_complete { margin: 30px 0 0; overflow: hidden; padding: 30px; background-color: #FFFFFF; }
/* h2見出し
-----------------------------------------------*/
.form_edit h2,.form_confirm h2 {
	display: block;
	margin: 0 0 10px;
	padding: 4px 10px 1px;
	border:solid 5px #362521;
	background: #362521;
	text-align: center;
	color: #ffffff;
	font-size: 115%;
}
/* formパーツ（ページ間共有）
-----------------------------------------------*/
input[type="general01"] {
	height: 20px;
	width: 180px;
	font-size: 100%;
	padding: 5px 10px;
	border: 1px solid #B3B3B3;
	text-indent: .01px;
	text-overflow: "";
}
input[type="general02"] {
	height: 20px;
	width: 400px;
	font-size: 100%;
	padding: 5px 10px;
	border: 1px solid #B3B3B3;
	text-indent: .01px;
	text-overflow: "";
}
select.general_select { width: 280px; }
input[type="email"],[type="password"] {
	height: 20px;
	width: 180px;
	font-size: 100%;
	padding: 5px 10px;
	border: 1px solid #B3B3B3;
	text-indent: .01px;
	text-overflow: "";
}
input[type="tel"],
.form_tel input {
	height: 20px;
	width: 60px;
	font-size: 100%;
	padding: 5px 10px;
	border: 1px solid #B3B3B3;
	text-indent: .01px;
	text-overflow: "";
}
input.name,
.form_name input { 
	height: 20px;
	width: 100px;
	font-size: 100%;
	padding: 5px 10px;
	border: 1px solid #B3B3B3;
	text-indent: .01px;
	text-overflow: "";
}
input.nickname { 
	height: 20px;
	width: 240px;
	font-size: 100%;
	padding: 5px 10px;
	border: 1px solid #B3B3B3;
	text-indent: .01px;
	text-overflow: "";
}
input.other_name,
.form_other_name input { 
	height: 20px;
	width: 400px;
	font-size: 100%;
	padding: 5px 10px;
	border: 1px solid #B3B3B3;
	text-indent: .01px;
	text-overflow: "";
}
input.children_name { 
	height: 20px;
	width: 200px;
	font-size: 100%;
	padding: 5px 10px;
	border: 1px solid #B3B3B3;
	text-indent: .01px;
	text-overflow: "";
}
input[type="email"],[type="password"],
.form_email input {
	height: 20px;
	width: 180px;
	font-size: 100%;
	padding: 5px 10px;
	border: 1px solid #B3B3B3;
	text-indent: .01px;
	text-overflow: "";
}
select.year,.manth,day { width: 80px; }
select.prefecture { width: 140px; }
select.job,
select.subject { width: 280px; }
input.file {
    background-color: #eee;
    border: 1px solid #cccccc;
    border-radius: 5px;
    display: inline-block;
    font-size: 100%;
    overflow: hidden;
    padding: 5px 10px;
    position: relative;
}
input.file:hover  { opacity: 0.8; }
input.file_name {
	border: none;
}
img.thumb {
	display: block;
    margin:0 5px 5px 0;
    width:180px;
}
/* テキストエリア
-----------------------------------------------*/
textarea.content_text,
.form_content_text textarea {
	width: 400px;
	height: 200px;
	font-size: 100%;
	padding: 5px 10px;
	border: 1px solid #B3B3B3;
	text-indent: .01px;
	text-overflow: "";
}
/* ラジオボタン・チェックボックスのカスタマイズ：追加
-----------------------------------------------*/
label {margin: 0 5px 0 5px; }
input[type=radio],
input[type=checkbox] { display: inline-block; }
input[type=radio] + label,
input[type=checkbox] + label { position: relative; display: inline-block; cursor: pointer;}
/* 以下CSS3対応の場合デザイン定義 */
@media (min-width: 1px) {
    input[type=radio],
    input[type=checkbox] {
        display: none;
        margin: 0;
    }
    input[type=radio] + label,
    input[type=checkbox] + label {
        padding: 0 0 0 24px;
        margin-bottom: 10px;
    }
    input[type=radio] + label:before,
    input[type=checkbox] + label:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;  
        background: #FFF;
    }
    input[type=radio] + label:before {
        border: 1px solid #ccc;
        border-radius: 30px;
    }
    input[type=checkbox] + label:before {
        border: 1px solid #ccc;
    }
    input[type=radio]:checked + label:after,
    input[type=checkbox]:checked + label:after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    /* radioチェックマーク */
    input[type=radio]:checked + label:after {
        left: 4px;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        background: #000000;
        border-radius: 8px;
    }
    /* checkboxチェックマーク */
    input[type=checkbox]:checked + label:after {
        left: 3px;  
        width: 16px;
        height: 8px;
        margin-top: -8px;
        border-left: 3px solid #000000;
        border-bottom: 3px solid #000000;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}
/* フォームの確認ページボタン
-----------------------------------------------*/
.form_confirm_button {
	text-align: center;
}
div.form_confirm_button_short
{
	width :420px;
    text-align: center;
	margin: 0 auto;  
}
input.submit_button,
.submit_button input {
	width: 280px;
	margin: 0 10px 0;
	padding: 12px 0 8px;
	border-style: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	font-size: 120%;
	color: #000000;
	font-weight: 500;
	background-color: #FDA417;
	 box-shadow: 0 2px #BE7B11;
	text-decoration: none;
	cursor: pointer;
}
input.color_login {
	color: #FFFFFF;
	background-color: #78554C;
	 box-shadow: 0 2px #48332E;
}
.main_member_resign_complete .form_confirm_button a.ned_resign_button {
	display: block;
	width: 280px;
	margin: 0 auto 0;
	padding: 12px 0 8px;
	border-style: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	font-size: 120%;
	color: #000000;
	font-weight: 500;
	background-color: #FDA417;
	 box-shadow: 0 2px #BE7B11;
	text-decoration: none;
	cursor: pointer;
}
.main_member_resign_complete .form_confirm_button a.ned_resign_button:hover { opacity: 0.8; }
input.submit_button.right {
    float: right;
}
a.back_button,
input.back_button,
.back_button input {
	width: 120px;
	margin: 0;
	padding: 12px 0 8px;
	border-style: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	font-size: 120%;
	color: #000000;
	font-weight: 500;
	background-color: #EEEEEE;
	 box-shadow: 0 2px #B3B3B3;
	text-decoration: none;
	cursor: pointer;
}
input.back_button.left 
{
    float: left;
}
a.back_button{
	font-size: 100%;
	display: inline-block;
}
input.submit_button:hover,input.back_button:hover,
.submit_button input:hover,.back_button input:hover { opacity: 0.8; }
/* 新規会員登録画面の送信ボタン
-----------------------------------------------*/
input.bw380 { width:380px;}
/* ログイン画面の新規登録ボタン
-----------------------------------------------*/
p.btn_member_registration a{
	display: block;
	width: 280px;
	margin: 30px auto 0 auto;
	padding: 12px 0 8px;
	border-style: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	font-size: 120%;
	color: #000000;
	font-weight: 500;
	background-color: #FDA417;
	 box-shadow: 0 2px #BE7B11;
	text-decoration: none;
	cursor: pointer;
}
/* 汎用的に使用する新規登録ボタン
-----------------------------------------------*/
p.btn_common_registration a{
	display: block;
	width: 280px;
	margin: 30px auto 0 auto;
	padding: 12px 0 8px;
	border-style: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	font-size: 120%;
	color: #ffffff;
	font-weight: 500;
	background-color: #e26977;
	 box-shadow: 0 2px #883f47;
	text-decoration: none;
	cursor: pointer;
}
/* 汎用的に使用するボタン
-----------------------------------------------*/
.btn_common_basic a {
	display: block;
	width: 280px;
	margin: 30px auto 0 auto;
	padding: 12px 0 8px;
	border-style: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	font-size: 120%;
	color: #ffffff;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
}
/* 汎用的に使用するボタンのカラースキン
-----------------------------------------------*/
.btn_bg_darkblue a {
	background: #3590B2;
	box-shadow: 0 2px #133340;
}
p.btn_common_registration a{
	display: block;
	width: 280px;
	margin: 30px auto 0 auto;
	padding: 12px 0 8px;
	border-style: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	font-size: 120%;
	color: #ffffff;
	font-weight: 500;
	background-color: #e26977;
	 box-shadow: 0 2px #883f47;
	text-decoration: none;
	cursor: pointer;
}
p.btn_member_registration a:hover { opacity: 0.8; }
/* 見出し直下のテキスト
-----------------------------------------------*/
.form_edit p.form_note { margin: 10px 0 30px; }
.form_edit p.form_note a  { color: #F2729D; }
/* 必須項目「※」色指定
-----------------------------------------------*/
.required { color: #FF0000; }
/* エラー
-----------------------------------------------*/
.form_error,
form .error { display: block; width: 60%; margin: 10px 0 0 0; padding: 5px 8px; font-size: 90%; color: #FFFFFF!important; background-color: #FF0000; }
/* 入力例テキスト
-----------------------------------------------*/
.form_example { margin: 10px 0 0 0; font-size: 95%; }
/* ログイン画面の中央寄せテキストリンク
-----------------------------------------------*/ 
p.form_text_link { margin: 30px; text-align: center; }
p.form_text_link a { color: #F2729D; }
/* フォーム画面の上部テキストのリスト表示
-----------------------------------------------*/ 
ul.form_note_list { margin: -20px 0 20px; padding: 0 20px 0; list-style: disc; }
ul.form_note_list li{ margin: 0 0 5px; }
/* フォーム画面のテキスト囲み枠表現
-----------------------------------------------*/
.form_subtext { padding: 15px;background: #f4e4de; }
.form_subtext span { font-weight: 600; }
/* 確認画面の強調文
-----------------------------------------------*/ 
p.large_text { margin-bottom: 30px; font-size: 120%; font-weight: 600; }
/* 画像サムネイル
-----------------------------------------------*/
img.from_thumbnail { width: 180px; margin: 0 5px 5px 5px; }
.main_contact_custom_edit img.from_thumbnail { display: block; margin: 0 5px 15px 5px; }
/* 区切り線
-----------------------------------------------*/
hr.form_hr { margin: 20px 0; height: 1px; border: none; border-top: 1px #CCCCCC solid; }
/* フォームの入力欄・確認表 -----------------------------------------------*/
table.form_confirm_table,table.form_confirm_table_noborder { width: 100%; margin-bottom: 50px; font-size: 90%; table-layout: fixed; }
table.form_confirm_table a { color: #F2729D; }
table.form_confirm_table th { width: 220px; padding: 15px 30px 15px 0; font-weight: 600; border-top: 1px solid #CCCCCC; vertical-align: top; } table.form_confirm_table td { padding: 15px 0; border-top: 1px solid #CCCCCC; vertical-align: top; }
table.form_confirm_table_noborder th { width: 220px; padding: 15px 30px 15px 0; font-weight: 600; vertical-align: top; }
table.form_confirm_table_noborder td { padding: 15px 0; vertical-align: top; }

/* カセット基本　ページレイアウトに合わせて適宜上書き
-----------------------------------------------*/
.cassette_wrapper {
	overflow: hidden;
}
.cassette_wrapper .cassette{
	width: 157px;
	height: 214px;
	margin: 0 0 40px 47px;
	padding: 9px 12px;
	overflow: hidden;
	float: left;
	position: relative;
	background: url(/includes/img/common/cassette_bg.png) no-repeat;
	font-size: 90%;
}
.cassette_wrapper .cassette img.post_image{
	margin: 0 0 8px;
}
.cassette_wrapper .cassette p.date{
	width: 85px;
	height: 20px;
	padding: 0 0 0 0;
	float: left;
	font-style: italic;
}
.cassette_wrapper .cassette p.icon {
	width: 66px;
	height: 20px;
	text-align: center;
	padding:1px 0 2px;
	float: right;
	color: #ffffff;
}
.cassette_wrapper .cassette h2.article_title { clear: both; padding: 8px 0 0; }
.cassette_wrapper .cassette h2.article_title a { text-decoration: none; }
.cassette_wrapper .cassette h2.article_title a:hover { text-decoration: underline; }
.cassette_wrapper .cassette p.clip_on a,
.main_mypage_item_wrapper .cassette p.clip_on a,
.main_mypage_clip_archive_wrapper .cassette p.clip_on a,
.search_wrapper .cassette p.clip_on a {
	width: 18px;
	height: 19px;
	position: absolute;
	bottom: 10px; right: 12px;
	background: url(/includes/img/common/cassette_clip.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.cassette_wrapper .cassette p.clip_off a,
.cassette_wrapper .cassette p.clip_confirm a,
.main_mypage_item_wrapper .cassette p.clip_off a,
.main_mypage_item_wrapper .cassette p.clip_confirm a,
.main_mypage_clip_archive_wrapper .cassette p.clip_off a,
.main_mypage_clip_archive_wrapper .cassette p.clip_confirm a,
.search_wrapper .cassette p.clip_off a,
.search_wrapper .cassette p.clip_confirm a {
	width: 18px;
	height: 19px;
	position: absolute;
	bottom: 10px; right: 12px;
	background: url(/includes/img/common/cassette_clip_off.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.cassette_wrapper .cassette p.clip_load a,
.main_mypage_item_wrapper .cassette p.clip_load a,
.main_mypage_clip_archive_wrapper .cassette p.clip_load a,
.search_wrapper .cassette p.clip_load a {
	width: 18px;
	height: 19px;
	position: absolute;
	bottom: 10px; right: 12px;
	background: url(/includes/img/common/cassette_clip_load.gif) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.cassette_wrapper .cassette p.view_count,
.main_mypage_item_wrapper .cassette p.view_count,
.main_mypage_clip_archive_wrapper .cassette p.view_count,
.search_wrapper .cassette p.view_count {
	position: absolute;
	bottom: 12px; right: 34px;
}
/* 茶帯見出し
-----------------------------------------------*/
.main_mypage_clip_archive_wrapper { margin: 30px 0 40px; overflow: hidden; }
.qa_archive_wrapper { margin: 30px 0 0; overflow: hidden; }
.main_mypage_clip_archive_wrapper h2,.qa_archive_wrapper h2 {
	display: block;
	padding: 4px 10px 1px;
	border:solid 5px #362521;
	background: #362521;
	color: #ffffff;
	font-size: 135%;
}
/* 検索用ジャンルリスト
-----------------------------------------------*/
.genre { margin: 30px 0 50px; padding: 15px 25px 5px; overflow: hidden; background: #ffffff; }
.genre p { width: 15%; float: left; font-weight: 600; }
.genre ul { width: 85%; margin: 0 0 10px; overflow: hidden; float: left; }
.genre ul li { padding: 2px 0; float: left; }
.genre ul li a { color: #7f5e52; text-decoration: none; }
.genre ul li a:hover,.genre ul li.selected a {
	background: #fda417; 
	border-style: none;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	color: #000000;
	font-weight: 600;
}
/* キーワード検索窓
-----------------------------------------------*/
.keyword_refine { width: 236px; height: 30px; position: relative; float:right; }
.keyword_refine .search_text {  
    width: 178px;  
    height: 20px;  
    background: #ffffff;  
    border: 1px solid #cccccc;  
    padding: 4px;
    font-family: Verdana, "新ゴ L", "メイリオ", Meiryo, sans-serif;
    font-size: 100%;
    color: #808080;
}  
.keyword_refine .search_btn {
	width: 48px;
	height: 30px;
    position: absolute;  
    top: 0;  
    _top: 1px;  
    left: 188px;
    z-index: 9999;
}
.float_wrapper { overflow: hidden; }
*:first-child + html #searchBtn2    {  
    top: 1px;  
}  
/* ページング
-----------------------------------------------*/
.paging { width: 678px; margin: 0 auto; position: relative; overflow: hidden; }
.paging ul { position: relative; left: 50%; float: left; }
.paging ul li {
	float:left;
	position: relative;
	right: 50%;
	margin: 0 7px 0;
	}
.paging ul li a{
	display:block;
	width: 60px;
	height: 42px;
	padding: 18px 0 0;
	background:#78554c;
	border: 1px solid #78554c;
	font-size: 140%;
	text-align:center;
	}
.paging ul li:first-child { margin: 0 7px 0 0; }
.paging ul li:last-child { margin: 0 0 0 7px; }
.paging ul li a { text-decoration: none; color: #ffffff; }
.paging ul li a:hover { opacity: 0.8; }
.paging ul li.active a { background:#ffffff; color: #78554c; }
.paging p{ padding: 15px 0; clear: both; font-size: 140%; text-align: center; color: #78554c; }
.paging ul li.inactive {
	display:block;
	width: 60px;
	height: 45px;
	padding: 15px 0 0;
	background:#888888;
	border: 1px solid #666666;
	font-size: 140%;
	text-align:center;
	color: #cccccc;
	opacity: 0.5;
}


/* TOPページ
=========================================================================*/
/* 
-----------------------------------------------*/
.summary { height: 320px; margin: 35px 0 0; position: relative; }
.summary.summary_auto { height:auto; }
.summary .category_title { margin: 0 0 25px; position: relative; }
.summary .category_title span { font-size: 70%; }
.summary .listview { position: absolute; top: 18px; right: 50px; }
.summary .listview a { padding: 0 0 0 25px; background: url(/includes/img/top/listview_icon.png) no-repeat 0 50%; font-size: 130%; color: #f4739d; }

.summary .carrousel { width: 630px; position: absolute; top: 88px; left: 35px; }
.summary .carrousel .cassette_wrapper { overflow: visible; }
.summary .carrousel .cassette_wrapper .cassette { margin: 0 0 40px 29px; }
.slick-prev,.slick-next {
	width: 50px;
	height: 50px;
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.slick-disabled { opacity: 0.2; cursor: default; }
.slick-prev { top: 27%; left: -35px; background: url(/includes/img/top/prev_circle.png) no-repeat 0 0; }
.slick-next { top: 27%; right: -65px; background: url(/includes/img/top/next_circle.png) no-repeat 0 0; }

.section .program { width: 660px; height: 94px; margin: 45px 0 0; padding: 0 35px 8px; position: static; overflow: hidden; background: none; }
.section .program .kosodate,.section .program .mainichi{
	width: 287px;
	height: 74px;
	padding: 14px 0 14px 15px ;
	position: static;
	overflow: hidden;
	background: url(/includes/img/top/program_bg.png) no-repeat 0 0;
}
.section .program .kosodate{ float: left; }
.section .program .mainichi{ float: right; }
.section .program .program_logo { display: block; margin: 0 10px 0 0; float: left; }
.section .program .program_logo  img { padding: 0; text-align: left; }
.section .program h2{ float: left; font-size: 110%; }
.section .program p{ float: left; font-size: 90%; }

/* 新着情報
-----------------------------------------------*/
div.news { padding:10px 0 0; position: relative; }
div.news h1.news_title { text-align: center; }
div.news .block{ display: table; width: 730px; height: auto; padding: 6px 0 8px; overflow: hidden; background: url(/includes/img/top/news_border.png) no-repeat center bottom; }
div.news .date{
	width: 17%;
	font-size: 15px;
	line-height: 150%;
	color: #666666;
	display:table-cell;
	vertical-align:top;
}
div.news .news_text{ width: 83%; font-size: 15px; line-height: 150%; color: #333333; display:table-cell; vertical-align:top; }
div.news .news_text a { text-decoration: underline; }
div.news .news_text a:hover { text-decoration: none; }
div.news ul.normal { padding:0; margin:0 auto;}
div.news ul.accordion { padding:0; margin:0 auto;}
div.news ul.accordion p.btn{
	width: 121px;
	height: 21px;
	/*position: relative;
	top: -202px;
	left: 609px;*/
	position: absolute;
	top: 15px;
	right: 0;
}
div.news ul.accordion span.open { display:block; background:url(/includes/img/top/news_close_btn.png) no-repeat 0 0; padding:0; margin:0; }
div.news ul.accordion span img { cursor:pointer; margin:0 auto; }
div.news ul.accordion span.open img { opacity:0; }
div.news ul.accordion li.wrap { margin: 0;}
div.news ul.accordion ul { display:none;}

/* 緊急告知
-----------------------------------------------*/
div.emergency_info { margin: 0 0 23px; padding: 15px; border: 2px dotted #ff0000; background: #ffffff; }
div.emergency_info p { color: #ff0000; }
div.emergency_info p span { font-size: 120%; }

/* メインイメージ訴求カルーセル
===========================================================*/

div.main_top_carrousel { height: 350px; margin: -6px 0 0; padding: 30px 0 46px; background: url(/includes/img/top/carrousel_bg.png) repeat-x; overflow:hidden;}
div.main_top_carrousel .carrousel_wrapper { overflow:hidden; }
div.main_top_carrousel .carrousel { width: 609px; margin: 0 auto; }
div.main_top_carrousel .carrousel .slider.autoplay { height:349px; }
div.main_top_carrousel .carrousel .slider.autoplay img { display:none; }
div.main_top_carrousel .carrousel .slick-slide { margin: 0 0 0 25px; }
div.main_top_carrousel .carrousel .slider div { position: relative; }
div.main_top_carrousel .carrousel .slider .slider_title {
	width: 504px;
	height: 55px;
	padding: 20px 40px;
	opacity: 0.8;
	position: absolute;
	bottom: 0px;
	background: #ffffff;
	font-size: 140%;
	font-weight: 600;
}
div.main_top_carrousel .slick-list { overflow: visible; }

div.main_top_carrousel .slick-slider { margin-bottom: 46px; }
div.main_top_carrousel .slick-dots li { display: inline-block;  padding: 0 4px; }
div.main_top_carrousel .slick-dots { position: absolute; left: 0; bottom: -9%; list-style: none; display: block; text-align: center; padding: 0; width: 600px; }
div.main_top_carrousel .slick-dots li p {
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 15px;
	background: url(/includes/img/top/slide_dot_normal.png) no-repeat 0 0;
	cursor:pointer;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
div.main_top_carrousel .slick-dots li.slick-active p { background: url(/includes/img/top/slide_dot_active.png) no-repeat 0 0; }


/* 記事一覧ページ
=========================================================================*/
/* ジャンルで絞込むと詳細検索を内包するボックス
-----------------------------------------------*/
.btn_wrapper {
	position: relative;
}

/* 検索ボックス
-----------------------------------------------*/
.gene_refine {
	width: 506px;
	padding:0;
	text-align: center;
	cursor: pointer;
	line-height: 0;
}
.gene_refine img { width: 100%; }
.main_article_archive .on {
    background: url(/includes/img/btn_refine_close.png) no-repeat 0 0/100% auto
}
    .main_article_archive .on img { opacity: 0 }
.accordion_tag {
    display: none;
    width: 506px;
    padding: 2% 0;
    position: relative;
    background: url(/includes/img/btn_refine_bg.png) no-repeat center bottom;
    background-size: 100% auto;
}
    .accordion_tag ul li.more_search {
        display: block;
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: 1%;
        right: 4%;
        background: none;
        border: none;
    }
        .accordion_tag ul li.more_search a {
            color: #000;
            text-decoration: underline;
        }
        .accordion_tag ul li.more_search a:hover {
            text-decoration: none
        }
/* 詳細検索ボタン
-----------------------------------------------*/
.detail_search_button a {
	display: block;
	width: 194px;
	margin: 0 10px 0;
	padding: 18px 0 12px;
	border-style: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	font-size: 120%;
	color: #000000;
	font-weight: 500;
	background-color: #FDA417;
	box-shadow: 0 2px #BE7B11;
	text-decoration: none;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}
/* バナー
-----------------------------------------------*/
.cassette_wrapper .banner{
	margin: 0 0 40px 0;
	clear:both;
}
/* 汎用詳細（記事等）ページ
=========================================================================*/
/* 見出しボックス
-----------------------------------------------*/
.detail_header { padding: 31px 35px; position: relative; overflow: hidden; background: #e9e1cb; }
.detail_header .detail_title { width: 565px; padding: 0 15px 0 0; float: left; font-size: 170%; font-weight: 600; }
/* クリップ（ログイン時） */
.detail_header .clip_on { float: right;  } 
.detail_header .clip_on a {
	display: block;
	width: 72px;
	height: 60px;
	padding: 12px 0 0;
	margin: 0 0 15px;
 	background: #d2784b;
	border:solid 4px #d2784b;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #ffffff;
	font-size: 75%;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}
/* クリップ（ログアウト時、ツールチップ時、ローディング時） */
.detail_header .clip_load,
.detail_header .clip_off,
.detail_header .clip_confirm  { float: right; } 
.detail_header .clip_load a,
.detail_header .clip_off a,
.detail_header .clip_confirm a {
	display: block;
	width: 74px;
	height: 62px;
	padding: 12px 0 0;
	margin: 0 0 15px;
 	background: #ffffff;
	border:solid 3px #cccccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #cccccc;
	font-size: 75%;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}
.detail_header .clip_on a:hover, .detail_header .clip_off a:hover, .detail_header .clip_confirm a:hover { opacity: 0.8; }
.detail_header .view_count_on,.detail_header .view_count_off { width: 50px; position: absolute; top: 92px; right: 50px; font-size: 90%; text-align: center; }
.detail_header .view_count_on { color: #ffffff; }
.detail_header .view_count_off { color: #d58157; }
.detail_header .detail_meta {
	clear: both;
	overflow: hidden;
	border-top: 1px solid #d5c7a2;
}
.detail_meta .date,.detail_meta .source { padding: 10px 0 15px; float: left; font-size: 90%; }
.detail_meta .date { width: 20%; text-align: left; }
.detail_meta .source { width: 80%; text-align: right; }
.detail_meta ul.tag { padding: 0 15px 0 0; }
.detail_meta ul.first { width: 550px; position: relative; z-index: 9999; }

.detail_meta .tag_menu { width: 550px; position: relative; clear: both; }
.detail_meta .tag_menu label {
	display: block;
	width: 85px;
	height: 17px;
    position: absolute;
    top: 0;
    right: -115px;
}
html>/**/.detail_meta .tag_menu label img {
	opacity:  /*\**/:0\9
}
.detail_meta .tag_menu label.on { background:url(/includes/img/article/tag_close.png) no-repeat 100% 0; }
.detail_meta .tag_menu label.on img { opacity: 0; }
.detail_meta .tag_menu input[type="checkbox"].on-off{ display: none; }
.detail_meta .tag_menu  ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}
.detail_meta .tag_menu  li { height: 26px; padding: 5px 5px 0; float: left; }
.detail_meta .tag_menu input[type="checkbox"].on-off + ul{
    height: 43px;
    overflow: hidden;
}
.detail_meta .tag_menu input[type="checkbox"].on-off:checked + ul{
    height: 100%;
}
/* 記事タイトル内PRバッジ 2018/04/24 */
.detail_header .badge-pr {
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	color: #333;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 10px;
	font-size:70%;
}

/* SNSボタン
-----------------------------------------------*/
.share_icons { margin: 15px 0; overflow: hidden; }
.share_icons li { margin: 0 10px 0 0; float: left; display: block; width: 180px; height: 30px; padding: 10px 0 0; color: #ffffff; text-align: center; }
.share_icons li a{ color: #ffffff; text-align: center; text-decoration: none; }
.share_icons li:hover { opacity: 0.8; }
.share_icons li.fb { background: #375da8; }
.share_icons li.tw { background: #3399e1; }
.pluginShareButtonLink { color: #ffffff; }

/* 記事本文汎用
-----------------------------------------------*/
.detail_main { padding: 30px; background: #ffffff; word-wrap: break-word;}
.detail_main p { margin: 0 0 25px; }
.detail_main img { max-width: 100%; height: auto; }
.detail_main strong { font-weight: 700; }
/* 画像左 */
.detail_main .alignleft { margin: 0 10px 0 0; float: left; }
/* 画像右 */
.detail_main .alignright { margin: 0 0 0 10px; float: right; }
/* 画像センタリング */
.detail_main .aligncenter { display: block; margin: 0 auto; }
/* 画像小サイズを拡大 */
.detail_main .full { width: 100%; height: auto; }
/* 囲み枠基本 */
.detail_main pre {
	overflow: hidden;
	margin: 0 0 20px;
	padding: 15px;
	background: #f4e4de;
	font-family: Verdana, "新ゴ L", "メイリオ", Meiryo, sans-serif;
	font-weight: normal;
	line-height: 180%;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.detail_main .pre_orange { background: #e9e1cb; }
.detail_main .pre_cyan { background: #bae1e3; }
/* タイトル */
.detail_main h2 { margin: 0 0 30px; overflow: hidden; font-size: 170%; font-weight: 600; }
.detail_main h3 { margin: 0 0 25px; padding: 0 0 0 20px; overflow: hidden; background: url(/includes/img/h3_icon.png) no-repeat 0 6px; font-size: 140%; font-weight: 600; }
.detail_main div h3 { padding: 0; hidden; background: none; }
.detail_main h4,.detail_main h5,.detail_main h6 { margin: 0 0 20px; overflow: hidden; font-size: 120%; font-weight: 600; color: #cc6633; }
/* 仕切り線 */
.detail_main hr { margin: 0 0 30px; border-top: 2px solid #e5b299; }
/* リンクテキスト */
.detail_main .link_text { margin: 0 0 20px; }
.detail_main .link_text li { padding: 0 0 5px 25px; background: url(/includes/img/link_header_nolink.png) no-repeat 0 0; }
.detail_main .link_text li a { margin: 0 0 0 -25px; padding: 0 0 5px 25px; background: url(/includes/img/link_header_link.png) no-repeat 0 0; color: #f796b5; }
/* 番号付きリスト */
.detail_main ol { margin: 0 0 20px; padding: 0 0 5px 25px; list-style: decimal; }
/* Q＆A */
.detail_main .q_body {
	margin: 0 0 20px;
	padding: 20px;
	border: 2px solid #ce6d3d;
	position: relative;
	font-size: 100%;
}
.detail_main .q_body:after {
	content: "";
    display: block;
    width: 0;
	height: 0;
	position: absolute;
	bottom: -31px; left: 318px;
	border: 15px solid transparent;
	border-top: 15px solid #ce6d3d;
}
.detail_main .q_title,.detail_main .a_title { min-height: 55px; padding: 10px 0 0 65px; font-size: 150%; font-weight: 600; }
.detail_main .q_title { background: url(/includes/img/q_title_icon.png) no-repeat 0 0; }
.detail_main .a_title { background: url(/includes/img/a_title_icon.png) no-repeat 0 0; }
/* 同じテーマの記事カセット */
.detail_main .cassette_wrapper { margin: 0 0 0 -20px; }
.detail_main .cassette {
	height: 75px;
	border-top: 1px dotted #c7c7c7; border-bottom: 1px dotted #c7c7c7;
    margin: 0 0 -1px 20px;
    background: none;
    overflow: hidden;
    padding: 15px 0 10px;
    width: 325px;
}
.detail_main .cassette a { display: block; float: left; }
.detail_main .cassette img { width: 120px; height: 74px; }
.detail_main .cassette .article_title { display: block; width: 190px; padding: 0; float: right; background: none; font-size: 100%; font-weight: normal; }
.detail_main .cassette_wrapper .link { width: 100%; padding: 15px 0 0; clear: both; text-align: right; }
.detail_main .cassette_wrapper .link a { text-decoration: none; }
.detail_main .cassette_wrapper .link a:hover { text-decoration: underline; }

.detail_main .cassette_wrapper .open_toggle { width: 100%; padding: 15px 0 0; clear: both; text-align: right; }
.detail_main .cassette_wrapper .open_subject { display: none; }
.detail_main .cassette_wrapper .on{ background: url(/includes/img/article/general_close.png) no-repeat right 15px; }
.detail_main .cassette_wrapper .on img { opacity: 0; }
/* テーブル組 */
.detail_main table { border-left: 1px solid #999999; border-top: 1px solid #999999; margin-bottom: 20px; }
.detail_main table { border-collapse: collapse; border-spacing: 0; }
.detail_main table th { border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 2px 6px; background: #333333; color: #ffffff; }
.detail_main table td { border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 2px 6px; }
/* 耳より情報一覧の移植元のCSSを適用 */
.detail_main .event_title_medium {
	color: #5149c9;
	font-size: 150%;
	font-weight: bold;
	background: none;
	padding: 0;
}
.detail_main .event_title_medium:before {
	content:"●";
	font-size: 150%;
	margin-right: 5px;
}
.detail_main .contents_inner_nopd{
	margin-bottom: 25px;
}

.detail_main .contents_inner_nopd dl:nth-child(even){
	background: #d9d6ff;
}
.detail_main .contents_inner_nopd dl:nth-child(odd){
	background: #ecebff;
}
.detail_main .contents_inner_nopd dt,
.detail_main .contents_inner_nopd dd {
	display: inline-block;
}
.detail_main .contents_inner_nopd dt {
	padding: 0.75em 1em;
}
/* recipe 20200416 */
.detail_main .ingredient { 
	display: table;
	width: 100%;
	margin: 1em auto 1em 0;
	border-top: 1px dashed #e5b299;
}
.detail_main .ingredient > div { display: table-row; }
.detail_main .ingredient dt, .ingredient dd { 
	display: table-cell;
	padding: 4px;
	border-bottom: 1px dashed #e5b299;
}
.detail_main .re-sp{
  font-family: monospace;
  color: #d0d0d0;
}
/* float解除 */
.clear:before,.clear:after {
    content: ' ';
    display: table;
}
.clear:after {
    clear: both;
}
/* ページ分割 20180409
-----------------------------------------------*/
p.btn_change {
	width: 100%;
	margin: 0 0 2%;
}
p.btn_pagesplit a {
	display: block;
	margin: 4% 0 0;
	padding: 3%;
	background: #e26977;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	box-shadow: 0 5px #883f47;
}
/* 前後の記事タイトル */
.other_detail { margin: 50px 0 0; overflow: hidden; }
.other_detail a { display: block; width: 266px; text-decoration: none; }
.other_detail a:hover { opacity: 0.8; }
.other_detail .prev a { padding: 3px 0 3px 34px; background: url(/includes/img/btn_prev.png) no-repeat 0 0; float: left; }
.other_detail .next a { padding: 3px 34px 3px 0; background: url(/includes/img/btn_next.png) no-repeat 100% 0; float: right; }

/* コメント投稿部分
-----------------------------------------------*/
/* 投稿（ログイン時） */
.comment_form { margin: 50px 0; padding: 31px 35px; position: relative; overflow: hidden; background: #e9e1cb;}
.comment_form h2.title {
	padding: 5px 0 15px 35px;
	margin: 0 0 30px;
	border-bottom: 2px dotted #ffffff;
	background: url(/includes/img/comment_icon.png) no-repeat 0 0;
	font-size: 140%;
	font-weight: 600;
}
.comment_form .nick_name { width: 610px; margin: 0 22px; color: #ce6d3d;}
.comment_form .nick_name span{ font-weight: 600; }
.comment_form .comment {
	width: 580px;
	height: 70px;
	margin: 15px 22px;
	font-size: 100%;
	padding: 15px;
	font-family: Verdana, "新ゴ L", "メイリオ", Meiryo, sans-serif;
	color: #808080;
	text-overflow: "";
}
.comment_form .submit { text-align: center; }
.comment_form .submit_button {
	display: inline-block;
	width: 120px;
	overflow: hidden;
	position: relative;
	padding: 13px 0;
	font-size: 120%;
	border: 1px solid #333333;
	background-color: #333333;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	box-shadow: none;
	font-family: Verdana, "新ゴ L", "メイリオ", Meiryo, sans-serif;
	color: #ffffff;
}
.comment_form .logout { position: absolute; top: 265px; right: 60px; text-align: right; font-size: 90%; }
.comment_form .logout span { font-weight: 600; }
.comment_form .logout a { color: #f08ea9; }
/* 投稿（ログアウト時） */
.comment_form .attention { text-align: center; }
.comment_form .login { text-align: center; }
.comment_form .login input {
	display: inline-block;
	width: 255px;
	overflow: hidden;
	position: relative;
	margin: 30px 0 0;
	padding: 13px 0;
	font-size: 120%;
	border: 1px solid #cc6633;
	background-color: #cc6633;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	box-shadow: 0 2px #9a4d26;
	font-family: Verdana, "新ゴ L", "メイリオ", Meiryo, sans-serif;
	color: #ffffff;
}
/* コメントリスト */
.comment_list { background: #ffffff; }
.comment_list h2.title { padding: 20px; background: #78554c; font-size: 110%; font-weight: 600; color: #ffffff; }
.comment_list ul li { padding: 30px 30px 10px; overflow: hidden; }
.comment_list ul li span.nick_name {
	display: block;
	width: 70%;
	padding: 0 0 0 30px;
	float: left;
	background: url(/includes/img/nick_name_icon.png) no-repeat 0 0;
	font-weight: 600;
	color: #ce6d3d;
}
.comment_list ul li span.date { display: block; width: 20%; float: right; font-size: 80%; }
.comment_list ul li.comment { padding: 0 30px 30px; border-bottom: 1px solid #dddddd; }

/* コメント確認&完了部分
-----------------------------------------------*/
/* 投稿（コメント確認） */
.comment_form_confirm { margin: 0; padding: 31px 35px; position: relative; overflow: hidden; background: #e9e1cb; border: 4px solid #FFFFFF; }
.comment_form_confirm h2.title {
	padding: 5px 0 15px 35px;
	margin: 0 0 30px;
	border-bottom: 2px dotted #ffffff;
	background: url(/includes/img/comment_icon.png) no-repeat 0 0;
	font-size: 140%;
	font-weight: 600;
}
/* コメント元の記事タイトル */
.comment_form_confirm h3.title {
	padding: 0;
	margin: 0 0 30px;
	font-size: 140%;
	font-weight: 600;
}
/* コメント */
.comment_confirm { width: 90%; margin: 0 auto; padding: 15px 15px 10px; overflow: hidden; background: #ffffff; }
.comment_confirm p.nick_name {
	display: block;
	margin-bottom: 10px;
	padding: 0 0 0 30px;
	background: url(/includes/img/nick_name_icon.png) no-repeat 0 0;
	font-weight: 600;
	color: #ce6d3d;
}
.comment_confirm p.comment { padding: 0; }
p.confirm_text { margin: 30px 0; font-size: 120%; }
/* 注意事項 */
.confirm_note { font-size: 85%; }
.confirm_note p { margin: 0; }
.confirm_note ol { list-style: decimal; padding-left: 20px; margin-bottom: 20px; }
/* ボタン */
.confirm_button { text-align: center; }
/* 「キャンセル」ボタン */
.comment_form_confirm input.cancel_button {
	display: inline-block;
	margin: 0;
	padding: 12px 20px 8px 20px;
	border-style: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	font-size: 120%;
	color: #000000;
	font-weight: 500;
	background-color: #FFFFFF;
	 box-shadow: 0 2px #B3B3B3;
	text-decoration: none;
	cursor: pointer;

}
/* 「規約に同意してコメントする」ボタン */
.comment_form_confirm input.submit_button {
	display: inline-block;
	margin: 0 15px 0;
	padding: 12px 0 8px;
	border-style: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	font-size: 120%;
	color: #000000;
	font-weight: 500;
	background-color: #FDA417;
	 box-shadow: 0 2px #BE7B11;
	text-decoration: none;
	cursor: pointer;

}
/* 「もどる」ボタン */
.comment_form_confirm p.btn_back a {
	display: inline-block;
	margin: 15px 0 0;
	padding: 12px 50px 8px 50px;
	border-style: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	font-size: 120%;
	color: #000000;
	font-weight: 500;
	background-color: #FFFFFF;
	 box-shadow: 0 2px #B3B3B3;
	text-decoration: none;
}
.comment_form_confirm input.cancel_button:hover,.comment_form_confirm input.submit_button:hover,p.btn_back a:hover { opacity: 0.8; }

/* QA一覧ページ
=========================================================================*/
/*
-----------------------------------------------*/
.qa_archive_wrapper ul.popular_qa { margin: 15px 0 0; padding: 0 0 5px; overflow: hidden; }
.qa_archive_wrapper ul.popular_qa li { display: block; width: 42%; min-height: 45px; padding: 10px 15px 0 40px; float: left; background: url(/includes/img/q_title_icon_small.png) no-repeat 0 20%; }
.qa_archive_wrapper .qa_list { margin: 0 0 50px; background: #ffffff; }
.qa_archive_wrapper .qa_list table { width: 730px; }
.qa_archive_wrapper .qa_list th { padding: 4px 0; background: #362521; color: #ffffff; text-align: center; }
.qa_archive_wrapper .qa_list .title_trouble { width: 307px; border-right: 2px solid #ffffff; }
.qa_archive_wrapper .qa_list .title_memo { width: 308px; border-right: 2px solid #ffffff; }
.qa_archive_wrapper .qa_list .title_genre { width: 111px; }
.qa_archive_wrapper .qa_list tr { border-bottom: 1px solid #cccccc; }
.qa_archive_wrapper .qa_list td { padding: 10px; }
.qa_archive_wrapper .qa_list td a { text-decoration: none; }
.qa_archive_wrapper .qa_list td a:hover { text-decoration: underline; }
.qa_archive_wrapper .qa_list .content_trouble { padding-left: 45px; background: url(/includes/img/q_title_icon_small.png) no-repeat 3% 15%; }
.qa_archive_wrapper .qa_list .content_memo01 { width: 25%; font-size: 80%; }
.qa_archive_wrapper .qa_list .content_memo02 { width: 17%; color: #7f5e54; font-size: 85%; }
.qa_archive_wrapper .qa_list .content_genre { font-size: 80%; }

/* QA詳細ページ
=========================================================================*/
/* QA詳細用上書き
-----------------------------------------------*/
.main_qa_detail .detail_header .detail_title { width: 500px; padding: 4px 15px 10px 65px; float: left; background: url(/includes/img/q_title_icon.png) no-repeat 0 0; font-size: 170%; font-weight: 600; }

/* イベント情報ページ
=========================================================================*/
/* 大きく表示のイベント欄
-----------------------------------------------*/
.event_archive_main_wrapper { margin: 30px 0 0; overflow: hidden; }
.event_archive_main_wrapper p { display: block; background: #ffffff; }
.event_archive_main_wrapper .main_image { padding: 30px 55px 15px; }
div.event_archive_main_button { overflow: hidden; }
div.event_archive_main_button a{ display: block; float: left; background: #ffffff; }
.event_archive_main_wrapper .performance_imge01 { padding: 15px 30px 30px 65px; }
.event_archive_main_wrapper .performance_imge02 { padding: 15px 65px 30px 30px; }
ul.event_archive_main_button li{ float: left; }
/* これから開催されるイベント（タイトル）
-----------------------------------------------*/
h2.event_archive { margin: 50px 0 20px; text-align: center; font-size: 170%; font-weight: 600; }
/* これから開催されるイベントリスト欄
-----------------------------------------------*/
.event_archive_list_wrapper {
	overflow: hidden;
	padding: 30px 30px 0 30px;
	background: url(/includes/img/common/scratchy_double_line_bg.png) left top no-repeat;
}
.event_archive_list_wrapper_bottom {
	margin: 0 0 50px 0;
	height: 10px;
	background: url(/includes/img/common/scratchy_double_line_bg_bottom.png) left top no-repeat;
}
/* カセット　これから開催されるイベントリスト
-----------------------------------------------*/
.event_cassette { overflow: hidden; width: 100%; border-bottom: 1px solid #CCCCCC; margin: 0 0 20px; padding: 0; }
.event_cassette:last-child { border: none; margin-bottom: 0; }
.event_cassette .event_date { width: 670px; margin: 0 0 8px; float: none; font-weight: 600; }
.event_cassette a { float: left ;}
.event_cassette h2 { width: 500px; float: right; margin: 0 0 10px; font-size: 120%; }
.event_cassette h2 a {color: #F04427; float: none; text-decoration: none; }
.event_cassette h2 a:hover { text-decoration: underline; }
.event_cassette p { width: 500px; float: right; }
.event_cassette p.btn_event a {
	display: block;
	padding: 8px 23px 4px 20px;
	width: 90px;
	margin: 10px 0 20px 0;
	text-align: left;
	color: #ffffff;
	font-size: 95%;
	font-weight: 500;
	text-decoration: none;
	background: #F04429 url("/includes/img/event/btn_event_arrow.png") 105px 9px no-repeat;
	box-shadow: 0 2px #B5331F;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: right;
}
.event_cassette p.btn_event_no_arrow a {
	display: block;
	padding: 8px 21.5px 4px 21.5px;
	width: 90px;
	margin: 10px 0 20px 0;
	text-align: center;
	color: #ffffff;
	font-size: 95%;
	font-weight: 500;
	text-decoration: none;
	background: #F04429;
	box-shadow: 0 2px #B5331F;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: right;
}
.event_cassette p.btn_event a:hover,.event_cassette p.btn_event_no_arrow a:hover { opacity: 0.8; }
.event_cassette.top_news {border: none; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #dddddd; }
.event_cassette.top_news:last-child {border-bottom:0;}
.event_cassette.top_news a img.post_image { width:80px;border: 1px solid #dddddd; }
.event_cassette.top_news .top_news_ttl { width:570px;font-size:18px; }
.event_cassette.top_news .top_news_ttl a {color:#362521;}
.event_cassette.top_faq {padding-left:40px;box-sizing:border-box;background:url("/includes/img/q_title_icon_small.png") no-repeat left 10%;}
.event_cassette.top_faq .top_faq_ttl {margin-top:5px;width:500px;font-size:18px;float:left;min-height:40px;}
.event_cassette.top_faq .top_faq_ttl a {color:#362521;}
.event_cassette.top_faq .event_place {float:left;width:110px;margin-top:5px;margin-left:20px;font-size:12px;}
/* イベント情報詳細ページ
=========================================================================*/
/* イベントタイトル
-----------------------------------------------*/
h2.event_detail_title { margin: 0 0 30px; padding: 14px 0 8px; text-align: center; font-size: 185%; font-weight: 600; color: #FFFFFF; background: #F04429; }

.event_detail_wrapper { margin: 0; overflow: hidden; padding: 30px; background-color: #FFFFFF; }
h3.event_detail_sub_title {
	margin: 0;
	padding: 0 20px 0;
	font-size: 140%;
	font-weight: 600;
	background: url("/includes/img/event/event_detail_sub_title_icon.png") 0px 6px no-repeat;
}
.event_detail_sub_wrapper {
	overflow: hidden;
	margin: 5px 0 30px 0;
	padding: 20px;
	border: 2px solid #E9E1CB;
}
.event_detail_sub_wrapper h4 {  margin: 0 0 7px; font-size: 115%; }
/* ボタン小ブラウン
-----------------------------------------------*/
.event_detail_sub_wrapper p.btn_event a {
	display: inline-block;
	padding: 8px 15px 4px 15px;
	margin: 10px 0 0 0;
	min-width: 120px;
	text-align: center;
	color: #ffffff;
	font-size: 95%;
	font-weight: 500;
	text-decoration: none;
	background: #78554C;
	box-shadow: 0 2px #5A4039;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.event_detail_sub_wrapper p.btn_event a:hover { opacity: 0.8; }
/* ボタン大オレンジ
-----------------------------------------------*/
.event_detail_sub_wrapper p.btn_lottery { text-align: center; }
.event_detail_sub_wrapper p.btn_lottery a {
	display: inline-block;
	width: 230px;
	padding: 12px 15px 8px 15px;
	margin: 30px auto 30px auto;
	text-align: center;
	color: #ffffff;
	font-size: 115%;
	font-weight: 500;
	text-decoration: none;
	background: #F04429;
	box-shadow: 0 2px #902919;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.event_detail_sub_wrapper p.btn_lottery a:hover { opacity: 0.8; }
.event_detail_sub_wrapper img { display: block; margin: 0 auto; }
.event_detail_sub_wrapper ul { margin: 0 0 20px; padding: 0 20px 0; list-style: disc; }
.event_detail_sub_wrapper ul li{ margin: 0 0 5px; }
.event_detail_sub_wrapper dl { width: 100%; margin-bottom: 30px; }
.event_detail_sub_wrapper dl dt { width: 80px; float:left; clear:left; }
.event_detail_sub_wrapper dl dd { margin-left : 80px; }
/* グッズページ
=========================================================================*/
/* 商品ピックアップ（タイトル）
-----------------------------------------------*/
h2.goods_title { margin: 70px 0 20px; text-align: center; font-size: 170%; font-weight: 600; }
/* グッズ静的コンテンツエリア
-----------------------------------------------*/
.goods_static_main_wrapper { margin: 30px 0 0; overflow: hidden; }
.goods_static_main_wrapper p { display: block; background: #ffffff; }
.goods_static_main_wrapper .main_image { padding: 30px 55px 15px; }
/* これから開催されるイベントリスト欄
-----------------------------------------------*/
.goods_list_wrapper {
	overflow: hidden;
	padding: 30px 30px 0 30px;
	background: url(/includes/img/common/scratchy_double_line_bg.png) left top no-repeat;
}
.goods_list_wrapper_bottom {
	margin: 0 0 50px 0;
	height: 10px;
	background: url(/includes/img/common/scratchy_double_line_bg_bottom.png) left top no-repeat;
}
/* カセット　グッズリスト
-----------------------------------------------*/
.goods_cassette { overflow: hidden; width: 100%; border-bottom: 1px solid #CCCCCC; margin: 0 0 20px; padding: 0; }
.goods_cassette:last-child { border: none; margin-bottom: 0; }
.goods_cassette a { float: left }
.goods_cassette h2 { width: 500px; float: right; margin: 0 0 10px; font-size: 115%; }
.goods_cassette h2 a {color: #78534C; float: none; text-decoration: none; }
.goods_cassette h2 a:hover { text-decoration: underline; }
.goods_cassette p { width: 500px; float: right; }
.goods_cassette p.btn_goods a {
	display: block;
	padding: 8px 23px 4px 30px;
	width: 80px;
	margin: 10px 0 20px 0;
	text-align: left;
	color: #ffffff;
	font-size: 95%;
	font-weight: 500;
	text-decoration: none;
	background: #F04429 url("/includes/img/event/btn_event_arrow.png") 90px 9px no-repeat;
	box-shadow: 0 2px #B5331F;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: right;
}
.goods_cassette p.external a { text-align: center; background: #F04429; }
.goods_cassette p.btn_goods a:hover { opacity: 0.8; }
.goods_cassette h2 span.icon{
	margin: 0 5px 0 0;
	padding: 1px 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #362521;
	text-align: center;
	color: #ffffff;
	font-size: 90%;
	font-weight: normal !important;
	line-height: 0;
}
/* 番組から探す欄
-----------------------------------------------*/
.goods_search_program_wrapper { overflow: hidden; padding: 0; }
.goods_search_program_wrapper ul { margin: 0; }
.goods_search_program_wrapper ul li {
	display: inline-block;
	margin: 0 11px 12px 11px;
	padding: 4px;
	width: 148px;
	height: 93px;
	text-align: center;
	background: url(/includes/img/goods/goods_search_program_list_bg.png) left top no-repeat;
}
/* 商品ジャンルから探す欄
-----------------------------------------------*/
.goods_search_genre_wrapper {
	overflow: hidden;
	padding: 20px 20px 0 20px;
	background: url(/includes/img/common/scratchy_single_line_bg.png) left top no-repeat;
}
.goods_search_genre_wrapper_bottom {
	margin: 0 0 50px 0;
	height: 10px;
	background: url(/includes/img/common/scratchy_single_line_bg_bottom.png) left top no-repeat;
}
/* 商品ジャンルから探すタグ
-----------------------------------------------*/
.goods_search_genre_wrapper ul.tag { margin: 0; padding: 0 15px 0; overflow: hidden; }
.goods_search_genre_wrapper ul.tag li {
	display: block;
	float: left;
	min-height: 28px;
	padding: 15px 25px 11px 25px;
	margin: 0 12px 12px 0;
	font-size: 130%;
	background: #362521;
	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.goods_search_genre_wrapper ul.tag li a { text-align: center; color: #ffffff; text-decoration: none; }
.goods_search_genre_wrapper ul.tag li a:hover { text-decoration: underline; }

/* グッズ一覧ページ
=========================================================================*/
/* その他の商品はこちらリンク
-----------------------------------------------*/
p.goods_archive_other { margin: 30px 0; padding: 0 23px 0 0; background: url("/includes/img/common/external_arrow_brown.png") right center no-repeat; text-align: right; }
/* グッズを絞り込む
-----------------------------------------------*/
.search_goods {
	overflow: hidden;
	margin: 0;
	padding: 32px 100px 36px 100px;
	background: url(/includes/img/goods/search_goods_bg.png) left top no-repeat;
}
.search_goods .headline { /*margin-left:*/ 100px; padding: 5px 0 0; font-size: 115%; font-weight: 600; float: left; }
.search_goods .sortbox{ margin: 0 0 0 10px; float: left; }
select.search_goods_select { width: 345px; padding-right: 35px; }

/* マイページ
=========================================================================*/
/* 会員情報
-----------------------------------------------*/
.main_mypage_info { width: 730px; margin: 20px 0; overflow: hidden; }
/* 会員情報の確認・変更ボタン
-----------------------------------------------*/
p.btn_change { overflow: hidden; margin: 0 0 10px;}
.btn_change a{
	display: block;
	width: 175px;
	margin: 100px auto;
	padding: 6px 0 2px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	color: #ffffff;
	font-weight: 500;
	text-decoration: none;
	float: right;
}
.btn_change a{ margin: 12px 0; background: #e26977; border:solid 5px #e26977; box-shadow: 0 2px #883f47;  }
.btn_change a:hover { opacity: 0.8; }
/* 会員情報の表
-----------------------------------------------*/
table.main_mypage_info_table { width: 730px; font-size: 115%; }
table.main_mypage_info_table a { color: #F2729D; }
table.main_mypage_info_table th {
	width: 160px;
	padding: 15px 20px;
	background: #E9E1CB;
	border: 1px solid #CCCCCC;
}
table.main_mypage_info_table td {
	padding: 15px 20px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
}
/* 退会手続きはこちら
-----------------------------------------------*/
p.withdraw { margin: 10px 0; text-align: right;  font-size: 90%; }

/* おすすめの記事 & 最近クリップした記事のSM
-----------------------------------------------*/
.main_mypage_item_wrapper { margin: 30px 0 0; overflow: hidden; }
.main_mypage_item_wrapper h2 {
	display: block;
	padding: 4px 10px 1px;
	border:solid 5px #362521;;
	background: #362521;
	color: #ffffff;
	font-size: 135%;
}
/* おすすめの記事のブロック
-----------------------------------------------*/
.main_mypage_item_recommend { width: 355px; float: left; }
.main_mypage_item_recommend h3.guide { margin: 15px 0 0; font-size: 115%; font-weight: 600; }
.main_mypage_item_recommend .greeting_cards { margin: 15px 0 0; }
/* 最近クリップした記事のブロック
-----------------------------------------------*/
.main_mypage_item_clip { width: 355px; float: right; }
/* 最近クリップした記事のもっと見る
-----------------------------------------------*/
p.more { margin: 15px 0; text-align: right; }
p.more a { color: #f4739d; font-size: 90%; }

.main_mypage_item_wrapper .cassette { width: 335px; border-bottom: 1px solid #c7c7c7; padding: 15px 10px 10px 10px; position: relative; overflow: hidden; font-size: 90% }
.main_mypage_item_wrapper .cassette a { display: block; float: left; }
.main_mypage_item_wrapper .cassette img { width: 100px; }
.main_mypage_item_wrapper .cassette .article_title { display: block; width: 210px; float: right; font-size: 95%; }
.main_mypage_item_wrapper .cassette .article_title a { text-decoration: none; }
.main_mypage_item_wrapper .cassette .article_title a:hover { text-decoration: underline; }

/* 子どもの情報を削除&変更するボタン
-----------------------------------------------*/
.profile_children_btn { overflow: hidden; height: 40px; margin-bottom: 30px; }
/* 子どもの情報を削除するボタン */
a.profile_children_delete_btn,
.profile_children_delete_btn  {
	display: block;
	width: 175px;
	margin: 0 auto;
	padding: 10px 0 6px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	color: #ffffff;
	font-weight: 500;
	text-decoration: none;
	background: #888888;
	box-shadow: 0 2px #666666;
	float: left;
}
a.profile_children_delete_btn:hover { opacity: 0.8; }
/* 子どもの情報を変更・追加するボタン */
.profile_children_change_btn {
	display: block;
	width: 175px;
	margin: 0 auto;
	padding: 10px 0 6px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	color: #ffffff;
	font-weight: 500;
	text-decoration: none;
	background: #e26977;
	box-shadow: 0 2px #883f47;
	float: right;
}
.profile_children_change_btn.left {
	float: left;
}
a.profile_children_change_btn:hover { opacity: 0.8; }

hr.profile_children_line { margin: 20px 0; height: 1px; border: none; border-top: 1px #362521 solid; }
/* 退会手続きボタン
-----------------------------------------------*/
.profile_children_withdraw { overflow: hidden; height: 40px; margin-top: 30px; }
a.profile_children_withdraw_btn {
	display: block;
	width: 110px;
	margin: 0 auto;
	padding: 10px 0 6px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	color: #ffffff;
	font-weight: 500;
	text-decoration: none;
	background: #333333;
	float: left;
}
a.profile_children_withdraw_btn:hover { opacity: 0.8; }

/* クリップした記事ページ
=========================================================================*/
.main_mypage_clip_archive_wrapper .cassette { width: 335px; border-bottom: 1px solid #c7c7c7; padding: 15px 10px 10px 10px; position: relative; float: left; overflow: hidden; font-size: 90% }
.main_mypage_clip_archive_wrapper .cassette:nth-child(odd) { margin-left: 20px;}
.main_mypage_clip_archive_wrapper .cassette a { display: block; float: left; }
.main_mypage_clip_archive_wrapper .cassette img { width: 100px; }
.main_mypage_clip_archive_wrapper .cassette .article_title { display: block; width: 210px; float: right; font-size: 95%; }
.main_mypage_clip_archive_wrapper .cassette .article_title a { text-decoration: none; }
.main_mypage_clip_archive_wrapper .cassette .article_title a:hover { text-decoration: underline; }
.main_mypage .cassette .article_title span.icon,.main_mypage_clip_archive_wrapper .cassette .article_title span.icon {
	margin: 0 5px 0 0;
	padding: 1px 5px;
	border:solid 1px #ef4028;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #ef4028;
	text-align: center;
	color: #ffffff;
	font-size: 85%;
	line-height: 0;
}
.main_mypage .cassette a,.main_mypage_clip_archive_wrapper .cassette a { display: inline; float: none; }

/* 規約ページ
=========================================================================*/
h2.page_regularion_title {
	display: block;
	margin: 30px 0 15px;
	padding: 4px 10px 1px;
	border:solid 5px #362521;
	background: #362521;
	text-align: center;
	color: #ffffff;
	font-size: 115%;
}
.page_regularion_container { padding: 20px; overflow:auto; background: #FFFFFF; border: 1px solid #CCCCCC; }
.page_regularion_container_privacy { height: 270px; padding: 20px; overflow:auto; background: #FFFFFF; border: 1px solid #CCCCCC; }
.page_regularion_container_mamber { height: 400px; padding: 20px; overflow:auto; background: #FFFFFF; border: 1px solid #CCCCCC; }
.page_regularion_container h3,
.page_regularion_container_privacy h3 { margin-bottom: 15px; font-weight: 600; }
.page_regularion_container ol,
.page_regularion_container_privacy ol{ margin-bottom: 40px; padding-left: 25px; list-style: decimal; }
.page_regularion_container_privacy ul,.page_regularion_container ul { margin-bottom: 40px; padding-left: 25px; }
.page_regularion_container ol li,
.page_regularion_container_privacy ol li,
.page_regularion_container ul li,
.page_regularion_container_privacy ul li { margin-bottom: 10px;}
.page_regularion_container p,
.page_regularion_container_privacy p { margin-bottom: 40px; }
.page_regularion_container .signing,
.page_regularion_container_privacy .signing { margin: 40px 0; text-align: right; }
.page_regularion_container a,
.page_regularion_container_privacy a { color: #F2729D; }
 /* 以下、柴田追加150713 */
.page_regularion_container p.text_right { text-align: right; }

/* サイトマップページ
=========================================================================*/
.sitemap_wrap { overflow: hidden; margin: 30px 0 0 0;  }
.sitemap_wrap ul.sitemap_home { margin: 30px 0 0 0; font-size: 105%;}
.sitemap_wrap ul.sitemap_home li.sitemap_li,
.sitemap_wrap ul.sitemap li.sitemap_li { padding: 0px 0 5px 23px; background: url("/includes/img/common/footer_arrow.png") 0px 3px no-repeat; }
.sitemap_wrap ul.sitemap { margin: 30px 0 0 0; font-size: 105%; float: left;}
.sitemap_wrap ul.layout_left { width: 240px; margin-right: 35px;  }
.sitemap_wrap ul.layout_center { width: 200px; margin-right: 35px;  }
.sitemap_wrap ul.layout_right { width: 220px; margin-right: 0;  }
.sitemap_wrap ul.sitemap ul.sitemap_child { margin: 5px 0 20px; }
.sitemap_wrap p.sitemap_subheading { margin: 20px 0 0; }
/* タグ
-----------------------------------------------*/
.sitemap_wrap ul.sitemap ul.tag { margin: 10px -35px 0; }

/* 検索ページ
=========================================================================*/
.search_wrapper {overflow: hidden; margin-bottom: 50px; }
.search_wrapper .cassette { width: 335px; height: 62px; border-bottom: 1px solid #c7c7c7; padding: 15px 10px 10px 10px; position: relative; overflow: hidden; font-size: 90%; float: left; }
.search_wrapper .cassette:nth-child(even) { margin-left: 20px;}
.search_wrapper .cassette:nth-child(1),
.search_wrapper .cassette:nth-child(2) { /*border-top: 1px solid #c7c7c7;*/ }
.search_wrapper .cassette img { width: 100px; }
.search_wrapper .cassette .article_title { display: block; width: 210px; float: right; font-size: 95%; }
.search_wrapper .cassette .article_title a { text-decoration: none; }
.search_wrapper .cassette .article_title a:hover { text-decoration: underline; }
.search_wrapper .article_title span{
	margin: 0 5px 0 0;
	padding: 1px 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align: center;
	color: #ffffff;
	font-size: 85%;
	line-height: 0;
}
.search_wrapper .article_title span.icon{ border:solid 1px #ef4028; background: #ef4028; }
.search_wrapper .article_title span.qa{ border:solid 1px #ef4028; background: #ef4028; }
.search_wrapper .article_title span.goods{ border:solid 1px #3553ff; background: #3553ff; }
.search_wrapper .article_title span.event{ border:solid 1px #0e8400; background: #0e8400; }
.search_wrapper .article_title span.link{ border: none; background: none; }
.search_wrapper .article_title span.link img{ width: 7%; }

/* 思い出フォトギャラリーページ
=========================================================================*/
.gallery_detail_wrapper { overflow: hidden; margin: 30px 0 50px; }
.gallery_detail_wrapper .gallery_cassette { position: relative; width: 180px; height: 180px; margin: 1px; float: left; }
.gallery_detail_wrapper .gallery_cassette h2.gallery_title {
	position: absolute;
	bottom: 0px;
	padding: 5px;
	width: 170px;
	height: 34px;
	font-size: 75%;
	color: #FFFFFF;
	background: rgba( 54, 37, 33, 0.90 );
	
 }
.gallery_cassette a { color: #FFFFFF; text-decoration: none; }
.gallery_cassette a:hover { text-decoration: underline; }

/* よくあるご質問ページ
=========================================================================*/
h2.page_faq_title {
	display: block;
	margin: 30px 0 15px;
	padding: 4px 10px 1px;
	border:solid 5px #362521;
	background: #362521;
	text-align: center;
	color: #ffffff;
	font-size: 115%;
}
.faq_wrapper {
	padding: 2px;
	margin-bottom: 10px;
	overflow:auto;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.page_faq_title_container { overflow: hidden; margin: 10px; padding: 0px; }
.faq_q {
	margin: 15px 5px 5px 10px;
	padding: 7px 50px 10px 50px;
	font-weight: 600;
	background: url("/includes/img/faq/faq_q_bg_off.png") 5px 0px no-repeat;
	cursor:pointer;
}
.faq_q:hover { text-decoration: underline; background: url("/includes/img/faq/faq_q_bg_off_on.png") 5px 0px no-repeat; }
.faq_q.on { background: url("/includes/img/faq/faq_q_bg_on.png") 5px 0px no-repeat; }
.faq_q.on:hover { background: url("/includes/img/faq/faq_q_bg_on_on.png") 5px 0px no-repeat; }
.faq_q p { font-weight: 600; }
.faq_a {
	display: none;
	margin: 15px 5px 5px 5px;
	padding: 15px 10px 10px 50px;
	background: #FDF8EF url("/includes/img/faq/icon_a.png") 10px 10px no-repeat;
	border-top: 1px solid #CCCCCC;
}
.faq_a a { color: #F2729D; }
.faq_a strong { font-weight: 600; }

/* PC_05_おすすめのテーマページ
=========================================================================*/

/* theme_archiveカセットリスト表示
-----------------------------------------------*/
.parent_cassette_wrapper { overflow: hidden; margin: 40px 0; }
.parent_cassette_wrapper .parent_cassette {
	width: 338px;
	height: 244px;
	margin-bottom: 30px;
	padding: 6px;
	position: relative;
	overflow: hidden;
	float: left;
	background: url("/includes/img/theme/parent_cassette_bg.png") center top no-repeat;
}
.parent_cassette_wrapper .parent_cassette:nth-child(even) { margin-left: 30px;}

.parent_cassette_wrapper .parent_cassette a { display: block; }
.parent_cassette_wrapper .parent_cassette img { width: 338px; height: 145px; margin-bottom: 10px; }
.parent_cassette_wrapper .parent_cassette .date { display: block; width: 200px; float: left; font-size: 95%; font-style: italic; margin-left: 5px; }
.parent_cassette_wrapper .parent_cassette .icon img {
	width: 66px;
	height: 20px;
	margin-right: 5px;
	margin-bottom: 0;
	text-align: center;
	padding:1px 0 2px;
	float: right;
	color: #ffffff;
}
.parent_cassette_wrapper .parent_cassette p.article_excerpt { clear: both; padding: 0 5px 0 5px; }
.parent_cassette_wrapper .parent_cassette p.article_excerpt a { text-decoration: none; }
.parent_cassette_wrapper .parent_cassette p.article_excerpt a:hover { text-decoration: underline; }
/* theme_detail大きい表示エリア
-----------------------------------------------*/
.parent_cassette_wrapper_selected {
	padding: 10px;
	min-height: 412px;
	background: url("/includes/img/theme/parent_cassette_wrapper_selected_bg.png") left top no-repeat;
}
.parent_cassette_wrapper_selected p.article_excerpt { margin-top: 15px; }
.parent_cassette_wrapper_selected p.article_excerpt a { font-size: 120%; text-decoration: none; }
.parent_cassette_wrapper_selected p.article_excerpt a:hover { text-decoration: underline; }
.parent_cassette_wrapper_selected p.icon { display: inline-block; margin-top: 7px; padding: 0 23px 0 0; background: url("/includes/img/common/external_arrow.png") right center no-repeat; }
.parent_cassette_wrapper_selected p.icon a{ color: #F04429; }

/* theme_detailカセットリスト表示
-----------------------------------------------*/
.main_theme_detail .cassette_wrapper {
	overflow: hidden;
	margin: 30px 0 0 0;
	padding: 80px 0 0 0;
	background: url("/includes/img/theme/parent_cassette_wrapper_top.png") center top no-repeat;
}
.main_theme_detail .cassette_wrapper .cassette {
	width: 320px;
	height: 117px;
	margin: 0 0 30px;
	padding: 15px;
	position: relative;
	overflow: hidden;
	float: left;
	background: url("/includes/img/theme/parent_cassette_wrapper_bg.png") center top no-repeat;
}
.main_theme_detail .cassette_wrapper .cassette:nth-child(even) { margin-left: 30px;}

.main_theme_detail .cassette_wrapper .cassette a { display: block; float: left; }
.main_theme_detail .cassette_wrapper .cassette img { width: 148px; }
.main_theme_detail .cassette_wrapper .cassette .date { display: block; width: 159px; float: right; font-size: 80%; font-style: italic; }
.main_theme_detail .cassette_wrapper .cassette .article_title {
	display: block;
	width: 159px;
	height: 50px;
	padding: 0;
	float: right;
	clear: none;
	font-size: 85%;
	margin: 10px 0;
}
.main_theme_detail .cassette_wrapper .cassette .article_title span.icon{
	margin: 0 5px 0 0;
	padding: 1px 5px;
	border:solid 1px #ef4028;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #ef4028;
	text-align: center;
	color: #ffffff;
	font-size: 85%;
	line-height: 0;
}
.main_theme_detail .cassette_wrapper .cassette .article_title a { text-decoration: none; display: inline; float: none; }
.main_theme_detail .cassette_wrapper .cassette .article_title a:hover { text-decoration: underline; }
.main_theme_detail .cassette_wrapper .cassette p.view_count {
	margin-top: 0;
	float: right;
	position: absolute;
	bottom: 20px; right: 45px;
	font-size: 85%;
}
.main_theme_detail .cassette_wrapper p.clip_on a {
	width: 18px;
	height: 19px;
	position: absolute;
	bottom: 20px; right: 20px;
	background: url(/includes/img/common/cassette_clip.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.main_theme_detail .cassette_wrapper p.clip_off a {
	width: 18px;
	height: 19px;
	position: absolute;
	bottom: 20px; right: 20px;
	background: url(/includes/img/common/cassette_clip_off.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.main_theme_detail .cassette_wrapper p.clip_confirm {
	display: block;
	width: 18px;
	height: 19px;
	position: absolute;
	bottom: 20px; right: 20px;
}
.main_theme_detail .cassette_wrapper p.clip_confirm a {
	position: static;
	width: 18px;
	height: 19px;
	background: url(/includes/img/common/cassette_clip_off.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/* すくコムとはページ
=========================================================================*/
.page_about_container { margin: 30px 0 10px; height: 400px; padding: 20px; overflow:auto; background: #FFFFFF; border: 1px solid #CCCCCC; }
.page_about_container h3 { margin-bottom: 15px; font-size: 115%; font-weight: 600; }
.page_about_container h4 { margin-bottom: 15px; font-size: 100%; font-weight: 600; }
.page_about_container ol { margin-bottom: 20px; padding-left: 25px; list-style: decimal; }
.page_about_container ol li { margin-bottom: 10px;}
.page_about_container p { margin-bottom: 20px; }
.page_about_container a { color: #F2729D; }
.no_scroll { height: 580px; }
.no_scroll_small { height: 340px; }

/* カスタムフォーム調整
=========================================================================*/
.main_contact_custom_edit input[type="radio"], .main_contact_custom_edit input[type="checkbox"] {
    display: inline;
    margin: 0 5px 0 0;
}
.main_contact_custom_edit select {
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
    text-indent:0; /*Firefox用*/
    text-overflow: ; /*Firefox用*/
    background: none;
}
.main_contact_custom_edit img { max-width:100%; height:auto; }
.main_contact_custom_edit .aligncenter { text-align: center; }
.main_contact_custom_edit span.form_label{
	margin: 0 5px 0 0;
	padding: 1px 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align: center;
	color: #ffffff;
	font-size: 85%;
	line-height: 0;
}
.main_contact_custom_edit span.form_label{ border:solid 1px #ef4028; background: #ef4028; }

/* 確認画面で表示したくない要素 */
.mw_wp_form_confirm .confirm_none,
.mw_wp_form_preview .confirm_none {display:none;}

/* 404ページ
=========================================================================*/
.page_404_container { margin: 0 0 10px; height: 300px; padding: 20px; overflow:auto; background: #FFFFFF; border: 1px solid #CCCCCC; }
.page_404_container h3 { margin-bottom: 15px; font-size: 115%; font-weight: 600; }
.page_404_container p { margin-bottom: 20px; }
.page_404_container a { color: #F2729D; }

/* 動画コンテンツの出し分け
=========================================================================*/
.movie-sp, .sp-only { display:none; }

/* ログインユーザーのみ閲覧可能ページに非ログイン状態でアクセスした際のページ
=========================================================================*/
.login_area_resrict {
	margin: 20px 0 20px;
	padding: 20px 16px;
	background: #f4e4de;
	border:solid 4px #ffffff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	}
.login_area_resrict .btn_login a,.login_area_resrict .btn_regist a{
	display: block;
	width: 250px;
	margin: 0 auto;
	padding: 10px 0 6px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	color: #ffffff;
	font-weight: 500;
	text-decoration: none;
	}
.login_area_resrict p {margin-bottom:20px;}
.login_area_resrict .btn_login a{ background: #78554c; border:solid 5px #78554c; box-shadow: 0 2px #48332e; font-size: 135%; }
.login_area_resrict .btn_regist a{ margin: 12px auto; background: #e26977; border:solid 5px #e26977; box-shadow: 0 2px #883f47; font-size: 115%; }
.login_area_resrict .btn_login a:hover,.login_area_resrict .btn_regist a:hover { opacity: 0.8; }
.login_area_resrict .note { width:250px; margin:0 auto; line-height: 180%;  font-size: 95%; }

/* コメントエラーページ
=========================================================================*/
.member_comment_error_container { margin: 0 0 10px; height: 300px; padding: 20px; overflow:auto; background: #FFFFFF; border: 1px solid #CCCCCC; }
.member_comment_error_container p { margin-bottom: 20px; }





/* 耳より情報CSSを通常記事に適用する
=========================================================================*/
.detail_main .mimi01_img { float:left; width:180px; margin-bottom:20px; }
.detail_main .mimi01_img img { margin-bottom:10px; }
.detail_main .pc-width170 img { width:170px !important; }

.detail_main .contents_inner {
	padding: 0 1.5em;
	margin-bottom: 40px;
}
.detail_main .button_event_medium{
	margin: 0 auto;
	width: 50%;
}
.detail_main .button_event_medium a,
.detail_main .button_event_mini a {
	color: #ffffff;
	display: block;
	text-decoration: none;
	padding: 12px 12px 8px;
	margin: 10px auto;
	border-style: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 120%;
	text-align: center;
	font-weight: 500;
	background-color: #FDA417;
	box-shadow: 0 2px #BE7B11;
	text-decoration: none;
	cursor: pointer;
}
.detail_main .button_event_mini a:hover,
.detail_main .button_event_medium a:hover {
	background: #fcb849;
}
.detail_main .button_event_medium_2columns .button_event_medium{
	width: 48%;
}
.detail_main .button_event_medium.green a{
	background: #6db000;
	box-shadow: 0 2px #3b5f00;
}
.detail_main .button_event_medium.green a:hover{
	background: #7fbb1d;
}
.detail_main .button_event_medium.bullet a:before{
	content: " ";
	display:inline-block;
	margin-right: .5em;
	width: 13px;
	height: 15px;
	background: url('/INCLUDE_HTML/ss2016/images/mimiyori/mimi07_img06.png') no-repeat;
	background-size:contain;
	vertical-align: middle;
}
.detail_main .fukidashi-recommend{
	position: relative;
}
.detail_main .fukidashi-recommend-img{
	width: 34%;
	top: -20px;
	right: 10px;
	position: absolute;
}
.detail_main .pc-float-left{
	float:left;
}
.detail_main .pc-float-right{
	float: right;
}



/* フローティングバナー
=========================================================================*/
#floating-banner {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 10;
	-moz-transition-property: opacity,-moz-transform;
	-o-transition-property: opacity,-o-transform;
	-webkit-transition-property: opacity,-webkit-transform;
	transition-property: opacity,transform;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-moz-transform: translate3d(0, 80px, 0);
	-webkit-transform: translate3d(0, 80px, 0);
	transform: translate3d(0, 80px, 0);
}
#floating-banner.active {
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#floating-banner.blur{
	opacity:.6;
}
#floating-banner .inner {
	width: 1064px;
	margin: 0 auto;
	display: table;
	padding: 10px 0;
}
#floating-banner .inner .thumb-col {
	display: table-cell;
	vertical-align: middle;
	width: 60px;
}
#floating-banner .inner .thumb-col .thumb {
	display: block;
	width: 96px;
	height: 60px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
#floating-banner .inner .thumb-col .thumb:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: .6;
}
#floating-banner .inner .thumb-col .thumb img{
	width:100%;
}
#floating-banner .inner .value-col {
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px;
	color: #fff;
	font-size: 18px;
}
#floating-banner .inner .value-col a {
	color: #fff;
	text-decoration:none;
}
#floating-banner .inner .value-col a:hover {
	text-decoration: underline;
}
#floating-banner .inner .close-col {
	display: table-cell;
	vertical-align: middle;
	width: 25px;
}
#floating-banner .inner .close-col .close {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	padding: 25px 0 0 25px;
	background: url(/includes/img/common/icon_close_floating.png) no-repeat;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
#floating-banner .inner .close-col .close:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: .6;
}

.detail_main .contents_inner {
	padding: 0 1.5em;
	margin-bottom: 40px;
}
.detail_main .button_event_medium{
	margin: 0 auto;
	width: 50%;
}
.detail_main .button_event_medium a,
.detail_main .button_event_mini a {
	color: #ffffff;
	display: block;
	text-decoration: none;
	padding: 12px 12px 8px;
	margin: 10px auto;
	border-style: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 120%;
	text-align: center;
	font-weight: 500;
	background-color: #FDA417;
	box-shadow: 0 2px #BE7B11;
	text-decoration: none;
	cursor: pointer;
}
.detail_main .button_event_mini a:hover,
.detail_main .button_event_medium a:hover {
	background: #fcb849;
}
.detail_main .button_event_medium_2columns .button_event_medium{
	width: 48%;
}
.detail_main .button_event_medium.green a{
	background: #6db000;
	box-shadow: 0 2px #3b5f00;
}
.detail_main .button_event_medium.green a:hover{
	background: #7fbb1d;
}
.detail_main .button_event_medium.bullet a:before{
	content: " ";
	display:inline-block;
	margin-right: .5em;
	width: 13px;
	height: 15px;
	background: url('/INCLUDE_HTML/ss2016/images/mimiyori/mimi07_img06.png') no-repeat;
	background-size:contain;
	vertical-align: middle;
}
.detail_main .fukidashi-recommend{
	position: relative;
}
.detail_main .fukidashi-recommend-img{
	width: 34%;
	top: -20px;
	right: 10px;
	position: absolute;
}
.detail_main .pc-float-left{
	float:left;
}
.detail_main .pc-float-right{
	float: right;
}

/* 2020 10
=========================================================================*/
.ingredient { 
	display: table;
	width: 100%;
	margin: 1em auto 1em 0;
	border-top: 1px dashed #e5b299;
}
.ingredient > div {
	display: table-row;
}
.ingredient dt,
.ingredient dd {
	display: table-cell;
	padding: 4px;
	border-bottom: 1px dashed #e5b299;
}

hr.dot-hr{
	margin: 2em auto;
	width: 30%;
	border-width: 4px 0 0;
	border-style: dotted;
	border-color:#e5b299;
}
