@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&subset=japanese');

.page_local div, .page_local span, .page_local object, .page_local iframe,
.page_local h1, .page_local h2, .page_local h3, .page_local h4, .page_local h5, .page_local h6, .page_local p, .page_local blockquote, .page_local pre,
.page_local abbr, .page_local address, .page_local cite, .page_local code,
.page_local del, .page_local dfn, .page_local em, .page_local img, .page_local ins, .page_local kbd, .page_local q, .page_local samp,
.page_local small, .page_local strong, .page_local sub, .page_local sup, .page_local var,
.page_local b, .page_local i,
.page_local dl, .page_local dt, .page_local dd, .page_local ol, .page_local ul, .page_local li,
.page_local fieldset, .page_local form, .page_local label, .page_local legend,
.page_local table, .page_local caption, .page_local tbody, .page_local tfoot, .page_local thead, .page_local tr, .page_local th, .page_local td,
.page_local article, .page_local aside, .page_local canvas, .page_local details, .page_local figcaption, .page_local figure,
.page_local footer, .page_local header, .page_local hgroup, .page_local menu, .page_local nav, .page_local section, .page_local summary,
.page_local time, .page_local mark, .page_local audio, .page_local video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}
.page_local ol, .page_local ul {
  list-style: none;
}
.page_local img {
  border: none;
  vertical-align: bottom;
}
.page_local b, .page_local strong {
  font-weight: bold;
}
.page_local small {
  font-size: 80%;
  line-height: 1.3;
}
.page_local sub, .page_local sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.page_local sup {
    display: inline-block;
    font-size: 0.6em;
    vertical-align: super;
}
.page_local sub {
  bottom: -0.25em;
}
.page_local table {
  border-collapse: collapse;
  border-spacing: 0;
}
.page_local blockquote, .page_local q {
  quotes: none;
}
.page_local blockquote:before, .page_local blockquote:after,
.page_local q:before, .page_local q:after {
  content: '';
  content: none;
}
.page_local * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}
.page_local a, .page_local a img {
  -webkit-tap-highlight-color: transparent !important;
}
.page_local a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
.page_local a:active, .page_local a:hover {
  outline: 0;
}
.page_local a img {
  border: none;
}

.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

.pc_inline {
  display: inline !important;
}

.sp_inline {
  display: none !important;
}

.pc_inlineblock {
  display: inline-block !important;
}

.sp_inlineblock {
  display: none !important;
}
.content_wrapper .content_inner .notes_l {
	margin-top: 15px;
}

@media only screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }

  .pc_inline {
    display: none !important;
  }

  .sp {
    display: block !important;
  }

  .sp_inline {
    display: inline !important;
  }

  .pc_inlineblock {
    display: none !important;
  }

  .sp_inlineblock {
    display: inline-block !important;
  }
}
.base_style .min {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',"ＭＳ Ｐゴシック", sans-serif  !important;
}

.page_local .c_id {
  color: #ff0000;
}
.page_local .c_noevir_green {
  color: #1a9641;
}
.page_local a:hover .over {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.page_local a.none:link, .page_local a.none:visited, .page_local a.none:hover, .page_local a.none:visited:hover, .page_local a.none:active {
  text-decoration: none;
}
.page_local .ic-jyun {
  color: #00a059;
  font-size: 110%;
}
.page_local .enclosed {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',"ＭＳ Ｐゴシック", sans-serif  !important;
  display: inline-block;
  font-size: 10px;
  line-height: 14px;
  padding: 0px 4px;
  font-weight: normal;
  border: 1px solid #333;
  color: #333;
  margin: 0 4px;
  vertical-align: middle;
}
.page_local .first {
  margin-left: 0 !important;
}
.page_local .last {
  margin-right: 0 !important;
}
.page_local .al_l {
  text-align: left !important;
}
.page_local .al_r {
  text-align: right !important;
}
.page_local .al_c {
  text-align: center !important;
}
.page_local .clf:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0.1em;
  line-height: 0;
}
.page_local .clf {
  display: inline-block;
  zoom: 1;
}
.page_local * html .clf {
  height: 1%;
}
.page_local .clf {
  display: block;
}
.page_local .fl_l {
  float: left;
  display: inline;
}
.page_local .fl_r {
  float: right;
  display: inline;
}

.product_name {
  font-size: 125%;
  line-height: 1.6;
  font-weight: bold;
}

.product_spec {
  font-size: 100%;
  line-height: 1.6;
}

.hr_dotted_double {
  width: 100%;
  height: 3px;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}
.hr_dotted_double hr {
  display: none;
}

.hr_dotted {
  width: 100%;
  height: 1px;
  border-top: 1px dotted #ccc;
}
.hr_dotted hr {
  display: none;
}


.page_local a {
  color: #3e8a5b;
}
.page_local a:link {
  color: #3e8a5b;
}
.page_local a:visited {
  color: #3e8a5b;
}
.page_local a:hover {
  color: #24c671;
}
.page_local a:visited:hover {
  color: #24c671;
}
.page_local a:active {
  color: #24c671;
}
.page_local .hide {
  display: none;
}
.page_local .notes {
  font-size: 70%;
  line-height: 1.4;
  margin: 10px;
}
.page_local .c_new {
  color: #ff0000;
  font-size: 90%;
  margin-right: 0.5em;
}
.page_local .txt_info {
  margin: 10px;
  font-size: 100%;
  line-height: 1.6;
}
.page_local .txt_title {
  margin: 10px;
  font-size: 125%;
  line-height: 1.6;
  font-weight: bold;
  color: #EC7986;
}
.page_local .txt_remark {
  font-size: 80%;
  line-height: 1.4;
  margin: 10px;
}
.page_local .txt_remark_r {
  font-size: 80%;
  line-height: 1.4;
  margin: 10px;
  text-align: right;
}
.page_local .ttl_page {
  color: #666;
  text-align: center;
  padding: 8px 1em;
  font-size: 100%;
  line-height: 1.6;
  background-color: #fbe4e7;
  border-bottom: 3px solid #EC7986;
  margin: 40px 0 10px;
}
.page_local .block_option {
  margin: 20px 2% 0;
  padding: 10px 1em;
  background-color: #fbe4e7;
  font-size: 90%;
  line-height: 1.5;
}


.page_local img { width: 100%; height: auto; }
.page_local .raysela_title { margin-bottom: 20px; }
.page_local .no { color: #f06; }
.page_local .out { display: inline-block; vertical-align: middle; background: #fff; padding: 2px 3px; border: 1px solid #000; font-size: 60%; line-height: 9px; color: #000; }
.page_local dl a,
.page_local dl a:link,
.page_local dl a:visited { color: #000; text-decoration: none; }
.page_local dl a:hover,
.page_local dl a:active { color: #00a6ba; text-decoration: underline; }

/*TOP*/
.page_local .topimg { margin-bottom: 40px; }
.page_local .topimg p { margin: 0; }

.page_local .newgoods {width:100%;background:url(../images/bgg.png) center top no-repeat;background-size:100% auto;display: block;overflow: hidden;}
.page_local .newgoods .newgoods_3{padding-top:58%;position:relative;box-sizing:border-box;background:url(../images/c5.png) center top no-repeat;background-size:100% auto;width:100%;height:77vw;}
.page_local .newgoods .btn a{display:block;margin:0px auto;width:84vw;}
.page_local .newgoods .newgoods_3 .btn a{width:88vw;}


/*トカラフェア*/
.page_local .tokarta {}
.page_local .tokarta_caution { margin-bottom: 40px; padding: 10px 10px 0 10px; font-size: 70%; line-height: 1.4; }

/*商品*/
.page_local .goods_area { margin: 0 0 40px 0 ; padding: 20px 15px 0 15px;}
.page_local .goods_area h5 { margin: 30px 0 5px 0; padding: 0 10px;}
.page_local .goods_area h5:first-child { margin: 0 0 5px 0; }
.page_local .goods_area dl { margin: 10px 2vw 20px 2vw; padding: 10px 0; border-top: 1px dotted #999; border-bottom: 1px dotted #999; line-height: 1.3; }
.page_local .goods_area dl.mb10 {margin-bottom:40px;}
.page_local .goods_area dl.mb10 +p{margin-bottom:20px;}
.page_local .goods_area dt { margin-bottom: 4px; font-size: 100%; font-weight: bold; }
.page_local .goods_area dd { font-size: 95%; }
.page_local .goods_area dd+dd{margin-top:10px;}
.page_local .goods_area dd em{font-style:normal;font-size: 100%;font-weight:bold;}
.page_local .goods_area p { margin: 10px 0 0 0; padding: 0 10px;}

/*スキンケア*/
.page_local .goods_caution { margin-bottom: 20px; padding: 0 10px; font-size: 70%; line-height: 1.4; }
.page_local .goods_caution p { margin: 10px 0 0 0; }
.page_local .goods_caution img { width: 70px; }

/*バナー*/
.page_local .present_banner { margin-bottom: 20px; }

/*# sourceMappingURL=act2016sp_sp.css.map */
/* ===========================================================
2020年追加
============================================================= */
/*▼書体 明朝▼*/
h3#rayselagoods,
.catch,
.st,
.new,
#tokarta h2,
#present-name,
#present-period,
.page_local .category_title,
.page_local .category_catch {
	font-family: 'Noto Serif', 'Noto Serif JP', serif;
}
/*▲書体 明朝▲*/
/*▼メインビジュアル▼*/
.page_local .topimg #mv-present {
	margin-bottom: 20px;
}
/*▲メインビジュアル▲*/
h3#rayselagoods {
	padding: 10px 0;
	border-top: 1px solid #008ab5;
	border-bottom: 1px solid #008ab5;
	font-size: 6.4vw;
	line-height: 1.4em;
	color: #008ab5;
	text-align: center;
}
.st {
	font-size: 5.3333vw;
}
.catch {
	font-size: 4.2666vw;
}
.footnote {
	font-size: 3.2vw;
}
.page_local  a.catch-link,
.page_local  a:link.catch-link,
.page_local  a:visited.catch-link { color: #000; text-decoration: none; }
.page_local dl a:hover,
.page_local dl a:active,
.page_local  a:hover.catch-link,
.page_local  a:active.catch-link { color: #00a6ba; text-decoration: underline; }

.page_local a.catch-link .new,
.page_local a:link.catch-link .new,
.page_local a:visited.catch-link .new {
	padding: 0 10px;
	color: #00a0c4;
	text-decoration: none;
	font-size: 5.8666vw;
}
.page_local  a:hover.catch-link .new,
.page_local  a:active.catch-link .new { color: #00a0c4; text-decoration: underline; }
/*▼トカラフェア 詳細▼*/
#tokarta h2 {
	padding: 10px 0;
	font-size: 6.4vw;
	color: #ffffff;
	text-align: center;
	background-color: #008ab5;
}
#tokarta-innner {
	margin-bottom: 30px;
	padding: 1em 1em 0.5em;
	background-color: #FAFBFB;
/*	background-size: 420px 360px;*/
}
#tokarta-innner p {
	font-size: 4.2666vw;
	line-height: 1.6em;
}
#tokarta-present-detail-innner {
	padding: 1.5em 1.5em 1em;
	background-color: #f5f8fb;
	border: 1px solid #e9f3f7;
}
#tokarta-present-detail-innner p {
	font-size: 4.2666vw;
	line-height: 1.6em;
}
#present-name {
	margin: 20px 0 10px;
	font-size: 4.5333333333vw;
	color: #008ab5;
	text-align: center;
}
#present-name span#present-namesub {
	font-size: 4vw;
}
#present-period {
	margin: 30px 0;
	padding: 3px 0 7px;
	border-top: 1px solid #eb7eae;
	border-bottom: 1px solid #eb7eae;
	font-size: 4.2666vw;
	color: #eb7eae;
	text-align: center;
}
#present-period span {
	font-size: 5.8666vw;
}
dl#present-detail {
	font-size: 1rem;
	line-height: 1.6em;
}
dl#present-detail dt {
	padding-bottom: 5px;
	font-size: 4.2666vw;
	font-weight: bold;
}
dl#present-detail dd {
	font-size: 3.4666vw;
}
/*▲トカラフェア 詳細▲*/
/*▼6つのフリー▼*/
.page_local .goods_area div.afc{display:flex;align-items:center;padding:10px;}
/*.page_local .goods_area div.afc span{box-sizing:border-box;padding-bottom:5px;display:flex;align-items:center;width:68px;height:68px;border:1px solid #999;border-radius:50%;justify-content:center;text-align:center;font-size:12px;line-height:1.4;margin-right:7px;flex-shrink:0;}*/
.page_local .goods_area div.afc small{font-size:11px;}
/*▲6つのフリー▲*/
/*--- ▼ カテゴリータイトルまわり ▼ ---*/
.page_local .category_inner {
	margin: 50px auto 30px;
	width: 96%;
}
.page_local .category_title {
	margin: 0 auto 20px;
	padding: 7px 0;
	color: #ffffff;
	font-size: 5.5555vw;
	font-weight: bold;
	text-align: center;
	background: rgb(255,255,255);
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(158,207,71,1) 35%, rgba(129,196,49,1) 50%, rgba(158,207,71,1) 65%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(158,207,71,1) 35%, rgba(129,196,49,1) 50%, rgba(158,207,71,1) 65%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(158,207,71,1) 35%, rgba(129,196,49,1) 50%, rgba(158,207,71,1) 65%, rgba(255,255,255,1) 100%);
}
.page_local .category_catch {
	margin: 0 auto;
	width: 90%;
	font-size: 4.8309vw;
}
.page_local .category_text {
	margin: 10px auto;
	width: 90%;
	font-size: 3.6231vw;
	line-height: 1.6em;
}
.page_local .category_note {
	margin: 0 auto 30px;
	width: 90%;
	font-size: 2.8985vw;
}
/*--- ▲ カテゴリータイトルまわり ▲ ---*/
/*--- ▼ ページ内リンク ▼ ---*/
.page_local .itemlist {
	border-top: 1px dotted #dedede;
	margin-top: 30px;
}
.page_local .itemlist li {
	border-bottom: 1px dotted #dedede;
	/*  min-height: 92px;*/
}
.page_local .itemlist a {
	color: #008ab5;
	font-size: 4.0625vw;
	line-height: 1.5;
	display: block;
	padding: 7px 0 7px 30px;
	position: relative;
	min-height: 40px;
	text-decoration: none;
}
.page_local .itemlist a:visited {
	color: #008ab5;
}
.page_local .itemlist a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	background-image: url("../images/arrow.svg");
	background-size: 20px 14px;
	width: 20px;
	height: 14px;
	margin-top: -5px;
	right: 15px;
}
/*--- ▲ ページ内リンク ▲ ---*/
/*▼6つのフリー処方▼*/
.page_local .goods_area div.afc span.ic_freeprescription {
	margin-right: 7px;
	padding-bottom:5px;
	box-sizing:border-box;
	width:68px;
	display:flex;
	align-items:center;
	flex-shrink:0;
}
.page_local .goods_area div.afc span.ic_freeprescription img {
	width: 100px;
}
/*▲6つのフリー処方▲*/
.page_local .content_wrapper {
	display: block;
	position: relative;
	margin: 15px auto 30px;
	padding: 0px 0 25px;
	width: 96%;
	box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.page_local .content_inner {
	margin: 40px auto 0;
	width: 90%;
	display: block;
	overflow: hidden;
}
#about-tokara {
	margin-top: 30px;
}
#about-tokara_content.content_inner {
	margin: 0 auto 0;
}
/* ▼タイトル▼ */
.page_local .summary_title {
	display: inline-block;
	position: absolute;
	top: -6px;
	left: 15px;
	margin: 0;
	padding: 10px 0 7px;
	z-index: 2;
	width: 300px;
	text-align: center;
	color: white;
	font-size: .75rem;
	background: #1280db;
	border-radius: 2px 0 0 0;
	}
.page_local .summary_title:before {
	position: absolute;
	content: '';
	top: 0;
	right: -5px;
	border: none;
	border-bottom: solid 6px #044685;
	border-right: solid 5px transparent;
}
.page_local .summary_title:after {
	content: '';
	position: absolute;
	left: 0;
	top: 100%;
	height: 0;
	width: 0;
	border-left: 150px solid transparent;
	border-right: 150px solid transparent;
	border-top: 10px solid #1280db;
}
.page_local #picup_title.summary_title {
	width: 180px;
	}
.page_local #picup_title.summary_title:after {
	border-left: 90px solid transparent;
	border-right: 90px solid transparent;
}
/* ▲タイトル▲ */
.page_local dl#present-component {
	margin: 10px 0 0;
}
.page_local dl#present-component dt {
	margin-top: 15px;
	width: 100%;
	font-size: 4vw;
	line-height: 1.4em;
	font-weight: bold;
}
.page_local dl#present-component dd {
	margin-top: 10px;
	padding-left: 1.2em;
	width: 100%;
	font-size: 3.4666vw;
	line-height: 1.6em;
}
.page_local h5.intakeamount {
	margin-top: 20px;
	font-size: 4.2666666666vw;
	line-height: 1.4em;
	font-weight: bold;
}
.page_local h6.intakenotes {
	margin-top: 20px;
	font-size: 4vw;
	line-height: 1.4em;
	font-weight: normal;
}
.page_local p.base_text {
	margin-top: 0.5em;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: normal;
}
.page_local p.classification {
	margin-top: 13px;
}
/*.page_local .base_text,
.page_local h4.catch,
.page_local #tokara_text {
	margin: 0 auto;
	width: 90%;
	display: block;
	overflow: hidden;
}*/
/* p-top-index */
.p-top-index {
	margin: 15px auto;
	width: 100%;
}
.p-top-index p {
	margin: 10px;
	font-size: 4vw;
	line-height: 1.5;
}
.p-top-index .p-top-index-items {
  border-bottom:1px solid #bfbfbf;
  overflow:hidden;
}
.p-top-index .p-top-index-items .item {
  display:block;
  width:50%;
  float:left;
  margin-bottom:-1px;
  padding:1px;
  border:1px solid #bfbfbf;
  box-sizing:border-box;
}
.p-top-index .p-top-index-items .item:nth-child(2n) {
  border-left:none;
}
.page_local #present_tokara h4 {
	margin: 10px 0 20px;
	color: #00b0a0;
	font-size: 4.8vw;
	font-weight: bold;
	border-bottom: 1px dotted #00b0a0;
}
.page_local #tokara_text p {
	margin: 0 0 30px;
}
.page_local #tokara_text p.tokara_description {
	font-size: 4.2666666666vw;
}
.page_local #tokara_text p.tokara_spec {
	font-size: 4vw;
}
.page_local .productnumber{
	color: #ff0000;
}
/* ▼ ご購入ボタン ▼ */
.page_local .btn_order {
	margin: 20px auto 30px;
	width: 80%;
}
.page_local .btn_order a span { display: block; font-size: 1px; line-height: 1px; border-radius: 3px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA15B', endColorstr='#FF7D1D' ,GradientType=0)"; zoom: 1; background: -moz-linear-gradient(50% 0% -90deg, #ffa15b 0%, #ff9b51 24.84%, #ff8c37 66.78%, #ff7d1d 100%); background: -webkit-linear-gradient(-90deg, #ffa15b 0%, #ff9b51 24.84%, #ff8c37 66.78%, #ff7d1d 100%); background: -webkit-gradient(linear, 50% 0%, 50% 99.84%, color-stop(0, #ffa15b), color-stop(0.2484, #ff9b51), color-stop(0.6678, #ff8c37), color-stop(1, #ff7d1d)); background: -ms-linear-gradient(-90deg, #ffa15b 0%, #ff9b51 24.84%, #ff8c37 66.78%, #ff7d1d 100%); background: linear-gradient(180deg, #ffa15b 0%, #ff9b51 24.84%, #ff8c37 66.78%, #ff7d1d 100%); 
text-align: center;
}
.page_local .btn_order a span img {
	margin: 0 auto;
	padding: 10px 0 ;
	width: 70%;
}
.page_local .notes_l { 
    font-size: 10px; 
    font-size: 0.65em; 
    line-height: 1.4; 
    text-align: left; 
    margin: 10px 0 30px 0; 
}
/* ▲ ご購入ボタン ▲ */
#tokara_img {
	margin: 0 auto 20px;
	padding: 15px;
	width: 90%;
}
/* ▼▼▼ 海泥 ▼▼▼ */
#mud {
	margin: 30px auto 15px;
	padding: 15px;
	width: 80%;
	text-align: center;
}
#mud dl dt span {
	margin: 0 0 15px;
	display: block;
}
#mud dl dt span,
#mud dl dd {
	font-size: 4vw;
	line-height: 1.4;
}
#mud dl dd {
	margin: 10px 0 0;
}
/* ▲▲▲ 海泥 ▲▲▲ */
/* ▼▼▼ バスタイムにおすすめの頭皮マッサージ ▼▼▼ */
#bathtime_wrapper {
	margin: 30px auto;
	padding: 15px;
	width: 98%;
	background-color: #e5f1f9;
}
#bathtime {
	padding: 20px;
	background-color: #ffffff;
	border: dotted 1px #d1bb93;
}
#bathtime_text 
 {
	/*width: 526px;*/
}
#bathtime_img {
	margin: 20px auto 15px;
	width: 80%;
}
#bathtime_img img {
	width: 100%;
}
#bathtime h4 {
	margin-bottom: 15px;
	font-size: 1.125rem;
	color: #c19438;
}
/* ▲▲▲ バスタイムにおすすめの頭皮マッサージ ▲▲▲ */
/* ▼▼▼ ボタン ▼▼▼ */
.page_local .btn-common {
	overflow: hidden;
	height: 66px;
	margin: 20px auto 20px;
	padding: 0;
	border-radius: 33px;
}
.page_local .btn-common a {
	display: block;
	position: relative;
	z-index: 100;
	background: #35b3b5;
	color: #fff;
	font-size: 18px;
	line-height: 1.4;
	height: 66px;
	text-decoration:none;
	text-align: center;
}
.page_local .btn-common a:hover {
	background: #99d7d8;        /* マウスオーバーカラー */
	color: #ffffff;
}
.page_local .btn-common a span {
	position: absolute;
	display: block;
	overflow: hidden;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
#tokarahairpack.btn-common a span,
#tokaragift.btn-common a span {
	padding-left: 1em;
	text-indent: -1em;
}
#tokarahairpack.btn-common a span {
	width: 70%;
}
#tokaragift.btn-common a span {
	width: 86%;
    font-size: 3.8vw;
}
#tokaragift_02.btn-common a span {
	width: 90%;
}
.page_local #tokarahairpack a:before,
.page_local #tokaragift a:before,
.page_local #tokaragift_02 a:before {        /*白いひし型 */
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 15px;
	height: 15px;
	background: #fff;
}
.page_local #tokarahairpack a:after,
.page_local #tokaragift a:after,
.page_local #tokaragift_02 a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 15px;
	height: 15px;
	background: #35b3b5;
}
.page_local #tokarahairpack a:hover:after,
.page_local #tokaragift a:hover:after,
.page_local #tokaragift_02 a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */
	background: #99d7d8;
}
.page_local #tokaragift,
.page_local #tokaragift_02,
.page_local #tokarahairpack {
	margin: 15px auto;
	width: 98%;
}
.page_local #tokaragift a:before {        /*白いひし型 */
	top: 50%;
	right: 23px;
	margin-top: -6px;
}
.page_local #tokaragift a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
	top: 50%;
	right: 25px;
	margin-top: -6px;
}

.page_local #tokaragift_02 a:before {        /*白いひし型 */
	top: 50%;
	right: 13px;
	margin-top: -6px;
}
.page_local #tokaragift_02 a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
	top: 50%;
	right: 15px;
	margin-top: -6px;
}

.page_local #tokarahairpack a:before {        /*白いひし型 */
	top: 50%;
	right: 23px;
	margin-top: -6px;
}
.page_local #tokarahairpack a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
	top: 50%;
	right: 25px;
	margin-top: -6px;
}
/* ▲▲▲ボタン▲▲▲ */
/* ▼▼▼ トカラキャッチ共通 ▼▼▼ */
.page_local h4.catch {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	margin-top: 0.5em;
	font-size: 20px;
	line-height: 1.6;
	font-weight: bold;
	color: #00b0a0;
}
/* ▲▲▲ トカラキャッチ共通 ▲▲▲ */
/* ▼▼▼ トカラサイト流用 ▼▼▼ */
#simbol {
	margin: 30px 0 20px;
}
#mark {
	margin: 30px auto 20px;
	width: 70%;
}
#concept,
#sea {
	margin: 15px auto;
	width: 96%;
}
#tokara-map {
	margin: 15px auto 30px;
	width: 60%;
}
#conceptimg,
#mark img,
#sea img,
#tokara-map img {
	width: 100%;
}
#simbol dl dt {
	margin-bottom: 15px;
	width: 100%;
	font-size: 4.2666666666vw;
	line-height: 1.5;
}
/* ▲▲▲ トカラサイト流用 ▲▲▲ */

h4.tokara-copy {
    font-size: 1.3em;
    font-weight: 400;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    margin: 0 0 30px 0;
    padding: 0 20px;
}

.item1,.item{
    position: relative;
}

img.ldk1{
    width: 75px;
    position: absolute;
    top:10px;
    right: 10%;
}

p.point_txt{
    width: 95%;
    margin:20px auto 0;
}
p.point_txt2{
    font-size: 0.85em;
    width: 95%;
    margin:20px auto 0;
}

div.note{
    width: 90%;
    border-radius: 5px;
	margin: 30px auto 10px; /* ボックスの余白 */
	background-color:#fff; /* ボックス背景色 */
	padding:2em; /* ボックス内側余白 */
	position:relative; /* 配置(ここを基準に) */
	border: 2px solid #86c6d2;/* ボックスの線 (太さ　種類　色)*/
}
div.note .box-title {
	background-color:#fff; /* タイトル背景色 */
	padding: 0 10px;/*タイトルの余白*/
	line-height: 1;/*タイトルの行の高さ*/
	position:absolute;	/* 配置(ここを動かす) */
	top: -22px; /*上から（-5px）移動*/
	left: 20px; /*左から(20px)移動*/
}

div.note .box-title img  {
    width: 100px;
}


.present-in img{
    width: 60%;
    margin: auto;
    display: block;
}
.main-content{
	margin-bottom: 30px;
}