/* Princess Letters - style.css */

/* COMMON ----------------------------------- */
body {
    background-color: #D9F4FF;
    color: #333;
}
div.wrapper_{
    width: 900px;
    background-color: #ffffff;
}
div.container_{
    width: 820px;
    margin-top: 0px!important;
}
.header_inner_, 
#header2, 
#header2_outer_, 
.leftmenuframe_, 
.rightmenuframe_, 
.change_mode_, 
#footer, 
#footerlink_,
.navitopicpath_ {
    display:none;
}
  
/* margin */
.mt0 { margin-top: 0; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mb0 { margin-bottom: 0; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }


/* CONTENTS ----------------------------------- */

/* header */
header {
    height: 80px;
    margin-bottom: 40px;
    font-size: 11px;
    line-height: 1.4;
    color: #333;
}
header.floating {
    padding-bottom: 0;
}
.header__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
}
.header__logo {
    flex: 1;
}
header .gnavi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 16px;
}
header .gnavi li {
    font-size: 13px;
    font-weight: bold;
    border-right: solid 1px #e2ebeb;
    padding-right: 20px;
    margin-right: 20px;
}
header .gnavi li:last-child {
    border-right: none;
    margin: 0;
}
header .gnavi li a {
    text-decoration: none;
    color: #333;
}
header .header__item p {
    font-family: "繝｡繧､繝ｪ繧ｪ", Meiryo, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
    font-size: 12px;
    font-weight: normal;
}
.header__btn_cart {
    background-color: #EB962F;
}
  
/* slider */
#mainvisual {
    width: 100%;
    margin-bottom: 40px;
}
#feature {
    width: 100%;
    margin-bottom: 60px;
}

/* topic */
.topiclist_ {
    border: none;
    margin-bottom: 80px!important;
}
.topiclist_head_ h2 {
    height: 48px;
    background: url(https://froovie.jp/fromidol/img/prince/ti_topic.png) 0 0 no-repeat;
    background-size: contain;
    border-bottom: solid 1px #2EC0D7;
}
.topiclist_head_ h2 img {
    display: none;
}
.topiclist_body_ {
    height: auto;
    border: none;
    background: none;
    padding: 0;
}
ul.topicline_ {
    margin-bottom: 8px;
}
.topiclist_body_ li {
    border-bottom: solid 1px #2EC0D7;
    padding: 16px 0;
    margin-bottom: 0;
}
.topiclist_body_ li span.date_ {
    color: #828282;
    font-size: 12px;
}
.topiclist_body_ li a, 
.topiclist_body_ li a:visited {
    color: #333;
    font-size: 14px;
    text-decoration: none;
}
.topiclist_body_ .righttext_ a:link, 
.topiclist_body_ .righttext_ a:visited {
    font-size: 12px;
    color: #2EC0D7;
}

/* products */
#products {
    margin-bottom: 40px;
}
div.StyleT_Item_ div.name_ a {
    color: #333;
}
div.StyleT_Frame_ {
    width: 100%;
    overflow: unset;
    margin: 0;
}
div.StyleT_Line_ {
    margin: 0px 0px 40px 0px;
    width: 100%;
    overflow: unset;
    display: flex;
    justify-content: start;
}
div.StyleT_Item_ {
    width: 142px;
    margin: 0 27px 0 0;
    float: none;
    text-align: center;
    position: relative;
}
.desc_ {
    padding-bottom: 60px;
}
.price_ {
    position: absolute;
    bottom: 34px;
    left: 0;
    right: 0;
}
.btn_ {
    position: absolute;
    bottom: 0;
}

/* pagenation */
.navipage_now_ {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background: #EB962F;
}
.navipage_ a {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #F5F3F0;
}
.navipage_.bottom_ {
    margin-bottom: 80px;
}
  
/* information */
section#info {
    margin-bottom: 40px;
}
.info__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.info__content__title {
    height: auto!important;
    font-size: 14px!important;
    font-weight: bold!important;
    line-height: inherit!important;
    color: #333!important;
    border-bottom: solid 1px #e0e0e0!important;
    border-radius: 0!important;
    background: none!important;
    padding: 0 0 12px!important;
    margin-bottom: 12px!important;
}
.info__hours_sns {
    width: 220px;
}
.info__content {
    margin-bottom: 30px;
}
.info__content__category {
    font-size: 13px;
    margin-top: 16px;
    margin-bottom: 4px;
}
.info__content__tx_hours {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 4px;
}
.info__content__tx_phone {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 4px;
}
    .info__content__tx_hours span,
    .info__content__tx_phone span {
    font-size: 11px;
}
.annotation {
    font-family: "繝｡繧､繝ｪ繧ｪ", Meiryo, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
    font-size: 10px;
    font-weight: normal;
}
.info__content__sns_block_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.sns__block {
    width: 50%;
}
.sns__block__heading {
    margin-bottom: 8px;
}
.sns__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
}
.sns__icon {
    margin-right: 24px;
}
#sidebox_cal {
    margin: 0;
}
.info__calendar {
    width: 560px!important;
}
#calendar {
    position: relative;
}
#calendar h1 {
    color: #333!important;
}
#calendar table {
    height: 100%;
}
.calendar__note span {
    width: 22px;
    height: 22px;
    padding-left: 28px;
    background: url(https://froovie.jp/img/usr/sidebox/mark.png) left center no-repeat;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}
  
/* banner */
.bnr_area {
    max-width: 100%;
    margin: 80px auto;
}
.bnr_item {
    max-width: 100%;
    margin: 0 auto 10px;
}
.bnr_item img {
    width: 100%;
    height: auto;
}
.bnr_item.comingsoon {
    width: 520px;
}
.bnr_item.princess,
.bnr_item.prince {
    width: 480px;
}

/* footer */
.footer__navi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.footer__navi_item {
    font-size: 13px;
    border-right: solid 1px #e2ebeb;
    padding-right: 20px;
    margin-right: 20px;
}
.footer__navi_item:last-child {
    border-right: none;
    margin: 0;
}
.footer__navi_item a {
    text-decoration: none;
    color: #333;
}
.rights {
    position: relative;
    font-family: "繝｡繧､繝ｪ繧ｪ", Meiryo, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    padding-bottom: 20px;
}
.froovie {
    position: absolute;
    right: 0;
    margin-top: -18px;
}