@charset "UTF-8";
@media screen and (min-width: 540px){

}
@media screen and (min-width: 640px){

}
@media screen and (min-width: 782px){

}
@media screen and (min-width: 980px){

}
/* Global
------------------------------------------------------------ */
/* font-familyの設定 */
body, body:lang(ja){
  font-family: 'Noto Sans JP', sans-serif;
}
.fonten{
  font-family: 'Bebas Neue', cursive;
  letter-spacing: 2px;
  text-indent: 2px;
}

/* Root font-sizeをremで指定する */
html, html:lang(ja){
  font-size: 62.5%;
}
body, body:lang(ja){
  font-size: 13px;
  font-size: 1.3rem;
}
@media screen and (min-width: 640px){
  html, html:lang(ja){
    font-size: 62.5%;
  }
  body, body:lang(ja){
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 782px){
  html, html:lang(ja){
    font-size: 62.5%;
  }
  body, body:lang(ja){
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 980px){
  html, html:lang(ja){
    font-size: 62.5%;
  }
  body, body:lang(ja){
    font-size: 15px;
    font-size: 1.5rem;
  }
}
/* Base */
body, body:lang(ja){
  margin: 0;
  line-height: 1.8;
}
/* Heading */
h1, h2, h3, h4, h5, h6{
  margin-top: 0;
  margin-bottom: 2.4rem;
}
/* Text */
p{
  margin-bottom: 2.4rem;
}
/* List */
ul, ol{
  margin: 0 0 2.4rem 2.4rem;
}
/* Table */
table{
  margin-bottom: 2.4rem;
  font-size: 100%;
}
caption{
  margin-bottom: 0.8rem;
  font-weight: bold;
}
table caption{
  margin-bottom: 0;
  font-weight: normal;
  font-size: 90%;
  text-align: right;
}
table th.foamth, table td.foamtd{
  padding: 1.2rem;
  display: block;
  width: auto;
}
table th, table td{
  border-bottom: none;
}
table tr:last-child td{
  border-bottom: solid 1px rgba(238, 238, 238, 1); /* #EEEEEE */
}
@media screen and (min-width: 640px){
  table th.foamth, table td.foamtd{
    padding: 1.6rem;
    display: table-cell;
    border: solid 1px rgba(238, 238, 238, 1); /* #EEEEEE */
  }
}
/* Elements */
address{
	margin: 0 0 2.4rem;
}
hr{
  margin: 2.4rem 0;
  height: 0;
  background-color: transparent;
  clear: both;
}
/* Form */
button, select, textarea {
  -webkit-appearance: none;
  font-family : inherit;
}
input[type="tel"]{
  border: solid 1px rgba(230, 230, 230, 1); /* #E6E6E6 */
	color: rgba(119, 119, 119, 1); /* #777777 */
	margin-top: 0.6em;
	padding: 0.6em;
}
input[type="tel"]:focus{
	color: rgba(68, 68, 68, 1); /* #444444 */
}
textarea {
	max-width: 960px;
}

/* Repeatable Patterns
------------------------------------------------------------ */
/* Alignments */
.aligncenter,
.alignleft,
.alignright{
	margin-bottom: 1.6rem;
}
.alignleft{
	margin-right: 1.6rem;
}
.alignright{
	margin-left: 1.6rem;
}
/* Caption */
.wp-caption{
  margin-bottom: 1.6rem;
	font-size: 95%;
}
.wp-caption img[class*="wp-image-"]{
	margin: 0.4rem auto 0;
}
.wp-caption .wp-caption-text{
	margin: 0.8rem 0;
}


/* Layout
------------------------------------------------------------ */
/* Base */
.single.no-sidebar .site-content,
.two-column.no-sidebar .site-content,
.archive.no-sidebar .site-content,
.blog.no-sidebar .site-content{
  max-width: 960px;
}
.page.no-sidebar .site-content{
  padding-left: 0;
	padding-right: 0;
  max-width: 100%;
}
.site-header{
	margin-bottom: 5.6rem;
}
.home .site-header{
  margin-bottom: 0;
}
.main-header{
	padding-bottom: 0;
	padding-top: 0;
}
.content-area{
  margin-bottom: 6.4rem;
}
.sidebar-area{
	padding-bottom: 0.8rem;
	padding-top: 6.4rem;
}
.page-header{
	margin-bottom: 5.6rem;
}
.hentry{
	margin-bottom: 7.2rem;
}
.single .hentry{
	margin-bottom: 5.6rem;
}
.footer-widget-area{
	padding-bottom: 2.4rem;
	padding-top: 6.4rem;
}
.site-bottom{
	padding-bottom: 2.4rem;
	padding-top: 2.4rem;
}


/* Header
------------------------------------------------------------ */
/* Top Bar */
.top-bar{
  padding-bottom: 0.4rem;
	padding-top: 0.4rem;
}
.top-bar-main{
	font-size: 90%;
}
.top-bar-main li:before{
  margin-right: 5px;
	top: 0px;
}
@media screen and (min-width: 782px) {
  .top-bar-main{
  	font-size: 85%;
  }
  .top-bar-main li:before{
    top: -1px;
  }
}

/* Main Header */
.site-branding .site-logo{
  max-width: 320px;
}
.site-logo img{
	transform: scale(0.85, 0.85);
}
@media screen and (min-width: 782px){
  .site-logo img{
  	transform: scale(0.9, 0.9);
  }
}
@media screen and (min-width: 980px){
	.site-logo img{
		transform: scale(0.95, 0.95);
	}
}


/* Menus
------------------------------------------------------------ */
/* Main Header Clone */
.main-header-clone{
  padding-bottom: 0;
	padding-top: 0;
}

/* Main Navigation */
.main-navigation{
  font-size: 100%;
  line-height: 40px;
}
/* Social Link */
.menu a:before{
  font-size: 22px;
	top: 1px;
}
.profilewidget-link.menu a:before{
	margin-right: 6px;
}


/* Featured Area
------------------------------------------------------------ */
/* Jumbotron */
.jumbotron-content{
	padding-bottom: 64px;
	padding-top: 64px;
}
.jumbotron-title{
	letter-spacing: 0;
}
@media screen and (min-width: 782px){
  .jumbotron-content{
  	padding-bottom: 96px;
  	padding-top: 96px;
  }
}
@media screen and (min-width: 980px){
  .jumbotron-content{
  	padding-bottom: 128px;
  	padding-top: 128px;
  }
}

/* Home Header */
/*
 カスタマイズ設定で"ホームページヘッダー"を有効にした場合に、
 TOPページにメインビジュアルが表示される
*/
.home-header-content{
	padding-bottom: 80px;
	padding-top: 80px;
}
.home-header-title{
	font-size: 2.4rem;
	letter-spacing: 0;
}
@media screen and (min-width: 782px) {
	.home-header-content{
		padding-bottom: 112px;
		padding-top: 112px;
	}
  .home-header-title{
		font-size: 2.6rem;
	}
}
@media screen and (min-width: 980px) {
  .home-header-content{
    padding-bottom: 144px;
    padding-top: 144px;
  }
  .home-header-title{
		font-size: 2.8rem;
	}
}


/* Featured Post */
/*
 カスタマイズ設定で"注目の投稿スライダー"を有効にした場合に、
 投稿一覧ページにスライダーが表示される
*/
.featured-entry-title{
  font-size: 2.0rem;
  letter-spacing: 0;
}
@media screen and (min-width: 601px){
  .featured-entry-title {
    font-size: 2.0rem;
  }
}
@media screen and (min-width: 782px){
  .featured-entry-title {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 980px){
  .featured-entry-title {
    font-size: 2.4rem;
  }
}


/* Content
------------------------------------------------------------ */
/* Category */
.cat-links{
	margin-bottom: 0.8rem;
}

/* Entry Header */
/*
 1,カスタマイズ設定で"ブログ設定"で"全文", "概要"を選択したときのentry-title。
 2,投稿の個別(single.php)のentry-title。
*/
.entry-title{
  letter-spacing: 0;
}

/* Entry Meta */
.entry-meta{
	margin-top: 0.8rem;
}

/* Featured Image */
.post-thumbnail{
	margin-bottom: 1.6rem;
}

/* Post Full / Post Summary */
/* カスタマイズ設定で"ブログ設定"で"全文", "概要"を選択したとき */
.post-full:after,
.post-summary:after{
	width: 48px;
}

/* Post Grid */
/* カスタマイズ設定で"ブログ設定"で"2カラム", "3カラム"を選択したとき */
.post-grid .entry-header{
  margin-bottom: 0.8rem;
}

/* Post List */
/* カスタマイズ設定で"ブログ設定"で"リスト"を選択したとき */
.post-list .entry-header{
	margin-bottom: 1.6rem;
}
.post-list .entry-title{
	font-size: 1.7rem;
}

/* Archive */
.page-title{
	margin-bottom: 0.8rem;
}

/* 404 */
.error-404{
	margin-bottom: 9.6rem;
	margin-top: 9.6rem;
}

/* Gallery */
.gallery{
	margin-bottom: 3.2rem;
}

/* Content
------------------------------------------------------------ */
/* Sub Header */
.subheader{
	font-size: 100%;
	margin-bottom: 0.8rem;
}


/* Navigations
------------------------------------------------------------ */
/* Pagination */
.pagination{
	margin-bottom: 3.2rem;
}
.pagination .page-numbers{
	padding: 0.8rem 1.6rem;
	margin-right: 0.8rem;
}

/* Post Navigation */
.post-navigation{
	margin-bottom: 3.2rem;
}
.post-navigation .nav-previous{
	margin-bottom: 3.2rem;
}
.post-nav-title{
	letter-spacing: 0;
}


/* Widgets
------------------------------------------------------------ */
/* Heading */
.widget-title{
  font-size: 110%;
	letter-spacing: 0;
	margin-bottom: 2.0rem;
}

/* List */
.widget li{
	margin-bottom: 1.2rem;
}
.widget ul ul{
	margin-left: 1.2rem;
	margin-top: 1.2rem;
}

/* Recent Posts */
.widget_recent_entries li{
	margin-bottom: 1.6rem;
}

/* Search */
.widget_search input[type="search"] {
	max-width: 100%;
}

/* Tag Cloud */
.tagcloud a{
	padding: 4px 12px;
}

/* Calendar */
.widget_calendar table{
	max-width: 100%;
}
.widget_calendar td, .widget_calendar th{
  display: table-cell;
}

/* BusinessPress Recent Posts */
.widget_businesspress_recent_posts li{
	margin-bottom: 1.6rem;
}

/* BusinessPress Featured Posts */
.featured-widget-entry{
	margin-bottom: 1.6rem;
}
.featured-widget-entry-title{
	font-size: 110%;
}

/* BusinessPress Profile */
.profilewidget-wrapper{
	margin-bottom: 2.4rem;
}


/* Footer
------------------------------------------------------------ */
/* Footer */
.footer-navigation ul{
	margin-bottom: 3.2rem;
}
.footer-navigation li{
	margin-right: 1.6rem;
}
.footer-social-link{
	margin-bottom: 2.4rem;
}
.site-copyright, .site-credit{
	margin-bottom: 0;
}


/* Plugins
------------------------------------------------------------ */
/* Contact Form 7 */
/* Table */
@media screen and (min-width: 640px){
  .wpcf7 table{
    table-layout: fixed;
  }
  .wpcf7 table th{
    width: 35%;
  }
}
/* Form */
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"],
.wpcf7 input[type="tel"], .wpcf7 input[type="password"], .wpcf7 input[type="search"],
.wpcf7 textarea, .wpcf7 select{
  margin: 0;
  padding: 0.8rem;
  max-width: 100%;
  width: 100%;
  font-size: 100%;
}
.wpcf7 select{
  border-radius: 0;
}
.wpcf7 input[type="submit"]{
  margin: 0 auto 2.4rem;
  padding: 1.6rem 0;
  min-width: 216px;
  font-size: 105%;
  line-height: 1;
  font-weight: bold;
  border-radius: 0;
}
/* 必須・任意 */
.required, .optional{
  margin: 0;
  margin-left: 4px;
  padding: 0.4rem 0.8rem;
  display: inline-block;
  text-align: center;
  font-weight: normal;
  vertical-align: baseline;
  font-size: 85%;
  line-height: 1;
}
/* 必須のカラー */
.required{
  background-color: rgba(202, 92, 98, 1); /* #CA5C62 */
  color: rgba(255, 255, 255, 1); /* #ffffff */
}
/* 任意のカラー */
.optional{
  background-color: rgba(72, 185, 74, 1); /* #48b94a */
  color: rgba(255, 255, 255, 1); /* #ffffff */
}
/* フォーム入力に関するヒントのテキスト */
.form-hinttext{
  margin: 0;
  padding: 0.4rem 0.4rem 0;
  display: block;
  color: rgba(153, 153, 153, 1); /* #999999 */
  font-size: 90%;
  line-height: 1.4;
}
/* 必須項目に入力が無いときのinputの下に表示されるエラーメッセージ */
span.wpcf7-not-valid-tip{
  margin-top: 0.4rem;
  padding: 0.4rem 0.8rem;
  background-color: rgba(242, 222, 222, 1); /* #F2DEDE */
  border-color: rgba(227, 191, 191, 1); /* #e3bfbf */
  color: rgba(185, 74, 72, 1); /* #b94a48 */
  font-size: 90%;
}
.your-msg .wpcf7-not-valid-tip{
  margin-top: -0.2rem;
}

/* 送信前のご注意 */
.submit-caution{
  margin-bottom: 2.4rem;
  padding: 1.6rem 1.6rem;
  background-color: rgba(242, 222, 222, 1); /* #F2DEDE */
}
.submit-caution h3{
  margin-bottom: 0.8rem;
  font-size: 105%;
}
.submit-caution ul{
  margin: 0 0 0.8rem 2.4rem;
}
.submit-caution a{
  text-decoration: underline;
}
@media screen and (max-width: 768px){
  .submit-caution ul{
    margin-left: 1.6rem;
  }
}
/* Checkbox */
.submit-acceptance{
  padding-top: 0.8rem;
  border-top: dotted 1px rgba(153, 153, 153, 1); /* #999999 */
  font-size: 100%;
}
.submit-acceptance .wpcf7-form-control-wrap{
  display: block;
}
.submit-acceptance .wpcf7-list-item{
  margin: 0;
}
.submit-acceptance input[type=checkbox]{
  display: none;
}
.submit-acceptance .wpcf7-list-item-label{
  padding-left: 2.4rem;
  position: relative;
  font-weight: bold;
}
.submit-acceptance .wpcf7-list-item-label::before{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid rgba(153, 153, 153, 1); /* #999999 */
}
.submit-acceptance input[type=checkbox]:checked + .wpcf7-list-item-label{
  color: rgba(17, 17, 17, 1); /* #111111 */
}
.submit-acceptance input[type=checkbox]:checked + .wpcf7-list-item-label::after{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 4px;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border-bottom: 3px solid rgba(51, 51, 51, 1); /* #333333 */
  border-right: 3px solid rgba(51, 51, 51, 1); /* #333333 */
}

/* 送信結果のメッセージ文章(送信ボタンの下) デフォルトデザイン*/
.wpcf7 form .wpcf7-response-output{
  margin: 0 auto;
  padding: 0.8rem;
  background-color: rgba(222, 222, 242, 1); /* #dedef2 */
  border-color: rgba(191, 191, 227, 1); /* #bfbfe3 */
  color: rgba(74, 72, 185, 1); /* #4a48b9 */
  font-size: 105%;
}
/* 送信結果のメッセージ文章(送信ボタンの下) エラーの時 */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output{
  background-color: rgba(242, 222, 222, 1); /* #F2DEDE */
  border-color: rgba(227, 191, 191, 1); /* #e3bfbf */
  color: rgba(185, 74, 72, 1); /* #b94a48 */
}
/* 送信結果のメッセージ文章(送信ボタンの下) 送信成功の時 */
.wpcf7 form.sent .wpcf7-response-output{
  background-color: rgba(222, 242, 222, 1); /* #def2de */
  border-color: rgba(191, 227, 191, 1); /* #bfe3bf */
  color: rgba(72, 185, 74, 1); /* #48b94a */
}

/* Swiper Slider 7.0.1ver */
.swiper{
  overflow: hidden;
  position: relative;
}
/*
  画面の高さいっぱいに表示させる
  calc(100vh - ○○px) ←ヘッダーの高さを入力する
*/
.slider-home{
  //height: 100vh;
}

/* 前ページボタン・次ページボタン */
.swiper-button-prev{
  left: 12px;
}
.swiper-button-next{
  right: 12px;
}
.swiper-button-next, .swiper-button-prev{
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  background-color: rgba(148, 97, 142, 1); /* #94618E */
}
.swiper-button-next:after, .swiper-button-prev:after{
  font-size: 16px;
}

/* ページネーション */
.swiper-container-horizontal>.swiper-pagination-bullets{
  bottom: 1.6rem;
}
.swiper-pagination-bullet{
  width: 1.0rem;
  height: 1.0rem;
  opacity: 1;
  background-color: rgba(68, 68, 68, 1); /* #444444 */
}
.swiper-pagination-bullet-active{
  background-color: rgba(255, 255, 255, 1); /* #FFFFFF */
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 0 4px;
}
.swiper-button-next, .swiper-button-prev{
  color: rgba(255, 255, 255, 1); /* #FFFFFF */
}

/* Breadcrumb NavXT */
.breadcrumbs{
  margin-bottom: 4.0rem;
  border-bottom: solid 1px rgba(238, 238, 238, 1); /* #EEEEEE */
}
.breadcrumbs a{
  text-decoration: none;
}

/* Original
------------------------------------------------------------ */
/* Layout */
/*
 固定ページをCSSで、幅100%に設定しているので、
 max-widthが必要なときに使用する
*/
.width800, .width880, .width960, .width1040, .width1120{
  margin: 0 auto;
  padding-left: 20px;
	padding-right: 20px;
}
.width800{
  max-width: 800px;
}
.width880{
  max-width: 880px;
}
.width960{
  max-width: 960px;
}
.width1040{
  max-width: 1040px;
}
.width1120{
  max-width: 1120px;
}
@media screen and (min-width: 782px){
  .width800, .width880, .width960, .width1040, .width1120{
    padding-left: 40px;
		padding-right: 40px;
  }
}

/* flex
  <div class="flexbox flexbox-col2 flex-">
    <div class="flex-item">

    </div><!-- .flex-item end -->

    <div class="flex-item">

    </div><!-- .flex-item end -->
  </div><!-- .flexbox end -->
*/
.flexbox{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex-item{
  margin: 0;
}
.flexbox-col2 .flex-item,
.flexbox-col3 .flex-item{
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
}
.flexbox-col4 .flex-item,
.flexbox-col5 .flex-item{
  -webkit-flex-basis: 48%;
  flex-basis: 48%;
}
@media screen and (min-width: 540px){
  .flexbox-col2 .flex-item,
  .flexbox-col3 .flex-item{
    -webkit-flex-basis: 48%;
    flex-basis: 48%;
  }
}
@media screen and (min-width: 640px){
  .flexbox-col3 .flex-item,
  .flexbox-col5 .flex-item{
    -webkit-flex-basis: 31%;
    flex-basis: 31%;
  }
}
@media screen and (min-width: 782px){
  .flexbox-col4 .flex-item{
    -webkit-flex-basis: 23%;
    flex-basis: 23%;
  }
  .flexbox-col5 .flex-item{
    -webkit-flex-basis: 18%;
    flex-basis: 18%;
  }
}

/* Button */
.btn-group{

}
a.btn{
  margin: 3.2rem 0 0;
  padding: 1.6rem;
  display: inline-block;
  min-width: 216px;
	font-weight: bold;
  line-height: 1;
  text-align: center;
	text-decoration: none;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px;
  background-color: rgba(148, 97, 142, 1); /* #94618E */
  color: rgba(255, 255, 255, 1); /* #FFFFFF */
  border: solid 1px rgba(148, 97, 142, 1); /* #94618E */
  border-radius: 24px;
}
a.btn:hover{
  background-color: rgba(255, 255, 255, 1); /* #FFFFFF */
	color: rgba(148, 97, 142, 1); /* #94618E */
}
a.btn:after{
  margin-left: 0.8rem;
  font-family: FontAwesome;
  content: '\f178';
}

/* iframe */
/*
iframeで埋め込むEmbedな動画を画面いっぱいにCSSだけでレスポンシブ対応で表示
*/
.embed-container{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Image*/
/*
  CSS だけで画像縦横比を維持したレスポンシブ対応
  <div class="aspect-group">
    <div class="aspect-bgimage" style="background-image: url(画像のURL)"></div>
  </div><!-- .aspect-group end -->
*/
.aspect-group-tate{
  margin: 0 auto;
  max-width: 280px;
  text-align: center;
}
.aspect-bgimage{
  background-size: cover;
  background-position: 50% 50%;
  padding-top: 62.5%;  /* 8:5(黄金比) */
  /*padding-top: 57.14%;*/ /* 7:4(白銀比) */
  /*padding-top: 33.33%;*/ /* 9:3(青銅比) */
  /*padding-top: 75%;*/    /* 4:3 */
  /*padding-top: 66.66%;*/ /* 3:2 */
  /*padding-top: 56.25%;*/ /* 16:9 */
  /*padding-top: 100%;*/   /* 1:1 */
  width: 100%;
}
.aspect-group-tate .aspect-bgimage{
 padding-top: 150%; /* 2:3 */
}
@media screen and (min-width: 540px){
  .aspect-group-tate{
    max-width: 90%;
  }
}
@media screen and (min-width: 782px){
  .aspect-group-tate{
    max-width: 80%;
  }
}
@media screen and (min-width: 980px){
  .aspect-group-tate{
    max-width: 70%;
  }
}
.overlay{
  position: absolute;
  margin: 0;
  padding: 0;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); /* #000000 */
  z-index: 2;
}

/* video */
.video-group{
  margin: 0 auto 2.4rem;
  width: 100%;
  text-align: center;
}
.video-group video{
  width: 100%;
}
@media screen and (min-width: 540px){
  .video-group{
    max-width: 80%;
  }
}
@media screen and (min-width: 980px){
  .video-group{
    max-width: 800px;
  }
}

/* Other */
.margin-bottom0{
  margin-bottom: 0;
}
.transition{
  transition: all .15s ease-in-out;
}
.relative{
  position: relative;
}
.absolute{
  position: absolute;
}
.font-bold{
  font-weight: bold;
}
.align-center{
  text-align: center;
}
.align-right{
  text-align: right;
}
.tatetext{
  white-space: nowrap;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.color-red{
  color: rgba(202, 92, 98, 1); /* #CA5C62 */
  border-bottom: solid 1px rgba(202, 92, 98, 1); /* #CA5C62 */
  font-weight: bold;
}
.text-uppercase{
  text-transform: uppercase;
}
.box-shadow{
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px;
}
.text-shadow{
  text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5);
}
span.zei{
  font-size: 1.2rem;
  font-weight: normal;
}
.border-radius8{
  border-radius: 8px;
}
.border-radius16{
  border-radius: 16px;
}
.border-radius24{
  border-radius: 24px;
}

@media screen and (min-width: 540px){
  .sp-block{
    display: none;
  }
}

/* Original Heading */
/* マーク(横ライン) */
.mark-left{
  margin: 5.6rem 0 1.6rem;
  padding-left: 3.2rem;
  position: relative;
}
.mark-left::after{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: '';
  width: 24px;
  height: 4px;
  background-color: rgba(148, 97, 142, 1); /* #94618E */
}

/* マーカー */
.maker{
  background: linear-gradient(transparent 70%, rgba(148, 97, 142, 0.4) 70%);
}

/* Original List */
/* 円で番号を囲う */
ol.number-circle{
  margin: 5.6rem auto 0;
  padding: 0.8rem 1.6rem;
  position: relative;
  counter-reset: number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  border-radius: 0 8px 8px 8px;
  background-color: rgba(248, 238, 231, 1); /* #F8EEE7 */
}
ol.number-circle:after{
  /*タイトルタブ*/
  font-weight: bold;
  position: absolute;
  left: 0;
  bottom: 100%;
  padding: 2px 8px;
  font-weight: bold;
  letter-spacing: 1px;
  text-indent: 1px;
  border-radius: 8px 8px 0 0;
  content: "POINT";
  background-color: rgba(148, 97, 142, 1); /* #94618E */
  color: rgba(255, 255, 255, 1); /* #FFFFFF */
}
ol.number-circle-flow:after{
  content: "FLOW";
}
ol.number-circle li{
  position: relative;
  padding: 0.8rem 0.8rem 0.8rem 3.2rem;
}
ol.number-circle li:before{
  position: absolute;
  counter-increment: number;
  content: counter(number);
  top: 0.8rem;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  background-color: rgba(148, 97, 142, 1); /* #94618E */
  color: rgba(255, 255, 255, 1); /* #FFFFFF */
}
@media screen and (min-width: 782px){
  ol.number-circle{
    margin: 7.2rem auto 0;
  }
}
/* 着物セット内容 */
ul.setlist{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
ul.setlist li{
  -webkit-flex-basis: 48%;
  flex-basis: 48%;
}