@charset "UTF-8";

/* ------------------------------------------------------------
レイアウトCSS
------------------------------------------------------------- */
html,body{ width: 100%; }
/*  仮処置  */
h1, h2 ,h3, h4, h5 {line-height: normal; color :#191919;}
dt img:hover {opacity: 0.4}
.home a {padding-left: 0; background: none;}
.fixed{ position: fixed;top: 0px; z-index: 9999;}



/* ------------------------------------------------------------
------------------------------------------------------------- */
.header_pc { display:block; }
.header_sp { display:none; }
#middle:after { content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both; }
#middle { width:950px; margin:0 auto 30px auto; zoom:100%; border-bottom:1px solid #eee; }
#main { margin-bottom:30px; word-break:break-all; }
.mainL { float:right; width:710px; }
.asideL { float:right; width:220px; margin-right:20px; }
.mainR { float:left; width:710px; }
.asideR { float:left; width:220px; margin-left:20px; }
#footer_sp { display:none; }
.pageBack { display:none; }
.gNav{ display:none; }
#listCat{ display:none; }
.asideR #catlist { display:none; }
#copyR { padding-bottom:15px; }

/* ---------------
#topicPath
--------------- */
#topicPath:after { content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both; }
#topicPath { width:950px; margin:0 auto; padding:20px 0; zoom:100%; }
#topicPath li { float:left; margin-right:10px; padding-right:15px; font-size:11px; background:url(/howto/static/img/icons/icon_topicPath.gif) right 50% no-repeat; }
#topicPath li:last-child { margin-right:0; padding-right:0; background:none; }

/* ---------------
#topicPath2
--------------- */
#topicPath2 { position:absolute; top:60px; left:0; width:100%; z-index:1000; }
#topicPath2 ul { width:950px; margin:0 auto 0 auto; padding:0; text-align:right; z-index:5000; }
#topicPath2 ul li { display:inline; margin-right:3px; padding-right:10px; font-size:9px; background:url(/howto/static/img/icons/icon_topicPath.gif) right 50% no-repeat; }
#topicPath2 ul li:last-child { margin-right:0; padding-right:0; background:none; }

/* ---------------
#catlist
--------------- */
#catlist { background:#eeeadf; padding:0 10px; }
#catlist .catlistInner { border-top:3px solid #f16564; }
#catlist .catlistInner h3 { padding:10px 0; font-size:14px; font-weight:bold; border-bottom:1px solid #ded7c3; color:#f16564; }
#catlist .catlistInner ul { padding-bottom:10px; }
#catlist .catlistInner ul li { font-size:13px; border-bottom:1px dotted #ded7c3; }
#catlist .catlistInner ul li a { display:block; padding:10px 0 10px 25px; background-repeat:no-repeat; background-position:0 50%; color:#333; }
#catlist .catlistInner ul li.kekkon a { background-image:url(/howto/static/img/icons/icon_latest_marriage.png); }
#catlist .catlistInner ul li.love a { background-image:url(/howto/static/img/icons/icon_latest_love.png); }
#catlist .catlistInner ul li.kaoawase a { background-image:url(/howto/static/img/icons/icon_latest_meet.png); }
#catlist .catlistInner ul li.yuinou a { background-image:url(/howto/static/img/icons/icon_latest_betrothal.png); }
#catlist .catlistInner ul li.nijikaiparty a { background-image:url(/howto/static/img/icons/icon_latest_after.png); }
#catlist .catlistInner ul li.bridalday a { background-image:url(/howto/static/img/icons/icon_latest_bridal.png); }
#catlist .catlistInner ul li.maternity a { background-image:url(/howto/static/img/icons/ico_baby.png); }
#catlist .catlistInner ul li.recipe a { background-image:url(/howto/static/img/icons/ico_recipe.png); }
#catlist .catlistInner ul li.trend a { background-image:url(/howto/static/img/icons/icon_latest_watch.png); }
#catlist .catlistInner ul li.pickup_news a { background-image:url(/howto/static/img/icons/ico_a01.png); }
#catlist .catlistInner ul li.parent a { background: url(/howto/static/img/icons/ico_parentlist.png) 10px 50% no-repeat; font-weight:bold;}

#catlist .catlistInner ul li.children a { margin-left:10px; background: url(/howto/static/img/icons/ico_subcatlist.png) 10px 50% no-repeat;}

#catlist .catlistInner ul li.topChildren a { margin-left:10px; background: url(/howto/static/img/icons/ico_parentlist.png) 10px 50% no-repeat;}
#catlist .catlistInner ul li.grandchild a { margin-left:20px; background: url(/howto/static/img/icons/ico_subcatlist.png) 10px 50% no-repeat;}

#catlist .catlistInner ul li a:hover { text-decoration:none; background-color:#F5F2EC; }


/* ---------------
#catlist2_pc
--------------- */
#catlist2_pc { border:1px solid #eee; }
#catlist2_pc .catlist2_pcInner { position:relative; }
#catlist2_pc .catlist2_pcInner .ttlArea { padding:10px 0; background:#f9f9f9; border-bottom:1px solid #eee; }
#catlist2_pc .catlist2_pcInner .ttlArea h3 { margin-bottom:5px; padding:5px 0 2px 35px; font-size:15px; line-height:1.2; font-weight:bold; background-repeat:no-repeat; background-position:10px 50%; color:#333; }
#catlist2_pc .catlist2_pcInner .ttlArea h3 span { padding-left:5px; font-size:11px; }
#catlist2_pc .catlist2_pcInner .ttlArea h3.kekkon { background-image:url(/howto/static/img/icons/icon_latest_marriage.png); }
#catlist2_pc .catlist2_pcInner .ttlArea h3.love { background-image:url(/howto/static/img/icons/icon_latest_love.png); }
#catlist2_pc .catlist2_pcInner .ttlArea h3.kaoawase { background-image:url(/howto/static/img/icons/icon_latest_meet.png); }
#catlist2_pc .catlist2_pcInner .ttlArea h3.yuinou { background-image:url(/howto/static/img/icons/icon_latest_betrothal.png); }
#catlist2_pc .catlist2_pcInner .ttlArea h3.nijikaiparty { background-image:url(/howto/static/img/icons/icon_latest_after.png); }
#catlist2_pc .catlist2_pcInner .ttlArea h3.bridalday { background-image:url(/howto/static/img/icons/icon_latest_bridal.png); }
#catlist2_pc .catlist2_pcInner .ttlArea h3.maternity { background-image:url(/howto/static/img/icons/ico_baby.png); }
#catlist2_pc .catlist2_pcInner .ttlArea h3.recipe { background-image:url(/howto/static/img/icons/ico_recipe.png); }
#catlist2_pc .catlist2_pcInner .ttlArea h3.pickup_news { background-image:url(/howto/static/img/icons/ico_a01.png); }


#catlist2_pc .catlist2_pcInner .ttlArea p { padding-left:35px; }
#catlist2_pc .catlist2_pcInner .ttlArea p a { display:inline-block; padding:1px 7px 0px 3px; text-decoration:none; background:#999; color:#FFF; font-weight:bold; font-size:11px; }
#catlist2_pc .catlist2_pcInner .ttlArea p a:hover { background:#CCC; }
#catlist2_pc .catlist2_pcInner .catlist2_pc_sub li { border-bottom:1px solid #eee; font-size:13px; }
#catlist2_pc .catlist2_pcInner .catlist2_pc_sub li:last-child { border:none; }
#catlist2_pc .catlist2_pcInner .catlist2_pc_sub li a { display:block; padding:10px 10px 10px 20px; text-decoration:none; color:#333; background:url(/howto/static/img/icons/ico_subcatlist.png) 10px 50% no-repeat; }
#catlist2_pc .catlist2_pcInner .catlist2_pc_sub li a:hover { background-color:#eee; }
#catlist2_pc .catlist2_pcInner .catlist2_pc_sub li span { padding-left:5px; font-size:11px; }
#catlist2_pc .catlist2_pcInner #catlist { position:absolute; top:0; left:220px; width:220px; display:none; }

/* ---------------
##catlist2_sp
--------------- */
#catlist2_sp { display:none; }


/* ---------------
.pTitleArea
--------------- */
.pTitleArea:after { content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both; }
.pTitleArea { margin-bottom:15px; padding:15px; background:#F6F6F6; zoom:100%; }
.pTitleArea .thum { float:left; margin-right:15px; }
.pTitleArea .thum .thumInner { width:80px; height:80px; }
.pTitleArea .textArea { float:left; width:585px; }
.pTitleArea h1 { margin-bottom:5px; font-size:25px; line-height:1.4; font-weight:bold; color:#444; }
.pTitleArea h1 strong{ font-weight:bold; color:#F97366; }
.pTitleArea p { font-size:13px; line-height:1.4; color:#333; }

/* ---------------
.pagination
--------------- */
.pagination:after { content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both; }
.pagination { margin-bottom:15px; zoom:100%; }
.pagination dt { float:left; font-size:13px; line-height:1.4; }
.pagination dd { float:right; font-size:13px; line-height:1.4; }
.pagination strong { font-weight:bold; color:#F97366; }

/* ---------------
.pagenation2
--------------- */
.pagenation2 { width:100%; zoom:1; }
.pagenation2:after { content: ""; display: block; clear: both; }
.pagenation2 dl { width: 100% zoom:1; }
.pagenation2 dl:after { content: ""; display: block; clear: both; }
.pagenation2 dt { font-size:12px; float:left; width:50%; text-align:left; }
.pagenation2 dd { font-size:12px; float:left; width:50%; text-align:right; }
.pagenation2 ul { text-align:center; }
.pagenation2 ul li { display:inline; font-size:14px; margin:0 3px 0 0; }
.pagenation2 ul li a {
    display: inline-block;
    border:1px solid #ddd;
    padding: 5px 10px;
    color:#555;
    border-radius: 3px;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 30%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top,  #ffffff 30%,#eeeeee 100%);
    background: -o-linear-gradient(top,  #ffffff 30%,#eeeeee 100%);
    background: -ms-linear-gradient(top,  #ffffff 30%,#eeeeee 100%);
    background: linear-gradient(to bottom,  #ffffff 30%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
}
.pagenation2 ul li span { display: inline-block; border:1px solid #ccc; background: #ccc; padding: 5px 10px; border-radius: 3px; color:#fff; }
.pagenation2 ul li span.pages { display:none; }

/* ---------------
.articleList
--------------- */
.articleList { margin-bottom:30px; }
.articleList .block:first-child{ border-top:1px dotted #ddd; }
.articleList .block { position:relative; border-bottom:1px dotted #ddd; }
.articleList .block .blockInner {}
.articleList .block .blockInner a.linkArea:after { content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both; }
.articleList .block .blockInner a.linkArea { display:block; text-decoration:none; padding:15px; zoom:100%; }
.articleList .block .blockInner a.linkArea:hover { background:#f6f6f6; }
.articleList .block .blockInner .thum { float:left; margin-right:15px; }
.articleList .block .blockInner .thum .thumInner { width:200px; height:140px; }
.articleList .block .blockInner .textArea { float:left; width:465px; padding-bottom:16px; }
.articleList .block .blockInner a.linkArea:link .textArea h2 { width:465px; margin-bottom:8px; font-size:18px; line-height:1.2; font-weight:bold; color:#8b3d0f; }
.articleList .block .blockInner a.linkArea:visited .textArea h2 { color:#ab4cab; font-size: 18px; line-height: 1.2; font-weight: bold;}
.articleList .block .blockInner a.linkArea:hover .textArea h2 { text-decoration:underline; color:#df2b22; }
.articleList .block .blockInner a.linkArea:active .textArea h2 { text-decoration:underline; color:#df2b22; }
.articleList .block .blockInner .textArea .datetime { float:left; margin:5px 0 10px; font-size:11px; font-weight:bold; line-height:1.4; color:#333; }
.articleList .block .blockInner .textArea .text { clear: both; margin-bottom:10px; font-size:14px; line-height:1.4; color:#333; }
.articleList .block .blockInner a.linkArea:link .textArea .text span { font-size:11px; color:#8b3d0f; }
.articleList .block .blockInner a.linkArea:visited .textArea .text span { color:#ab4cab; }
.articleList .block .blockInner a.linkArea:hover .textArea .text span { text-decoration:underline; color:#df2b22; }
.articleList .block .blockInner a.linkArea:active .textArea .text span { text-decoration:underline; color:#df2b22; }
.articleList .block .blockInner .textArea .resultView { display:none; float: right; right:15px; padding-left:20px; font-size:13px; background:url(/howto/static/img/icons/icon_result_view.png) 0 50% no-repeat; color:#333; }
.articleList .block .blockInner .textArea .resultView span { padding-left:10px; font-size:11px; font-weight:bold; color:#f99; }
.articleList .block .blockInner .writer { position:absolute; bottom:15px; right:15px; padding-left:16px; font-size:11px; background:url(/howto/static/img/icons/icon_author.gif) no-repeat 0 0; color:#333; }

/* ---------------
.pageTopIn
--------------- */
.pageTopIn { overflow:auto; width:950px; margin:0 auto 30px auto; padding:5px 0; }
.pageTop{ overflow:auto; float:right; color:#fff; font-size:12px; line-height:160%; text-align:center; border:1px solid #DBDBDB; margin:auto; box-shadow:0 1px 0 #E4E4E4, 0 2px 0 #F1F1F1, 0 2px 0 #FAFAFA; }
.pageTopIn .pageTop a { color:#333; display:block; padding:7px 7px 7px 20px ; text-decoration:none; background:url(/howto/static/img/icons/pagetop.gif) no-repeat 8px 14px; z-index:10; }
.pageTop a:link,.pageTop a:visited{}
.pageTop a:hover,
.pageTop a:active{}
.pageTopIn p a span { padding-right:5px; }

/* ---------------
.article
--------------- */
/*新規を壊さず、既存ページにも出来るだけ適用*/
/*
.article { margin-bottom:20px; border-bottom:1px solid #eee; font-size:15px; line-height:1.8; }
.article h2 { margin-bottom:40px; padding:10px 0 7px 10px; font-size:20px; font-weight:bold; border-left:5px solid #FF9899; line-height:1.2; background:#EBEBEB; color:#444; }
.article h3 { font-size:16px; font-weight:bold; margin-bottom:20px; padding-bottom:5px; line-height:1.4; border-bottom:1px dotted #CCCCCC; }
.article p { margin-bottom:40px; font-size:15px; line-height:1.8; color:#333; }
.article .pic { text-align:center; }
.article img { text-align:center; }
.article .articleWarning { font-size:13px; color:#666; clear:both; }
*/

/*新規ソースに摘要*/
.article { margin-bottom:20px; border-bottom:1px solid #eee; }
/*.article h2 { margin-bottom:40px; padding:10px 0 7px 10px; font-size:20px; font-weight:bold; border-left:5px solid #FF9899; line-height:1.2; background:#EBEBEB; color:#444; }*/

.article h2 { font-size: 19px; font-weight: bold; background: #EBEBEB; padding: 5px 0 5px 10px; margin: 0 0 22px 0; position: static; overflow: hidden; line-height: 140%; clear: both; border-left: 5px solid #FF9899;}

/*.article h3 { font-size:16px; font-weight:bold; margin-bottom:20px; padding-bottom:5px; line-height:1.4; border-bottom:1px dotted #CCCCCC; }*/
.article h3 { font-size: 17px; font-weight: bold; line-height: 140%; margin: 0 0 15px 0; clear: both; border-bottom: dotted 1px #000; padding-bottom: 3px;}

.article p { margin-bottom:20px; font-size:15px; line-height:1.8; color:#333; }
.article .pic { text-align:center; }
.article .articleWarning { font-size:13px; color:#666; clear:both; }
.article img { text-align:center; display: block; }


/*既存のソースに適用*/
/*
.article { margin-bottom:20px; font-size:15px; line-height:1.8; color:#333; border-bottom:1px solid #eee; }
.article h2 { margin:20px 0 0 0; padding:10px 0 7px 10px; font-size:20px; font-weight:bold; border-left:5px solid #FF9899; line-height:1.2; background:#EBEBEB; color:#444; }
.article h3 { margin-bottom:20px; padding:20px 0 5px 0;  font-size:16px; font-weight:bold; line-height:1.4; border-bottom:1px dotted #CCCCCC; }
.article img { text-align:center; margin-bottom:40px; display: block; }
.article .articleWarning { margin-bottom:40px; font-size:13px; color:#666; clear:both; }
*/

/* 画像の回り込み */
.article img.alignleft{ float: left;padding-right: 30px; padding-bottom: 10px;}
.article img.alignright{ float: right;padding-left: 30px; padding-bottom: 10px;}
.article img.aligncenter{ display: block;margin: auto; padding-bottom: 10px;}

/* --------------------------------------------------------
リッチエディタ用CSS
------------------------------------------------------ */
.article .richCheckList { border: 1px solid #6D9231; background: url(/howto/static/img/icons/icon_rich_check.png) no-repeat 10px 11px; margin: 0 0 24px; padding: 10px 10px 10px 52px; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; line-height: 140%; font-size: 14px; color: #333; clear: both; }

.article .richCheckList:after { content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both; }

.article .richReference { border: 1px solid #41A7B6; background: url(/howto/static/img/icons/icon_rich_reference.png) no-repeat 10px 11px; margin: 0 0 24px; padding: 10px 10px 10px 52px; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; line-height: 140%; font-size: 14px; color: #333; clear: both; }

.article .richReference:after { content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both; }

.article .richPoint { border: 1px solid #FBC200; background: url(/howto/static/img/icons/icon_rich_point.png) no-repeat 10px 6px; margin: 0 0 24px; padding: 10px 10px 10px 52px; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; line-height: 140%; font-size: 14px; color: #333; clear: both; }

.article .richPoint:after { content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both; }

.article .richNg { border: 1px solid #E02E2E; background: url(/howto/static/img/icons/icon_rich_ng.png) no-repeat 10px 9px; margin: 0 0 24px; padding: 10px 10px 10px 52px; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; line-height: 140%; font-size: 14px; color: #333; clear: both; }

.article .richNg:after { content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both; }

.article .richOk { border: 1px solid #2637D0; background: url(/howto/static/img/icons/icon_rich_ok.png) no-repeat 10px 9px; margin: 0 0 24px; padding: 10px 10px 10px 52px; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; line-height: 140%; font-size: 14px; color: #333; clear: both; }

.article .richOk:after { content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both; }

.article .richCaution { border: 1px solid #FB790F; background: url(/howto/static/img/icons/icon_rich_caution.png) no-repeat 10px 9px; margin: 0 0 24px; padding: 10px 10px 10px 52px; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; line-height: 140%; font-size: 14px; color: #333; clear: both; }

.article .richCaution:after { content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both; }

.article strong { font-weight: bold;}

/*  ------------------------------------------------------------
チェックリスト（ul）
------------------------------------------------------------- */
.article ul.checkList { margin:0 0 24px; zoom:1:; border: 1px solid #6D9231 ; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px 7px 3px 11px; list-style-type: none;}
.article ul.checkList:after { content:''; display:block; clear:both; }
.article ul.checkList li { display:block; font-size: 14px; background: url(/howto/static/img/icons/icon_rich_check.png) no-repeat 0 1px; padding-left: 41px; padding-bottom: 5px; margin-left: 0; list-style-type: none ;}

/*  ------------------------------------------------------------
 blockquote
------------------------------------------------------------- */
.article blockquote {overflow: auto; line-height:1.6; margin:0 0 24px; padding: 1em; border: 1px solid #ddd; background: #efefef; color: #444;}
.article blockquote p {margin-bottom: 0;}

/* --------------------------------------------------------
記事用ol ul
------------------------------------------------------ */
.article ol {list-style-type: decimal; border: 1px solid #666 ; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px 7px 10px 11px; font-size: 12px; margin: 0 0 24px;}
.article ol li { line-height: 170%; line-height: 200%; font-size: 14px; margin-left: 30px; }
.article ul {border: 1px solid #666 ; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px 7px 10px 11px; margin: 0 0 24px;}
.article ul li { line-height: 170%; list-style-type: disc; line-height: 200%; font-size: 14px; margin-left: 25px; }

/* --------------------------------------------------------
記事用お知らせ枠
------------------------------------------------------ */
#info {background-color: #EEEEEE; border-radius: 4px 4px 4px 4px; margin: 0 auto 15px; padding: 20px 0; text-align: left; clear: both; zoom: 1; overflow: hidden; display:inline-block}
#info:after { content : ''; display : block; clear : both;}
.coBoxLiImg { float: left; padding-left: 20px;}
.coBoxLiTxt { float: left; width: 530px; padding: 0 20px; font-size: 14px; line-height: 180%;}

/* --------------------------------------------------------
テーブルタグ
------------------------------------------------------ */
.article table{margin-bottom: 1.5em;padding: 0;border-top: 1px solid #959595;border-left: 1px solid #959595;}
/* 「table」の1行目に「colspan」を利用する場合は「auto」を指定する */
/* .article table{ table-layout: auto; } */
.article th,.article td{padding: 0.5em;border-right: 1px solid #959595;border-bottom: 1px solid #959595;}
.article th{background-color: #f0f0f0;font-weight: bold;text-align: left;}
/* ●テーブルタグ スタイル01 */
.article table.tableStyle01 th,
.article table.tableStyle01 td{text-align: left;vertical-align: top;}

/* ---------------
.sidebarBnr
--------------- */
.sidebarBnr { margin-bottom:10px; }
.sidebarBnr li { margin-bottom:10px; }
.sidebarBnr li:last-child { margin-bottom:0; }
.sidebarBnr li a:hover img { filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }

/* ---------------
.pTitleArea2
--------------- */
.pTitleArea2 { position:relative; padding:14px; border:1px solid #DDDDDD; background:#F6F6F6; margin-bottom: 40px; }
.pTitleArea2 .tag { margin-bottom:10px; padding:3px 7px 2px 7px; font-size:11px; color:#FFF; background:#EF5F5F; 
    display:inline-block;  
    *display:inline;  
    *zoom:1;  
}
.pTitleArea2 .tag.yuinou { background: #D6588D;}
.pTitleArea2 .tag.love { background: #FFB49D;}
.pTitleArea2 .tag.kekkon { background: #EF5F5F;}
.pTitleArea2 .tag.kaoawase { background: #E488D3;}
.pTitleArea2 .tag.bridalday { background: #A06F32;}
.pTitleArea2 .tag.nijikaiparty { background: #F8A93F;}
.pTitleArea2 .tag.trend { background: #8FB79D;}

.pTitleArea2 h1 { width: 100%; margin-bottom:10px; font-size:26px; line-height:1.2; font-weight:bold; color:#333; min-height:50px; }
.pTitleArea2 .datetime { float:left; margin-right:10px; font-size:11px; font-weight:bold; line-height:1.4; color:#333; }
.pTitleArea2 .writer { float:left; padding-left:16px; font-size:11px; background:url(/howto/static/img/icons/icon_author.gif) no-repeat 0 0; color:#333; }
.pTitleArea2 .socialLinkArea { position:absolute; bottom:14px; right:3px; margin-bottom:0; text-align:left; }
.pTitleArea2 .socialLinkArea_spOuter { display:none; }
.pTitleArea2 .socialLinkArea .gplus { width:60px; }
.pTitleArea2 .resultView { display:none; position:absolute; top:15px; right:15px; width:112px; height:64px; border:1px solid #eee; background:#FFF; }
.pTitleArea2 .resultView .resultViewInner { text-align:center;}
.pTitleArea2 .resultView .resultViewInner .count { position:relative; top:20px; display:inline; margin-bottom:5px; padding-left:17px; font-size:20px; font-weight:bold; color:#333; background:url(/howto/static/img/icons/icon_result_view.png) 0 50% no-repeat; }
.pTitleArea2 .resultView .resultViewInner .text {position:relative; top:20px; display:block; font-size:11px; font-weight:bold; color:#999; }


/* ---------------
.pTitleArea3
--------------- */
.pTitleArea3 h3 { margin-bottom:15px; padding:10px; font-size:15px; line-height:1.4; color:#fff; background:#FF9999; }
.pTitleArea3 h3 strong { font-weight:bold; color:#fff; }

/* ---------------
.pTitleArea4
--------------- */
.pTitleArea4 { margin-bottom:40px; }
.pTitleArea4 h1 { margin-bottom:15px; padding:10px 10px 10px 10px; font-size:26px; line-height:1.4; font-weight:bold; color:#333; background:#F6F6F6; border-left:5px solid #FF9999; }
.pTitleArea4 h1 strong { font-weight:bold; color:#F97366; }
.pTitleArea4 .socialLinkArea { text-align:right; margin-bottom:20px; }
.pTitleArea4 .socialLinkArea_spOuter { display:none; }
.pTitleArea4 .socialLinkArea  li.gplus { width:57px; margin-right:0; }

.pTitleArea4 .blockOuter {}
.pTitleArea4 .block { zoom:1; }
.pTitleArea4 .block:after { content: ""; display: block; clear: both; }
.pTitleArea4 .block .thum { float:left; width:140px; vertical-align:top; }
.pTitleArea4 .block .thum img { width:100%; height:auto; }
.pTitleArea4 .block .text { float:left; width:550px; }
.pTitleArea4 .block .text .name { margin-bottom:10px; padding-left:20px; font-size:18px; font-weight:bold; color:#333; }
.pTitleArea4 .block .text .text { font-size:15px; padding-left:20px; color:#333; }

/* ---------------  
.socialLinkArea
--------------- */
.socialLinkArea { height:20px; margin-bottom:40px; text-align:center; }
.socialLinkArea li { display:inline-block; margin-right:10px; vertical-align:bottom; }
.socialLinkArea li.facebook { position:relative; top:-5px; }
.socialLinkArea li.facebook { position:relative; top:1px\9; }
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .socialLinkArea li.facebook { position:relative; top:0; } /* IE11 */
}
.socialLinkArea li.twitter {}
.socialLinkArea li.hatebu {}
.socialLinkArea li.gplus {}






/* --------------------------------------------------------
ヘッダーリニューアル　2014/09/29
--------------------------------------------------------  */
#header {z-index: 10;}
#unityheader * { margin: 0; padding: 0; outline:none; border:none; list-style: none; font-family: Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Sans-serif; background: none; vertical-align: top; }
#unityheader a { text-decoration: none; }
#unityheader .pop { display: none; }
#unityheader .childmenu { display: none; }
#unityheader .focus { color:#969696;}
#unityheader { width: 100%; text-align: center; zoom:1; }
#unityheader:after { content: ""; display: block; clear: both; }
#unityheader .top { width: 950px; height: 80px; margin: 0 auto; text-align: left; position: relative; zoom:1; }
#unityheader .top:after { content: ""; display: block; clear: both; }
#unityheader .logo { width:185px; height: 35px; position: absolute; top: 12px; }
#unityheader .sitelogo { line-height: 5px; position: absolute; top: 32px; left: 195px; }
#unityheader .logotxt { position: absolute; width:500px; top: 54px; font-size: 11px; color:#545454; }
#unityheader .menu { position: absolute; top:12px; right: 0; }
#unityheader .menu li { display: inline; font-size: 11px; padding: 0 0 0 30px; color:#666; line-height: 16px; vertical-align:top; }
#unityheader .menu li.link a { color:#666; line-height: 16px; vertical-align:top; }
#unityheader .menu li.link a:hover { text-decoration: underline; }
#unityheader .menu li.link a em { padding: 0 3px; font-style: normal; font-weight: 900; font-size: 13px; color:#FF7272; line-height: 16px; }
#unityheader .menu li.link a:hover em { text-decoration: underline; }
#unityheader .menu li.link.login { background: url(img/uh_ico_login.png) 11px center no-repeat; }
#unityheader .menu li.link.register { background: url(img/uh_ico_register.png) 13px center no-repeat; }
#unityheader .menu li.link.intro { background: url(img/uh_ico_intro.png) 13px center no-repeat; }
#unityheader .menu li.link.user { padding: 0; }
#unityheader .menu li.link.tips { background: url(img/uh_ico_em.png) 13px center no-repeat; }
#unityheader .menu li.link.point { background: url(img/uh_ico_p.png) 13px center no-repeat; }
/*#unityheader .headerLogin { position: absolute; top:18px; right: 0; }*/
/*#unityheader .headerLogin li { display: inline; font-size: 11px; }
#unityheader .headerLogin li a.link { padding: 0 0 0 30px; color:#666; }
#unityheader .headerLogin li a.link.loginIcon { background: url(img/uh_ico_login.png) 11px center no-repeat; }
#unityheader .headerLogin li a.link.newMembarIcon { background: url(img/uh_ico_register.png) 13px center no-repeat; }
#unityheader .headerLogin li a.link.beginnerIcon { background: url(img/uh_ico_intro.png) 13px center no-repeat; }*/
#unityheader .search { position: absolute; top: 40px; right: 0; width: 290px; height: 27px; }
#unityheader .search .txtform { float: left; vertical-align:middle; border:1px solid #ddd; border-right: none; height: 27px; /height:25px; position: relative; width: 250px; /width:249px; box-sizing:border-box;}
#unityheader .search .txtform input { width: 250px; line-height: 20px; height: 20px; font-size:13px; padding:0; margin: 0; vertical-align:middle; border:none; outline: none; text-indent: 9px; position: absolute; top:3px; }
#unityheader .search .searchbtn { float: right; vertical-align:top; }
#unityheader .search .searchbtn input { width: 40px; line-height: 27px; height: 27px; border: none; outline: none; margin: 0; padding: 0; background: url(img/uh_btn_search.png); cursor:pointer; vertical-align:top; }
#unityheader #unitynav { border-top:1px solid #ddd; width:100%; zoom:1; }
#unityheader #unitynav:after { content: ""; display: block; clear: both; }
#unityheader #unitynav .inner { margin:0 auto; width:950px; zoom:1; }
#unityheader #unitynav .inner:after { content: ""; display: block; clear: both; }
#unityheader #unitynav .inner li { line-height:40px; width:158px; float:left; font-size: 13px; }
#unityheader #unitynav .inner li.wedding { width:160px; }
#unityheader #unitynav .inner li a { display:block; line-height:40px;text-align:center; padding:12px 0; margin:0; color:#404040; }
#unityheader #unitynav .inner li a span { display:block; text-align:center; padding:0; color:#404040; border-left:1px solid #ddd; line-height: 16px; }
#unityheader #unitynav .inner li.campaign a span { border-right:1px solid #ddd; }
#unityheader #unitynav .inner li a:hover { text-decoration:none; }
#unityheader #unitynav .inner li.wedding a:hover span { color:#FA7466; }
#unityheader #unitynav .inner li.party a:hover span { color:#EF6D11 }
#unityheader #unitynav .inner li.kaoawase a:hover span { color:#DA5C98; }
#unityheader #unitynav .inner li.bridal a:hover span { color:#a88e5e; }
#unityheader #unitynav .inner li.howto a:hover span { color:#FA7466; }
#unityheader #unitynav .inner li.campaign a:hover span { color:#FA7466; }
#unityheader #unitysubnav { width:100%; zoom:1; }
#unityheader #unitysubnav:after { content: ""; display: block; clear: both; }
#unityheader #unitysubnav .inner { margin:0 auto; width:950px; zoom:1; position:relative; }
#unityheader #unitysubnav .inner:after { content: ""; display: block; clear: both; }
#unityheader #unitysubnav .childmenu { position:absolute; top:-1px; background-color:#fff; text-align: left; font-size:12px; color:#525252; z-index:9999; min-width: 158px; box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2); }
.ie7 #unityheader #unitysubnav .childmenu,
.ie8 #unityheader #unitysubnav .childmenu { border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; }
#unityheader #unitysubnav .childmenu ul { padding: 10px 20px; }
#unityheader #unitysubnav .childmenu ul li { font-size:13px; padding: 5px 0; position: relative; }
#unityheader #unitysubnav .childmenu ul li a { color:#525252; }
#unityheader #unitysubnav .childmenu ul li a:hover { color:#999; }
#unityheader #unitysubnav .wedding { left:0; border-bottom:3px solid #FA7466; }
#unityheader #unitysubnav .party { left:160px; border-bottom:3px solid #EF6D11; }
#unityheader #unitysubnav .kaoawase { left:318px; border-bottom:3px solid #DA5C98; }
#unityheader #unitysubnav .bridal { left:476px; border-bottom:3px solid #b89e6e; }
#unityheader #unitysubnav .howto { left:634px; border-bottom:3px solid #FA7466; }
#headerBreadcrumbs { width: 950px; margin:-8px auto 0; padding: 2px 0 5px; font-size: 10px; zoom:1; text-align: right; }
#headerBreadcrumbs:after { content:''; display:block; clear:both; }
#headerBreadcrumbs ul li:first-child { background: none; padding: 0; }
#headerBreadcrumbs ul li { display: inline; margin-right: 0;line-height: 1.8;text-align: right;list-style: none; padding-left: 20px; background: url(img/icon_breadcrumbs.gif) 7px 4px no-repeat; }
#unityheader #unitysubnav .undermenu { display: none; position: absolute; top:26px; left: 0; padding:5px 0 0; background: url(img/arw_up.png) 13px top no-repeat; z-index: 99999; }
#unityheader #unitysubnav .undermenu .list { background-color: #fff; border-top:none; padding: 1em 0 0; padding: 20px 20px 0; box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2); zoom:1;}
.ie7 #unityheader #unitysubnav .undermenu .list,
.ie8 #unityheader #unitysubnav .undermenu .list { border:1px solid #ddd; border-top:none; }
#unityheader #unitysubnav .undermenu .list:after { content: ""; display: block; clear: both; }
#unityheader #unitysubnav .undermenu .list .tit { font-size: 14px; color:#ff6648; padding: 0 0 10px; white-space: nowrap; line-height: 1.2; }
#unityheader #unitysubnav .undermenu .list p { padding:0 0 5px; white-space: nowrap; font-size: 10px; color:#999; line-height: 1.4; }
#unityheader #unitysubnav .undermenu .list ol { zoom:1; padding: 0 0 20px; }
#unityheader #unitysubnav .undermenu .list ol:after { content: ""; display: block; clear: both; }
#unityheader #unitysubnav .undermenu .list ol li { float: none; white-space: nowrap; padding: 0 ; margin: 0; line-height: 20px; font-size: 12px; }
#unityheader #unitysubnav .undermenu .list ol li a { line-height: 20px; margin: 0; padding: 0; display: inline-block; /display: inline; /zoom:1; }
#unityheader #unitysubnav .undermenu .list ol li a:hover { color:#df2b22; text-decoration: underline; }
#unityheader #unitysubnav .undermenu .list ul { padding:0 0 20px; zoom:1; }
#unityheader #unitysubnav .undermenu .list ul:after { content: ""; display: block; clear: both; }
#unityheader #unitysubnav .undermenu .list ul li { float: left; white-space: nowrap; padding: 2px 7px 7px 0; margin: 0; line-height: 20px; font-size: 12px; }
#unityheader #unitysubnav .undermenu .list ul li a { display: inline; }
#unityheader #unitysubnav .undermenu .list ul li a:hover { color:#df2b22; text-decoration: underline; }
#unityheader #unitysubnav .undermenu .list.area { width: 350px; padding:20px 20px 20px; }
#unityheader #unitysubnav .undermenu .list.area ol { padding: 0; }
#unityheader #unitysubnav .undermenu .list.area ol li { float: left; padding: 2px 7px 7px 0; }
#unityheader #unitysubnav .undermenu .list.area dl { padding: 0; margin: 0; line-height: 20px; font-size: 13px; zoom:1; }
#unityheader #unitysubnav .undermenu .list.area dl:after { content: ""; display: block; clear: both; }
#unityheader #unitysubnav .undermenu .list.area dl dt { line-height: 20px; font-size: 13px; float: left; width: 4.5em; margin: 0; padding: 2px 10px 2px 0; font-weight: 900; }
#unityheader #unitysubnav .undermenu .list.area dl dd { line-height: 20px; font-size: 13px; float: left; margin: 0; padding: 2px 7px 2px 0; }
#unityheader #unitysubnav .undermenu .list.area dl a { line-height: 20px; font-size: 13px; display: inline; }
#unityheader #unitysubnav .undermenu .list.area dl a:hover { color:#df2b22; text-decoration: underline; }
#unityheader #unitysubnav .undermenu .list.plan ol { width: 34em; overflow: hidden; }
#unityheader #unitysubnav .undermenu .list.plan ol li { float: left; width: 17em; padding: 2px 0 7px; }

/* howto */
#header { position:relative; z-index: 10;}
#unityheader.howto #unitysubnav { border-bottom:1px solid #f7877b; background:#ffa197; }
#unityheader.howto #unitynav .inner li.howto { height:30px; }
#unityheader.howto #unitynav .inner li.howto span { border:none; color:#fff; }
#unityheader.howto #unitynav .inner li.campaign span { border-left-color:#fff; }
#unityheader.howto #unitynav .inner li.howto li { display:inline; float:left; line-height:20px; padding:5px 0; }
#unityheader.howto #unitynav .inner li.howto li a { padding:0 10px 0 0; font-size:12px; background:none; }
#unityheader.howto #unitynav .inner li.howto a { background:#FA7466 none; color:#fff; border-top:2px solid #E14833; margin:-1px 0 0; line-height:39px; }
#unityheader.howto #unitynav .inner li.howto a:hover span { color:#fff; }
#unityheader.howto .childmenu.howto { display: block; }
#unityheader.howto #unitysubnav .howto { position: static; top:auto; width: auto; background-color: transparent; border:none; box-shadow: none; }
#unityheader.howto #unitysubnav .howto ul { padding:5px 0; border:none; width: 100%; overflow: hidden; }
#unityheader.howto #unitysubnav .howto li { float:left; line-height:20px; padding:0; }
#unityheader.howto #unitysubnav .howto li a { display: block; line-height:12px; padding:3px 0; }
#unityheader.howto #unitysubnav .howto li a:hover { text-decoration: underline; color: #fff; }
#unityheader.howto #unitysubnav .howto li a span { color:#fff; padding:0 10px 0; display: block; border-left:1px solid #ffc1b7; line-height:14px; }
#unityheader.howto #unitysubnav .howto li:last-child a { background: none; }
#unityheader.howto #unitysubnav .howto li:last-child a span { border-right:1px solid #ffc1b7; }
#unityheader.howto #unitysubnav .childmenu ul { border:none; }
#headerBreadcrumbs { width: 950px; margin:-8px auto 0; padding: 2px 0 5px; font-size: 10px; zoom:1; text-align: right; }
#headerBreadcrumbs:after { content:''; display:block; clear:both; }
#headerBreadcrumbs ul li:first-child { background: none; padding: 0; }
#headerBreadcrumbs ul li { display: inline; margin-right: 0;line-height: 1.8;text-align: right;list-style: none; padding-left: 20px; background: url(img/icon_breadcrumbs.gif) 7px 4px no-repeat; }
#unityheader.howto #unitysubnav .childmenu ul li { border:none; }

/* add */
.topMain{
    width: 75%;
}



/* --------------------------------------------------------
結婚式場を探すの中身　メインカラム
--------------------------------------------------------  */
#locationMain {
    margin-bottom:40px;
}
#locationMain h2 {
  position: relative;
  margin: 0 0 10px;
  padding: 8px 0;
  background-image: url(../img/content_title.png);
  background-repeat: no-repeat;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  line-height: 25px;
}
#searchingArea{}
#searchingArea .map100,
#searchingArea .style{
    width:360px;
}
#searchingArea .map100{
    float:left;
    padding:0;
}
#searchingArea .style{
    float:right;
}
#searchingArea p{ background:url(/howto/static/img/icons/icon_wsearch.gif) no-repeat scroll;
    font-weight: bold;
    font-size:13px;
    padding: 3px 0 3px 25px;
    margin-bottom:5px;
}
#searchingArea .map100 {
    background: url("http://wedding.gnavi.co.jp/wedding/img/sptype/map.png") no-repeat scroll 53px 15px rgba(0, 0, 0, 0);
    width: 350px;
    min-height:100px;
    height: auto !important;
    height: 100px;
}
#searchingArea .map100 dl{
    background:none;
    padding:0;
}
#searchingArea .map100 dl dt, #searchingArea .map100 dl ul, #searchingArea .map100 dl li {
    float: left;
}
#searchingArea .map100 dl dt, #searchingArea .map100 dl li {
    font-size: 12px;
}
#searchingArea .map100 dl dt {
    clear: both;
    width: 62px;
    font-weight:bold;
    line-height:2.33;
}
#searchingArea .map100 dl ul {
    width: 285px;
}
#searchingArea .map100 dl li {
    margin-right: 15px;
    line-height:2.33;
}
#searchingArea .map100 dl li a {
    border-left:none;
    padding: 0 ;
    width: none;
}
#searchingArea .style ul{
    margin-left:0;
}
#searchingArea .style li{
    font-size:12px;
    background: url(/howto/static/img/icons/icon_howto.gif) no-repeat scroll 0 5px rgba(0, 0, 0, 0);
    padding: 0 0 5px 10px;
}
#searchingArea .brdStyle{
    float:none;
    width:700px;
}
#searchingArea .brdStyle li{
    float:left;
    margin-right:30px;
}

#mcdom_invitationLink { display: none;}


.subContCatListV2 { width: 100%; zoom:1; }
.subContCatListV2:after { content:''; display:block; clear:both; }
.subContCatListV2 p { font-size: 12px; margin-bottom: 15px; }
.subContCatListV2 h3 { border-top:3px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding: 10px 0; margin: 0 0 10px; font-weight: 900; font-size: 15px; color:#555; }
.subContCatListV2 dl { width: 223px; height: 140px; float: left; margin: 0 20px 0 0; }
.subContCatListV2 dl.kekkon { background:none;}
.subContCatListV2 dl.love {background:none; }
.subContCatListV2 dl.kaoawase { background:none; }
.subContCatListV2 dl.yuinou { background:none; }
.subContCatListV2 dl.nijikaiparty { background:none; }
.subContCatListV2 dl.bridalday { background:none; }
.subContCatListV2 dl.trend { background:none; }
.subContCatListV2 dl.pickup_news { background:none; }
.subContCatListV2 dl.maternity { background:none; }
.subContCatListV2 dl.recipe { background:none; }
.subContCatListV2 dl.side { margin: 0; }
.subContCatListV2 dt { margin: 0 0 5px; border-bottom:1px solid #ccc; font-size: 12px; color:#322; }
.subContCatListV2 dt a { display:inline-block; color:#322; padding: 5px 0 5px 25px; }
.subContCatListV2 dd { font-size: 11px; margin: 0; padding: 0 0 2px; }

.subContCatListV2 dl.kekkon dt a { background: url(/howto/static/img/icons/icon_latest_marriage.png) 0 center no-repeat; }
.subContCatListV2 dl.love dt a { background: url(/howto/static/img/icons/icon_latest_love.png) 0 center no-repeat; }
.subContCatListV2 dl.kaoawase dt a { background: url(/howto/static/img/icons/icon_latest_meet.png) 0 center no-repeat; }
.subContCatListV2 dl.yuinou dt a { background: url(/howto/static/img/icons/icon_latest_betrothal.png) 0 center no-repeat; }
.subContCatListV2 dl.nijikaiparty dt a { background: url(/howto/static/img/icons/icon_latest_after.png) 0 center no-repeat; }
.subContCatListV2 dl.bridalday dt a { background: url(/howto/static/img/icons/icon_latest_bridal.png) 0 center no-repeat; }
.subContCatListV2 dl.trend dt a { background: url(/howto/static/img/icons/icon_latest_watch.png) 0 center no-repeat; }
.subContCatListV2 dl.pickup_news dt a { background: url(/howto/static/img/icons/ico_a01.png) 0 center no-repeat; }
.subContCatListV2 dl.maternity dt a { background: url(/howto/static/img/icons/ico_baby.png) 0 center no-repeat; }
.subContCatListV2 dl.recipe dt a { background: url(/howto/static/img/icons/ico_recipe.png) 0 center no-repeat; }

.subContCatListV2 ul { width: 100%; overflow: hidden; margin:0 0 20px; zoom:1; }
.subContCatListV2 li { width: 50%; margin: 0; padding: 0; height: auto; float: left; }
.subContCatListV2 li span { display:block; border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;border-left:;width: auto;padding: 5px;margin: 0;background: none;background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); }
.subContCatListV2 li span:odd a { border-left:none;}

.catTtl { position:relative; margin-bottom:10px; }
.catTtl:before {
    content:"";
    position:absolute;
    top:0;
    left:10px;
    width:200px;
    height:3px;
    background:#f16564;
}
.catTtl a { display:block; padding:13px 10px 10px 10px; font-weight:bold; background:#eeeadf; color:#f16564; }
.catTtl a:hover { text-decoration:none; background-color:#F5F2EC; }

/* --------------------------------------------------------
記事ページの著者情報
--------------------------------------------------------  */
#entryAuthorInfo {
    border: 1px solid #FF9899;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 20px;
    display: block;
}
#entryAuthorInfo .entryAuthorHead{
	display: none;
}
#entryAuthorInfo .thum {
    float: left;
    width: 140px;
}
#entryAuthorInfo .thum img{
    max-width: 100%;
}
#entryAuthorInfo .writerInfo {
    float: right;
    width: 510px;
}
#entryAuthorInfo .writerInfo .writer {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
                      

/* --------------------------------------------------------
追加分 20151119
--------------------------------------------------------  */
.clear:after { content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both; }
.clear { zoom:100%; }
.pTitleArea .thum .thumInner { overflow:hidden; }
.articleList .block .blockInner .thum .thumInner { overflow:hidden; }


/* --------------------------------------------------------
タブメニュー .tabMenu
--------------------------------------------------------  */
.tabMenu { width:100%; margin-bottom:15px; border-bottom:3px solid #ff9999; zoom:100%; }
.tabMenu:after { content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both; }
.tabMenu li { float:left; margin-right:5px; }
.tabMenu li a { display:block; width:100px; height:29px; line-height:30px; text-align:center; font-weight:bold; background:#fff; border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; color:#ff9999; }
.tabMenu li a.i-active { background:#ff9999; border:none; border-top:1px solid #ff9999; border-right:1px solid #ff9999; border-left:1px solid #ff9999; color:#fff; }

/* --------------------------------------------------------
結婚・結婚準備ランキング .rankingArea
--------------------------------------------------------  */
.rankingArea {}
.rankingArea__title { margin-bottom:10px; padding-left:30px; font-size:18px; font-weight:bold; line-height:1.2; background:url(../img/icons/icon_rank.gif) 0 0 no-repeat; background-size:20px 20px; }
.rankingArea__title--pink { color:#ff9999; }
.rankingArea__title .name { color:#ff9999; }
.rankingArea__text { margin-bottom:10px; font-size:11px; color:#999; }
.rankingArea ul { background:#FBFAF9; border:1px solid #E7E3DC; /*width:218px;*/ }
.rankingArea ul li { border-bottom:1px dotted #ccc; }
.rankingArea ul li a { display:block;  padding:9px; zoom:100%; }
.rankingArea ul li a:link { text-decoration:none; color:#8b3d1b; }
.rankingArea ul li a:visited { text-decoration:none; color:#8b3d1b; }
.rankingArea ul li a:hover { cursor:pointer; text-decoration:none; color:#df2b22; background:#fff; }
.rankingArea ul li a:active { cursor:pointer; text-decoration:none; color:#df2b22; background:#fff; }
.rankingArea ul li a:after { content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both; }
.rankingArea ul li:last-child { border-bottom:none; }
.rankingArea ul li a .i-rank { display:block; float:left; width:32px; padding-right:10px; text-align:center; font-size:15px; color:#333; }
.rankingArea ul li a .i-rank span { font-size:12px; }
.rankingArea ul li a .i-data { display:block; float:left; width:158px; line-height:1.4; /*background:#9900FF;*/ }
.rankingArea ul li a .i-data__text { display:block; font-size:12px; }
.rankingArea ul li a:hover .i-data__text { text-decoration:underline; }
.rankingArea ul li a:active .i-data__text { text-decoration:underline; }
.rankingArea ul li a .i-data__writer { display:block; font-size:11px; color:#333; }
.rankingArea ul li a .i-data__writer img { position:relative; top:2px; margin-right:2px; }

/* --------------------------------------------------------
結婚・結婚準備ランキング .footer_rankingArea
この記事を読んだ人はこんな記事も読んでいます
--------------------------------------------------------  */
.footer_rankingArea { margin-bottom:20px; border:1px solid #e6e6e6; }
.footer_rankingArea__title { padding:10px; font-size:16px; border-bottom: 1px dotted #ccc; background:#f3f3f3; }
.footer_rankingArea__data { padding:20px 0px 0 20px; }
.footer_rankingArea__data li { float:left; width:324px; margin-right:20px; margin-bottom:20px; }
.footer_rankingArea__data li a { display:block; }
.footer_rankingArea__data li a:hover { background:#eee; color:inherit; }
.footer_rankingArea__data li .i-inner {}
.footer_rankingArea__data li .i-inner__thum { float:left; position:relative; width:75px;  }
.footer_rankingArea__data li .i-inner__thum .i-thum { width:75px; height:50px; overflow:hidden; }
.footer_rankingArea__data li .i-inner__thum .i-thum img{ max-width:75px; }
.footer_rankingArea__data li .i-inner__thum .i-rank { display:block; position:absolute; top:0; left:0; width:17px; height:17px; line-height:17px; font-size:13px; text-align:center; }
.footer_rankingArea__data li .i-inner__thum .i-rank--1 { background:#ffb100; color:#fff; }
.footer_rankingArea__data li .i-inner__thum .i-rank--2 { background:#b6b6b6; color:#fff; }
.footer_rankingArea__data li .i-inner__thum .i-rank--3 { background:#aa6d44; color:#fff; }
.footer_rankingArea__data li .i-inner__thum .i-rank--4 { background:#332f30; color:#fff; }
.footer_rankingArea__data li .i-inner__thum .i-rank--5 { background:#332f30; color:#fff; }
.footer_rankingArea__data li .i-inner__thum .i-rank--6 { background:#332f30; color:#fff; }
.footer_rankingArea__data li .i-inner__data { float:left; width:219px; padding:0 10px; }
.footer_rankingArea__data li .i-inner__data { font-size:12px; }
.footer_rankingArea__data li .i-inner__data h4 { font-size:13px; margin-bottom:1px; line-height:1.2; }
.footer_rankingArea__data li .i-inner__data p { line-height:1.2; color: #191919;}
.footer_rankingArea__data li .i-inner__data p img { position:relative; top:5px; padding-right:3px; }
.footer_rankingArea__data li .i-inner__data p span { font-size:10px; padding-left:3px; font-weight:bold; color:#FF9A9A; }


/*  ------------------------------------------------------------
記事広告 20151201追加
------------------------------------------------------------- */
.otherBlock_A_pc { display:block; margin-bottom:20px; font-weight:bold; }
.otherBlock_A_pc a { display:block; width:670px; padding:15px 20px 20px 20px; background:#FEF5DA; line-height:1.6; }
.otherBlock_A_pc a:hover { cursor:pointer; background:#FEF8E5;}
.otherBlock_A_pc a .i-title { font-size:18px; margin-bottom:12px; line-height:1.4; }
.otherBlock_A_pc a .i-thum { float:left; width:60px; } 
.otherBlock_A_pc a .i-thum__inner { width:60px; height:60px; overflow:hidden; }
.otherBlock_A_pc a .i-thum__inner img { width:60px; height:60px; }
.otherBlock_A_pc a .i-text { float:left; width:600px; padding-left:10px; font-weight:normal; }
.otherBlock_A_pc a:link { text-decoration:none; color:#666; }
.otherBlock_A_pc a:visited { text-decoration:none; color:#666; }
.otherBlock_A_pc a:hover { cursor:pointer; text-decoration:none; color:#666; }
.otherBlock_A_pc a:active { cursor:pointer; text-decoration:none; color:#666; }
.otherBlock_A_sp { display:none; }
 #adRandomList li { display:none; clear:both; }

/*  ------------------------------------------------------------
おすすめ記事 20151203追加
------------------------------------------------------------- */
/* 赤 #df2b22 */
/* 茶 8b3d0f */
/* 紫 ab4cab */
.pTitleArea3--pc { display:block; }
.pTitleArea3--sp { display:none; }

 
.osusume { display:block; width:100%; margin-bottom:20px; }
.osusume_sp { display:none; }


.osusume__main { float:left; width:305px; position:relative; }

.osusume__main a.linkArea { display:block; padding:10px 10px 9px 10px; }
.osusume__main a.linkArea .i-thum { width:285px; height:200px; margin-bottom:10px; overflow:hidden; }
.osusume__main a.linkArea .i-thum img { width:100%; }
                           .osusume__main a.linkArea .i-title { font-size:15px; margin-bottom:5px; font-weight:bold; line-height:1.3; color:#8b3d0f; min-height:38px; }
.osusume__main a.linkArea .i-text { font-size:11px; margin-bottom:5px;  color:#333; line-height:1.6; }
.osusume__main a.linkArea .i-text span { font-size:11px; color:#8b3d0f; }
.osusume__main a.linkArea .i-date { float:left; color: #666; margin-right:5px; }
.osusume__main a.linkArea .i-view { float:left; line-height:1.2; color:#666; }
.osusume__main a.linkArea .i-view img { position:relative; top:5px; padding-right:3px; }
.osusume__main a.linkArea .i-view .i-bold { font-size:10px; padding-left:3px; font-weight:bold; color:#FF9A9A; }
.osusume__main .writer { position:absolute; bottom:10px; right:10px; padding-left:16px; font-size:11px; background:url(../img/icons/icon_author.gif) no-repeat 0 0; color:#333; }

.osusume__main a.linkArea:link { text-decoration:none; color:#8b3d1b; background:#eeeadf;}
.osusume__main a.linkArea:visited { text-decoration:none; color:#8b3d1b; background:#eeeadf; }
.osusume__main a.linkArea:hover { text-decoration:none; color:#df2b22; background:#F5F2EC; cursor:pointer; }
.osusume__main a.linkArea:active { text-decoration:none; color:#df2b22; background:#F5F2EC; cursor:pointer; }

.osusume__main a.linkArea:hover .i-title { color:#df2b22; text-decoration:underline; }
.osusume__main a.linkArea:hover .i-text span { color:#df2b22; text-decoration:underline; }
.osusume__main a.linkArea:active .i-title { color:#df2b22; text-decoration:underline; }
.osusume__main a.linkArea:active .i-text span { color:#df2b22; text-decoration:underline; }

.osusume__sub { float:left; }
.osusume__sub ul { margin-left:20px; border-top:1px dotted #ccc; }
.osusume__sub ul li { position:relative; width:384px; }
.osusume__sub ul li a.linkArea { display:block; padding:14px 0; border-bottom:1px dotted #ccc; }
.osusume__sub ul li a.linkArea:hover { background:#eee; color:inherit; }
.osusume__sub ul li .linkArea__thum { float:left; position:relative; width:82px;  }
.osusume__sub ul li .linkArea__thum .i-thum { width:82px; height:57px; overflow:hidden; }

.osusume__sub ul li .linkArea__data { float:left; width:259px; margin-left:10px; }
.osusume__sub ul li .linkArea__data .i-title { font-size:13px; margin-bottom:5px; line-height:1.2; font-weight:bold; color:#8b3d0f; }
.osusume__sub ul li .linkArea__data .i-date { float:left; margin-right:5px; font-size:11px; color:#666; }
.osusume__sub ul li .linkArea__data .i-view { float:left; line-height:1.2; color:#666; }
.osusume__sub ul li .linkArea__data .i-view img { position:relative; top:5px; padding-right:3px; }
.osusume__sub ul li .linkArea__data .i-view .i-bold { font-size:10px; padding-left:3px; font-weight:bold; color:#FF9A9A; }

.osusume__sub ul li a:hover .linkArea__data .i-title { color:#df2b22; text-decoration:underline; }
.osusume__sub ul li a:active .linkArea__data .i-title { color:#df2b22; text-decoration:underline; }

.osusume__sub ul li .writer { position:absolute; bottom:10px; right:0px; padding-left:16px; font-size:11px; background:url(../img/icons/icon_author.gif) no-repeat 0 0; color:#333; }



/*  ------------------------------------------------------------
おすすめ記事 20151215修正
------------------------------------------------------------- */
.article { margin-bottom:20px; border-bottom:none; }
.articleWarning { font-size:13px; color:#666; clear:both; margin-bottom:20px; }


/*  ------------------------------------------------------------
SP用ソーシャルモジュールは表示させない
------------------------------------------------------------- */
.social {
    display: none;
}

/*  ------------------------------------------------------------
youtube
------------------------------------------------------------- */      
.youtube {
    margin: 0 auto;
    width: 480px;
    padding-bottom: 25px;
}