@charset "utf-8";
/*
Theme Name: NC White
Theme URI: http://notnil-creative.com/
Description: WordPress構築ベーステーマ
Author: Takuro Hishikawa (@HissyNC)
Version: 1.0
*/


/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}


/* HTML5 Reset end
-------------------------------------------------------------------------------*/


/*
Standard Classes
Author:Takuro Hishikawa
*/
strong{font-weight:bold}
.nomargin{margin:0!important}
.noborder{border:0!important}
.alignleft{text-align:left}
.aligncenter{text-align:center}
.alignright{text-align:right}
.clearboth{clear:both}
.clearleft{clear:left}
.clearright{clear:right}
img.alignleft,.floatleft{float:left;margin:0 10px 10px 0}
img.alignright,.floatright{float:right;margin:0 0 10px 10px}



/*@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Elsie+Swash+Caps:wght@400;900&family=Open+Sans:wght@400;600;700;800&display=swap&family=Kalam:wght@700&display=swap');*/

/*
font-family: 'Open Sans', sans-serif;
font-family: 'Courgette', cursive;
font-family: 'Elsie Swash Caps', cursive;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
*/

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
input[type=text]    {
    font-size : 16px;
    border : 1px solid #ccc;
    -webkit-border-radius : 0;
    -webkit-appearance : none;
    -webkit-tap-highlight-color : rgba(0,0,0,0);
}

a:link {
    -webkit-tap-highlight-color: rgba(235,42,153,0.2);
    tap-highlight-color: rgba(235,42,153,0.2);
}






*{
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "verdana", sans-serif;
  letter-spacing: 0.03em;
  color: #4d4d4d;
  box-sizing: border-box;
}
body{
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-drag:none;
  -khtml-user-drag:none;
}
ins{
  background-color: transparent;
}
a{
  text-decoration: none;
}
img{
  display: block;
}
html{
  font-size: 62.5%;
}
body{
  font-size: 1.6em;
}
.wrap{
  width: 1024px;
  margin: 0 auto;
  position: relative;
}

.sp_news_rank,
.sp_under_nav,
#sp_sidebar,
.h_flowers_white,
.footer_nav_sp,
.sp_sl_wrap{
  display: none;
}

.news_item .n_thumb a,
.recommend_item .r_thumb a,
.promotion_item .p_thumb a,
.picup_item .p_u_left a,
.side_new_release_item .left a,
.backnumber_item .bn_thumb a,
.f_member_item a{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.sns_list li,
.head_logo,
.search_window button,
.main_slider .slide_item .pink_band .category a,
.main_slider .slide_item .pink_band .title a,
.news_item .n_right p a,
.news_item .n_right h3 a,
.news_item .n_thumb,
.recommend_item .r_thumb,
.recommend_item .category a,
.recommend_item .title a,
.promotion_item .title a,
.promotion_item .p_thumb,
.top_flowers .right_contents li a,
.top_flowers .right_contents li a:before,
.under_page li a,
.picup_item .p_u_left,
.picup_item .category a,
.picup_item .p_u_right h3 a,
.side_new_release_item .left,
.buy_link_group li a,
.side_tag_group li a,
.info_item .title a,
.news_item .n_right .category a,
.banner_list dl,
.breadcrumb li a,
.page_contact section.advertisement p a,
.page_contact section.contact p a,
.page_privacypolicy section.privacypolicy p a,
div#datasign_privacy_notice a,
input.wpcf7-form-control.wpcf7-submit.submit_btn,
.wp-pagenavi a,
.btn_infoall,
.backnumber_item .bn_thumb,
.backnumber_item .title a,
.addtoany_list.a2a_kit_size_32 a,
.s_pink_band ul li a,
.single_contents a,
.sp_search_window,
.sp_gnav,
.sp_header:before,
.sp_under_nav li a,
.sp_fn_top ul li a,
.g_title ul li a,
a.start_btn,
.f_member_item,
.page_newarticle .news_item .n_right h3 a{
  transition: .4s;
}
.sns_list li:hover,
.head_logo:hover,
.search_window button:hover,
.main_slider .slide_item .pink_band .category a:hover,
.main_slider .slide_item .pink_band .title a:hover,
.news_item .n_right p a:hover,
.news_item .n_thumb:hover,
.recommend_item .r_thumb:hover,
.promotion_item .p_thumb:hover,
.picup_item .p_u_left:hover,
.side_new_release_item .left:hover,
.banner_list dl:hover,
.breadcrumb li a:hover,
.page_contact section.advertisement p a:hover,
.page_contact section.contact p a:hover,
.page_privacypolicy section.privacypolicy p a:hover,
div#datasign_privacy_notice a:hover,
.wp-pagenavi a:hover,
.backnumber_item .bn_thumb:hover,
.backnumber_item .title a:hover,
.addtoany_list.a2a_kit_size_32 a:hover,
.s_pink_band ul li a:hover,
.single_contents a:hover,
.sp_fn_top ul li a:hover,
.news_item .n_right .category a:hover{
  opacity: .6;
}
.news_item .n_right h3 a:hover,
.recommend_item .title a:hover,
.promotion_item .title a:hover,
.under_page li a:hover,
.picup_item .p_u_right h3 a:hover,
.info_item .title a:hover,
.page_newarticle .news_item .n_right h3 a:hover{
  color: #EB2A99;
}


/* hader */
header .wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 30px 0;
}
.sns_list{
  display: table;
}
.sns_list li{
  display: inline-table;
  margin-right: 10px;
  vertical-align: middle;
}
.sns_list li img{
  height: auto;
}
.sns_line img{
  width: 35px;
}
.sns_instagram img{
  width: 24px;
}
.sns_twitter img{
  width: 24px;
}
.sns_mail img{
  width: 27px;
}
.sns_youtube img{
  width: 27px;
}
.head_logo{
  width: 310px;
}
.head_logo a{
  width: 100%;
}
.head_logo a img{
  width: 100%;
  height: auto;
}
.search_window{
  border: solid 1px #8D8D8D;
  width: 193px;
}
.search_window form{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.search_window input{
  border: none;
  width: calc(100% - 30px);
  font-size: 1.2rem;
  color: #8D8D8D;
  padding: 4px 10px;
}
.search_window button{
  width: 30px;
  height: 30px;
  border: none;
  background: #8D8D8D;
  padding: 0;
}
.search_window button img{
  width: 18px;
  height: auto;
  margin: 0 auto;
}
.g_nav{
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}
.g_nav li{
  height: 2.1rem;
  overflow: hidden;
}
.g_nav li a{
  color: #EB2A99;
  display: table;
  position: relative;
  top: 0;
  transition: .4s;
}
.g_nav li a:hover{
  top: -2.2rem;
}
.g_nav span{
  display: block;
}

header .sp_header{
  display: none;
}

/* カテゴリごとのカラー設定 */
.g_nav .fashion span,
.category.fashion a{
  color: #EF73BA !important;
}
.g_nav .beauty span,
.category.beauty a{
  color: #D8D800 !important;
}
.g_nav .lifestyle span,
.category.lifestyle a{
  color: #47B160 !important;
}
.g_nav .love span,
.category.love a{
  color: #E83939 !important;
}
.g_nav .trip span,
.category.trip a{
  color: #74F5D2 !important;
}
.g_nav .entame span,
.category.entame a{
  color: #F7EF1C !important;
}
.g_nav .fortune span,
.category.fortune a{
  color: #D62ADD !important;
}
.g_nav .news span,
.category.news a{
  color: #639CEA !important;
}

.g_nav li a,
.g_nav li a span{
  font-size: 1.6rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

/* index */
#main{
  margin-top: 20px;
  min-height: 2700px;
}
.left_contents{
  width: 670px;
}
.main_slider{
  opacity: 0;
  display: none;
  transition: opacity .3s linear;
}
.gallery_slide{
  opacity: 0;
  height: 435px;
  overflow: hidden;
  transition: opacity .3s linear;
}
.main_slider.slick-initialized,
.gallery_slide.slick-initialized{
  opacity: 1;
  display: block;
}
.main_slider.sp_slider{
  display: none !important;
}
.main_slider .slide_item{
  width: 100%;
  height: 435px;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: relative;
}
.main_slider .slide_item:before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.15);
}
.main_slider .slide_item .pink_band{
  position: absolute;
  width: 100%;
  background: rgba(255,144,208,0.75);
  padding: 10px 30px;
  bottom: 25px;
  left: 0;
}
.main_slider .slide_item .pink_band .category{
  display: inline-table;
}

.main_slider .slide_item .pink_band .category a{
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
}
.main_slider .slide_item .pink_band .title a{
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
}

section{
  padding: 50px 0;
}
.fpink_head{
  font-size: 3.4rem;
  font-family: 'Courgette', cursive;
  text-align: center;
  margin-bottom: 40px;
}
.fpink_head:first-letter{
  color: #EB2A99;
}
.fpink_head b{
  font-size: 3.4rem;
  font-family: 'Courgette', cursive;
  color: #EB2A99;
}
.fpink_head span{
  font-size: 1.2rem;
  display: block;
  margin-top: 8px;
  font-weight: normal;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.news_item{
  padding: 20px 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: solid 0.5px #ccc;
  position: relative;
}
.news_item:nth-of-type(1):before,
.news_item:nth-of-type(2):before,
.news_item:nth-of-type(3):before{
  position: absolute;
  content: '';
  background: url(../images/icon/icon_new.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  top: 5px;
  left: 0;
  z-index: 1;
}
.news_item:last-of-type{
  border-bottom: solid 0.5px #ccc;
}
.news_item .n_thumb{
  width: 21.6%;
  padding-bottom: 21.6%;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: relative;
}
.news_item .n_right{
  width: 76.4%;
  padding-top: 15px;
}
.news_item .n_right .category{
  display: inline-table;
  margin-right: 15px;
  vertical-align: middle;
}
.news_item .n_right p{
  display: inline-table;
  font-size: 1.5rem;
  font-family: 'Open Sans', sans-serif;
  vertical-align: middle;
}
.news_item .n_right p.date{
  font-size: 1.2rem;
}
.news_item .n_right .category a{
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: #4d4d4d;
}
.news_item .n_right h3{
  font-weight: normal;
  font-size: 1.8rem;
  margin-top: 5px;
  height: 54px;
  overflow: hidden;
}
.news_item .n_right h3 a{
  color: #4d4d4d;
}
a.more_btn{
  font-size: 1.8rem;
  font-family: 'Elsie Swash Caps', cursive;
  font-weight: bold;
  color: #4d4d4d;
  margin: 33px auto 8px;
  position: relative;
  display: table;
}
a.more_btn:before{
  position: absolute;
  content: '';
  background: url(../images/icon/icon_heart.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 33px;
  height: 33px;
  top: -10px;
  left: -20px;
  z-index: -1;
  opacity: 0;
  transition: .2s;
}
a.more_btn:hover:before{
  opacity: 1;
}
a.more_btn:after{
  content: '';
  position: absolute;
  background: #999999;
  width: 34px;
  height: 0.5px;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}
.pink_back{
  background: #FFF4FD;
  padding-top: 30px;
}
.h_recommend{
  margin-bottom: 30px;
}
.h_recommend img{
  width: 190px;
  height: auto;
  margin: 0 auto;
}
.recommend_item{
  width: 31.4%;
  min-height: 264px;
  padding: 5px 5px 10px;
  background: #FFFFFF;
  display: inline-block;
  vertical-align: top;
  margin: 20px 0.67% 0;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: relative;
}
.recommend_item:nth-of-type(1),
.recommend_item:nth-of-type(2),
.recommend_item:nth-of-type(3){
  margin-top: 0;
}
.recommend_item ins{
  width: 100%;
  height: 250px;
}
.recommend_item .r_thumb{
  width: 100%;
  padding-bottom: 66.5%;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: relative;
  margin-bottom: 5px;
}
.recommend_item .title{
  height: 72px;
  overflow: hidden;
  margin-bottom: 15px;
}
.recommend_item .title a{
  color: #4d4d4d;
  font-size: 1.3rem;
  font-weight: bold;
}
.recommend_item .category,
.recommend_item .date{
  font-size: 1.2rem;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  display: inline-table;
  margin-right: 15px;
  vertical-align: middle;
}
.recommend_item .date{
  font-size: 1.1rem;
  margin-right: 0px;
  font-weight: normal;
}
.recommend_item .category a{
  color: #4d4d4d;
  font-family: 'Open Sans', sans-serif;
}
.h_promotion{
  margin-bottom: 30px;
}
.h_promotion img{
  width: 247px;
  height: auto;
  margin: 0 auto;
}
.promotion_item{
  width: 46.6%;
  background: #FFF8FE;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  padding: 10px;
  display: inline-block;
  margin: 30px 1.45% 0;
}
.promotion_item:nth-of-type(1),
.promotion_item:nth-of-type(2){
  margin-top: 0;
}
.promotion_item .p_thumb{
  width: 100%;
  padding-bottom: 66.5%;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: relative;
  margin-bottom: 8px;
}
.promotion_item .title{
  height: 72px;
  overflow: hidden;
  margin-bottom: 15px;
}
.promotion_item .title a{
  color: #4d4d4d;
  font-size: 1.6rem;
}
.promotion_item .date{
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3rem;
  font-weight: normal;
}
.top_flowers{
  position: relative;
  /*background: #FCF0F0;*/
}
.top_flowers:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  opacity: .6;
  background: url(../images/pic/flowres_back.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.top_flowers .top_flowers_shelf{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.h_flowers img{
  width: 245px;
  height: auto;
  margin: 0 auto 30px;
}
.top_flowers .left_contents img{
  width: 100%;
  height: auto;
}
.top_flowers .right_contents{
  width: 300px;
  background: #fff;
  padding: 30px 20px;
  display: table;
}
.top_flowers .right_contents h3{
  margin-bottom: 15px;
}
.top_flowers .right_contents h3,
.top_flowers .right_contents h3 span{
  font-family: 'Elsie Swash Caps', cursive;
  font-size: 2.4rem;
  text-align: center;
  letter-spacing: 0.1em;
}
.top_flowers .right_contents h3 span{
  color: #EA2A98;
}
.top_flowers .right_contents p{
  font-size: 1.6rem;
}
.top_flowers .right_contents ul{
  margin-top: 20px;
}
.top_flowers .right_contents li{
  border: solid 1px #F094C9;
  margin-bottom: 10px;
}
.top_flowers .right_contents li a{
  padding: 10px 20px;
  display: block;
  position: relative;
  text-align: center;
  color: #4d4d4d;
  font-size: 1.4rem;
}
.top_flowers .right_contents li a:hover{
  background: #F094C9;
  color: #fff;
}
.top_flowers .right_contents li a:hover:before{
  background: url(../images/icon/btn_arrow_w.svg) no-repeat;
}
.top_flowers .right_contents li a:before{
  position: absolute;
  content: '';
  background: url(../images/icon/btn_arrow.svg) no-repeat;
  background-size: contain;
  background-position: center;
  width: 8px;
  height: 11px;
  top: 50%;
  right: 20px;
  transform: translate(100%,-50%);
}


/* footer */
.foot_nav{
  padding: 60px 0 50px;
}
.under_page{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.under_page li{
  display: table;
  margin: 0 20px;
}
.under_page li a{
  font-size: 1.4rem;
  color: #4d4d4d;
}
.foot_nav .sns_list{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.foot_nav .sns_list li{
  display: table;
  margin: 0 15px;
}
.foot_nav .sns_list li.sns_line img{
  width: 54px;
}
.foot_nav .sns_list li.sns_instagram img{
  width: 35px;
}
.foot_nav .sns_list li.sns_twitter img{
  width: 36px;
}
.foot_nav .sns_list li.sns_mail img{
  width: 40px;
}
.foot_nav .sns_list li.sns_youtube img{
  width: 40px;
}
.coppyright{
  background: #EB2A99;
  padding: 12px 0;
}
.coppyright small{
  color: #fff;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  display: table;
  margin: 0 auto;
}

/* sidebar */
#sidebar{
  width: 300px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
#sidebar section{
  margin-bottom: 30px;
  padding: 0;
}
.ranking_head,.ranking_head b{
  font-size: 2.8rem;
  font-family: 'Courgette', cursive;
  letter-spacing: 0.1em;
}
.ranking_head{
  text-align: center;
  margin-bottom: 15px;
}
.ranking_head b{
  color: #EB2A99;
}
.ranking_head span{
  display: block;
  font-size: 1.2rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: normal;
  margin-top: 5px;
}
.picup_item{
  padding: 10px 7px;
  border-bottom: solid 0.5px #ccc;
  display: flex;
  justify-content: space-between;
}
.picup_item:nth-of-type(1){
  border-top: solid 0.5px #ccc;
}
.picup_item .p_u_left{
  width: 90px;
  height: 90px;
  margin-right: 10px;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: relative;
}
.picup_item:nth-of-type(1) .p_u_left:before,
.picup_item:nth-of-type(2) .p_u_left:before,
.picup_item:nth-of-type(3) .p_u_left:before,
.picup_item:nth-of-type(4) .p_u_left:before,
.picup_item:nth-of-type(5) .p_u_left:before{
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 30px 0 0;
  border-color: #ffeded transparent transparent transparent;
  top: 0;
  left: 0;
}
.picup_item:nth-of-type(1) .p_u_left:after{
  background: url(../images/icon/rank_01.svg);
}
.picup_item:nth-of-type(2) .p_u_left:after{
  background: url(../images/icon/rank_02.svg);
}
.picup_item:nth-of-type(3) .p_u_left:after{
  background: url(../images/icon/rank_03.svg);
}
.picup_item:nth-of-type(4) .p_u_left:after{
  background: url(../images/icon/rank_04.svg);
}
.picup_item:nth-of-type(5) .p_u_left:after{
  background: url(../images/icon/rank_05.svg);
}
.picup_item:nth-of-type(1) .p_u_left:after,
.picup_item:nth-of-type(2) .p_u_left:after,
.picup_item:nth-of-type(3) .p_u_left:after,
.picup_item:nth-of-type(4) .p_u_left:after,
.picup_item:nth-of-type(5) .p_u_left:after{
  position: absolute;
  content: '';
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  top: -3px;
  left: -5px;
  width: 24px;
  height: 12px;
}
.picup_item .p_u_right{
  width: calc(100% - 100px);
}
.picup_item .p_u_right .category{
  display: inline-table;
}
.picup_item .p_u_right .category a{
  font-size: 1.2rem;
  color: #4d4d4d;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}
.picup_item .p_u_right h3{
  line-height: 1.2em;
  height: 60px;
  overflow: hidden;
}
.picup_item .p_u_right h3 a{
  font-size: 1.2rem;
  font-weight: normal;
  color: #4d4d4d;
}
#sidebar section.side_youtube{
  position: relative;
  padding: 20px 10px;
}
.top_parts,
.bottom_parts{
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  left: 0;
}
.top_parts img,
.bottom_parts img{
  width: 25%;
  height: auto;
}
.top_parts{
  top: 0;
}
.bottom_parts{
  transform: rotate(180deg);
  bottom: 0;
}
.h_youtube{
  margin-bottom: 15px;
}
.h_youtube img{
  width: 178px;
  height: auto;
  margin: 0 auto;
}
.yotube_window iframe{
  width: 100%;
  height: 155px;
}
#sidebar section.side_new_release{
  background: #FFEAFB;
  padding: 3px;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
.side_new_release_item{
  border: solid 2px #fff;
  padding: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.side_new_release_item .left{
  width: 140px;
  position: relative;
}
.side_new_release_item .left img{
  width: 100%;
  height: auto;
}
.side_new_release_item .right{
  width: calc(100% - 140px);
  padding-left: 5px;
}
.side_new_release_item .right h2{
  margin-bottom: 7px;
}
.side_new_release_item .right h2 img{
  width: 120px;
  height: auto;
  margin: 0 auto;
}
.side_new_release_item .right h3{
  margin-bottom: 2px;
}
.side_new_release_item .right h3 img{
  width: 63px;
  height: auto;
  margin: 0 auto;
}
.side_new_release_item .right p{
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
}
.buy_link_group{
  margin: 13px auto 0;
  display: table;
}
.buy_link_group li{
  margin-bottom: 5px;
}
.buy_link_group li:last-of-type{
  margin-bottom: 0;
}
.buy_link_group li a{
  display: block;
  width: 102px;
  padding: 4px;
  background: #fff;
  border: solid 0.5px #EB2A99;
  font-size: 1rem;
  text-align: center;
  color: #EB2A99;
  font-weight: bold;
}
.buy_link_group li a:hover{
  color: #fff;
  background: #EB2A99;
}
#sidebar section.side_hotword{
  position: relative;
  border-top: solid 0.5px #4D4D4D;
  border-bottom: solid 0.5px #4D4D4D;
  padding: 3px 0;
}
.side_hotword:before,
.side_hotword:after{
  position: absolute;
  content: '';
  background: #4d4d4d;
  width: 100%;
  height: 0.5px;
  left: 0;
}
.side_hotword:before{
  top: 3px;
}
.side_hotword:after{
  bottom: 3px;
}
.side_hotword h2{
  text-align: center;
  font-size: 2.6rem;
  font-family: 'Elsie Swash Caps', cursive;
  border-bottom: solid 0.5px #4d4d4d;
  padding: 13px 0 10px;
  letter-spacing: 0.1em;
}
.side_hotword h2:first-letter{
  color: #EA2A98;
}
.side_tag_group{
  padding: 0 10px;
  margin: 20px 0;
  max-height: 190px;
  overflow: hidden;
}
.side_tag_group li{
  display: inline-table;
  margin: 0 10px 10px 0;
}
.side_tag_group li a{
  padding: 8px 9px;
  border: solid 0.5px #707070;
  border-radius: 10px;
  display: block;
  line-height: 1;
  color: #4d4d4d;
  background: #fff;
  font-size: 1.2rem;
}
.side_tag_group li a:hover{
  border-color: #EB2A99;
  background: #EB2A99;
  color: #fff;
}
#sidebar section.side_special{
  background: #F094C9;
  padding: 20px 15px;
  border-radius: 10px;
}
.h_special{
  color: #fff;
  font-size: 2.6rem;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}
.h_special span{
  color: #fff;
  font-size: 1.2rem;
  display: block;
}

ul.banner_list,
ul.banner_list li,
.banner_list dl,
.banner_list dt,
.banner_list dt a{
  width: 100%;
}
.banner_list .widgettitle{
  display: none;
}
.banner_list br{
  display: none;
}
.banner_list dl{
  border: solid 1px #fff;
  margin-bottom: 10px;
}
.banner_list dt a img{
  width: 100%;
  height: auto;
}




/*
.banner_list h2.widgettitle{
  display: none;
}
.banner_list li{
  border: solid 1px #fff;
  margin-bottom: 10px;
}
.banner_list li:last-of-type{
  margin-bottom: 0;
}
.banner_list li a{
  width: 100%;
  height: auto;
}
*/
.h_info{
  margin-bottom: 5px;
}
.h_info img{
  width: 100%;
  max-width: 280px;
  height: auto;
  margin: 0 auto;
}
.info_item{
  padding: 13px 10px;
  border-bottom: solid 0.5px #F094C9;
}
.info_item .date{
  font-size: 1.2rem;
  font-family: 'Open Sans', sans-serif;
}
.info_item .title a{
  font-size: 1.5rem;
  color: #4d4d4d;
  font-weight: normal;
}
.btn_infoall{
  display: block;
  width: 200px;
  text-align: center;
  color: #F094C9;
  border: solid 1px #F094C9;
  padding: 10px 0;
  margin: 20px auto 0;
  line-height: 1;
  font-family: 'Open Sans', sans-serif;
}
.btn_infoall:hover{
  color: #fff;
  background: #F094C9;
}


/* 下層ページ */
.entry-title{
  display: none;
}
.breadcrumb li{
  font-size: 1.4rem;
  display: inline-table;
  margin-right: 20px;
  position: relative;
}
.breadcrumb li:before{
  position: absolute;
  content: '';
  background: url(../images/icon/btn_arrow.svg) no-repeat;
  background-size: contain;
  background-position: center;
  width: 8px;
  height: 11px;
  top: 50%;
  right: -9px;
  transform: translate(100%,-50%); 
}
.breadcrumb li:last-of-type{
  margin: 0;
}
.breadcrumb li:last-of-type:before{
  display: none;
}


.breadcrumb li a{
  color: #EB2A99;
}
.lower_page .fpink_head{
  margin-bottom: 30px;
}
.page_contact section.contact{
  padding: 0;
}
.page_contact section.advertisement p,
.page_contact section.contact p,
.page_privacypolicy .privacypolicy p{
  margin-bottom: 15px;
}
.page_contact section.advertisement p a,
.page_contact section.contact p a,
.page_privacypolicy section.privacypolicy p a,
div#datasign_privacy_notice a{
  color: #F094C9;
  text-decoration: underline;
  font-weight: bold;
}
.normal_h3{
  font-size: 2rem;
  color: #F094C9;
  margin: 30px 0 15px;
  border-left: solid 7px #F094C9;
  padding-left: 10px;
  line-height: 1;
}
.pp_ul li{
  padding-left: 1.5em;
  text-indent: -1.5em;
  margin-bottom: 10px;
}
.pp_ul li:last-of-type{
  margin-bottom: 0;
}

.page_privacypolicy .table{
  width: 100%;
  margin: 40px auto 0;
}
.page_privacypolicy .table p{
  display: none;
}
.page_privacypolicy .table .tr{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.page_privacypolicy .table .tr .th,
.page_privacypolicy .table .tr .td{
  padding: 15px 10px;
}
.page_privacypolicy .table .tr .th{
  width: 35%;
}
.page_privacypolicy .table .tr .th span{
  color: #EB2A99;
}
.page_privacypolicy .table .tr .td{
  width: 65%;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.name,
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.kana,
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.age,
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.birth,
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.job,
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.location,
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email.e_mail,
input.wpcf7-form-control.wpcf7-text.line_id,
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.t_area{
  width: 100%;
  border: solid 1px #F094C9;
  padding: 0 5px;
  font-size: 1.4rem;
}
.page_privacypolicy .table .tr.t_area_shelf{
  align-items: flex-start;
}
input[type="radio"],
span.wpcf7-list-item-label{
  vertical-align: middle;
  line-height: 1;
}
input[type="radio"]{
  position: relative;
  top: -2px;
}
input.wpcf7-form-control.wpcf7-submit.submit_btn{
  display: block;
  width: 150px;
  border: solid 1px #F094C9;
  border-radius: 0;
  text-align: center;
  margin: 0 auto;
  font-weight: bold;
  color: #F094C9;
  line-height: 1;
  padding: 10px 0;
  background: #fff;
}
input.wpcf7-form-control.wpcf7-submit.submit_btn:hover{
  color: #fff;
  background: #EB2A99;
  border: solid 1px #EB2A99;
}
.f_grouppic{
  width: 100%;
  height: auto;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
.h_g_text{
  margin: 20px 0 0;
  border: solid 2px #F094C9;
  padding: 15px;
}
.f_member_item{
  width: 30%;
  max-width: 200px;
  display: inline-block;
  margin: 30px 1.4% 0;
  border: solid 1px #F2F2F2;
  border-radius: 1px;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  padding: 20px 14px 15px;
  position: relative;
  top: 0;
}
.f_member_item:hover{
  top: -5px;
  opacity: .7;
}
.f_member_item dt{
  width: 100%;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: solid 1px #F2F2F2;
  padding-bottom: 132%;
}
.f_member_item dd{
  text-align: center;
  margin-top: 15px;
  font-size: 1.4rem;
  color: #F094C9;
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}


/* 投稿①一覧 */
.capitalize{
  text-transform: capitalize;
}
.page_newarticle .news_item{
  padding: 30px 10px;
  border-top: none;
  border-bottom: solid 0.5px #ccc;
}
.page_newarticle .news_item:first-of-type{
  border-top: solid 0.5px #ccc;
}
.page_newarticle .news_item .n_thumb{
  width: 37%;
  padding-bottom: 37%;
}
.page_newarticle .news_item .n_right{
  width: 60%;
}
.page_newarticle .news_item:nth-of-type(1):before,
.page_newarticle .news_item:nth-of-type(2):before,
.page_newarticle .news_item:nth-of-type(3):before{
  width: 65px;
  height: 65px;
}
.page_newarticle .news_item .n_right .category{
  font-size: 1.7rem;
}
.page_newarticle .news_item .n_right p{
  font-size: 1rem;
}
.page_newarticle .news_item .n_right p.date{
  font-size: 1.2rem;
}
.page_newarticle .news_item .n_right h3{
  font-size: 1.8rem;
  height: 108px;
  margin-top: 10px;
}
.page_newarticle .news_item.info_a_item:nth-of-type(1):before,
.page_newarticle .news_item.info_a_item:nth-of-type(2):before,
.page_newarticle .news_item.info_a_item:nth-of-type(3):before{
  width: 35px;
  height: 35px;
}
.page_newarticle .news_item.info_a_item{
  padding: 20px 40px;
}
.page_newarticle .news_item.info_a_item .n_right{
  width: 100%;
  padding: 0;
}
.page_newarticle .news_item.info_a_item .n_right h3{
  height: auto;
}
.tag-information section.information{
  display: none;
}

/* ページネーション */
.wp-pagenavi{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
.wp-pagenavi a,
.wp-pagenavi span{
  padding: 0 !important;
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  border-radius: 50%;
  font-size: 1.6rem;
  margin: 0 8px !important;
  color: #EB2A99;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  border: none !important;
}
.wp-pagenavi .pages{
  display: none;
}
.wp-pagenavi span.current{
  font-size: 1.8rem;
}
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.last,
.wp-pagenavi a.first{
  background: #EB2A99;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
.wp-pagenavi a.nextpostslink:before,
.wp-pagenavi a.previouspostslink:before{
  position: absolute;
  content: '';
  width: 10px;
  height: 11px;
  background: url(../images/icon/pagenation_arrow.svg)no-repeat;
  background-size: contain;
  background-position: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.wp-pagenavi a.last:before,
.wp-pagenavi a.first:before{
  position: absolute;
  content: '';
  width: 13px;
  height: 13px;
  background: url(../images/icon/pagenation_arrow_final.svg)no-repeat;
  background-size: contain;
  background-position: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.wp-pagenavi a.previouspostslink:before,
.wp-pagenavi a.first:before{
  transform: translate(-50%,-50%) scale(-1, 1);
}

/* 最新号紹介 */
.page_new_release #sidebar section.side_new_release{
  display: none;
}
.large_new_release{
  width: 100%;
  background: #FFEAFB;
  padding: 10px;
}
.large_new_release .side_new_release_item{
  padding: 8px;
}
.large_new_release .side_new_release_item .left{
  max-width: 304px;
  width: 50%;
}
.large_new_release .side_new_release_item .right{
  max-width: 326px;
  width: 52%;
  padding-left: 20px;
  margin-top: 20px;
}
.large_new_release .side_new_release_item .right h3{
  margin-bottom: 10px;
}
.large_new_release .side_new_release_item .right h3 img{
  max-width: 202px;
  width: 67%;
}
.large_new_release .side_new_release_item .right p{
  font-size: 1.6rem;
}
.large_new_release .buy_link_group{
  margin-top: 25px;
}
.large_new_release .buy_link_group li{
  margin-bottom: 15px;
}
.large_new_release .buy_link_group li a{
  width: 280px;
  font-size: 1.8rem;
  padding: 10px;
}
section.buck_number{
  padding-top: 0;
}
.backnumber_shelf{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.backnumber_item{
  max-width: 240px;
  width: 36%;
  margin: 30px 7.09% 0;
}
.backnumber_item:nth-of-type(1),
.backnumber_item:nth-of-type(2){
  margin-top: 0;
}
.backnumber_item .bn_thumb{
  width: 100%;
  padding-bottom: 128%;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: relative;
}
.backnumber_item .title{
  text-align: center;
  font-size: 1.8rem;
  margin-top: 10px;
  position: relative;
  padding-bottom: 10px;
}
.backnumber_item .title a{
  color: #F094C9;
}
.backnumber_item .title:before{
  position: absolute;
  content: '';
  background: #F094C9;
  width: 50px;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.single_new_release .large_new_release{
  margin-bottom: 50px;
}
.addtoany_share_save_container.addtoany_content.addtoany_content_bottom{
  margin: 50px 0 0;
}
.addtoany_list.a2a_kit_size_32 a{
  margin: 0 12px 0 0;
  font-size: 1.1rem !important;
  font-weight: bold;
  padding: 6px 8px;
  line-height: 1;
  position: relative;
  border-radius: 3px;
}
.addtoany_list.a2a_kit_size_32 a span{
  display: none !important;
}
a.a2a_button_twitter{
  background: rgb(85, 172, 238);
}
a.a2a_button_twitter:before{
  position: absolute;
  content: '';
  width: 14px;
  height: 11px;
  background: url(../images/icon/share_btn_tw.svg)no-repeat;
  background-size: contain;
  background-position: center;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
}
a.a2a_button_twitter:after{
  content: 'ツイート';
  color: #fff;
  display: block;
  padding-left: 17px;
}
a.a2a_button_line{
  background: rgb(0, 195, 0);
}
a.a2a_button_line:before{
  position: absolute;
  content: '';
  width: 14px;
  height: 15px;
  background: url(../images/icon/share_btn_line.svg)no-repeat;
  background-size: contain;
  background-position: center;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
}
a.a2a_button_line:after{
  content: 'LINEでシェア';
  color: #fff;
  display: block;
  padding-left: 17px;
}

/* single_投稿① */
.page_single_newarticle .breadcrumb .category a:before{
  content: ' , ';
  color: #4d4d4d;
}
.page_single_newarticle .breadcrumb .category a:first-of-type:before{
  display: none;
}
section.newarticle_section{
  padding: 50px 0 30px;
  border-bottom: solid 1px #ccc;
}
section.newarticle_section:first-of-type{
  padding: 20px 0 30px;
}
section.newarticle_section:last-of-type{
  border-bottom: none;
}
.single_na_thumb{
  width: 100%;
  padding-bottom: 65%;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: relative;
  margin-bottom: 30px;
}
.single_na_thumb:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.15);
}
.single_na_thumb.no_thumb:before{
  display: none;
}
.s_pink_band{
  position: absolute;
  width: 100%;
  bottom: 23px;
  left: 0;
  background: rgba(255,144,208,0.75);
  padding: 15px 10px 15px 15px;
}
.s_pink_band ul{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.s_pink_band ul li,
.s_pink_band ul li a{
  color: #fff;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.5rem;
}
.s_pink_band ul li{
  margin-right: 20px;
}
.s_pink_band ul li:last-of-type{
  margin: 0;
}
.s_pink_band ul li.date,
.g_title ul li.date{
  font-size: 1.2rem;
}
.s_pink_band .title{
  font-size: 1.8rem;
  color: #fff;
  margin-top: 5px;
}
.single_taglist .side_tag_group{
  padding: 0;
  margin: 20px 0 0;
  max-height: none;
}
.single_taglist .side_tag_group li{
  margin: 7px 15px 7px 0;
}
#autoload{
  opacity: 0;
  visibility: hidden;
}

/* 投稿文章 */
.single_contents h1,
.single_contents h2,
.single_contents h3,
.single_contents h4,
.single_contents h5{
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "verdana", sans-serif;
}
.single_contents h2{
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 30px;
}
.single_contents p{
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.single_contents .wp-caption {
  max-width: 433px;
  margin: 30px auto;
}
.single_contents img{
  max-width: 433px;
  margin: 0 auto;
  height: auto;
}
.single_contents .wp-caption-text{
  margin: 10px 0;
}
.single_contents .wp-caption-text a{
  color: #EB2A99
}
.single_contents .left_pink{
  padding: 0 0 10px 15px;
  position: relative;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "verdana", sans-serif;
  /*border-bottom: dashed 1px #EAEAEA;*/
}
.single_contents .left_pink:before{
  position: absolute;
  content: '';
  background: #EB2A99;
  width: 5px;
  height: 26px;
  border-radius: 5px;
  top: 2px;
  left: 0;
}
.single_contents .left_pink:after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  margin: auto;
  background-image: linear-gradient(to right, #EAEAEA, #EAEAEA 5px, transparent 5px, transparent 10px);
  background-size: 10px 1px;
  background-repeat: repeat-x;
}
.single_contents .fuki_h2{
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "verdana", sans-serif;
  position: relative;
  padding: 4px 12px 6px;
  border-left: solid 2px #CCCCCC;
  border-bottom: solid 2px #CCCCCC;
}
.single_contents .fuki_h2:before{
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 22px 0 0;
  border-color: #ccc transparent transparent transparent;
  bottom: 0;
  left: 20px;
  transform: translateY(100%);
}
.single_contents .fuki_h2:after{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 16px 0 0;
  border-color: #fff transparent transparent transparent;
  bottom: 0;
  left: 22px;
  transform: translateY(100%);
}
.single_contents .pink_h3{
  color: #EB2A99;
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "verdana", sans-serif;
  margin-bottom: 30px;
}
.single_contents .pink_border_h3{
  font-family: 'Kalam', "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "verdana", sans-serif;
  letter-spacing: 0.05em;
  color: #fff;
  display: table;
  background: #EB2A99;
  padding: 4px 7px;
  position: relative;
  margin-bottom: 10px;
}
.single_contents .pink_border_h3:before{
  position: absolute;
  content: '';
  width: 670px;
  height: 1px;
  background: #EB2A99;
  bottom: 0;
  left: 0;
}
.single_contents .heart_icon{
  font-family: 'Kalam', cursive;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  font-weight: bold;
  position: relative;
  display: table;
  padding: 10px 0 0 10px;
  line-height: 1;
}
.single_contents .heart_icon span{
  font-family: 'Kalam', cursive;
}
.single_contents .heart_icon:before{
  position: absolute;
  content: '';
  background: url(../images/icon/icon_heart_lpink.svg)no-repeat;
  background-size: contain;
  background-position: center;
  top: 0;
  left: 0;
  width: 22px;
  height: 26px;
  z-index: -1;
}
.single_contents .check_ul li{
  padding: 10px 20px 10px 42px;
  position: relative;
}
.single_contents .check_ul li:before{
  position: absolute;
  content: '';
  background: url(../images/icon/icon_check_pink.svg)no-repeat;
  background-size: contain;
  background-position: center;
  width: 25px;
  height: 20px;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}
.single_contents .check_ul li:after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  margin: auto;
  background-image: linear-gradient(to right, #EAEAEA, #EAEAEA 5px, transparent 5px, transparent 10px);
  background-size: 10px 1px;
  background-repeat: repeat-x;
}
.single_contents .gray_border{
  padding: 10px;
  border: solid 1px #CCCCCC;
  margin-bottom: 30px;
}
.single_contents .gray_border p:last-of-type{
  margin-bottom: 0;
}
.single_contents .q_h3,
.single_contents .a_h3{
  font-size: 1.7rem;
  position: relative;
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "verdana", sans-serif;
  margin: 10px 0 10px 65px;
  padding: 0 5px 2px 0;
  display: table;
  border-bottom: solid 3px #EB2A99;
}
.single_contents .q_h3:before,
.single_contents .a_h3:before{
  position: absolute;
  content: '';
  width: 51px;
  height: 59px;;
  background: url(../images/icon/pink_qestion.svg);
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  top: 50%;
  left: 0;
  transform: translate(-120%,-50%);
}
.single_contents .a_h3:before{
  background: url(../images/icon/pink_answer.svg);
}
.single_contents .pink_fukidashi{
  background: #EB2A99;
  color: #fff;
  padding: 3px 10px;
  border-radius: 12px;
  display: table;
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "verdana", sans-serif;
  position: relative;
}
.single_contents .pink_fukidashi:before{
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 7px 0 7px;
  border-color: #EB2A99 transparent transparent transparent;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
}
.single_contents .pink_fukidashi span{
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "verdana", sans-serif;
  color: #fff;
}
.single_contents strong{
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "verdana", sans-serif;
}

.g_title{
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}
.g_title:before{
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #FF90D0;
  width: 12px;
  height: calc(100% - 6px);
  border-radius: 9px;
}
.g_title ul li{
  display: inline-table;
  margin-right: 20px;
  vertical-align: middle;
  font-size: 1.5rem;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
}
.g_title ul li a{
  font-size: 1.5rem;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  color: #4d4d4d;
}
.g_title h2{
  font-size: 1.8rem;
  margin-top: 5px;
}

.g_function{
  position: relative;
  margin-bottom: 30px;
}
.gallery_thumb{
  width: 100%;
  height: 435px;
  position: relative;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: #FFE6F5 !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.start_btn_position{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
a.start_btn{
  position: relative;
  display: table;
  padding: 15px 65px 15px 15px;
  background: rgba(255,144,208,0.85);
}
a.start_btn:hover{
  opacity: .8;
}
a.start_btn h3,
a.start_btn p,
a.start_btn p span{
  font-family: 'Courgette', cursive;
  color: #fff;
}
a.start_btn h3{
  font-size: 2.4rem;
}
a.start_btn p,
a.start_btn p span{
  font-size: 1.6rem;
}
a.start_btn p span{
  margin-right: 5px;
}
a.start_btn img{
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 15px;
  height: auto;
}
.tieup{
  display: inline-block;
  width: 29px;
  height: 14px;
  background: url(../images/icon/pr_tag.svg)no-repeat;
  background-size: contain !important;
  background-position: center !important;
}
.main_slider .slide_item .pink_band .tieup{
  background: url(../images/icon/pr_tag_white.svg)no-repeat;
}
.recommend_item .category,
.recommend_item .date,
.recommend_item .tieup{
  vertical-align: middle;
}
.recommend_item .tieup{
  margin-left: 15px;
}
.picup_item .p_u_right .tieup{
  width: 23px;
  height: 11px;
}

.gallery_slide_item{
  width: 100%;
  height: 435px;
  position: relative;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: #FFE6F5 !important;
}
.gallery_slide_item img{
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.sp_gallery_slide{
  display: none;
}
.sp_gallery_slide .gallery_slide_item{
  width: 100%;
  padding-bottom: 64.93%;
  position: relative;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: #FFE6F5 !important;
}