@charset "UTF-8";
@media only screen and (max-width: 48em) {
.topics_block .wrapper {
margin: auto;
padding: 0;
width: 100%;
}
}
/* =========== topics_header =========== */
.topics_header {
position: relative;
}
.topics_bg-img {
position: relative;
background: center no-repeat;
background-size: cover;
}
.topics_bg-img:before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
content: "";
}
@media only screen and (max-width: 48em) {
.topics_bg-img {
padding-top: 72%;
width: 100%;
}
.topics_bg-img img {
display: none;
}
}
/* =========== h2 topics_title =========== */
.topics_title {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
height: 180px;
color: #fff;
text-align: center;
text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
font-size: 28px;
font-size: 2.8rem;
}
.topics_title span {
display: block;
font-weight: normal;
font-size: 24px;
font-size: 2.4rem;
font-family: "Times New Roman", Times, serif;
}
@media only screen and (max-width: 48em) {
.topics_title {
height: 100px;
font-size: 22px;
font-size: 2.2rem;
}
.topics_title span {
font-size: 18px;
font-size: 1.8rem;
}
}
.topics_title_02 {
font-weight: normal;
font-size: 44px;
font-size: 4.4rem;
font-family: "Times New Roman", Times, serif;
line-height: 2.1;
}
@media only screen and (max-width: 48em) {
.topics_title_02 {
font-size: 26px;
font-size: 2.6rem;
}
}
/* block_sub_title */
.topics_sub_title {
letter-spacing: 0.3rem;
font-weight: bold;
}
@media only screen and (max-width: 48em) {
.topics_sub_title {
margin: auto;
max-width: 80%;
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (max-width: 30em) {
.topics_sub_title br {
display: none;
}
}
/* =========== h3 topics_title_h3 =========== */
.topics_title_h3 {
margin: 0 0 3% 0;
text-align: center;
font-size: 28px;
font-size: 2.8rem;
}
@media only screen and (max-width: 48em) {
.topics_title_h3 {
font-size: 22px;
font-size: 2.2rem;
}
}
/* =========== main_lead_txt =========== */
.main_lead_txt {
margin-top: 4%;
padding-bottom: 4%;
text-align: center;
line-height: 2.28;
}
@media only screen and (max-width: 48em) {
.main_lead_txt {
margin: 4% auto 30px auto;
max-width: 90%;
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (max-width: 30em) {
.main_lead_txt br {
display: none;
}
}
/* =========== lead-txt =========== */
.lead_txt {
margin-top: 4%;
padding-bottom: 4%;
text-align: center;
line-height: 2.28;
}
@media only screen and (max-width: 48em) {
.lead_txt {
margin: 4% auto 0;
text-align: left;
max-width: 90%;
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (max-width: 30em) {
.lead-txt br {
display: none;
}
}
/*=============== movie ===============*/
.post_movie-outer {
max-width: 1024px;
margin: 0 auto;
position: relative;
overflow: hidden;
transition-timing-function: linear;
transition-duration: 0.15s;
transition-property: opacity;
}
.movie-wrap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.movie-wrap video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ======== photogarally / パーティレポートより ======== */
.post-box {
padding-bottom: 6%;
}
.post-box_text {
padding: 4% 0;
text-align: center;
}
.post-box_gallery {
text-align: center;
font-size: 0;
}
.post-box_gallery span {
position: relative;
display: inline-block;
padding-top: 33.20312%;
width: 50%;
outline: 4px solid #fff;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.post-box_gallery img {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}
.post-box_gallery.type-a span:nth-child(3n+3) {
padding-top: 66.40625%;
width: 100%;
}
.post-box_gallery.type-b span:nth-child(3n+1) {
padding-top: 66.40625%;
width: 100%;
}
.post-box_gallery.type-c span{
}
.post-box_gallery.type-d span{
padding-top: 45%;
width: 33.3%;
}
@media only screen and (max-width: 48em) {
.post-box_gallery span {
padding-top: 68%;
width: 100%;
outline: 2px solid #fff;
}
.post-box_gallery.type-d span{
padding-top: 100%;
width: 100%;
}
}
.post-aside {
padding: 2% 0;
background: #f8f8f8;
}
.post-aside .btn a {
width: 180px;
}
@media only screen and (max-width: 48em) {
.post-aside .btn {
text-align: center;
}
}
.post-aside_title {
padding: 4%;
text-align: center;
font-size: 20px;
font-size: 2rem;
}
@media only screen and (max-width: 48em) {
.post-aside_title {
font-size: 18px;
font-size: 1.8rem;
}
}
.post-aside_content-outer {
position: relative;
margin-bottom: 4%;
background-color: #fff;
}
.post-aside_content-outer:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: "";
}
.post-aside_content {
float: left;
padding: 4%;
width: 57%;
}
@media only screen and (max-width: 48em) {
.post-aside_content {
float: none;
padding: 8% 4%;
width: 100%;
}
}
.post-aside_content-title {
vertical-align: middle;
font-size: 13px;
font-size: 1.3rem;
}
.post-aside_content-title span {
font-weight: normal;
font-size: 35px;
font-size: 3.5rem;
font-family: "Times New Roman", Times, serif;
}
@media only screen and (max-width: 48em) {
.post-aside_content-title {
margin-bottom: 4%;
text-align: center;
}
.post-aside_content-title span {
display: block;
}
}
.post-aside_text {
margin-bottom: 3%;
font-size: 13px;
font-size: 1.3rem;
font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}
@media only screen and (max-width: 48em) {
.post-aside_text {
margin-bottom: 4%;
font-size: 11px;
font-size: 1.1rem;
}
}
.post-aside_img {
top: 0;
right: 0;
float: right;
overflow: hidden;
width: 43%;
height: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.post-aside_img img {
visibility: hidden;
width: auto;
height: 100%;
}
@media only screen and (max-width: 48em) {
.post-aside_img {
float: none;
width: 100%;
}
.post-aside_img img {
width: 100%;
height: auto;
}
}
/*=============== 先輩カップルボイス ===============*/
.voice_box {
background-color: #fffbf5;
padding: 5%;
}
/* =========== おすすめ＆Reason =========== */
.topics-box {
padding: 4% 0;
background-color: #fff;
}
.topics-box:nth-child(2n) {
background-color: rgba(236, 180, 158, 0.3);
}
.topics-box:nth-child(2n) .topics-box_img-outer {
float: right;
}
.topics-box:nth-child(2n) .topics-box_header-inner {
right: auto;
left: 0;
}
@media only screen and (max-width: 48em) {
.topics-box {
padding: 0;
}
}
.topics-box_inner:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: "";
}
.topics-box_img-outer {
position: relative;
float: left;
overflow: hidden;
width: 50%;
}
@media only screen and (max-width: 54em) {
.topics-box_img-outer {
margin-bottom: 6%;
width: 100%;
background-color: #f5f5f5;
}
}
.topics-box_img {
font-size: 0;
}
.topics-box_img img {
float: left;
width: 49.8%;
}
.topics-box_img img:nth-child(3n+3) {
float: right;
}
.topics-box_img img:first-child {
margin-bottom: 0.3%;
width: 100%;
}
.topics-box_header {
position: relative;
float: left;
width: 50%;
}
@media only screen and (max-width: 54em) {
.topics-box_header {
padding-top: 0;
width: 100%;
}
}
.topics-box_header-inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 500px;
width: 92.5%;
}
@media only screen and (max-width: 54em) {
.topics-box_header-inner {
position: relative;
padding: 0 4% 0;
max-width: 100%;
max-height: 100%;
width: 100%;
}
}
@media only screen and (max-width: 48em) {
.topics-box_header-inner {
padding: 0 4% 4%;
}
}
.topics-box_title {
margin-bottom: 4%;
text-align: left;
font-size: 22px;
font-size: 2.2rem;
font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "HG明朝E", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "ヒラギノ明朝 Pro W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
line-height: 1.6;
}
@media only screen and (max-width: 54em) {
.topics-box_title {
font-size: 16px;
font-size: 1.6rem;
}
}
@media only screen and (max-width: 48em) {
.topics-box_title {
text-align: center;
}
}
.topics-box_title span {
display: block;
font-size: 15px;
font-size: 1.5rem;
line-height: 2;
color: #DA6252;
}
@media only screen and (max-width: 54em) {
.topics-box_title span {
font-size: 13px;
font-size: 1.3rem;
}
}
@media only screen and (max-width: 48em) {
.topics-box_title span {
text-align: center;
}
}
.topics-box_sub-title {
margin-bottom: 5.6%;
text-align: center;
font-weight: bold;
font-size: 20px;
font-size: 2rem;
line-height: 1.8;
}
.topics-box_sub-title span {
display: block;
font-size: 13px;
font-size: 1.3rem;
}
.topics-box_sub-title span:before {
content: "— ";
}
.topics-box_sub-title span:after {
content: " —";
}
@media only screen and (max-width: 54em) {
.topics-box_sub-title {
font-size: 17px;
font-size: 1.7rem;
}
.topics-box_sub-title span {
font-size: 11px;
font-size: 1.1rem;
}
}
.topics-box_lead-txt {
margin-bottom: 4.4%;
color: #5fcc85;
text-align: center;
font-weight: bold;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.8;
}
@media only screen and (max-width: 54em) {
.topics-box_lead-txt {
font-size: 12px;
font-size: 1.2rem;
}
}
.topics-box_description {
font-size: 13px;
font-size: 1.3rem;
font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
line-height: 2;
}
@media only screen and (max-width: 54em) {
.topics-box_description {
margin-bottom: 4%;
font-size: 11px;
font-size: 1.1rem;
}
}
.topics-box01 {
width: 80%;
padding: 5%;
margin: 10% auto;
border: 4px #ecb49e double;
}
.topics-box01_inner {
padding-top: 2%;
}
.topics-box02 {
padding: 4% 0;
background-color: #fff;
}
.topics-box02:nth-child(2n) {
background-color: rgba(236, 180, 158, 0.3);
}
.topics-box02:nth-child(2n) .topics-box_header-inner {
right: auto;
left: 0;
}
.slick_imgbox {
width: 80%;
margin: auto;
}
@media only screen and (max-width: 48em) {
.topics-box01 {
width: 90%;
}
.topics-box02 {
padding: 0;
}
.slick_imgbox {
width: 100%;
}
}
.topics-box_img-outer02 {
position: relative;
text-align: center;
overflow: hidden;
width: 50%;
}
.topics-box_description02 {
font-size: 13px;
font-size: 1.3rem;
font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
line-height: 2;
text-align: center;
}
.topics-box_description03 {
font-size: 16px;
font-size: 1.6rem;
font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
line-height: 1.5;
text-align: center;
}
.topics-box_description03 li{
list-style: none;
margin-bottom: 10px;
}
@media only screen and (max-width: 54em) {
.topics-box_img-outer {
margin-bottom: 6%;
width: 100%;
background-color: #f5f5f5;
}
.topics-box_description02 {
margin-bottom: 4%;
font-size: 11px;
font-size: 1.1rem;
}
.topics-box_description03 {
margin-bottom: 4%;
font-size: 14px;
font-size: 1.4rem;
text-align: left;
}
}
.topics-box_img-outer02 {
position: relative;
width: 80%;
margin: auto;
}
@media only screen and (max-width: 54em) {
.topics-box_img-outer02 {
width: 100%;
margin-bottom: 6%;
margin-bottom: 6%;
background-color: #f5f5f5;
}
}
.topics-box_header02 {
position: relative;
width: 80%;
margin: auto;
}
@media only screen and (max-width: 54em) {
.topics-box_header02 {
padding-top: 0;
width: 100%;
}
}
.topics-box_header-inner02 {
margin: auto;
width: 100%;
}
@media only screen and (max-width: 54em) {
.topics-box_header-inner02 {
position: relative;
padding: 0 4% 0;
max-width: 100%;
max-height: 100%;
width: 100%;
}
}
@media only screen and (max-width: 48em) {
.topics-box_header-inner02 {
padding: 0 4% 4%;
}
.topics-box_description02 {
text-align: left;
}
}
.topics-box_title02 {
margin: 17% auto 4% auto;
text-align: center;
font-size: 22px;
font-size: 2.2rem;
font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "HG明朝E", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "ヒラギノ明朝 Pro W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
line-height: 1.6;
}
.topics-box_title03 {
margin: 4% auto;
text-align: center;
font-size: 22px;
font-size: 2.2rem;
font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "HG明朝E", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "ヒラギノ明朝 Pro W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
line-height: 1.6;
}
.topics-box_title04 {
margin: 5% auto 4% auto;
text-align: center;
font-size: 22px;
font-size: 2.2rem;
font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "HG明朝E", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "ヒラギノ明朝 Pro W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
line-height: 1.6;
}
@media only screen and (max-width: 54em) {
.topics-box_title02 {
font-size: 16px;
font-size: 1.6rem;
}
.topics-box_title03 {
font-size: 16px;
font-size: 1.6rem;
}
.topics-box_title04 {
font-size: 16px;
font-size: 1.6rem;
}
}
.topics-box_title02 span {
display: block;
font-size: 13px;
font-size: 1.3rem;
line-height: 2;
color: #DA6252;
}
.topics-box_title04 span {
display: block;
font-size: 13px;
font-size: 1.3rem;
line-height: 2;
color: #DA6252;
}
@media only screen and (max-width: 48em) {
.topics-box_title02 {
margin: 10% auto 4% auto;
}
}
/*=============== topics内プラン ===============*/
.pickup_bg-img {
position: relative;
float: left;
padding-top: 42.96875%;
min-height: 440px;
width: 39.0625%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.pickup_bg-img img {
position: absolute;
top: 0;
visibility: hidden;
}
@media only screen and (max-width: 54em) {
.pickup_bg-img {
padding-top: 100%;
width: 100%;
min-height:300px;
}
}
@media only screen and (max-width: 30em) {
.pickup_bg-img {
padding-top: 95%;
min-height:250px;
}
}
.pickup_content {
position: relative;
float: left;
padding-top: 42.96875%;
min-height: 440px;
width: 60.9375%;
background-color: #fff;
}
@media only screen and (max-width: 54em) {
.pickup_content {
padding-top: 0;
width: 100%;
}
}
.pickup_content-inner {
position: absolute;
top: 0;
padding: 4%;
width: 100%;
height: 100%;
}
@media only screen and (max-width: 54em) {
.pickup_content-inner {
position: relative;
}
}
.pickup_sub-title {
margin-bottom: 10px;
color: #b39358;
font-weight: bold;
font-size: 13px;
font-size: 1.3rem;
}
@media only screen and (max-width: 48em) {
.pickup_sub-title {
margin-bottom: 2%;
font-size: 11px;
font-size: 1.1rem;
}
}
.pickup_title {
margin-bottom: 2%;
letter-spacing: 0.1rem;
font-weight: bold;
font-size: 17px;
font-size: 1.7rem;
}
.pickup_lead-txt {
margin-bottom: 3%;
font-size: 12px;
font-size: 1.2rem;
font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}
.pickup_detail {
padding: 15px 0;
width: 100%;
border-width: 1px 0;
border-style: solid;
border-color: #e6e6e6;
font-size: 13px;
font-size: 1.3rem;
}
@media only screen and (max-width: 48em) {
.pickup_detail {
font-size: 12px;
font-size: 1.2rem;
}
}
.pickup_detail-title {
padding-right: 10px;
vertical-align: baseline;
text-align: left;
}
.pickup_detail-data {
vertical-align: baseline;
}
.pickup_detail-data.is-price {
color: #e30000;
font-weight: bold;
font-size: 18px;
font-size: 1.8rem;
}
.pickup_detail-data.is-price strong {
font-size: 28px;
font-size: 2.8rem;
}
.pickup_detail-data.is-price span {
display: block;
padding: 0 5px;
max-width: 170px;
background-color: #e30000;
color: #fff;
text-align: center;
}
@media only screen and (max-width: 48em) {
.pickup_detail-data.is-price {
font-size: 15px;
font-size: 1.5rem;
}
.pickup_detail-data.is-price strong {
display: block;
font-size: 28px;
font-size: 2.8rem;
}
}
.topics_plan_pt {
padding-top: 5% !important;
padding-bottom: 5% !important;
}
.topics_plan_pt .btn {
padding-top: 20px;
}
.topics_plan_pt .btn a {
width: 230px;
}
@media only screen and (max-width: 54em) {
.topics_plan_pt .btn {
position: relative;
text-align: center;
}
.topics_plan_pt .btn a {
display:block;
width: 100%;
margin-bottom:10px;
}
}
/* モーダル */
.modal_block {
background-color: #fff !important;
}
.modal_title {
margin-bottom: 3%;
font-size: 18px;
font-size: 1.8rem;
}
.modal-box {
margin: auto;
width: 92%;
}
.modal-box_title {
margin-top: 4%;
margin-bottom: 4%;
text-align: center;
font-size: 17px;
font-size: 1.7rem;
}
.modal-box_content:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: "";
}
.modal-box_list {
float: left;
width: 48%;
list-style-type: none;
font-size: 13px;
font-size: 1.3rem;
}
.modal-box_list:nth-child(2n) {
float: right;
}
.modal-box_list:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: "";
}
@media only screen and (max-width: 48em) {
.modal-box_list {
float: none;
width: 100%;
}
}
.modal-box_list-title {
float: left;
padding: 15px 0;
width: 30%;
font-weight: bold;
}
.modal-box_list-item {
margin-top: -1px;
padding: 15px 0 15px 30%;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
/* タイトルに注記を入れる場合、title2にし下記を適用 */
.modal-box_list-title2 {
float: left;
padding: 15px 0 8px;
width: 30%;
font-weight: bold;
line-height:1;
}
.modal-box_list-title2 span {
padding-top:0;
font-size: 10px;
font-size: 1.0rem;
line-height:0.1;
}
/*=============== 8大サポート ===============*/
.policy-box {
position: relative;
padding: 60px 0;
}
.plan-box:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: "";
}
@media only screen and (max-width: 48em) {
.policy-box {
padding: 5% 0;
}
}
.policy-box_bg-img {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: center no-repeat;
background-size: cover;
}
.policy-box_bg-img img {
visibility: hidden;
}
.policy-box_bg-img:after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.65);
content: "";
}
.policy-box_content {
position: relative;
font-size: 0;
}
.policy-box_item {
display: inline-block ;
margin-right: auto;
margin-right: 2.5%;
margin-left: 2.5%;
padding: 20px 0;
min-height: 225px;
width: 28.33333%;
border-width: 1px 0;
border-style: solid;
border-color: rgba(0, 0, 0, 0.2);
vertical-align: top;
font-size: small;
}
@media only screen and (min-width: 48.0625em) {
.policy-box_item {
width: 28.33333%;
}
.policy-box_item:nth-child(n) {
width: 30% ;
}
.policy-box_item:nth-child(3n+1) {
margin-left: 0;
}
.policy-box_item:nth-child(3n+3) {
margin-right: 0;
}
}
@media only screen and (max-width: 48em) {
.policy-box_item {
display: block;
margin: auto;
min-height: 0;
width: 92%;
border-top: none;
}
.policy-box_item:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.2);
}
}
.policy-box_item-title {
position: relative;
margin-bottom: 15px;
padding-left: 25px;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
}
.policy-box_item-title span {
position: absolute;
left: 0;
display: block;
width: 25px;
text-align: center;
font-weight: normal;
font-size: 28px;
font-size: 2.8rem;
font-family: "Oranienbaum";
}
.policy-box_item-text {
padding-left: 25px;
font-size: 12px;
font-size: 1.2rem;
line-height: 2;
}
/*=============== topics内フェアバナー ===============*/
.topics-box_fair {
padding: 5%;
margin: 10% auto;
border: 2px #ecb49e solid;
}
.topics-box_fair span{
font-size: 18px;
color: #534E4C;
}
.topics-box_fair_txt {
text-align: center;
font-size: 20px;
margin: 0 0 10px 0;
color: #ecb49e;
font-weight: bold;
}
.topics-box_fair_box {
margin: 0 auto;
text-align: center;
}
.topics-box_fair_box a {
display: block;
margin: 0 auto;
max-width: 400px;
padding: 10px 10px;
font-size: 16px;
font-size: 1.6rem;
background-color: #ecb49e;
color: #FFF;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: bold;
text-decoration: none;
}
@media only screen and (max-width: 48em) {
.topics-box_fair {
padding: 5%;
margin: 15% auto;
border: 2px #ecb49e solid;
width: 90%;
}
}
/*=============== parts
===============*/
/*本文 PCスマホbr有り*/
.pcmb_show {
display: block !important;
}
/*本文 PC時のみbr有り*/
.pc_show {
display: block !important;
}
/*本文 スマホ時のみbr有り*/
.mb_show {
display: none;
}
@media only screen and (max-width: 48em) {
/*本文 PC時のみbr有り*/
.pc_show {
display: none !important;
}
/*本文 スマホ時のみbr有り*/
.mb_show {
display: block !important;
}
}
/*=============== parts ===============*/
.strong_h {
font-size: 32px;
font-size: 3.2rem;
}
.strong_p_01 {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
}
.strong_p_02 {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
color: #ecb49e;
}
@media only screen and (max-width: 48em) {
.strong_h {
font-size: 28px;
font-size: 2.8rem;
}
}