@charset "utf-8";
/*
Theme Name:TOKI Child
Theme URI:https://tcd-theme.com/tcd069/
Description:"TOKI" is a Japanese-style WordPress theme developed for international visitors. The welcome page can be set in any language. You can also express the world view of your site with a video in the background.
Template:toki_tcd069
Author:Thumbsup JAPAN Inc.
Author URI:https://thumbsupjapan.net/
Version:1.10
Text Domain:tcd-toki
*/

/* #フォントスタイル
================================================ */
.subtitle {
    font-weight: 500;
    line-height: 1.6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 48px 0 22px !important;
    padding: .8em 1.5em .8em !important;
    border-left: #666 3px solid;
    font-size: 20px !important;
}
.subtitle::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 2px);
    border: 1px solid #ddd;
    border-left: none;
    content: '';
}
.content-title{
	font-size:18px;
	font-weight:bolder;
	color:#222;
	margin-bottom: 20px;
}


/* ユーティリティクラス */
.far-edge { text-align: right !important;}
.inline-block { display:inline-block; text-decoration:none; text-align:center; } 
.bottomborder { padding-bottom: 0.4em !important; border-bottom: 1px solid #c1c1c1 !important; }

/* ミノウラカラー */
.mred { color:#C70019 !important; }
.mgold { color:#C78A03 !important; }
.mblue { color:#0044CC !important; }
.msaxe { color:#488AFA !important; }
.white { color:#FFFFFF !important; }
.bgmred { background-color:#C70019 !important; }
/*
#e00101 リンクの明るい赤 = 記事本文内のリンク文字色
#777777 サブカラー
#333333 文字
#151515 濃いグレー
*/

/* #リスト
============================================ */
ul.disc { list-style: disc outside; margin-left:1.2em; line-height: 1.8; }
ul.upper-alpha{ list-style: upper-alpha outside; margin-left:1.2em; line-height: 1.8; }


/* #Alert Boxes
============================================ */
.alert{
	padding:10px 10px 10px 48px;
	font-size:14px;
	margin:20px 0px 10px 0px;
}
.alert h6, .alert h5{
	font-size:16px;
	color:inherit;
	font-weight:bold;
	position: relative;
}
.alert h6:before{
    font-family: 'Material Symbols Sharp';
    position: absolute;
    top: 0px;
    left: -36px;
    font-size: 30px;
    font-weight: normal;
}

.alert p{ margin-bottom:0; text-align:justify; }

.alert-releases{
	color: #085cb4;
	background: #e6f4ff ;
	border: 1px solid #085cb4;
}
.alert-notification{
	color: #4F8A10;
	background: #e6f2d3;
	border: 1px solid #4F8A10;
}
.alert-warning{
	border:1px solid #c86e00;
	background: #fff4b8;
	color: #c86e00;
}
.alert-error{
	color: #C70019;
	background: #fff0e7 ;
	border: 1px solid #C70019;
}

.alert-releases h6::before{
	content: '\e031';
}
.alert-notification h6::before{
	content: '\e5ca';
}
.alert-warning h6::before{
	content: '\e002';
}
.alert-error h6::before{
	content: '\e5cd';
}

.us-icon24x18{
	background:transparent url(/wp-content/uploads/2024/10/i-flag24x18-us.png) 0px 4px no-repeat;
	background-size: 30px;
	padding: 0 0 0 40px !important;
}/*（追加）*/


/* 製品データリスト */
.mnu-product-data-list { margin:0 0 68px 0; }
.mnu-product-data-list .headline { font-size:32px; font-weight:500; line-height:1.5; margin:0 0 40px 0; text-align:center; }
.mnu-product-data-list dl {
  border-left:1px solid #ddd; border-top:1px solid #ddd; margin:0;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
  -ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between;
}
.mnu-product-data-list dt {
  width:240px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:1.7; text-align:center; padding:0px; background:#f5f5f5; position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.mnu-product-data-list dd {
  -webkit-width:calc(100% - 240px); width:calc(100% - 240px); border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:1.7; padding:20px 25px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.mnu-product-data-list dt span {
  display:block; width:100%; text-align:center; padding:0 25px; position:absolute; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
/*
.mnu-product-data-list dd a.manual-dl:before,
#shop_data_list dd a.manual-dl:before {
  font-family:'design_plus';
  content:'\e910';
  margin-right: 0.3em;
}
*/
.mnu-product-data-list dd a.manual-dl::before,
#shop_data_list dd a.manual-dl::before {
    content: "";
    display: inline-block;
    background:url(/wp-content/uploads/2024/12/pdf_icon_24.png) no-repeat;
    padding-left: 8px;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}
.mnu-product-data-list dd a.manual-dl, #shop_data_list dd a.manual-dl {
    color: #0044CC;
}
.mnu-product-data-list dd a.manual-dl:hover, #shop_data_list dd a.manual-dl:hover {
    color: #488AFA;
}
div.mnu-product-data-list + #shop_data_list dl {
  border-top:none;
}
div.mnu-product-data-list:has(+ div#shop_data_list) {
  margin: 0;
}
#shop_data_list dt {
  width:240px;
}
#shop_data_list dd {
  -webkit-width:calc(100% - 240px); width:calc(100% - 240px);
}
.mnu-brand-logo {
	margin:0 auto 60px;
	text-align: center;
}

/* 製品データリスト */
@media screen and (max-width:750px) {
  .mnu-product-data-list { margin:0; font-size:12px; }
  .mnu-product-data-list .headline { margin:0 0 23px 0; }
  .mnu-product-data-list dt { width:100px; line-height:1.7; }
  .mnu-product-data-list dd { -webkit-width:calc(100% - 100px); width:calc(100% - 100px); padding:10px 15px; }
  .mnu-product-data-list dt span { padding:10px 10px; }
}


/* 画像スライダー修正
#shop_image_slider {width:900px;height:600px;position:relative;margin:0 0 60px 0;}
#shop_image_slider .image { width:900px; height:600px; }
@media screen and (max-width:1230px) {
  #shop_image_slider { width:100%; height:520px; margin:0 0 80px 0 !important;}
  #shop_image_slider .image {width:100%; height: 520px; !important;}
}
@media screen and (max-width:750px) {
  #shop_image_slider { height:240px; margin:0 -20px 18px; width:auto; }
  #shop_image_slider .image { height:240px; }
  #shop_image_slider .slick-dots { bottom:15px; }
} */

/* サムネイルスライダーのスタイル */
.mnu-thumbnail-slider {
  width: 100%;
  margin: 20px auto 80px;
  display: flex;
  justify-content: center;
}

.mnu-thumbnail-slider .thumbnail-image {
  width: 100px;
  height: auto;
  margin: 0 5px;
  cursor: pointer;
}

.mnu-thumbnail-slider .thumbnail-image img {
  width: 100%;
  height: auto;
}

/* サムネイルスライダーレスポンシブ対応 */
@media (max-width: 750px) {
  .mnu-thumbnail-slider .thumbnail-image {
    width: 80px;
  }
	.mnu-thumbnail-slider {
  margin: 20px auto 50px;
  }
}

@media (max-width: 480px) {
  .mnu-thumbnail-slider .thumbnail-image {
    width: 60px;
  }
}


/* 製品一覧ページ */
#next_prev_post2 a {
    border: 1px solid #ddd;
    box-sizing: border-box;
}
#next_prev_post2 a:hover {
    border: none;
}
#next_prev_post2 .title_area {
    border: none;
}
#next_prev_post2 .image {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 138px;
    height: 138px;
}
#next_prev_post2 .next_post .title_area {
    border: none;
}


#shop_desc .tabs-content a {
    color: #777777;
}
#shop_desc .tabs-content .gallery-item a + p {
    margin: 0;
}
#shop_desc .tabs-content .gallery-item h5.desc-page-title {
    font-size: 15px;
    margin-top: 10px !important;
    font-weight:600;
}



/* #Lightbox
===================================================== */
a.img-link.preload { 
	background-image:url(js/prettyPhoto/images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.preload img{
	visibility:visible;
	opacity: 1;
	-webkit-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;	
}
.preload img.loading{
	visibility: hidden;
	opacity: .2;
	-webkit-transition:none;
	-o-transition:none;
	-moz-transition:none;
	transition:none;	
}

a[data-rel^="prettyPhoto"]{
	position:relative;
	text-decoration:none;
	/*background-image:url(/images/bkgs/stripes_tiny_08.png);*/
	background-repeat:repeat;
}
a.img-link.preload,
a[data-rel^="prettyPhoto"]{
	display:block;
}

a[data-rel^="prettyPhoto"] img{
	display:block;
  width: 100%;
}
span.photoButton,
a[data-rel^="prettyPhoto"]:hover:after{
	content: ' ';	
	
	display:block;
	position:absolute;
	bottom:0;
	left:0;	
	color:#444;
	font-size:14px;
	height:18px;
	width:18px;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	
	background-color:#eee;
	background-color:rgba(255, 255, 255, 1);
	background-image:url(js/prettyPhoto/images/camera_4.png); /*zoom_in.png);*/
	background-position: center center;
	background-repeat:no-repeat;
	opacity:.7;
	
	height:22px;
	width:22px;
}
.video-link span.photoButton,
a[data-rel^="prettyPhoto"].video-link:hover:after{
	background-image:url(../images/icons/video_recorder.png);
}

a[data-rel^="prettyPhoto"].no-bgimg:hover:after{
	background-image:none;
	background-color:inherit;
} /* 追加 */

a[data-rel^="prettyPhoto"]:hover img{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */	
	filter: alpha(opacity=50);	/* IE 5-7 */
	opacity:.5; /* Real Browsers */
}



/* #Post Content
================================================ */

.mosaic article header a.img-link,
.mosaic article header a[data-rel^="prettyPhoto"],
.mosaic div.feature-column a.img-link, 
.mosaic div.feature-column a[data-rel^="prettyPhoto"],
.bloglist a.img-link,
.bloglist a.video-link{
	margin-bottom:1em;
}

.mosaic a[data-rel^="prettyPhoto"] img{
	margin-bottom:0px;
	display:block;
}


/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 750px) {
		/*（追加）スマホprettyPhotoギャラリー無効 */
		.no-link{
			pointer-events:none;
			cursor:default;
			text-decoration:none;
			margin-bottom:10px;
		}
				
		/*（追加）スマホprettyPhotoギャラリー非表示 */
		.no-img {
			display:none !important;
		}
	}

/* 説明文移植でテキスト調整
================================================ */
section.gallery .gallery-item a { color:#555555; }
section.gallery .gallery-item a:hover { color:#0044CC; }
section.gallery .gallery-item h5 { margin-top:10px !important; }
section.gallery .gallery-item p { line-height:1.8; }

ul.tabs-content h6 { color: #666666; }
ul.tabs-content :not(h2):not(h3):not(h4):not(h5):not(h6) + h5,
ul.tabs-content :not(h2):not(h3):not(h4):not(h5):not(h6) + h6 {
        margin-top: 0 !important;
}
ul.tabs-content ul.disc { list-style:disc; }
ul.no-style { list-style:none; }

/* 説明文移植でオプション表示など
================================================ */
ul.tabs-content li[id^="tab-"]::after { content: ""; clear: both; display: table; }
ul.tabs-content li[id^="tab-"] div[class*="columns"] { float:left; margin:0 30px 4px 0; overflow:hidden; position:relative; }
ul.tabs-content li[id^="tab-"] div[class*="columns"] { max-width:32%; max-width:-webkit-calc(33.3% - 30px); max-width:calc(33.3% - 30px); }
ul.tabs-content li[id^="tab-"] div[class*="columns"]:nth-of-type(3n) { margin-right:0; }
ul.tabs-content li[id^="tab-"] div.alpha { max-width:32%; max-width:-webkit-calc(33.3% - 30px); max-width:calc(33.3% - 30px); }
ul.tabs-content li[id^="tab-"] div.omega { max-width:64%; max-width:-webkit-calc(66.6% - 30px); max-width:calc(66.6% - 30px); }
ul.tabs-content li[id^="tab-"] h5 + p { margin-bottom:0; }

/* 480px以下の場合のスタイル */
@media (max-width: 480px) {
	ul.tabs-content li[id^="tab-"] div[class*="columns"] { float:none; margin:0 auto 4px; }
	ul.tabs-content li[id^="tab-"] div[class*="columns"] { max-width:100%;}
}


/* #ギャラリー移植用
================================================ */
div.portfolio-navigation h4 + div { margin-bottom:20px; }
div.portfolio-navigation h4 + div::after { content: ""; clear: both; display: table; }
div.portfolio-navigation h4 + div a img { border: 0 !important; }
div.portfolio-navigation [class*="column"], div.portfolio-navigation [class*="columns"] { float:left; margin:0 4px 4px 0; overflow:hidden; position:relative; }
div.portfolio-navigation [class*="column"], div.portfolio-navigation [class*="columns"] { max-width:11%; max-width:-webkit-calc(12.5% - 4px); max-width:calc(12.5% - 4px); }
div.portfolio-navigation [class*="column"]:nth-of-type(8n), div.portfolio-navigation [class*="columns"]:nth-of-type(8n) { margin-right:0; }
/* 750px以下の場合のスタイル */
@media (max-width: 750px) {
  div.portfolio-navigation [class*="column"], div.portfolio-navigation [class*="columns"] { max-width:32%; max-width:-webkit-calc(33.3% - 4px); max-width:calc(33.3% - 4px); }
  div.portfolio-navigation [class*="column"]:nth-of-type(3n), div.portfolio-navigation [class*="columns"]:nth-of-type(3n) { margin-right:0; }
}
/* 480px以下の場合のスタイル */
@media (max-width: 480px) {
  nav.portfolio-navigation [class*="column"], nav.portfolio-navigation [class*="columns"] { max-width:48%; max-width:-webkit-calc(50% - 4px); max-width:calc(50% - 4px); }
  nav.portfolio-navigation [class*="column"]:nth-of-type(2n), nav.portfolio-navigation [class*="columns"]:nth-of-type(2n) { margin-right:0; }
}


/* #Icon button用
================================================ */
.single_icon li a [class^="icon-"]{
  display: none;
}
/*** 共通 ***/
.single_icon ul { display:flex; flex-wrap:wrap; margin:0 -3px -3px 0; }
.single_icon li { list-style:none; }
.single_icon li:not(.default) { flex: 1 1 0%; margin:0 3px 3px 0; max-width:100%; }

.single_icon li:not(.default) a { display:flex; flex-wrap:wrap; justify-content:center; text-align:center; position:relative; border-radius:3px; align-items:center; cursor: pointer;}

.single_icon a::before { font-family:'Material Symbols Sharp'; display:inline-block; font-size:2rem; margin-right:10px; position:relative; vertical-align: middle; transition: color 0.25s ease; -webkit-font-smoothing: antialiased; }

.single_icon .ttl { font-size: 12px; position: relative;font-family: Arial; }

/*** サイズ違い ***/
.single_icon .icon-type1 a,
.single_icon .icon-type2 a { line-height: 30px;}

.single_icon .icon-type3 ul,
.single_icon .icon-type4 ul { margin:0 -5px -5px 0; }
.single_icon .icon-type3 li,
.single_icon .icon-type4 li { flex: 0 0 auto; width:calc(25% - 5px); margin:0 5px 5px 0; max-width:inherit; }
.single_icon .icon-type3 a,
.single_icon .icon-type4 a {  height: 40px;}

.single_icon .icon-type3 a { line-height:42px; }
.single_icon .icon-type4 a { line-height:40px; }


/*** 各アイコン ***/
.single_icon .ios a::before { content:'\e027'; }
.single_icon .android a::before { content:'\e859'; }
.single_icon .youtube a::before { content:'\f85a'; }
.single_icon .appstore a::before { content:'\e325'; }
.single_icon .googleplay a::before { content:'\e324'; }
.single_icon .zip a::before { content:'\eb2c'; }
.single_icon .open_in_new a::before { content:'\e89e'; }


/*** ボタン風 ***/
.single_icon.single_button { margin:0 0 30px 0; }
.single_icon.single_button .post_col-2 { padding:0 10px; }
.single_icon.single_button .well { margin:0; padding:0px 20px;}







/* #FAQのアレンジ
================================================ */
/* レスポンシブ対応の基本設定 */
ul.disc.dropdown2 {
    margin-bottom: 0;
}
ul.disc.dropdown2 li {
    padding-top: 0;
    list-style: none;
    line-height: 1;
}
ul.disc.dropdown2 li a {
    display: block;
    color: #333;
    font-weight: normal;
    text-decoration: none;
    padding: 20px 6px;
    border-bottom: 1px solid #ccc;
}
ul.disc.dropdown2 li:last-child a {
    border-bottom: none;
}
.postid-24 .find_faq_list dd {
    padding: 0 20px;
}
@media (min-width: 768px) {
  .postid-24 .find_faq_list dd {
    padding: 0 40px;
  }
}



.find_faq_list ol {
  margin-left: 1.2rem;
}
.find_faq_list ol {
  list-style-type: decimal;
}
.find_faq_list ul li,
.find_faq_list ol li {
  line-height: 1.7;
  margin:0.5rem 0;
}



/* 情報セクション個別設定 */
.info-section {
  margin: 0;
  padding: 0;
}

.info-section > div {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #ccc;
}
.info-section > div:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.info-section h4 {
  color: #333;
  margin-bottom: 10px;
}

.info-section p {
  font-size: 1em;
  color: #555;
  margin: 5px 0;
  line-height: 1.5;
}

.info-section a {
  color: #007BFF;
  text-decoration: none;
}
.info-section a:hover {
  text-decoration: underline;
}