@charset "UTF-8";

/* --------------------------------------------------------
--------------------------------------------------------  */
body{ -webkit-text-size-adjust:none; word-wrap:break-word; }
.container { position:relative; height:100%; }

.header_pc { display:none; }
.header_sp { display:block; }
#main { word-break:break-all; }
#topicPath{ display:none; }
#topicPath2 { display:none; }
.socialLinkArea { display:none; }
.pTitleArea2 .socialLinkArea { display:block; }

#locationMain { display:none; }
.subContCatListV2 { display:none; }
.home a {padding-left: 0; background: none;}



/* ---------------
.header_sp
--------------- */
.header_sp { height:43px; }
.header_sp { display:table; width:100%; }
.header_sp .ttlArea { display:table-cell; width:auto; }
.header_sp .ttlArea .ttl { float:left; height:43px; width:140px; }
.header_sp .ttlArea .ttl a { display:block; height:43px; padding-left:0; background:none; }
.header_sp .ttlArea .ttl img { height:36px; padding-top:5px; }
.header_sp .ttlArea .sub { float:left; padding-top:22px; }
.header_sp .menuBtn { position:relative; z-index:9992; display:table-cell; width:45px; height:43px; border-left:1px solid #ccc; background:url(/howto/static/img/icons/icon_menuBtn.png) center 6px no-repeat; background-size:16px 14px; background-color:#FFF; }
.header_sp .menuBtn.active { position:relative; z-index:9992; display:table-cell; width:45px; height:43px; border-left:1px solid #ccc; background:url(/howto/static/img/icons/icon_menuBtn_close.png) center 6px no-repeat; background-size:16px 14px; background-color:#FFF; }
.header_sp .menuBtn .menuBtnInner { position:relative; width:45px; height:43px; }
.header_sp .menuBtn .menuBtnInner:before { content:"MENU"; position:absolute; width:45px; bottom:5px; left:0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; color:#EF5F5F; }
.header_sp .menuBtn.active .menuBtnInner:before { content:"閉じる"; position:absolute; width:45px; bottom:5px; left:0; text-align:center; font-size:9px; font-weight:bold; color:#EF5F5F; }

.gNav { display:none; position:absolute; top:43px; left:0; z-index:9001; width:100%; background:#FEF5F4; }
.gNav a { padding:0; background:none;}
.gNav dl dt { border-bottom:1px solid #CCC; }
.gNav dl dt:last-child { border:none; }
.gNav dl dt a { display:block; padding:10px; background:url(/howto/static/img/icons/icon_gNav_arrow2.png) right 50% no-repeat; background-size:25px 15px; color:#333; font-weight:bold; }
.gNav dl dt.active a { display:block; padding:10px; background:url(/howto/static/img/icons/icon_gNav_close.png) right 50% no-repeat; background-size:25px 15px; }
.gNav dl dt.campaign a { display:block; padding:10px; background:url(/howto/static/img/icons/icon_gNav_arrow1.png) right 50% no-repeat; background-size:25px 15px; color:#333; font-weight:bold; }
.gNav dl dt.active.campaign a { display:block; padding:10px; background:url(/howto/static/img/icons/icon_gNav_arrow1.png) right 50% no-repeat; background-size:25px 15px; color:#333; font-weight:bold; }

.gNav dl dt a:hover { text-decoration:none; }
.gNav dl dd { display:none; }
.gNav dl dd ul:after { content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both; }
.gNav dl dd ul { zoom:100%; }
.gNav dl dd ul li { float:left; width:50%; border-bottom:1px solid #CCC; background:#fff; }
.gNav dl dd ul li a { display:block; width:100%; box-sizing:border-box; height:35px; line-height:1.2; text-decoration:none; font-size:11px; color:#333; background:url(/howto/static/img/icons/icon_gNav_arrow1.png) right 50% no-repeat; background-size:25px 15px; }
.gNav dl dd ul li a:hover { text-decoration:none; }
.gNav dl dd ul li:nth-child(odd) a { border-right:1px solid #CCC; }
.gNav dl dd ul li.w100 { width:100%; }
.gNav dl dd ul li.w100 a { border-right:none; }
.gNav dl dd ul li a .inner01 { display:table; width:100%; height:35px; }
.gNav dl dd ul li a .inner01 .inner02 { display:table-cell; padding:0 25px 0 10px; height:35px; vertical-align:middle; }

#cover { display:none; position:absolute; top:0; left:0; z-index:9000; width:100%; height:100%; background:rgba(0,0,0,0.5); }

/* ---------------
#listCat
--------------- */
#listCat { padding:20px; margin-bottom: 10px; border-bottom: 1px solid #CCC;}
#listCat p { width:150px; height:30px; font-size:13px; line-height:30px; background:#F16564; border-radius:4px; -webkit-border-radius:4px;  -moz-border-radius:4px; }
#listCat p a { display:block; padding-left:0; text-align:center; background:none; /*padding-left:30px; background:url(/howto/static/img/icons/arrow_pageBack.png) 10px 50% no-repeat; background-size:9px 12px;*/ color:#FFF; }
#listCat p a:hover { text-decoration:none; }
#listCat ul { display:none; margin-top:10px; border:2px solid #eee; }
#listCat ul li {}
#listCat ul li a { display:block; padding:10px; background:none; text-decoration:none; border-bottom:1px solid #eee; background:url(/howto/static/img/icons/arrow_listCat.png) right 50% no-repeat; background-size:20px 19px; color:#333; }
#listCat ul li:last-child a { border-bottom:none; }
#listCat ul li a:hover { text-decoration:none; }
#listCat ul.active { display:block; }
#listCat .catListLink a { background:none; background:#F16564; color:#FFF; }

/* ---------------
.pTitleArea
--------------- */
.pTitleArea { padding:8px 10px 4px 10px; border-top:3px solid #ef5f5f; border-bottom:1px solid #CCC; }
.pTitleArea .thum { display:none; }
.pTitleArea h1 { margin-bottom:5px; font-size:18px; line-height:1.4; font-weight:bold; color:#444; }
.pTitleArea h1 strong{ font-weight:bold; color:#F97366; }
.pTitleArea .textArea p { display:none; }

/* ---------------
.pTitleArea2
--------------- */
.pTitleArea2 { position:relative; padding:10px; border-top:3px solid #EF5F5F; }
.pTitleArea2 .tag { display:inline-block; margin-bottom:10px; padding:3px 7px 2px 7px; font-size:11px; color:#FFF; background:#EF5F5F; }
.pTitleArea2 h1 { margin-bottom:5px; font-size:22px; line-height:1.2; font-weight:bold; color:#333; }
.pTitleArea2 .datetime { float:left; margin:0 10px 10px 0; font-size:11px; font-weight:bold; line-height:1.4; color:#666; }
.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 .writer a { padding-left:0; background:none; }
.pTitleArea2 .resultView { position:absolute; top:15px; right:15px; display:none; }
.pTitleArea2 .resultView .resultViewInner { display:table-cell; text-align:center; vertical-align:middle; }
.pTitleArea2 .resultView .resultViewInner .count { display:inline; margin-bottom:5px; padding-left:17px; font-size:12px; font-weight:bold; color:#666; background:url(/howto/static/img/icons/icon_result_view.png) 0 50% no-repeat; }
.pTitleArea2 .resultView .resultViewInner .text { display:inline; font-size:12px; font-weight:bold; color:#F97366; }
.pTitleArea2 .socialLinkArea{ display:none; }
.pTitleArea2 .socialLinkArea_spOuter { background:#eee; }
.pTitleArea2 .socialLinkArea_sp { margin-bottom:0; padding:5px 5px 2px 5px; text-align:left; }
.pTitleArea2 .socialLinkArea_sp { display: table; margin:0 auto; }
.pTitleArea2 .socialLinkArea_sp li { display: table-cell; vertical-align:top; padding-right:5px; }
.pTitleArea2 .socialLinkArea_sp li.facebook { }
.pTitleArea2 .socialLinkArea_sp li.gplus { /*width:57px;*/ padding-right:0; }

/* ---------------
.pagination
--------------- */
.pagination:after { content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both; }
.pagination { padding:0 10px; background:#FFF; zoom:100%; }
.pagination dt { display:none; }
.pagination dd { text-align:center; font-size:11px; height:30px; line-height:30px; }
.pagination strong { font-weight:bold; color:#F97366; }

/* ---------------
.articleList 
--------------- */
.articleList { margin-bottom:20px; }
.articleList .block { display:table; width:100%; position:relative; border-bottom:1px dotted #ddd; }
.articleList .block .blockInner {}
.articleList .block .blockInner a.linkArea { display:block; padding:10px 10px 7px 10px; background:none; }
.articleList .block .blockInner a.linkArea:hover { background:none; text-decoration:none; }
.articleList .block .blockInner .thum { display:table-cell; }
.articleList .block .blockInner .thum .thumInner { width:90px; height:63px; }
.articleList .block .blockInner .textArea { display:table-cell; padding-left:10px; vertical-align:top; }
.articleList .block .blockInner a.linkArea:link .textArea h2 {  margin-bottom:5px; font-size:15px; line-height:1.2; font-weight:bold; color:#8b3d0f; }
.articleList .block .blockInner a.linkArea:visited .textArea h2 { color:#ab4cab; }
.articleList .block .blockInner a.linkArea:hover .textArea h2 { text-decoration:none; color:#8b3d0f; }
.articleList .block .blockInner a.linkArea:active .textArea h2 { text-decoration:none; color:#8b3d0f; }
.articleList .block .blockInner .textArea .datetime { margin-bottom:5px; font-size:9px; font-weight:bold; line-height:1.4; color:#999; }
.articleList .block .blockInner .textArea .text { display:none; }
.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 { padding-left:17px; font-size:11px; background:url(/howto/static/img/icons/icon_result_view.png) 0 50% no-repeat; color:#333; }
.articleList .block .blockInner .textArea .resultView span { padding-left:5px; font-size:10px; font-weight:bold; color:#f99; }
.articleList .block .blockInner .writer { display:none; }
/*
.articleList .block .blockInner .writer { position:absolute; bottom:8px; right:10px; padding-left:13px; line-height:1.2; font-size:11px; background:url(/howto/static/img/icons/icon_author.gif) no-repeat 0 0; color:#333; background-size:11px; }
.articleList .block .blockInner .writer a { padding-left:0; background:none; }
*/

/* ---------------
#catlist
--------------- */
#catlist { margin-bottom:20px; border-top:3px solid #B09E6B; border-bottom:1px solid #ded7c3; background:#eeeadf; padding:0 10px; }
#catlist .catlistInner {}
#catlist .catlistInner h3 { padding:15px 0; font-size:18px; font-weight:bold; border-bottom:1px solid #ded7c3; color:#B09E6B; }
#catlist .catlistInner ul {}
#catlist .catlistInner ul li { font-size:15px; border-bottom:1px dotted #ded7c3; }
#catlist .catlistInner ul li:last-child { border-bottom:none; }
#catlist .catlistInner ul li a { display:block; padding:10px 0 10px 25px; background-repeat:no-repeat, no-repeat; background-position:0 50%, right 50%; background-size:20px 20px, 10px 19px; color:#333; }
#catlist .catlistInner ul li.kekkon a { background-image:url(/howto/static/img/icons/icon_latest_marriage.png), url(/howto/static/img/icons/arrow_catlist.png); }
#catlist .catlistInner ul li.love a { background-image:url(/howto/static/img/icons/icon_latest_love.png), url(/howto/static/img/icons/arrow_catlist.png); }
#catlist .catlistInner ul li.kaoawase a { background-image:url(/howto/static/img/icons/icon_latest_meet.png), url(/howto/static/img/icons/arrow_catlist.png); }
#catlist .catlistInner ul li.yuinou a { background-image:url(/howto/static/img/icons/icon_latest_betrothal.png), url(/howto/static/img/icons/arrow_catlist.png); }
#catlist .catlistInner ul li.nijikaiparty a { background-image:url(/howto/static/img/icons/icon_latest_after.png), url(/howto/static/img/icons/arrow_catlist.png); }
#catlist .catlistInner ul li.bridalday a { background-image:url(/howto/static/img/icons/icon_latest_bridal.png), url(/howto/static/img/icons/arrow_catlist.png); }
#catlist .catlistInner ul li.maternity a { background-image:url(/howto/static/img/icons/ico_baby.png), url(/howto/static/img/icons/arrow_catlist.png); }
#catlist .catlistInner ul li.recipe a { background-image:url(/howto/static/img/icons/ico_recipe.png), url(/howto/static/img/icons/arrow_catlist.png); }
#catlist .catlistInner ul li.trend a { background-image:url(/howto/static/img/icons/icon_latest_watch.png), url(/howto/static/img/icons/arrow_catlist.png); }
#catlist .catlistInner ul li.pickup_news a { background-image:url(/howto/static/img/icons/ico_a01.png), url(/howto/static/img/icons/arrow_catlist.png); }
#catlist .catlistInner ul li a:hover { text-decoration:none; }
 
/* ---------------
#catlist2_pc
--------------- */ 
#catlist2_pc { display:none; }

/* ---------------
#catlist2_sp
--------------- */
#catlist2_sp { margin-bottom:20px; border-top:3px solid #B09E6B; border-bottom:1px solid #ded7c3; background:#eeeadf; }
#catlist2_sp .catlist2_spInner {}
#catlist2_sp .catlist2_spInner h3 { padding:15px 10px; font-size:18px; font-weight:bold; border-bottom:1px solid #ded7c3; color:#B09E6B; }
#catlist2_sp .catlist2_spInner dl {}
#catlist2_sp .catlist2_spInner dl dt { font-size:15px; padding:0 10px; }
#catlist2_sp .catlist2_spInner dl dt a { display:block; border-bottom:1px dotted #ded7c3; padding:10px 0 10px 25px; background-repeat:no-repeat, no-repeat; background-position:0 50%, right 50%; background-size:20px 20px, 15px 15px; color:#333; }
#catlist2_sp .catlist2_spInner dl dt.pickup_news a { border-bottom:none; }

#catlist2_sp .catlist2_spInner dl dt.kekkon a { background-image:url(/howto/static/img/icons/icon_latest_marriage.png), url(/howto/static/img/icons/icon_catlist2_sp_arrow2.png); }
#catlist2_sp .catlist2_spInner dl dt.love a { background-image:url(/howto/static/img/icons/icon_latest_love.png), url(/howto/static/img/icons/icon_catlist2_sp_arrow2.png); }
#catlist2_sp .catlist2_spInner dl dt.kaoawase a { background-image:url(/howto/static/img/icons/icon_latest_meet.png), url(/howto/static/img/icons/icon_catlist2_sp_arrow2.png); }
#catlist2_sp .catlist2_spInner dl dt.yuinou a { background-image:url(/howto/static/img/icons/icon_latest_betrothal.png), url(/howto/static/img/icons/icon_catlist2_sp_arrow2.png); }
#catlist2_sp .catlist2_spInner dl dt.nijikaiparty a { background-image:url(/howto/static/img/icons/icon_latest_after.png), url(/howto/static/img/icons/icon_catlist2_sp_arrow2.png); }
#catlist2_sp .catlist2_spInner dl dt.bridalday a { background-image:url(/howto/static/img/icons/icon_latest_bridal.png), url(/howto/static/img/icons/icon_catlist2_sp_arrow2.png); }
#catlist2_sp .catlist2_spInner dl dt.maternity a { background-image:url(/howto/static/img/icons/ico_baby.png), url(/howto/static/img/icons/icon_catlist2_sp_arrow2.png); }
#catlist2_sp .catlist2_spInner dl dt.recipe a { background-image:url(/howto/static/img/icons/ico_recipe.png), url(/howto/static/img/icons/icon_catlist2_sp_arrow2.png); }
#catlist2_sp .catlist2_spInner dl dt.trend a { background-image:url(/howto/static/img/icons/icon_latest_watch.png), url(/howto/static/img/icons/icon_catlist2_sp_arrow2.png); }
#catlist2_sp .catlist2_spInner dl dt.pickup_news a { background-image:url(/howto/static/img/icons/ico_a01.png), url(/howto/static/img/icons/icon_catlist2_sp_arrow2.png); }
#catlist2_sp .catlist2_spInner dl dt a:hover { text-decoration:none; }

#catlist2_sp .catlist2_spInner dl dt.kekkon.active a { background-image:url(/howto/static/img/icons/icon_latest_marriage.png), url(/howto/static/img/icons/icon_catlist2_sp_close.png); }
#catlist2_sp .catlist2_spInner dl dt.love.active a { background-image:url(/howto/static/img/icons/icon_latest_love.png), url(/howto/static/img/icons/icon_catlist2_sp_close.png); }
#catlist2_sp .catlist2_spInner dl dt.kaoawase.active a { background-image:url(/howto/static/img/icons/icon_latest_meet.png), url(/howto/static/img/icons/icon_catlist2_sp_close.png); }
#catlist2_sp .catlist2_spInner dl dt.yuinou.active a { background-image:url(/howto/static/img/icons/icon_latest_betrothal.png), url(/howto/static/img/icons/icon_catlist2_sp_close.png); }
#catlist2_sp .catlist2_spInner dl dt.nijikaiparty.active a { background-image:url(/howto/static/img/icons/icon_latest_after.png), url(/howto/static/img/icons/icon_catlist2_sp_close.png); }
#catlist2_sp .catlist2_spInner dl dt.bridalday.active a { background-image:url(/howto/static/img/icons/icon_latest_bridal.png), url(/howto/static/img/icons/icon_catlist2_sp_close.png); }
#catlist2_sp .catlist2_spInner dl dt.maternity.active a { background-image:url(/howto/static/img/icons/ico_baby.png), url(/howto/static/img/icons/icon_catlist2_sp_close.png); }
#catlist2_sp .catlist2_spInner dl dt.recipe.active a { background-image:url(/howto/static/img/icons/ico_recipe.png), url(/howto/static/img/icons/icon_catlist2_sp_close.png); }
#catlist2_sp .catlist2_spInner dl dt.trend.active a { background-image:url(/howto/static/img/icons/icon_latest_watch.png), url(/howto/static/img/icons/icon_catlist2_sp_close.png); }
#catlist2_sp .catlist2_spInner dl dt.pickup_news.active a { background-image:url(/howto/static/img/icons/ico_a01.png), url(/howto/static/img/icons/icon_catlist2_sp_close.png); }

#catlist2_sp .catlist2_spInner dl dd { display:none; }
#catlist2_sp .catlist2_spInner dl dd p { font-size:13px; padding:0 10px; background-color:#DED7C3; }
#catlist2_sp .catlist2_spInner dl dd p a { display:block; text-decoration:none; border-bottom:1px dotted #BFB187; padding:10px 0 10px 0; background-image:url(/howto/static/img/icons/icon_catlist2_sp_arrow1.png); background-repeat:no-repeat; background-position:right 50%; background-size:15px 15px; color:#333; }
#catlist2_sp .catlist2_spInner dl dd:last-child p:last-child a { border-bottom:none; }



/* ---------------
.pageBack
--------------- */
.pageBack { margin-bottom:20px; }
.pageBack p { width:160px; height:30px; margin:0 auto; font-size:13px; line-height:30px; background:#F16564; border-radius:4px; -webkit-border-radius:4px;  -moz-border-radius:4px; }
.pageBack p a { display:block; width:140px; padding-left:20px; background:url(/howto/static/img/icons/arrow_pageBack.png) 10px 50% no-repeat; background-size:9px 12px; text-align:center; color:#FFF; }
.pageBack p a:hover { text-decoration:none; }
.pageBack p a span { display:none; }

/* ---------------
.pageTopIn
--------------- */
.pageTopIn { margin-bottom:20px; }
.pageTopIn p { width:160px; height:30px; margin:0 auto; font-size:13px; line-height:30px; background:#F16564; border-radius:4px; -webkit-border-radius:4px;  -moz-border-radius:4px; }
.pageTopIn p a { display:block; width:140px; padding-left:20px; background:url(/howto/static/img/icons/arrow_pageTop.png) 10px 50% no-repeat; background-size:12px 9px; text-align:center; color:#FFF; }
.pageTopIn p a:hover { text-decoration:none; }
.pageTopIn p a span { display:none; }

/* ---------------
.pagenation2
--------------- */
.pagenation2 { width:100%; padding:0 0 20px 0; }
.pagenation2 ul { display:table; max-width:320px; margin:0 auto; }
.pagenation2 ul li { display:table-cell; font-size:13px; padding:3px; }
.pagenation2 ul li a {
    display:block;
    border:1px solid #ddd;
    padding:8px;
    min-width:20px;
    text-align:center;
    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:block;min-width:20px; text-align:center; border:1px solid #ccc; background:#ccc; padding:8px; border-radius:3px; color:#fff; }
.pagenation2 ul li span.pages { display:none; }
.pagenation2 .fastBtn { display:none; }
.pagenation2 .lastBtn { display:none; }


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

/* --------------------------------------------------------
リッチエディタ用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;}

/* 画像の回り込み */
.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;}

/*  ------------------------------------------------------------
チェックリスト（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 width:100%;}
#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:20px; padding:0 10px; text-align: center;}
.sidebarBnr li { margin-bottom:10px; display: inline-block; max-width: 60%;}
.sidebarBnr li:last-child { margin-bottom:0; }
.sidebarBnr li img { width:100%; }
.sidebarBnr li a { padding-left:0; background:none; }

/* ---------------
#showFooter
--------------- */
#showFooter{ display:none; }
#footer_sp { padding-bottom:10px; }
#footer_sp ul { margin-bottom:10px; border-top:3px solid #ddd; }
#footer_sp ul li { font-size:15px; border-bottom:1px solid #ddd; }
#footer_sp ul li a { display:block; height:40px; line-height:40px; text-decoration:none; color:#4C4C4C; padding-left:10px; background:url(/howto/static/img/icons/arrow_footer_sp.png) right 50% no-repeat; background-size:20px 19px; background-color:#FCF0F0; }
#footer_sp .copy { font-size:11px; text-align:center; color:#666; }
 
 /* ---------------
.pTitleArea3
--------------- */
.pTitleArea3 h3 { padding:5px 10px; font-size:15px; line-height:1.4; color:#fff; background:#FF9999; }
.pTitleArea3 h3 strong { font-weight:bold; color:#fff; }

/* ---------------
.pTitleArea4
--------------- */
.pTitleArea4 { margin-bottom:20px; }
.pTitleArea4 h1 { margin-bottom:10px; padding:9px 10px 8px 10px; border-top:3px solid #ef5f5f; border-bottom:1px solid #CCC; font-size:18px; line-height:1.4; font-weight:bold; color:#444; }
.pTitleArea4 h1 strong{ font-weight:bold; color:#F97366; }
.pTitleArea4 .socialLinkArea{ display:none; }
.pTitleArea4 .socialLinkArea_spOuter { background:#eee; }
.pTitleArea4 .socialLinkArea_sp { margin-bottom:0; padding:5px 5px 2px 5px; text-align:left; }
.pTitleArea4 .socialLinkArea_sp { display: table; margin:0 auto; }
.pTitleArea4 .socialLinkArea_sp li { display: table-cell; vertical-align:top; padding-right:5px; }
.pTitleArea4 .socialLinkArea_sp li.facebook { }
.pTitleArea4 .socialLinkArea_sp li.gplus { /*width:57px;*/ padding-right:0; }

.pTitleArea4 .blockOuter { padding:0 10px 10px 10px; }
.pTitleArea4 .blockOuter .socialLinkArea_spOuter { margin-bottom:10px; }
.pTitleArea4 .block { display:table; }
.pTitleArea4 .block .thum { display:table-cell; width:90px; vertical-align:top; }
.pTitleArea4 .block .thum img { width:100%; height:auto; }
.pTitleArea4 .block .text { display:table-cell; vertical-align:top; }
.pTitleArea4 .block .text .name { display:none; }
.pTitleArea4 .block .text .text { font-size:14px; padding-left:10px; color:#333; }

.catTtl { display:none; }

/* --------------------------------------------------------
記事ページの著者情報
--------------------------------------------------------  */
#entryAuthorInfo {
    border-top: 1px solid #FF9899;
    border-bottom: 1px solid #FF9899;
    border-radius: 4px;
    margin-bottom: 20px;
    display: block;
}
#entryAuthorInfo .entryAuthorHead{
    line-height: 2em;
    margin: 10px 5px 10px 20px;
    background: url(/howto/static/img/icons/icon_gNav_arrow2.png) right 50% no-repeat;
    background-size: 25px 15px;
}
#entryAuthorInfo .entryAuthorHead.open{
    background: url(/howto/static/img/icons/icon_gNav_close.png) right 50% no-repeat;
    background-size: 25px 15px;
}
#entryAuthorInfo .entryAuthorBody{
    display: none;
    margin: 20px;
}
#entryAuthorInfo .thum,
#entryAuthorInfo .writer{
    margin-bottom: 20px;
}
#entryAuthorInfo .thum img{
    max-width: 100%;
}
#entryAuthorInfo .writer {
  display: none;
}


/* --------------------------------------------------------
追加分 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; }
.pTitleArea3 h3 { margin-bottom:15px; }

/* --------------------------------------------------------
タブメニュー .tabMenu
--------------------------------------------------------  */
.tabMenu { width:100%; border-bottom:3px solid #ff9999; zoom:100%; margin-top:15px; }
.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; }

.tabMenu li a:link { text-decoration:none; }
.tabMenu li a:visited { text-decoration:none; }
.tabMenu li a:hover { text-decoration:none; }
.tabMenu li a:active { text-decoration:none; }


/* --------------------------------------------------------
結婚・結婚準備ランキング .rankingArea
--------------------------------------------------------  */
.rankingArea { display:none; }

/* --------------------------------------------------------
結婚・結婚準備ランキング .footer_rankingArea
--------------------------------------------------------  */
.footer_rankingArea { margin-bottom:20px; border-top:1px solid #e6e6e6; }
.footer_rankingArea__title { padding:10px; font-size:16px; border-bottom: 1px dotted #ccc; background:#f3f3f3; }
.footer_rankingArea__data { }
.footer_rankingArea__data li { float:none; width:100%; }
.footer_rankingArea__data li a { display:block; padding:10px; border-bottom: 1px dotted #ccc; }
.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; height:50px; overflow:hidden; }
.footer_rankingArea__data li .i-inner__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 {  padding:0 10px 0 85px; color:#333; }
.footer_rankingArea__data li .i-inner__data { font-size:12px; }
.footer_rankingArea__data li .i-inner__data h4 { font-size:13px; font-weight:bold;}
.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追加
------------------------------------------------------------- */
ul#adRandomList li { display:none; clear:both; }
.otherBlock_A_sp {  display:block; font-weight:bold; margin:0 10px 20px 10px; }
.otherBlock_A_sp a { display:block; width:100%; box-sizing:border-box; padding:10px; background:#FEF5DA; line-height:1.6; }
.otherBlock_A_sp a:hover { cursor:pointer; background:#FEF8E5; }


.otherBlock_A_sp a .clear { display:table; width:100%; }
.otherBlock_A_sp a .i-thum { display:table-cell; width:60px; vertical-align:top; }
.otherBlock_A_sp a .i-thum__inner { width:60px; height:60px; overflow:hidden; }
.otherBlock_A_sp a .i-thum__inner img { width:60px; height:60px; }
.otherBlock_A_sp a .i-title { display:table-cell; padding-left:10px; vertical-align:top; font-size:13px; margin-bottom:12px; line-height:1.4; font-weight:normal; }

.otherBlock_A_sp a:link { text-decoration:none; color:#666; }
.otherBlock_A_sp a:visited { text-decoration:none; color:#666; }
.otherBlock_A_sp a:hover { cursor:pointer; text-decoration:none; color:#666; }
.otherBlock_A_sp a:active { cursor:pointer; text-decoration:none; color:#666; }

.otherBlock_A_pc { display:none; }


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


.osusume { display:none; }
.osusume_sp { display:block; margin-bottom:20px; }
.osusume_sp ul {  border-top:1px dotted #ccc; }
.osusume_sp ul li { position:relative; width:100%;}
.osusume_sp ul li a.linkArea { display:block; padding:10px; border-bottom:1px dotted #ccc; text-decoration:none; }
.osusume_sp ul li .linkArea__data { width:100%; }
.osusume_sp ul li .linkArea__data .i-title { font-size:15px; margin-bottom:5px; line-height:1.2; font-weight:bold; color:#8b3d0f; }
.osusume_sp ul li .linkArea__data .i-date { float:left; margin-right:5px; font-size:11px; color:#999; font-weight:bold; }
.osusume_sp ul li .linkArea__data .i-view { float:left; line-height:1.2; color:#666; position:relative; top:-1px; }
.osusume_sp ul li .linkArea__data .i-view img { position:relative; top:5px; padding-right:3px; }
.osusume_sp ul li .linkArea__data .i-view .i-bold { font-size:10px; padding-left:3px; font-weight:bold; color:#FF9A9A; }
.osusume_sp ul li .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; }

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

/* --------------------------------------------------------
ソーシャルモジュール .social
--------------------------------------------------------  */
.social {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 20px;
}

.social.bottom {
  padding: 0 10px;
}

.social__item {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.social__item a {
  -webkit-align-items: center;
  align-items: center;
  background-color: #999;
  border-radius: 2px;
  display: -webkit-flex;
  display: flex;
  height: 42px;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: 4px;
}

.social__item:last-child > a {
  margin-right: 0;
}

.social__item .social-fb {
  background-color: #3b5998;
}

.social__item .social-tw {
  background-color: #65a8dc;
}

.social__item .social-hatena {
  background-color: #00a4de;
}

.social__item .social-line {
  background-color: #00c300;
}

[class^="social-"] div,
[class*=" social-"] div {
  background: url(/howto/static/img/icons/icon_social.png) no-repeat;
  background-size: 50px 400px ;
  height: 25px;
  overflow:hidden;
  text-indent:100%;
  white-space:nowrap;
  width: 25px;
}

.social-fb div {
  background-position: 0 0;
}

.social-tw div {
  background-position: 0 -25px;
}

.social-hatena div {
  background-position: 0 -50px;
}

.social-line div {
  background-position: 0 -75px;
}

/*  ------------------------------------------------------------
youtube
------------------------------------------------------------- */      
.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}