.contents{padding-bottom:60px;width:960px;margin:0 auto!important;line-height:1.3;}
#contents_0903new .contents a img{transition:0.2s;}
#contents_0903new .contents a img:hover {opacity:0.8;}

/*	common */
a:hover {color: #c53a52;text-decoration: none!important;}

/* #title_area */
.contents img {width:100%;height:auto;}
* html #contents div.headerArea{margin:5px 0 2px;}
#contents div.headerArea{margin:5px 0;margin-top:5px;}
#contents img{vertical-align:top;}
#contents h2 span{font-weight:bold;color:#7c7b7b;}
#contents_0903new #contents a:hover{opacity:0.8;}

/* 
topicpath
------------------------------ */
div#topicpath{margin:5px 0 0 0;font-weight:bold;font-size:85%;}
div#topicpath a{font-weight:normal;background:url(//img.e87.com/img/usr/images/topicpath_bg.gif) no-repeat right top;padding:0 10px 0 0;}

/* --------------------------------------
??????? Catch main
------------------------------------------- */
#Catch .area_catch{padding:2em 0;text-align: center;}
#Catch .area_catch h1{font-size: 30px;font-family: 'Noto Serif JP', serif;color: #5449AE;-webkit-text-stroke: 8px #fff;text-stroke: 2px black;paint-order: stroke;text-align: center;line-height: 1.2;margin-bottom: 12px;font-weight: 500;}
#Catch .area_catch p{font-size: 21px;text-align: center;line-height: 1.4;-webkit-text-stroke: 6px #fff;text-stroke: 2px black;paint-order: stroke;}

/*---------------------------------
??? heading
-----------------------------------*/
h2._heading {position: relative;color: #333;font-size: 24px;text-align: center;z-index: 0;margin: 0 auto 24px;line-height: 1.2;border-bottom:solid #5449AE 5px;padding-bottom: 16px;width:70%;}

/* -----------------------------------------------------------
?????? recommend
----------------------------------------------------------- */
.wrap_recommend{display:flex;flex-wrap: wrap;width:816px;margin:0 auto;}
.wrap_recommend.column_3{justify-content: center;}
.wrap_recommend .right dl.item_point dt{font-size:16px;}
.wrap_recommend .item_img3_left{margin-right:0;position:relative;}
.wrap_recommend .item_info dd.btn{font-size:12px;padding:4px;}
.wrap_recommend .otodoke{font-size: 12px;padding: 0px 10px;top: -10px;}
.wrap_recommend .item_box{padding: 20px 16px 0;display:block;width: 240px;}
.wrap_recommend .item_info dt.item_name, 
.wrap_recommend .item_info dd.item_name{font-size:14px;line-height: 1.3;color:#333;}
.wrap_recommend .right{margin:0;width:auto;}
.wrap_recommend .right h4{color:#21388e;font-size:14px;margin:8px 0;}
.wrap_recommend .item_info dd.price {margin: 4px 0;color:#333;}
.wrap_recommend .btn {font-size: 16px;padding: 5px;background: #21388e;color: #fff;text-align: center;border-radius: 8px;margin-top: 12px;border: 2px solid #21388e;transition:0.2s;}
.wrap_recommend .btn:hover{color:#21388e;background:#fff;}
.wrap_recommend .item_box dl.item_info{border:none;margin: 1em 0;}
.wrap_recommend .item_box dl.item_info a:hover{text-decoration: none;}
.wrap_recommend img:hover{opacity:0.8;}
.wrap_recommend._row1{justify-content: center;}

/*---------------------------------
???????? contents main sub
-----------------------------------*/
.main_contents {margin:48px 0 80px;}

/*---------------------------------
???????????? contents single
-----------------------------------*/
.common_bnr {width: 960px;margin:40px auto;position: relative;}
.other_bnr {width: 720px;margin:40px auto;position: relative;}
.area_img_txt {position: absolute;top: 70%;transform: translateY(-50%);left: 5em;font-size: 24px;font-family: 'Noto Serif JP', serif;line-height: 1.6;color: #333;font-weight: 500;text-align: center;}
.area_img_annotation {font-family: 'Noto Serif JP', serif;position: absolute;bottom: 0;right: 0;margin: 4px;font-weight: 500;}
.submit_right {margin-left: 24px;position: relative;width: 295px;}
.submit_button {text-align: center;width: 100%;margin-top: 1.5em;}
.submit_button a:hover {text-decoration: none;}
.submit_txt {width: 100%;font-size: 16px;line-height: 1.7;color: #333;margin: 1.5em 1em;font-weight:bold;}
.submit_txt span {font-size: 15px;display: block;}
.submit_img {transition: 0.2s;position: relative;}
.submit_img:hover {opacity: 0.8;}
.button_txt {background-size: 100% 100%;font-size: 15px;font-weight: bold;color: #fff;border-radius: 5px;padding: 12px 16px 12px 24px;line-height: 1.4;position: relative;transition: 0.2s;}
.submit_button._tu .button_txt {border: 1px solid #C58CD9;background: #C58CD9;}
.submit_button._tu .button_txt:hover {border: 1px solid #C58CD9;background: #fff;color:#C58CD9;}
.submit_button._ex .button_txt {border: 1px solid #5449AE;background: #5449AE;}
.submit_button._ex .button_txt:hover {border: 1px solid #5449AE;background: #fff;color:#5449AE;}
.button_txt::before, .button_txt::after {position: absolute;top: 0;bottom: 0;right: 0;margin: auto;content: "";vertical-align: middle;}
.button_txt::after {left: 84%;box-sizing: border-box;width: 15px;height: 12px;border: 7px solid transparent;border-left: 10px solid #fff;}
.submit_button._tu .button_txt:hover::after {background: none;color: #C58CD9;}
.submit_button._ex .button_txt:hover::after {background: none;color: #5449AE;}
.submit_button._tu .button_txt:hover::after {border-left: 10px solid #C58CD9;}
.submit_button._ex .button_txt:hover::after {border-left: 10px solid #5449AE;}
.button_txt:hover::before {background: #E97171;}
.contents_single_submit {display: flex;padding: 0 20px 2em;align-items: stretch;margin-bottom:3em;}

/*---------------------------------
??? column
-----------------------------------*/
.contents h2.h2_ttl span{font-weight:bold;color: #5765a4;}
.contents h2.h2_ttl {background: transparent url(//img.e87.com/selection/father/2015images/father_icon.gif) no-repeat scroll left top;font-size: 110%;margin: 10px 0 2px;padding: 2px 0 3px 25px;color: #5765a4;}
ul.column_list {padding: 5px 0 15px;}
ul.column_list li::before {content: "";position: absolute;top: .1em;left: 0;width: 0;height: 0;border-width: 5px;border-style: solid;border-color: transparent transparent transparent #3796d5;}
ul.column_list li {display: inline-block;width: calc(22% - 10px);font-size: 11px;position: relative;padding-left: 10px;margin: 3px 1.3%;}

/*---------------------------------
?????? pagetop
-----------------------------------*/
#to-top {position: fixed;bottom: 50px;right: 26px;width: 65px;text-decoration: none;/* background-color: #d5305f; */display: block;text-align: center;opacity: 0;transition: 0.2s;color: #fff;line-height: 48px;font-size: 16px;z-index: 10;}  
#to-top img{width:100%;}
#to-top.fade {opacity: 1;transition:0.2s;}

/*---------------------------------
スタイルアイキャッチ _styles
-----------------------------------*/

.common_bnr._styles{width:848px;box-sizing: border-box;margin-top: 72px;}
.common_bnr._styles h3{margin-bottom: 0.5em;border-bottom: 1px solid #fff;padding-bottom: 0.25em;font-weight: 600;font-size:36px;text-align: center;line-height: 1.3;}
.common_bnr._styles h3 .adjust_small{font-size:21px;display: block;text-align: center;font-weight: 500;}
.common_bnr._styles .area_img_txt{top: 50%;left: 8%;}
.heading_styles_txt{font-size: 16px;font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height: 1.6;text-align: center;}

/*---------------------------------
???????????? contents single
-----------------------------------*/
.item_point {padding-top: 8px;}
.area_point_icon {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.area_point_icon span {font-size: 12px;text-align: center;width: 30%;display: inline-block;background: #ECD4F4;font-weight: bold;margin: 0 3px 1%;height: 16px;display: flex;justify-content: center;align-items: center;padding: 6px 0 4px;}

/* -----------------------------------------------------------
コラム部分 intro
----------------------------------------------------------- */
.area_intro .heading_common {display: inline-block;position: relative;}
.area_intro .heading_common::before {content: unset;}
.area_intro .heading_common img {position: absolute;left: -112px;top: 25%;transform: translateY(-50%);}
.area_intro .wrap_img {text-align: center;}
.area_intro .wrap_noshi_heading .wrap_img._ro img {transform: rotate(180deg);}
.area_intro .right_img {width: 280px;margin-right: 2em;}
.area_intro .right_img img {width: 100%;}
.area_intro .left_txt {width: 68%}
.area_intro .left_txt p{font-size: 16px;line-height: 1.8;color: #333;margin: 0em 0em 1em 1em;}
.area_intro .left_txt p:last-child{margin-bottom:0;}
.adjust_txt_color {color: #5449AE;font-weight: bold;}
.area_intro {display: flex;padding: 20px;background: #f5f4ff;justify-content: center;width: 920px;margin: 0 auto 80px;}

/* -----------------------------------------------------------
????? noshi
----------------------------------------------------------- */
#to-top {position: fixed;bottom: 50px;right: 24px;width: 55px;text-decoration: none;display: block;text-align: center;opacity: 0;transition: 0.2s;color: #fff;line-height: 48px;font-size: 16px;z-index: 10;}
#to-top.fade {opacity: 1;transition:0.2s;}
.wrap-top{position:relative;text-align: center;font-weight: bold;padding-top: 4px;height: 50px;z-index:0;}
.wrap-top::before {content: '';width: 14px;height: 14px;display: block;border-top: solid 4px #333;border-right: solid 4px #333;transform: rotate(-45deg) translate(-50%,-50%);position: absolute;top: 37%;left: 54%;/* right: 0; */margin: auto;z-index: 1;}