@charset "utf-8";
/*　CSS Document　*/

@import "https://secure2.future-shop.jp/~panacea/common/css/reset.css";

@import "https://secure2.future-shop.jp/~panacea/common/css/header-new.css";
@import "https://secure2.future-shop.jp/~panacea/common/css/header-menu.css";　
@import "https://secure2.future-shop.jp/~panacea/common/css/footer-new.css";


@import "https://secure2.future-shop.jp/~panacea/common/css/flex-box.css";

/*
@import "https://secure2.future-shop.jp/~panacea/common/css/lnavi.css";
@import "https://secure2.future-shop.jp/~panacea/common/css/style-new.css";
@import "https://secure2.future-shop.jp/~panacea/common/css/common.css";

*/

@import "https://secure2.future-shop.jp/~panacea/common/css/item.css";
@import "https://secure2.future-shop.jp/~panacea/common/css/futureshop.css";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css";

/*　スライダー　*/

@import "https://secure2.future-shop.jp/~panacea/common/css/jquery.bxslider.css";
/*<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">*/
@import "https://secure2.future-shop.jp/~panacea/common/css/flexslider.css";
@import "http://www.panacea-supply.jp/common/css/flexslider.css";





/***
====================================================================================================================================================================================================================================================================================

下部固定フッターメニュー

====================================================================================================================================================================================================================================================================================
***/
.footerMenuSection {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  padding: 10px 16px;
  box-sizing: border-box;
  box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.4);
  z-index: 9999;
}
.footerFixedMenu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.footerFixedMenu li {
  flex-basis: 20%;
  text-align: center;
  height: 50px;
  vertical-align: middle;
  font-size: 11px;
  display: inline-block;
}
.footerFixedMenu li a {
  color: #777;
}
.footerFixedMenu li dt {
  width: 100%;
  height: 33px;
  padding-top: 8px;
}
.footerFixedMenu li dt img {
  vertical-align: bottom
}
/***
====================================================================================================================================================================================================================================================================================

footer

====================================================================================================================================================================================================================================================================================
***/
footer {
  width: 100%;
  padding-top: 5em;
  padding-bottom: 100px;
  background: #fafafa;
  color: #333;
  font-size: 14px
}
footer ul {
  list-style: none;
}
footer a:hover {
  opacity: 0.6;
}
/*******************************************************************************　

footerMenu

*******************************************************************************/
.footerMenu ul {
  max-width: 1240px;
  width: 96%;
  margin: 0 auto 32px;
  display: flex;
  flex-direction: row;
}
.footerMenu ul li {
  list-style-type: disc;
}
.footerMenu ul li a {
  display: block;
  font-size: 14px;
  text-decoration: none;
  padding-right: 48px;
  color: #333;
  box-sizing: border-box;
}
.footerMenu ul li a:hover {
  text-decoration: underline;
}
/*******************************************************************************　

.footer_container

*******************************************************************************/
.footer_container {
  padding-bottom: 20px;
  display: flex;
  flex-direction: row;
  gap: 40px;
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
}
.footer_container .footer_box {
  display: block;
}
.footer_box h5 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 32px;
  margin-bottom: 16px;
  border-bottom: solid 1px #ccc;
  padding-bottom: 10px;
}
.footer_box p {
  line-height: 1.8;
  color: #555;
  text-align: justify;
  font-size: 14px;
}
/*　.footer_box�@　*/
.footer_box table {
  width: 100%;
  border-collapse: collapse;
  font-weight: normal;
}
.footer_box tr {
  border-bottom: solid 1px #999;
}
.footer_box th {
  white-space: nowrap;
  vertical-align: middle;
  border-bottom: solid 1px #999
}
.footer_box th, .footer_box td {
  font-weight: normal;
  padding: 16px;
  line-height: 1.6;
  text-align: justify;
}
@media screen and (max-width: 960px) {
  .footer_container {
    width: 94%;
    display: flex;
    flex-direction: column;
  }
  .footer_box {
    width: 100% !important;
  }
}
/*******************************************************************************　

small コピーライト

*******************************************************************************/
small {
  font-size: 12px;
  display: block;
  background: #d4523d;
  padding: 20px 10px;
  line-height: 1.6;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 481px) {
  /* 481px以上に適用されるCSS（タブレット用） */
  .display_xs-sm-md {
    display: none;
  }
} /*****************************************************************************************************************/
@media screen and (max-width: 960px) {
  #footer {
    padding: 20px;
  }
} /*****************************************************************************************************************/
@media screen and (min-width: 961px) {
  /* 768px以上に適用されるCSS（タブレット用） */
  .footerMenuSection {
    display: none !important;
  }
} /*フッターここまで****************************************************************************************************************/




/*******************************************************************************************

インフォメーション


********************************************************************************************************/
.infoAreaWap {
  padding: 16px;
  width: 820px;
  margin: 32px auto 24px;
  box-sizing: border-box;
  border: solid 1px #ccc;
  background: #fff4f4;
  border-radius: 3px;
}
.infoArea-list li {
  width: 100%;
  display: block;
  position: relative;
  font-size: 14px;
}
.emergecy {
  text-indent: 30px;
}
.infoArea-list li a::after {
  position: absolute;
  content: ">";
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #666;
}
.emergecy a::before {
  position: absolute;
  content: " ";
  background-image: url(https://c22.future-shop.jp/shop/item/panacea/design/img01/icon-caution01.png);
  background-repeat: no-repeat;
	background-size: contain;
  width: 20px;
  height: 20px;
  display: block;
  top: 50%;
  transform: translateY(-50%);
}

.infoArea-list li a {
  text-decoration: none;
  width: 100%;
  display: block;
  color: #333;
  padding: 8px;
  box-sizing: border-box;
}
.infoArea-list li a:hover {
opacity:0.6;}


.infoConents {
	  width: 90%;
	max-width: 840px;
	margin: 0 auto 200px;
	padding-top: 84px;
}
.infoConents h2 {
		font-size: 21px;
	margin-bottom: 48px;
	line-height: 1.6
}
.infoConents p {
	line-height: 1.8;
	font-size: 15px;
	color: #333;
}


/*電話サポートのバナー削除*/
.tel-support {
display:none;
}




.FS2_thumbnail_container {
  
  margin-right: 40px;
}

#FS2_itemlayout_J .thumbnail {
  
  width: 280px;
}

/*======================================================================================================*/

#FS2_additional_image_popup .FS2_thumbnail_container {
  width: 100%;
}
.FS2_additional_image_btn_thumbnail_container .FS2_thumbnail_container span {
    display: none;
}

/*　　画像ホスティングオプション　ポップアップ後の画像のサイズ調整　*/

#FS2_additional_image_popup .FS2_additional_image_popup_container img {
    width: 100%;
}

/* =================================================================
　画像ホスティングオプション
=================================================================　*/

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL1　*/
#FS2_itemlayout_IHL1{
    border:1px solid #ddd;    
    float:left;
    width:200px;
    
    margin:5px;
    padding:10px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL1：
サムネイル　*/
#FS2_itemlayout_IHL1 .FS2_thumbnail_container{
    border:none;
    margin:5px 0px;
    padding:0px;
}

#FS2_itemlayout_IHL1 img{
    margin:0px;
    padding:0px;    
}

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL1：
サムネイル　*/
#FS2_itemlayout_IHL1 .FS2_AdditionalImageEnlargementSsize_Button{
    text-align:right;
}

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL1：
商品価格コンテナ　*/
#FS2_itemlayout_IHL1 .FS2_itemPrice_text{
    margin:5px 0px;
    font-size:80%;
    font-weight:normal;
}

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL1：
商品一言コメント　*/
#FS2_itemlayout_IHL1 .FS2_ItemShortComment{
    margin:10px;
    font-size:80%;
    color:#777;
}
p.FS2_ItemShortComment ~ .property h4 {
color:#fff !important;
padding: 4px !important;
margin-bottom: 10px !important;
}

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL1：
特別会員価格あり　*/
#FS2_itemlayout_IHL1 .FS2_members_contents{
    margin:5px 0px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL1：
会員価格　*/
#FS2_itemlayout_IHL1 .FS2_special_members_price{
    margin:5px 0px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL1：
拡大ボタン　*/
#FS2_itemlayout_IHL2 .FS2_AdditionalImageEnlargementSsize_Button{}


/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL2　*/
#FS2_itemlayout_IHL2{
    border:1px solid #ddd;    
    float:left;
    width:200px;
    padding:10px;
    margin:5px;
    
}

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL2：
サムネイル　*/
#FS2_itemlayout_IHL2 .FS2_thumbnail_container{
    border:none;
    margin:0px 0px 10px 0px;
    padding:0px;

}

#FS2_itemlayout_IHL2 img{
    margin:0px;
    padding:0px;    
}

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL2：
アイキャッチアイコン　*/
#FS2_itemlayout_IHL2 .FS2_eye_catch_icon{
    margin:5px 0px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL2：
商品価格コンテナ　*/
#FS2_itemlayout_IHL2 .FS2_itemPrice_text{
    margin:5px 0px;
    font-size:80%;
    font-weight:normal;
}

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL2：
商品一言コメント　*/
#FS2_itemlayout_IHL2 .FS2_ItemShortComment{
    margin:10px;
    font-size:80%;
    color:#777;
}

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL2：
特別会員価格あり　*/
#FS2_itemlayout_IHL2 .FS2_members_contents{
    margin:5px 0px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL2：
会員価格　*/
#FS2_itemlayout_IHL2 .FS2_special_members_price{
    margin:5px 0px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL2：
拡大ボタン　*/
#FS2_itemlayout_IHL2 .FS2_AdditionalImageEnlargementSsize_Button{
    margin:5px 0px 0px 0px;
}


/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL3　*/
#FS2_itemlayout_IHL3{
    border:1px solid #ddd;    
    float:left;
    width:320px;
    padding:10px;
    margin:5px;
    
}

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL3：
サムネイル　*/
#FS2_itemlayout_IHL3 .FS2_thumbnail_container{
    border:none;
    padding:0px;
    float:left;
    margin:0px 10px 0px 0px;
}

#FS2_itemlayout_IHL3 img{
    margin:0px;
    padding:0px;    
}

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL3：
アイキャッチアイコン　*/
#FS2_itemlayout_IHL3 .FS2_eye_catch_icon{
    margin-bottom:10px;    
}

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL3：
商品価格コンテナ　*/
#FS2_itemlayout_IHL3 .FS2_itemPrice_text{
    margin:5px 0px;
    font-size:80%;
    font-weight:normal;
}


/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL3：
商品一言コメント　*/
#FS2_itemlayout_IHL3 .FS2_ItemShortComment{
    margin:10px;
    font-size:80%;
    color:#777;
}

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL3：
特別会員価格あり　*/
#FS2_itemlayout_IHL3 .FS2_members_contents{
    margin:5px 0px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL3：
会員価格　*/
#FS2_itemlayout_IHL3 .FS2_special_members_price{
    margin:5px 0px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：商品一覧：IHL3：
拡大ボタン　*/
#FS2_itemlayout_IHL3 .FS2_AdditionalImageEnlargementSsize_Button{
    text-align:right;
}

/*　商品画面：商品詳細：オプション価格コンテナ　*/
.FS2_OptionPrice {
    margin-bottom:10px;
}
/*　商品画面：商品詳細：オプション価格テーブル　*/
.FS2_OptionPrice {}

.FS2_OptionPrice th {
    font-weight:normal;
    padding:2px 8px;
    border-bottom:1px solid #DDDDDD;
    background:#F6F6F6;
}

.FS2_OptionPrice td {
    font-weight:normal;
    padding:2px 8px;
    border-bottom:1px solid #DDDDDD;
    text-align:left;
}

/*　オプション価格（カート画面罫線）　*/
.FS2_option_price_rule{
    color:#DDDDDD;
}

/*商品詳細画面------------------------------------------------------------------*/


/*===================================================================================

IH1

====================================================================================*/

/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH1　*/
/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH1：
商品画像コンテナ横幅　*/
#FS2_itemlayout_IH1 .FS2_thumbnail_container{
    width:400px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH1：
メイン・サブ画像群サムネイルコンテナ横幅　*/
#FS2_itemlayout_IH1 .FS2_additional_image_container{
    width:140px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH1：
商品画像・拡大・Prev・Nextボタンテーブルコンテナ横幅　*/
#FS2_itemlayout_IH1 .FS2_additional_image_btn_thumbnail_container{
    width:420px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH1：
商品詳細右カラム　*/
#FS2_itemlayout_IH1 .FS2_additional_image_itemdetail_container_right{
    width:220px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH1：
商品詳細左カラム　*/
#FS2_itemlayout_IH1 .FS2_additional_image_itemdetail_container_left{
    width:350px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH1：
商品詳細コンテナ*/
#FS2_itemlayout_IH1 .FS2_additional_image_itemdetail_container{
    margin-top:2em;
}


/*===================================================================================

IH2

====================================================================================*/


/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH2　*/
/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH2：
商品画像・拡大・Prev・Nextボタンテーブルコンテナ横幅　*/
#FS2_itemlayout_IH2 .FS2_additional_image_btn_thumbnail_container{
    width:420px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH2：
商品画像コンテナ横幅　*/
#FS2_itemlayout_IH2 .FS2_thumbnail_container{
    width:400px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH2：
商品詳細右カラム　*/
#FS2_itemlayout_IH2 .FS2_additional_image_itemdetail_container_right{
    width:220px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH2：
商品詳細左カラム　*/
#FS2_itemlayout_IH2 .FS2_additional_image_itemdetail_container_left{
    width:350px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH2：
メイン画像群サムネイルコンテナ　*/
#FS2_itemlayout_IH2 .FS2_additional_image_container_main{
    float:right;
    width:140px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH2：
サブ画像群サムネイルコンテナ　*/
#FS2_itemlayout_IH2 .FS2_additional_image_container_sub{
    margin-top:2em;
    width:100%;
}

/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH2：
商品詳細コンテナ*/
#FS2_itemlayout_IH2 .FS2_additional_image_itemdetail_container{
    margin-top:2em;
}

/*===================================================================================

IH3

====================================================================================*/


/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH3　*/
/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH3：
商品画像コンテナ横幅　*/
#FS2_itemlayout_IH3 .FS2_thumbnail_container{
    /*width:410px;*/
/*追加*/
/*max-height:100%;*/
height:610px;/*高さを固定し画像の高さによってがたがたするのを防ぐ*/
}

/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH3：
商品詳細右カラム　*/
#FS2_itemlayout_IH3 .FS2_additional_image_itemdetail_container_right{
    /*width:330px;*/
    margin-left:40px;
/*追加*/
width:52%;
}

/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH3：
メイン画像群サムネイルコンテナ　*/
#FS2_itemlayout_IH3 .FS2_additional_image_container_main{
    float:none;
    
    /*追加*/
    width:100%;

object-fit: cover;
display: flex;
  flex-wrap: wrap;
gap:1px;
background: #f2f2f2;

padding: 8px;
 
  box-sizing: border-box;
}

/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH3：
サブ画像群サムネイルコンテナ　*/
#FS2_itemlayout_IH3 .FS2_additional_image_container_sub{
    width:520px;
}
#FS2_itemlayout_IH3 .FS2_additional_image_thumbnail_container {
  width: calc(100%/7 - 5px);
  padding: 0 2px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH3：
商品画像・拡大・Prev・Nextボタンテーブルコンテナ横幅　*/
#FS2_itemlayout_IH3 .FS2_additional_image_btn_thumbnail_container{
    /*width:430px;*/
    margin-bottom:2em;
/*追加*/
width:40%;
}

/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH3：
商品詳細コンテナ*/

/*各サムネイル画像の枠*/
#FS2_itemlayout_IH3 .FS2_additional_image_itemdetail_container{
    margin-top:2em;
}

/* 追加 */
/*各サムネイル画像*/
.FS2_additional_image_detail_container img {
width: 100% !important;
}
#FS2_itemlayout_IH3 .FS2_thumbnail_container {
  width: 100%;
}

#FS2_itemlayout_IH3 .FS2_additional_image_container_title {
display:none;
}
.FS2_additional_image_btn_thumbnail_container .FS2_thumbnail_container {
border: none;
}

/*===================================================================================

IH4

====================================================================================*/

/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH4　*/
/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH4：
商品画像コンテナ横幅　*/
#FS2_itemlayout_IH4 .FS2_thumbnail_container{
    width:200px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH4：
商品詳細右カラム　*/
#FS2_itemlayout_IH4 .FS2_additional_image_itemdetail_container_right{
    width:250px;
    margin-left:20px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH4：
商品詳細左カラム　*/
#FS2_itemlayout_IH4 .FS2_additional_image_itemdetail_container_left{
    width:290px;
    float:right;
    margin-left:20px;
}


/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH4：
商品画像・拡大・Prev・Nextボタンテーブルコンテナ横幅　*/
#FS2_itemlayout_IH4 .FS2_additional_image_btn_thumbnail_container{
    width:220px;
    float:left;
}


/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH4：
メイン・サブ画像群サムネイルコンテナ横幅　*/
#FS2_itemlayout_IH4 .FS2_additional_image_container{
    width:85px;
    float:left;
    margin-right:10px;
}

/*===================================================================================

画像ホスティングその他

====================================================================================*/
/*　各レイアウト共通　*/
/*　商品画面：商品詳細：画像ホスティングオプション：サムネイルコンテナ　*/
.FS2_additional_image_btn_thumbnail_container .FS2_thumbnail_container{
    /*border:1px solid #ddd;*/
    margin-bottom:10px;
    padding:9px;
    text-align:center;
}


/*　商品画面：商品詳細：画像ホスティングオプション：メイン・サブ画像群サムネイルコンテナ　*/
.FS2_additional_image_container{
    float:right;
}

/*　商品画面：商品詳細：画像ホスティングオプション：メイン画像群サムネイルコンテナ　*/
.FS2_additional_image_container_main{
    margin-bottom:2em;    
}

.FS2_additional_image_container_main img{
    margin:0px 2px 2px 0px;
    /*border: 1px solid white;*/
/*追加*/
width:100%;

}

/*　商品画面：商品詳細：画像ホスティングオプション：メイン・サブ画像群サムネイルコンテナ　*/
.FS2_additional_image_container_sub{}

.FS2_additional_image_container_sub img{
    margin:0px 2px 2px 0px;
    border: 1px solid white;
}

/*　商品画面：商品詳細：画像ホスティングオプション：メイン・サブ画像群名称　*/
.FS2_additional_image_container_title{
    border-bottom:1px dotted #555;
    padding-bottom:2px;
    margin:5px 0px;
    font-weight:bold;
}


/*　商品画面：商品詳細：画像ホスティングオプション：拡大・Next・Prevボタン　*/
.FS2_additional_image_btn_container table{
    border-collapse:collapse;
    border-spacing: 0px;
    /*width:100%;*/
}

.FS2_additional_image_btn_container td{
    vertical-align:top;    
}

.FS2_additional_image_btn_container .FS2_additional_image_btn_next{
    text-align:right;
    /*width:59px;*/
}

.FS2_additional_image_btn_container .FS2_additional_image_btn_prev{
    text-align:right;
    /*width:59px;*/
}


/*　商品画面：商品詳細：画像ホスティングオプション：商品詳細コンテナ　*/
.FS2_additional_image_itemdetail_container{}


/*　商品画面：商品詳細：画像ホスティングオプション：商品詳細右カラム　*/
.FS2_additional_image_itemdetail_container_right{
    float:right;
}


/*　商品画面：商品詳細：画像ホスティングオプション：商品詳細左カラム　*/
.FS2_additional_image_itemdetail_container_left{}

/*　商品画面：商品詳細：画像ホスティングオプション：バリエーションテーブル　*/
.FS2_additional_image_tableVariation{
    margin:10px 0;    
}

.FS2_additional_image_tableVariation_table {}

.FS2_additional_image_tableVariation_table th{
    text-align:left;
    font-weight:normal;
    padding:2px 2px 2px 2px;    
}

.FS2_additional_image_tableVariation_table td{
    padding:2px;    
}

.FS2_additional_image_tableVariation_table td span{
    display:block;
    text-align:center;
    color:#777;
}

.FS2_additional_image_tableVariation_table td img{}

.FS2_additional_image_tableVariation_border th{
    border-top:1px solid #888;
    padding-top:4px;
    vertical-align:top;
}

.FS2_additional_image_tableVariation_border td{
    border-top:1px solid #888;
    padding-top:4px;
}

.FS2_additional_image_tableVariation_bg{
    background:#f6f6f6;    
}


/*　商品画面：商品詳細：画像ホスティングオプション：拡大（popup window）：
ページ余白　*/
body#FS2_additional_image_popup{
    margin:0px;
    padding:0px;
}

/*　商品画面：商品詳細：画像ホスティングオプション：拡大（popup window）：
画像コンテナ　*/
#FS2_additional_image_popup .FS2_thumbnail_container{
    /*width:500px;:
    margin-top:10px;
    margin-left:10px;
*/
}


#FS2_additional_image_popup .FS2_thumbnail_container img{
border:none;
}


/*　商品画面：商品詳細：画像ホスティングオプション：拡大（popup window）：
ページ全体の横幅　*/
.FS2_additional_image_popup_container{
    width:900px;
    padding-bottom:50px;
}


/*　商品画面：商品詳細：画像ホスティングオプション：拡大（popup window）：
メイン・サブ画像群サムネイルコンテナ　*/
.FS2_additional_image_popup_container .FS2_additional_image_container{
    float:right;
    width:350px;
    margin-top:10px;
}


/*　商品画面：商品詳細：画像ホスティングオプション：拡大（popup window）：
フッタ　*/


/*すでに用意されたｃｓｓがあるので不要

.FS2_additional_image_popup_footer{
    text-align:center;
    margin:2em auto 0 auto;
    background:#f0f0f0;
    padding:1em 0;
    position:absolute;
    bottom:0px;
    width:100%;
}

.FS2_additional_image_popup_footer a:link{
    color:#fff;
    text-decoration:none;
    background:#000;
    display:inline-block;
    padding:5px 10px;
}


.FS2_additional_image_popup_footer a:active{
    color:#fff;
    text-decoration:none;
    background:#000;
    display:inline-block;
    padding:5px 10px;
}


.FS2_additional_image_popup_footer a:visited{
    color:#fff;
    text-decoration:none;
    background:#000;
    display:inline-block;
    padding:5px 10px;
}


.FS2_additional_image_popup_footer a:hover{
    color:#fff;
    background:#666;
}
*/

/*　商品画面：商品一覧：画像ホスティングオプション：バルーンチップ　*/
/*　商品画面：商品一覧：画像ホスティングオプション：バルーンチップ：コンテナ　*/
.FS2_AdditionalImage_Balloon_Tip {
    width: 300px;
    height: 100px;
    display: none;
    position: absolute;
    color: gray;
    background-color: white;
    border: 1px solid silver;
    overflow: hidden;
    padding:10px;
}

#FS2_AdditionalImage_Balloon_Tip_container {
    width: 300px;
    left: 10px;
    top: 10px;
    display: block;
    position: fixed;
    color: gray;
    background-color: white;
    border: 1px solid silver;
}

#FS2_AdditionalImage_Balloon_Tip_container {
    display: none;
}

/*　商品画面：商品一覧：画像ホスティングオプション：バルーンチップ：
左側に表示時　*/
.FS2_AdditionalImage_Balloon_Tip_left {
    border-right: 5px solid silver;
    border-bottom: 5px solid silver;
}

/*　商品画面：商品一覧：画像ホスティングオプション：バルーンチップ：
右側に表示時　*/
.FS2_AdditionalImage_Balloon_Tip_right {
    border-left: 5px solid silver;
    border-bottom: 5px solid silver;
}

/*　商品画面：商品一覧：画像ホスティングオプション：バルーンチップ：
画像共通設定　*/
.FS2_AdditionalImage_Balloon_Tip img {
    border: 0;
}


/*　商品画面：商品一覧：画像ホスティングオプション：バルーンチップ：
ロールオーバー時背景色　*/
.FS2_AdditionalImage_Balloon_Tip_RollOver {
    background-color: #f6f6f6;
}


/*　商品画面：商品詳細：画像ホスティングオプション：画像切り替え　*/
/*　商品画面：商品詳細：画像ホスティングオプション：画像切り替え：
メイン画像群サムネイル　*/
.FS2_AdditionalImage_switcher_thumbs_color img { 
    border: 1px solid white;
}

/*　商品画面：商品詳細：画像ホスティングオプション：画像切り替え：
サブ画像群サムネイル　*/
.FS2_AdditionalImage_switcher_thumbs_item img { 
    border: 1px solid white;
}

/*　商品画面：商品詳細：画像ホスティングオプション：画像切り替え：
サブ画像群サムネイル　*/
.FS2_AdditionalImage_switcher_cursor_pointer { 
    cursor: pointer;
}


/*　商品画面：商品詳細：画像ホスティングオプション：画像切り替え：
サブ画像群サムネイル　*/
.FS2_AdditionalImage_switcher_cursor_cross { 
    cursor: crosshair;
 }


/*　商品画面：商品詳細：画像ホスティングオプション：画像切り替え：
サブ画像群サムネイル　*/
.FS2_AdditionalImage_switcher_thumbnail_selected {
    border-color: silver !important;
}

/*　商品画面：商品詳細：画像ホスティングオプション：画像切り替え：
サブ画像群サムネイル　*/
.FS2_AdditionalImage_switcher_btn_prev {
    cursor: pointer;
}

/*　商品画面：商品詳細：画像ホスティングオプション：画像切り替え：
サブ画像群サムネイル　*/
.FS2_AdditionalImage_switcher_btn_next {
    cursor: pointer;
}


/*　入荷お知らせメールお申し込み：画像ホスティングオプション用：マトリクス　*/
.FS2_AdditionalImage_ArrivalInformation_Entry_Container_Matorix{
    margin:1em 0 2em 0;
}

/*　入荷お知らせメールお申し込み：画像ホスティングオプション用：コンボボックス　*/
.FS2_AdditionalImage_ArrivalInformation_Entry_Container {
    display:table;
    margin:0 0 15px 0;
    width:100%;
    background-color:#EEEEEE;
}

.FS2_ArrivalInformation_Entry_ListR {
    direction:rtl;
}

.FS2_ArrivalInformation_Entry_ListR * {
    direction:ltr; 
}

.FS2_AdditionalImage_ArrivalInformation_Entry_Container .FS2_ArrivalInformation_Entry_List,
.FS2_AdditionalImage_ArrivalInformation_Entry_Container .FS2_ArrivalInformation_Entry_Comment {
    display:table-cell;
    padding:10px;
    vertical-align:top;
    line-height:1.2em;

}

.FS2_AdditionalImage_ArrivalInformation_Entry_Container .FS2_ArrivalInformation_Entry_Comment {}
.FS2_AdditionalImage_ArrivalInformation_Entry_Container .FS2_ArrivalInformation_Entry_List {
    padding-left:10px;
    padding-right:10px;
}
.FS2_ArrivalInformation_Entry_ListR .FS2_ArrivalInformation_Entry_Comment {
    padding-left:10px;
}
.FS2_ArrivalInformation_Entry_ListL .FS2_ArrivalInformation_Entry_Comment {
    padding-right:10px;
}

/* for IE */
.FS2_forIE8 FS2_AdditionalImage_ArrivalInformation_Entry_Container .FS2_ArrivalInformation_Entry_List {
    width:expression(this.getElementsByTagName("img")[0].clientWidth);
}
.FS2_forIE8 .FS2_ArrivalInformation_Entry_ListL .FS2_ArrivalInformation_Entry_List {
    float:left;
}
.FS2_forIE8 .FS2_ArrivalInformation_Entry_ListR .FS2_ArrivalInformation_Entry_List {
    float:right;
}
.FS2_forIE8 FS2_AdditionalImage_ArrivalInformation_Entry_Container .FS2_ArrivalInformation_Entry_Comment {
    width:auto;
}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝


	フューチャーショップ２独自タグ　コンテンツ　contents
	

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

/*

FS2body直下テキスト

*/

.FS2_body_text {
	margin-left: 15px;
	
	font-size: 10px;
	background-color: #fdfdfd;
text-align: left;
}


/*

ページ全体の横幅を100%に変更

*/

.layout_body {
	width: 100%;
}


/*

お試し店舗のヘッダを非表示

*/

.FS2_trial {
	display: none;
}

td.layout_content {
	margin: 0 0 60px 0;
	padding: 0px;
	vertical-align: top;
}

/*

左右メニューとコンテンツエリアの横幅を1100pxに設定
*/


.layout_table {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
}


/*

プレビューモードのヘッダを非表示

*/

.FS2_preview {
	display: none;
}





/*

メルマガ会員登録ページ

*/

#FS2_body_Member .FS_mailFilter_container.FS2_MailMagazineCancelMailFilter_container {
	margin-bottom: 20px;
}

#FS2_body_Member .FS_mailFilter_container.FS2_MailMagazineEntryMailFilter_container {
	margin-bottom: 20px;
}

#FS2_body_Member .userTable_01 {
border-top: 1px solid #ccc;
}

#FS2_body_Member .userTable_01 th {
background:#fff2f2 !important;
}


/* エラーコメント */

.error_content {
	border: 1px solid #d4523d;
	text-align: left;
	padding: 10px;
	margin-bottom: 10px;
	background: #FFE3DB none repeat scroll 0% 0%;
	color: #d4523d;
	
line-height: 1.4;
	
}

.cautionLogin01 { 
margin-bottom:20px;
}


/*

並び替え機能 sort

*/


#FS2_sort_menu li a {
	color: #286ec8;
}

#FS2_sort_menu a:hover {
	opacity: 0.6;
	text-decoration: none
}
.FS2_sort_menu_bg { clear:both;}
.FS2_sort_menu_bg ul {
	margin: 0px;
       
	padding: 3px;
	text-align: center;
}
.FS2_sort_menu_bg li {
	margin: 0px;
	
	display: inline;
	border-right: 1px solid #999;
	font-size: 12px;
padding: 0 20px;
}


/*

ページャー　pager全体

*/

.pager {
	font-size: 12px;
	text-align: center;
	padding: 0px 0px;
	margin: 3px 0px 30px;
background: #f0ecec;
}


/*

00 件中 0-0 件表示

*/

.FS2_pager_text {
	display: inline-block;
	margin: 7px 5px 3px 15px;/*　float:right;　表示方法：右寄せを使用する場合、コメントアウトを外してください　*/
}


/*

緑色の矢印の画像を表示しない

*/

.FS2_pager_link_first img {
	display: none;
}
.FS2_pager_link_prev img {
	display: none;
}
.FS2_pager_link_next img {
	display: none;
}
.FS2_pager_link_last img {
	display: none;
}
.FS2_pager_link {
	background: #FFF none repeat scroll 0% 0%;
	border: 1px solid #DDD;
	padding: 1px 0.5em;
	margin: 0px 2px;
	color: #333;
	position: relative;
vertical-align: -2px;
	
}


/*

最初に戻る

*/

.FS2_pager_link_first {
	display: inline-block;
	width: 35px;
	height: 13px;
	background: url(/shop/item/panacea/design/img01/bg_first.gif) no-repeat;
	position: relative;
	top: 2px;
	margin: 0 5px;
}
a:hover.FS2_pager_link_first {
	background: url(/shop/item/panacea/design/img01/bg_first_on.gif) no-repeat;
}


/*

前へ

*/

.FS2_pager_link_prev {
	display: inline-block;
	width: 35px;
	height: 13px;
	background: url(/shop/item/panacea/design/img01/bg_prev.gif) no-repeat 0 0;
	position: relative;
	top: 2px;
	margin: 0 5px;
}
a:hover.FS2_pager_link_prev {
	background: url(/shop/item/panacea/design/img01/bg_prev_on.gif) no-repeat 0 0;
}


/*

次へ

*/

.FS2_pager_link_next {
	display: inline-block;
	width: 35px;
	height: 13px;
	background: url(/shop/item/panacea/design/img01/bg_next.gif) no-repeat 0 0;
	position: relative;
	top: 2px;
	margin: 0 5px;
}

a:hover.FS2_pager_link_next {
	background: url(/shop/item/panacea/design/img01/bg_next_on.gif) no-repeat 0 0;
}


/*

最後へ

*/

.FS2_pager_link_last {
	display: inline-block;
	width: 35px;
	height: 13px;
	background: url(/shop/item/panacea/design/img01/bg_last.gif) no-repeat 0 0;
	position: relative;
	top: 2px;
	margin: 0 5px;
}

a:hover.FS2_pager_link_last {
	background: url(/shop/item/panacea/design/img01/bg_last_on.gif) no-repeat 0 0;
}


/*

ページャー別リンク

*/

.FS2_pager_link {
	text-decoration: none;
	display: inline-block;
}

.FS2_pager_link {
	background: #fff;
	border: 1px solid #ddd;
	padding: 1px 0.5em;
	margin: 0 2px;
	color: #333;
	position: relative;
	top: -2px;
}

a:hover.FS2_pager_link {
	background: #333;
	color: #fff;
	border-color: #333;
}


/*

現在表示中のページ

*/

.FS2_pager_stay {
	display: inline-block;
	font-weight: bold;
	margin: 7px 5px 3px 5px;
}



/*

商品一覧画面　検索結果

*/





#FS2_itemlayout_list_A .FS2_itemlayout_td_Left { float:none;
width:100%;
display:block;
}

.groupLayout #FS2_itemlayout_list_A.gl_Item {
border-bottom:none;
}

#FS2_itemlayout_list_A .FS2_itemlayout_td_Right  {
float:none;
width:100%;
display:block;}
.FS2_itemlayout_td_Right .property {
  width: 100% !important;
}
/*************************************/




/*

商品グループ一覧の画像の左横に余白

*/

.groupLayout .FS2_thumbnail_container {
	margin-left: 10px
}


/*

グループ表示一覧での商品情報

*/


.gl_productInfo h6 {
	margin-bottom: 5px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-left: 3px;
	margin-top: 5px;
	border-left: 10px solid #666;
font-size:12px;
color:#555;
}

.gl_gokan {
	/*border-bottom: dotted 1px #999;
	padding-bottom: 10px;*/
}

.gl_taioukisyu {
	/*border-bottom: dotted 1px #999;*/
	padding: 10px 0;
}

.gl_productList {
	line-height: 1.3;
background: #fafafa;
padding: 5px 5px;
border-radius: 5px;
font-size:12px;
color:#555;

}


/*

在庫切れ 売切れ表示


.FS2_ReturnedSpecialContract_text, .FS2_ReturnedSpecialContract {
	display: none;
}


/*

消費税について

*/

.about_tax {
	color: #333;
	font-size: 14px;
	font-weight: normal;
}


/*

カートボタン　ご購入画面へ

*/




/*　項目選択肢型カートに入れるのデザイン　*/

.GoodsSelectionTable {
width: 100%;
margin-bottom: 32px;
margin-top: 24px;
border-top: solid 1px #ddd;
border-left: solid 1px #ddd;
}

.GoodsSelectionTable th {
padding: 10px 1.5em;
font-size: 12px;
width: 40%;
z-index: -1;
position: relative;

border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
background: #fafafa;

}

.GoodsSelectionTable th.thStrong {
color:#888;
font-weight:bold;
}

/*　ここまで　*/

body.FS2_body_Cart_OrderConfirm .inputTableArea th { width:20%; }

.FS2_body_Goods_GoodsDetail #toCart {
	margin-left: 15px;
	font-weight: normal;
}
/*
.FS2_body_Goods_GoodsDetail .FS2_figure {
	padding: 20px 0px 20px 80px;
	margin: 20px 0 30px 0;
	background:#fafafa;
	overflow: hidden;
}*/
.FS2_body_Goods_GoodsDetail .FS2_figure_table {
}
.FS2_body_Goods_GoodsDetail .FS2_itemPrice_text .itemPrice {
	font-size: 30px;
	margin: 0px;
}

.FS2_body_Goods_GoodsDetail .FS2_itemPrice_addition {
	font-size: 14px;
	   
	display: inline;
	color: #333;
vertical-align: 5px;
}
.FS2_body_Goods_GoodsDetail .FS2_special_price {
	vertical-align: 6px;
}

/*　商品ページ内　商品名　*/
.FS2_body_Goods_GoodsDetail .itemTitle {
	font-size: 21px;
	margin-bottom: 5px;
	line-height: 1.4;
	color: #000;
font-weight:normal;

}
/* キャッチコピーサイズ */
.gl_Item .itemCatchCopy {
  color: #777 !important;
  font-size:12px;
}
.FS2_ItemComment {
	margin-bottom: 15px;
/*margin-top: 100px;*/
}
.FS2_body_Goods_GoodsDetail .FS2_itemPrice_area {
	padding: 0px;
	margin: 0;
}


/*

進呈ポイントの表示

*/

.FS2_body_Goods_GoodsDetail .FS2_point {
	margin-bottom: 1.0em;
	color: #333;
}
.FS2_point {
border-bottom:none;
}


/*

商品番号

*/

.FS2_body_Goods_GoodsDetail .itemNumber {
	padding: 10px 0px;
	margin: 0px 0px 20px;
	color: #555;
	border-bottom: dotted 1px #333;
font-size: 14px;
}


/*

当店の価格はすべて税抜表示です

*/

.FS2_body_Goods_GoodsDetail .FS2_TaxCautionComment {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: bold;
}


/*

商品詳細ページ内　商品画像1

*/

#FS2_itemlayout_E .thumbnail {
	width: 285px;
	margin: 0px 20px 0px 0px;
}


/*

スマートフォンの商品画像をタップした際に表示される拡大画像のサイズを画面いっぱいにしたい場合商品拡大画像のサイズ調整

*/

#FS2_ItemImagePopup .FS2_thumbnail_container img {
	width: 100%;
}

/*　カートボタン下部　ツイートボタンエリア　代引き不可・後払い不可バナー等の上余白　*/
.FS2_TweetButton_area {
  margin-top: 24px;
}

.FS2_TweetButton_area img {
  width: 100%;
}

/*

返品について

*/

.FS2_ReturnedSpecialContract_text {
	border: 5px solid #F3C2C2;
	margin: 5px 0px 30px;
	line-height: 1.4;
display:none;
}
.FS2_ReturnedSpecialContract_link {
	margin: 0;
}
.FS2_ReturnedSpecialContract_link a {
	color: #F00;
	font-weight: bold;
	text-decoration: underline;
}


/* いいねボタンの下に余白 */

.FS2_ArrivalInformationButton_area {
	margin-top: 10px;
}


/*

必須入力項目のデザイン
暗いボーダーを一旦消して、枠線を目立たせる

*/

.FS2_assist_required {
	background: #fff6ee;
	border: none;
	border: solid 2px #f8b0b0;
}
input#fs2_password, input#fs2_passwordConfirmation {
	width: 60%
}
input#mail, input#phrase {
	width: 90%;
}


/*==============================================================================================


会員ログイン画面 GuestLogin.html


==============================================================================================*/

#login {
	margin: 10px 0;
}
#FS2_body_Login h2.pageTitle {
display:none;
}
.FS2_login_layout_table_td_left {
width:40%;
  padding: 0 1.0em;
}

.FS2_login_layout_table_td_left .inputTableArea  {
margin-right: 0px;
}

.FS2_login_layout_table_td_left h3 {
margin-bottom:18px;
border-bottom:none;
text-align:center;
}
.FS2_login_layout_table h3 {
font-size:1.2rem;
background: #334365;
text-align: center;
border-bottom: none;
color: #fff;
margin-bottom: 2.0em;
padding: 16px;
border-radius: 10px;
font-weight: bold;
margin-right: 0 !important;
}
.FS2_login_layout_table_td_left caption {
	background:#36a6e4 !important;
	}
.FS2_login_layout_table_td_left table th {
text-align:center;
padding:20px;
}
.FS2_login_layout_table_td_right {
width:60%;
padding: 0 1.5em;
}

/*　画像をふわっとさせて上に移動　*/
.FS2_login_layout_table_td_right  img {
animation-name: move-y;
animation-fill-mode:forwards;
animation-duration:0.5s;
animation-timing-function:ease-out;
animation-delay:0.5s;
animation-direction:normal;
opacity:0;
}
@keyframes move-y {
0% {
opacity:0;
transform:translateY(+50px);
}
100% {
opacity:1;
transfrom:translateY(-50px);
}
}
.itemCenter {
	text-align: center;
padding: 15px 5px 20px;
border-top: dotted 2px #666;
margin-top: 20px;
}

.FS2_login_layout_table_td_right .FS2_Login_btn_position {
margin-top:32px;
}

.FS2_login_layout_table_td_right .FS2_MemberRegistration_comment {
color: #ff3300;
}

.FS2_holdEmailAddress {
color:#666;
font-weight: bold;
}

.FS2_login_layout_table_td_left .userTable_01 th {
padding: 30px 10px;
font-size:12px;
background:#fafafa !important;
color:#555;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
width: 40%;
}

.FS2_login_layout_table_td_left .userTable_01 td {
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}

.userTable_01 {
	width: 100%;
	margin-bottom: 20px;
border-top: 1px solid #fff;
border-left: 1px solid #ccc;
}

.userTable_01 caption {
	background:#ccc;
	color: #FFF;
	line-height: 20px;
	letter-spacing: 0.1em;
font-weight:bold;
}

.userTable_01 input[type="text"], .userTable_01 select,.userTable_01 input[type="password"] {
	height: 30px;
	margin-bottom: 5px;
border: solid 1px #666;
}

.userTable_01 input[type="text"] {
	font-size: 14px;
	
}

input#mail, input#phrase {
padding-left:5px
}

input#mail:focus,
 input#phrase:focus {
box-shadow:0px 0px 5px 2px #e5e5e5 inset;
-moz-box-shadow:0px 0px 5px 2px #e5e5e5 inset;
-webkit-box-shadow:0px 0px 5px 2px #e5e5e5 inset;
}

.userTable_01 th,
.userTable_01 td {
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
}


/*

メルマガ会員登録画面

*/

#nameFirst {
	width: 40%;
}
#nameLast {
	width: 40%;
}

/*

会員登録画面 + プライバシーポリシーリンク

*/

.FS2_privacyPageLink_container {
	text-align: center;
	margin: 30px 0px;
	border: 1px solid #d4523d;
	padding: 50px;

}
.FS2_privacyPageLink_container a {
	color: #F00;
	text-decoration: underline;
}


/*

不明

*/

#FS2_body_Inquiry .layout_menu {
	display: none;
}


/*

表

*/

.userTable_02 {
	/*border-top: 1px solid #333;
	border-left: 1px solid #333;*/
	margin-bottom: 10px;
	margin: 10px auto 0;
}


.userTable_02 caption {

	background: #4E4642;
	color: #fff;
	
	font-size: 16px;
	
}
.userTable_02 th {
	padding: 15px 10px;
	color: #333
}

.userTable_02 th {
/*
border-right:solid 1px #666;
border-bottom:solid 1px #666;
*/
}
.userTable_02 td {
	border-color: #ccc;
	padding: 15px;
	line-height: 1.4;
}


.userTable_01 th {
	padding: 15px 30px 10px 20px;
}
.userTable_01 td {
	padding: 10px;
}


/*

ご購入画面の次の会員登録画面

*/
.inputTableArea {
    margin-top: 8px;
}

#FS2_body_MailMagazine .inputTableArea .userTable_01 th {
background: #fffbf6;
}
#FS2_body_MailMagazine .inputTableArea .userTable_01 {
border-top: 1px solid #ccc;
}
.inputTableArea .userTable_02 td .userTable_02 th {
padding: 5px;
}
.inputTableArea .userTable_02 td .userTable_02 td { vertical-align:middle;}
.inputTableArea .userTable_01 td {

line-height: 1.6;
color: #555;
}
.inputTableArea .userTable_01 th:first-child {
width:20%}

.inputTableArea .userTable_01 th:nth-child(2) img {
width:24px;
height:11px;
}

.inputTableArea input { margin-bottom:5px;}

.inputTableArea .userTable_01 input[type="text"] {
padding-left:5px;
border-radius: 3px
}

.inputTableArea .userTable_01 input.fs2_required,
.inputTableArea .userTable_01 input.FS2_assist_required,
.inputTableArea .userTable_01 input.FS2_assist_error {
border: solid 1px #f8b0b0;
}

/*

会員登録画面内個人情報に保護方針に同意するチェックボックス

*/

.FS2_privacyPageLink_container {
	text-align: center;
	margin: 30px 0px;
	
	padding: 20px 5px;
background: #fff5f2;
}

.FS2_privacyPageLink_container input {
	vertical-align: 2px;
}

.FS2_bottom_btn_right_and_left_2.FS2_ContinueButton_container {
	margin-top: 40px;
}


/*

お届先ページ

*/

#fs2_prefecture,
#fs2_zipCodeFront,
#fs2_zipCodeBack
 {
border:solid 1px #f8b0b0;
padding-left:3px;
}


/*==============================================================================================


郵便番号入力欄input


==============================================================================================*/

#fs2_zipCodeFront,
#fs2_zipCodeBack,
.fs2_required {
height:25px;
padding-left:3px;
}

body.FS2_body_Cart_DeliveryEdit .inputTableArea label {
display: block;
margin-bottom: 10px;
}

body.FS2_body_Cart_DeliveryEdit .inputTableArea #fs2_deliveryList {
border:solid 1px #666}


/*==============================================================================================


お支払い方法選択画面


==============================================================================================*/

body.FS2_body_Cart_SettleEdit .inputTableArea .userTable_01 caption {
background: #596166;
}

body.FS2_body_Cart_SettleEdit .inputTableArea .FS2_Delivery_table02 th { width:20% }


/*==============================================================================================


お届先に関するご希望　詳細指定事項欄


==============================================================================================*/

body.FS2_body_Cart_SettleEdit #fs2_deliveryNote[name="deliveryNote"] {
    width: 95%;
    height: 200px;
}

body.FS2_body_Cart_SettleEdit #fs2_deliveryHopeDate,
body.FS2_body_Cart_SettleEdit #fs2_deliveryHopeTime,
body.FS2_body_Cart_SettleEdit #fs2_deliveryNote {
border:solid 1px #ccc;
}


/*==============================================================================================


クーポン利用欄


==============================================================================================*/

/* クーポン項目　利用ボタンの大きさ*/
body.FS2_body_Cart_SettleEdit .FS2_CouponTable.userTable_01 #fs2_couponCode {
width:50%

}
body.FS2_body_Cart_SettleEdit .FS2_CouponTable.userTable_01 span.FS2_CouponCodeComment {
font-size:12px;
margin-right: 15px;
}
body.FS2_body_Cart_SettleEdit .FS2_CouponTable .FS2_ApplyCouponButton input {
vertical-align:middle;
height:30px}
  

/*==============================================================================================


ポイント利用欄


==============================================================================================*/

body.FS2_body_Cart_SettleEdit .FS2_PointTable #fs2_usePoint {
border:solid 1px #666;
height:25px

}

/*クレジットカード欄　カード番号*/
body.FS2_body_Cart_SettleEdit #fs2_cardNo,
body.FS2_body_Cart_SettleEdit #fs2_securityCode {
border:solid 1px #ccc;
height:30px
}
body.FS2_body_Cart_SettleEdit #fs2_securityCode { width:100px;}


.cartTable {
border-color: #333;
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
}
.cartTable td, .cartTable th {
	
	vertical-align: middle;
padding: 10px;
}
.FS2_Cart_Detail_Postage, .FS2_Cart_Detail_Postage,
.FS2_Cart_Detail_InclusiveSum,
.FS2_Cart_Detail_Point FS2_Cart_Detail_GetPoint {
	line-height: 30px;
}
.cartTable tr .FS2_cartTableHeader_goodsName,
.cartTable tr .FS2_cartTableHeader_unitPrice,
.cartTable tr .FS2_cartTableHeader_point,
.cartTable tr .FS2_cartTableHeader_amount,
.cartTable tr .FS2_cartTableHeader_subtotal,
.cartTable tr .FS2_cartTableHeader_delete,
.cartTable .FS2_Cart_Detail_Count,
.cartTable .FS2_Cart_Detail_ItemPriceSummary,
.cartTable .FS2_Cart_Detail_Point {
	line-height: 30px
}
.FS2_GoodsName_td {
	text-align: left
}

.FS2_body_Cart_ShoppingCart .cartTable .FS2_Cart_Detail_Count th,
.FS2_body_Cart_ShoppingCart .cartTable .FS2_Cart_Detail_ItemPriceSummary th,
.FS2_body_Cart_ShoppingCart .cartTable .FS2_Cart_Detail_Point th {
	padding-right: 10px;
}
.FS2_body_Cart_ShoppingCart .cartTable .FS2_Cart_Detail_Count td,
.FS2_body_Cart_ShoppingCart .cartTable .FS2_Cart_Detail_ItemPriceSummary td,
.FS2_body_Cart_ShoppingCart .cartTable .FS2_Cart_Detail_Point td {
	padding-right: 10px;
}
.FS2_MemberRegistration_comment {

	margin-bottom: 20px;
	line-height: 1.2;
color: #ff3300;
}
.FS2_Login_btn_position input {
	margin-bottom: 10px;
}
.FS2_body_Cart_ShoppingCart {
}

.FS2_body_Cart_ShoppingCart .cartTable th {
	vertical-align: middle;
background: #F2EDEB;
text-indent: 0.5em;
}

.FS2_body_Cart_ShoppingCart .cartTable td {
	padding: 15px;
	vertical-align: middle;
line-height: 1.6;
}

.FS2_GoodsName_td a {
	line-height: 1.4;
color:#000;
}


.cartTable tr.summary th, .cartTable tr.summary td {
border-top-width: 3px;
border-top-style: solid;
border-color: #ccc;

}


.FS2_aR {
	text-align: right
}
.cartTable th {
	background: #F2EDEB;
}



/*===============================================================================


   商品グループ一覧画面　グループ一覧


==================================================================================*/

/*　自動表示のカテゴリー名のフォントサイズを大きくする　*/
#FS2_itemlayout_list_D .itemGroup {
  
  font-size: 100%;
line-height:1.4;
}


/*　グループ一覧画面での　スペック表パターン02表示時　の余白や文字サイズを変更　*/
.groupLayout .itemExp02 .itemSpec th {
font-size:12px}

.groupLayout .itemExp02 .itemSpec td {
    line-height: 1.2;

}

.itemExp02 .itemSpec01 {
	width: 62%;
	margin-bottom: 28px;
	float: left;
}

/*グループ一覧表示の詳細の表組のサイズを小さくする*/

.groupLayout .itemExp02 .itemSpec td,
.groupLayout .itemExp02 .itemSpec th {
padding:0;
padding: 5px
}
.groupLayout .tyohyho_spec {
border-collapse: collapse;
background: #fdfdfd;
}
.groupLayout .tyohyho_spec th {
padding: 5px;
font-size:12px;


font-weight: normal;
width:20%;
}
.groupLayout .tyohyho_spec td {
padding:5px;
font-size:12px;
}
/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

category カテゴリー　コンテンツ
	
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
/***
====================================================================================================================================================================================================================================================================================


各商品カテゴリー　コンテンツ共通ページ  common　contents


====================================================================================================================================================================================================================================================================================
***/
.contents {
  width: 820px;
  /*margin: 0 auto 20px;*/
}
.seriesList {
  /*  margin-bottom: 16px;*/
}
/*.category-contents h3 {
  text-align: center;
  font-size: 16px;
  background: #666;
  color: #fff;
  padding: 5px 0;
  margin-bottom: 24px;
  font-weight: bold;
}
*/
/*　各最上位カテゴリーのカテゴリー名　*/
.category_bigtitle {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  margin: 24px 0 4px;
  color: #16254a;
}
.cateCo_header {
  margin-bottom: 48px;
}
.cateCo_header img {
  margin-bottom: 16px;
}
.category_title {
  padding: 10px 0 5px;
  margin-bottom: 24px;
  font-size: 22px;
  line-height: 1.3;
  color: #333;
  text-align: left;
  font-weight: bold;
  border-bottom: solid 3px #333;
}
.category_uppertext img {
  margin-bottom: 16px; /* 楽天 */
}
/*.category_title.fl {
  background: #E6B514;
  font-weight: bold;
}
*/
.category_title img {
  box-shadow: 0 3px 6px #ccc;
}
/*　カテゴリーリスト　*/
.categoryList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 48px
}
.categoryList ul li {
  width: 30%;
  box-sizing: border-box;
  margin-bottom: 32px;
  background: #f9f6f5;
}
.categoryList ul li a {
  color: #333;
}
.categoryList ul li a dt img {
  width: 100%;
}
.categoryList ul li a dd {
  padding: 16px 16px 24px 16px
}
.categoryList ul li a:hover {
  opacity: 0.6
}
.categoryList ul li h2 {
  font-size: 16px;
  margin-bottom: 8px;
  font-weight: normal;
  line-height: 1.3
}
.categoryList ul li a dd p {
  color: #666;
  font-size: 12px;
  line-height: 1.2
}

/***
====================================================================================================================================================================================================================================================================================

01-dp
デジタル印刷機消耗品


====================================================================================================================================================================================================================================================================================
***/
/*******************************************************************************　

デジタル印刷機消耗品カテゴリートップ
.contents_dp01 各メーカー第2階層
表組

*******************************************************************************/
.contents_dp h3 {
  margin-bottom: 16px;
  margin-top: 32px;
}
.contents_dp table {
  border-collapse: collapse;
  width: 100%;
  border-left: solid 1px #ccc;
}
.contents_dp table td {
  width: calc(100%/7);
  padding: 16px 8px;
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
.contents_dp table:nth-of-type(2) td:nth-of-type(n+3) {
  border: none;
}
.contents_dp table td dl dt {
  font-weight: bold;
  margin-bottom: 8px;
  line-height: 1.2;
  text-align: center;
}
.contents_dp table td dl dd {
  display: flex;
  justify-content: space-between;
}
.contents_dp table td dl dd a {
  font-size: 13px;
  width: 50%;
  text-align: center;
  box-sizing: border-box;
}
.contents_dp table td dl dd a:hover {
  text-decoration: underline;
}
.contents_dp table a:hover {
  opacity: 0.6;
}
/*********************

リコー純正　タブ切替
リコーカテゴリーtop

********************/
.dpTabArea .tab {
  justify-content: center;
}
.dpTabArea {
  margin-bottom: 8.0em;
}
.dpTabArea a:hover {
  opacity: 0.6;
}
.dpTabArea h2 {
  font-size: 1.4rem;
  margin-bottom: 16px;
}
.dpTabArea h2 + p {
  font-size: 1.2rem;
  margin-bottom: 24px;
}
.dpTabArea .flexArea {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 24px;
}
.dpTabArea .flexArea div {
  flex-basis: 12.85%;
  background: #fff;
  padding: 16px;
  text-align: center
}
.dpTabArea .flexArea div dl dt {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 16px;
}
.dpTabArea .flexArea div dl dd {
  border: solid 2px #999;
  margin-bottom: 8px;
  border-radius: 10px;
}
.dpTabArea .flexArea div dl dd a {
  padding: 10px;
  display: block;
}
.dpTabArea .tab li {
  width: calc(100%/5);
}
.dpTabArea .tab li a {
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: center;
}
/*******************************************************************************　

リコー純正品のシリーズごとのタブデザイン

*******************************************************************************/
.rc-gi-TabArea .area.is-active {
  background: #f4e4e4 !important;
}
.rc-gi-TabArea .tab {
  justify-content: center;
}
.rc-gi-TabArea .tab li {
  width: calc(100%/5);
}
.rc-gi-TabArea .tab li a {
  background: #f2f2f2;
  border-top: solid 1px #999;
  border-radius: none;
  line-height: 1.4;
  color: #999;
  font-size: 16px !important;
  text-align: center;
}
.rc-gi-TabArea .tab li a span {
  font-size: 14px;
  width: 100%;
  display: block;
  text-align: center;
}
.rc-gi-TabArea .tab li.active a {
  background: #f4e4e4;
  border-top: solid #f4e4e4;
  border-radius: none;
  border-radius: 0 !important;
  color: #333;
  }
.area h2 {
  text-align: center;
}
.area h2:nth-child(2) {
  margin-top: 24px;
}
.area.rc-gi-area table {
  border-collapse: collapse;
  border-spacing: 5px;
  background: #FFF;
  width: 100%;
}
.area.rc-gi-area table th {
  font-size: 13px;
  border-bottom: solid 1px #333;
  white-space: nowrap;
  line-height: 1.4;
  font-weight: bold;
  padding: 0 10px;
}
.area.rc-gi-area table tr {
  border-bottom: solid 1px #999;
}
.area.rc-gi-area table td {
  padding: 10px;
  text-align: center;
  font-size: 14px;
}
.area.rc-gi-area table td:first-child {
  width: 60%;
  font-size: 16px;
  line-height: 1.4;
}
.area.rc-gi-area table.rc-gi-table-i td:nth-child(3) {
  font-size: 13px;
}
.area table.rc-gi-table-i th:first-child {
  width: 7%;
  text-align: center;
}
.area table.rc-gi-table-m td:nth-child(3) {
  text-align: center;
}
.area table.rc-gi-table-m td:nth-child(2) span {
  background: #666;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
}
.area table.rc-gi-table-m th:first-child {
  width: 10%;
  text-align: center;
}
.area.rc-gi-area table th:last-child {
  padding: 5px 30px;
  width: 30%;
}
.area.rc-gi-area table td:last-child a {
  border: solid 2px #999;
  padding: 5px 10px 5px 15px;
  box-sizing: border-box;
  border-radius: 5px;
  /*    font-weight: bold;*/
  position: relative;
  background: #fff;
  width: 100%;
  display: block;
  color: #333;
  font-size: 16px;
}
.area.rc-gi-area table td:last-child a::before {
  content: "\0bb";
  position: absolute;
  top: 0;
  left: 2px;
  width: 21px;
  height: 21px;
  font-size: 21px;
}
.area.rc-gi-area table td:last-child a:hover {
  opacity: 0.6;
}
.area.rc-gi-area table .color div {
  font-size: 11px;
  color: #fff;
  padding: 5px 1px;
  border-radius: 3px;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap
}
/***
====================================================================================================================================================================================================================================================================================


02-ic
コンテンツ　インクカートリッジ　ic


====================================================================================================================================================================================================================================================================================
***/
.contents_ic02.bg-ic {
  background: #f2f2f2;
  padding: 1.5em;
}
section h4 {
  font-size: 36px;
  font-weight: bold;
}

.contents_ic02 h4 {
border-bottom:solid 2px #333;
  padding: 8px 0;

   margin-bottom: 24px;
  font-size: 18px;
}
.bg-cs h4 {

  padding: 8px;

   margin-bottom: 16px;
  font-size: 18px;
}
.contents_ic02 .seriesList li {
  /*border: solid 1px #ccc;*/
  padding: 16px 8px 24px 8px;
  box-sizing: border-box;
  border-radius: 5px;
  box-shadow: #294c62 6px 6px 0px;
  background: #fff;
  height: 195px;
  margin-bottom: 16px;
}
.contents_ic02 .seriesList li a:hover {
  opacity: 0.6;
}
.contents_ic02 .seriesList li a dt {
  text-align: center;
  margin-bottom: 16px
}
.contents_ic02 .seriesList li a dt span {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 20px;
  color: #294C62;
}
.contents_ic02 dl dd {
  display: block;
}
/*　汎用・純正・リサイクル種別ボタン共通　*/
.contents_ic02 .icon {
  padding: 10px 0px;
  display: block;
  color: #fff;
  text-align: center;
  width: 98%;
  margin: 5px auto 0;
  font-weight: bold;
  border-radius: 5px;
  background: #698cb9;
}
/*汎用品*/
.contents_ic02 .iconRe {
  background: #59BF9D;
}
/*純正品*/
.contents_ic02 .iconJu {
  background: #999;
}
/*リサイクル品*/
.contents_ic02 .iconHan {
  background: #297EB4;
  margin-top: 10px
}
/*　コンテンツ　ローランド、ミマキページ　　*/
.cate02_rolamd_mimaki {
  border-bottom: solid 20px #ccc;
  width: 820px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 40px;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 1.6;
}
.rolamd_mimaki_exp_jp {
  margin-bottom: 20px
}
.cate02_rolamd_mimaki h3 {
  font-size: 32px;
  line-height: 1.2;
  height: 100px;
  padding-top: 20px;
  padding-left: 20px;
  margin-bottom: 20px;
  color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.thin_small {
  font-size: 18px;
  color: #fff;
  font-weight: normal;
}
.cate02_rolamd_mimaki_h4 {
  overflow: hidden;
  margin-bottom: 20px;
  line-height: 1.2
}
.cate02_rolamd_mimaki_h4 img {
  float: left;
}
.cate02_rolamd_mimaki_h4 h4, .cate02_rolamd_mimaki_h4 p {
  margin-left: 190px
}
.cate02_rolamd_mimaki h4 {
  font-size: 24px;
  margin-bottom: 10px;
  color: #F00;
}
.cate02_rolamd_mimaki_h4 p {
  margin-right: 100px
}
.cate02_rolamd_mimaki h5 {
  color: #4E4642;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  border: solid 1px #4E4642;
}
.cate02_rolamd_mimaki dt {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #4E4642;
}
.cate02_rolamd_mimaki dd {
  font-size: 16px;
  line-height: 1.6;
  color: #4E4642;
}
.cate02_rolamd_mimaki ul {
  margin-right: 50px;
  padding-left: 20px;
}
.cate02_rolamd_mimaki ul li {
  margin-bottom: 10px;
  line-height: 1.6;
}
/***
====================================================================================================================================================================================================================================================================================


04-ijm
カテゴリー
インクジェットメディア


====================================================================================================================================================================================================================================================================================
***/

#ijm-category span.nitie {
  display: inlie-block;
  font-size: 12px;
  margin-bottom: 5px
}

/*　送料に関する注意文言　*/
.caution-04ijm-Shippingfee {
  border: solid 1px #d4523d;
  padding: 24px 32px 24px;
  box-sizing: border-box;
  background: #fff9f9;
  margin-bottom:32px;
}
.caution-04ijm-Shippingfee h3 {
  margin-bottom: 16px;
  text-align: center
}
.caution-04ijm-Shippingfee p {
  color: #333
}
.caution-04ijm-Shippingfee p:last-child {
  margin-bottom: 0
}
.caution-04ijm-Shippingfee > p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 16px;
  text-align: justify;
}
.caution-04ijm-Shippingfee p.small {
  font-size: 13px;
}
.caution-04ijm-Shippingfee table {
  border-collapse: collapse;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  margin-bottom: 24px;
  background: #fdfdfd;
  font-size: 14px;
}
.caution-04ijm-Shippingfee table tr:first-child th {
  padding: 10px;
  font-size: 12px;
}
.caution-04ijm-Shippingfee table th {
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  white-space: nowrap;
  text-align: center;
  line-height: 1.8;
  padding: 16px;
  font-weight: normal;
  background: #fafafa;
}
.caution-04ijm-Shippingfee table td {
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  padding: 16px;
  line-height: 1.8;
}
.caution-04ijm-Shippingfee span.strong {
  color: #000;
  font-weight: bold;
}
.caution-04ijm-Shippingfee span.alert {
  font-weight: bold;
  color: #ff3300;
}




/*　item_variation　大判インクジェットメディア　タイプ表　色のパターン５色を使い分ける　*/
.mediaType .mediaType-name {
  padding: 10px;
  font-size: 18px;
  margin-bottom: 16px;
  font-weight: normal;
}
/*　mediaType01のカラー　水色　*/
.mediaType01 .mediaType-name {
  border-left: solid 15px #5fb8cc;
}
.mediaType01 .mediaType-name, .mediaType01 .item_variation th, .mediaType01 .item_variation .item-number {
  background: #D8ECF7;
}
/*　mediaType02のカラー　オレンジ　*/
.mediaType02 .mediaType-name {
  border-left: solid 15px #f49a7e;
}
.mediaType02 .mediaType-name, .mediaType02 .item_variation th, .mediaType02 .item_variation .item-number {
  background: rgb(247, 225, 216) none repeat scroll 0% 0%;
}
/*　mediaType03のカラー　グリーン　*/
.mediaType03 .mediaType-name {
  border-left: solid 15px #518e8e
}
.mediaType03 .mediaType-name, .mediaType03 .item_variation th, .mediaType03 .item_variation .item-number {
  background: rgb(219, 236, 233) none repeat scroll 0% 0%;
}
/*　mediaType04のカラー　青　*/
.mediaType04 .mediaType-name {
  border-left: solid 15px #1B3BA0;
}
.mediaType04 .mediaType-name, .mediaType04 .item_variation th, .mediaType04 .item_variation .item-number {
  background: rgb(185, 202, 234) none repeat scroll 0% 0%;
}
/*　mediaType05のカラー　ピンク　*/
.mediaType05 .mediaType-name {
  border-left: solid 15px #D47FC1;
}
.mediaType05 .mediaType-name, .mediaType05 .item_variation th, .mediaType05 .item_variation .item-number {
  background: rgb(247, 212, 238) none repeat scroll 0% 0%;
}
.mediaType01 .item_variation {
  background: rgba(245, 247, 251, 0.9) none repeat scroll 0% 0%;
}
.mediaType02 .item_variation {
  background: rgba(247, 241, 229, 0.5) none repeat scroll 0% 0%;
}
.mediaType03 .item_variation {
  background: #f2f9f7e6;
}
.mediaType04 .item_variation {
  background: rgba(241, 244, 251, 0.9) none repeat scroll 0% 0%;
}
.mediaType05 .item_variation {
  background: rgba(251, 245, 251, 0.9) none repeat scroll 0% 0%;
}
.mediaType {
  margin-bottom: 32px;
}
.item_variation {
  margin-bottom: 10px;
  padding: 1.0em;
  border-radius: 15px;
}
.item_variation table {
  width: 100%;
  table-layout: fixed
}
.item_variation > table {
  border-right: solid 1px #f1f1f1;
  border-top: solid 1px #f1f1f1;
  border-left: solid 1px #f1f1f1;
}
/*　商品名　*/
.item_variation .item-number {
  background: #D8ECF7;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  width: 130px;
  padding: 10px;
  line-height: 1.4;
  box-sizing: border-box;
  border-bottom: solid 1px #fff
}
/*　商品アイコン　*/
.item_variation .feat-icon3 {
  white-space: nowrap;
  width: 130px;
  /*padding: 0 6px;*/
  box-sizing: border-box;
  background: #fff;
  border-right: solid 1px #f0f0f0;
}
.item_variation .feat-icon4 {
  white-space: nowrap;
  width: 170px;
  padding: 0 0px;
  box-sizing: border-box;
  background: #fff;
  border-right: solid 1px #f0f0f0;
}
.item_variation .feat-icon table, .item_variation .feat-icon td, .item_variation .feat-icon tr {
  margin: 0;
  padding: 2px 0;
}
.item_variation .feat-icon table td {
  width: 37px;
}
.item_variation .feat-icon table td img {
  width: 37px;
}
/*　商品説明　*/
.item_variation .item-exp {
  background: #fff;
  padding: 10px;
  line-height: 1.6;
  font-size: 12px;
  color: #333;
  width: 440px;
}
/*　下段　*/
.item_variation th {
  padding: 5px;
  font-weight: normal;
  font-size: 12px;
  border-right: solid 1px #fff;
}
.item_variation th:last-of-type {
  border-right: none;
}
.item_variation .data {
  padding: 5px;
  font-size: 12px;
  text-align: center;
  background: #fff;
  border-right: solid 1px #f2f2f2;
  border-bottom: solid 1px #f2f2f2;
}
.item_variation .data:last-of-type {
  border-right: none;
}
/*　粘着剤　*/
.item_variation .type {}
/*　粘着剤　*/
.item_variation .adhesive {}
/*　厚み　*/
.item_variation .thickness {}
/*　規格　長さ　*/
.item_variation .size {}
/*　商品ページへのリンク　*/
.item_variation .page-link {
  font-weight: bold;
  width: 120px;
}
.item_variation .page-link a {
  background: linear-gradient(to bottom, #FFAD30, #D04818);
  border: solid #FFA11E 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 12px;
  padding: 5px 12px;
  -webkit-box-shadow: 1px 1px 5px 0 #ccc;
  -moz-box-shadow: 1px 1px 5px 0 #ccc;
  box-shadow: 1px 1px 5px 0 #ccc;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}

/*　商品ページのスペック表　*/
.property td.icon span {display:inline-block;}

.property td.icon img {
width:40px;}
/***
====================================================================================================================================================================================================================================================================================


05-cs カッティングシート


====================================================================================================================================================================================================================================================================================
***/
/*　カテゴリーヘッダー　*/
.contents_cut {
  padding-bottom: 20px;
}
.contentsHeader {
  height: 166px;
  width: 820px;
  background-size: contain;
  margin-bottom: 20px
}
.contentsHeader p.category-top {
  padding-top: 27px;
  padding-left: 30px;
  font-size: 24px;
}
.contentsHeader.contentsHeader_cut p.category-top {
  color: #fff;
}
.contentsHeader.contentsHeader_cut .category-top {
  padding-top: 27px;
  padding-left: 30px;
  font-size: 24px;
}
.contentsHeader h3 a {
  color: #ff3300;
}
.contentsHeader p:not(.category-top) {
  margin-top: 20px;
  margin-left: 30px;
  margin-right: 270px;
  color: #333;
  font-size: 15px;
  line-height: 1.6;
}
.contentsHeader ul {
  margin-top: 30px;
  margin-left: 25px;
  overflow: hidden;
  vertical-align: middle;
}
.contentsHeader ul li {
  float: left;
}
.contentsHeader ul li.category01 {
  vertical-align: middle
}
.contentsHeader ul li.category01 span {
  font-size: 28px;
  font-weight: bold;
  margin-left: 20px;
}
/*　旧商品から新商品への誘導リンク　*/
.link-newCuttingsheetpage a {
  background: #ff3300;
  color: #fff;
  padding: 1.0em 2.0em;
  border-radius: 10px;
  display: block;
  line-height: 1.6
}
.link-newCuttingsheetpage a:hover {
  opacity: 0.6;
}
.link-newCuttingsheetpage span {
  text-decoration: underline;
  font-weight: bold;
}
/*********************************section-search/
.btn-lg {
  line-height: 100px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  padding: 1% 5%;
  border-radius: 10px;
}
.bannarArea {
  padding: 3.0em;
}
.section-data h4 {
  font-size: 18px;
  font-weight: bold;
}
.section-data {
  padding: 20px;
}
.section-data table {
  width: 100%;
  border-top: solid 1px #666;
  border-left: solid 1px #666;
  border-bottom: solid 1px #666;
}
.section-data table tr th, .section-data table tr td {
  padding: 1.0em;
  border-right: solid 1px #666;
  border-bottom: solid 1px #666;
  font-weight: normal
}
.section-data table tr th {
  white-space: nowrap;
}
/*　#machineTypeSearch　*/
#machineTypeSearch .flexWrap .flex5col {
  background: #fff;
  padding: 16px 8px;
  box-sizing: border-box;
  
}
#machineTypeSearch .flexWrap .flex5col h4 {
  text-align: center
}
#machineTypeSearch .flexWrap .flex5col li {
  margin-bottom: 5px;
  line-height: 1.2;

  border-radius: 3px;
}
#machineTypeSearch .flexWrap .flex5col .rubi {
  font-size: 10px
}
.font-chuogata {
  font-size: 1.0rem !important;
}
#machineTypeSearch .flexWrap a {
  white-space: nowrap;
 
  

  color: #333;
  
  
  box-sizing: border-box;
  display: block;
  font-weight: bold;
  font-size: 14px;
}
.section-search .flexWrap a:hover {
  opacity: 0.6;
}
/*　データエリア　*/
.section-data {
  color: #333;
}
/*　リストスタイル　*/
.section-data ul li {
  list-style-type: disc;
  list-style-position: inside !important;
  margin-bottom: 0.5em
}
.section-data p {
  line-height: 1.6;
}
.section-data table th {
  white-space: nowrap;
}
#sizeSearch.bgcolor-f2f2f2, #typeSearch.bgcolor-f2f2f2 {
  background: rgb(251, 242, 242) none repeat scroll 0% 0%;
}
/*　フィルムラベル検索ボタン見出し　*/
#sizeSearch.bgcolor-f2f2f2 h4, #typeSearch.bgcolor-f2f2f2 h4 {
border-top: solid 2px #333;
  border-bottom: solid 2px #333;
  font-size: 16px;
  padding: 10px;
  text-align: center;
  margin-bottom: 24px;
}
#typeSearch .flexWrap img, .bgcolor-lorange .flexWrap img, #sizeSearch .flexWrap img, .boxShadow img, .cs-05.bnr-l img {
  width: 100% !important;
  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.2);
}
.cs-05.bnr-l:hover, .cs-05 bnr bnr-contents-a:hover {
  opacity: 0.6
}
.cs-05.bnr-left-a img {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.cs-05 bnr bnr-contents-a {}


/**-----------------------------------------------

howto 貼り方講座

　---------------------------------------------**/
/*Q&A*/
.titleImgWrap {
margin-bottom:48px;
}
.qanda.border {
  border: solid 3px #00aa9c;
}
.qanda {
  color: #00aa9c;
  padding: 2.0em;
margin-bottom: 48px;
}


.qanda p {
  line-height: 1.6;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: bold;
  background: #fffade;
  padding: 0.5em;
}
.hikakuTable {
  background: #fafafa;
  padding: 2.0em 3.0em;
  margin-top: 3.0em;
}
.qanda h3 {
  text-align: center;
  margin-bottom: 8px;
  font-size: 24px;
}
.qanda table {
  border-top: solid 1px #00aa9c;
  border-left: solid 1px #00aa9c;
}
.hikakuTable table {
  background: #fff;
}

.qanda table th:first-child {
  border-bottom: solid 1px #fff;
}
.qanda table th {
  line-height: 1.4;
  width: 20%;
  color: #fff;
  background: #00aa9c;
}
.qanda table td {
  width: 40%;
  line-height: 1.6;
  border-right: solid 1px #00aa9c;
  border-bottom: solid 1px #00aa9c;
}
.qanda table th, .qanda table td {
  padding: 1.0em;
  font-size: 16px;
  
}
table th, table td {
  position: relative;
}
table th, table td {
  position: relative;
}


.flexWrap div.flex2col {
 
  box-sizing: border-box;
margin-bottom: 48px;

}
.flexWrap div.flex2col h6 {
  font-size: 16px;
  margin-bottom: 16px;
}
.flexWrap div.flex2col ul {
  list-style: disc;
  margin-left: 2.0em;
}
.flexWrap div.flex2col ul li {
  font-size: 16px;
  margin-bottom: 8px;
  line-height: 1.6;
}
flexWrap div.flex2col img {
  margin-bottom: 3.0em;
}
.img-exp img {
  box-shadow: 20px 20px 0 #fbeeed;
}
.flexWrap img {
  width: 100%;
}

.flexWrap div.flex2col p {
  font-size: 16px;
  line-height: 1.6;
}
span.point {
background:#333;
padding:2px 3px;
color:#fff;
font-size:11px;
margin-right:3px;
border-radius:2px;
}
.number {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 3px 3px 0px #fff;
}
.number {
  color: #fff;
  font-weight: bold;
  padding: 10px;
  font-size: 24px;
}
.number-water {
  background: #0071bc;
}
.number {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 3px 3px 0px #fff;
}

.img-exp {
  position: relative;
}
/**-----------------------------------------------

サンプル請求フォーム
場所替え完了。しばらくしてからこのCSS削除予定

　---------------------------------------------**/
.sampleList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 90%;
  max-width: 1080px;
  gap: 10px;
}
#cs-sampleform-sp {
  width: 100%;
  background: #02a89c;
  padding-top: 5em;
  padding-bottom: 5em;
  box-sizing: border-box;
}
.sampleList li {
  background: #fff;
}
.sampleList li dd {
  padding: 10px 8px 10px;
  box-sizing: border-box;
  position: relative;
  color: #666;
  text-align: center;
  font-weight: bold;
  background: #f2f2f2;
}
.sampleList li dd span {
  color: #fff;
  padding: 0px 5px;
  background: #02a89c;
  vertical-align: middle;
  margin-left: 10px;
  border-radius: 3px;
}
.album {
  position: relative;
}
.album img {
  width: 100%;
  animation-name: album;
  -webkit-animation-name: album;
  animation-duration: 10s;
  -webkit-animation-duration: 10s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  opacity: 0;
}
.album .img1 {
  display: block;
  margin: 0 auto;
}
.album .img2 {
  animation-delay: 5s;
  -webkit-animation-delay: 5s;
  position: absolute;
  top: 0;
  left: 0;
}
/*　2枚の画像の切り替え　*/
@keyframes album {
  0% {
    opacity: 0;
  }
  12.5% {
    opacity: 1;
  }
  37.5% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
} /**/
@-webkit-keyframes album {
  0% {
    opacity: 0;
  }
  12.5% {
    opacity: 1;
  }
  37.5% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
} /**/
@media screen and (max-width: 960px) {
  .sampleList li {
    flex-basis: 31.0%;
  }
  .sampleList li dd span {
    width: 80%;
    display: block;
    margin: 8px auto 0;
    padding: 3px;
  }
  .sampleForm h2 img {
    max-width: 80%;
  }
} /**/
@media screen and (min-width: 961px) {
  .sampleList li {
    flex-basis: 24%;
  }
}
@media screen and (max-width: 461px) {
  .sampleList li {
    flex-basis: 48%;
  }
} /**/
/***====================================================================================================================================================================================================================================================================================


06-ls 帳票


====================================================================================================================================================================================================================================================================================***/
/***

タブデザイン 

***/
/* タブシステム全体を包む */
.contents_ls .flexWrap .flex4col dt {
  background: #999;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  margin-bottom: 16px;
}
.contents_ls .flexWrap .flex4col > dl dt a {
  color: #fff;
  display: block;
}
.contents_ls .flexWrap .flex4col dt a {
  color: #fff;
  display: block;
}
.contents_ls .seriesList li dd li {
  margin-bottom: 10px;
}
.contents_ls .seriesList li dd li {
  margin-bottom: 10px;
  text-align: center;
}
/*　

タブ

*/
.chohyoTabArea {
  width: 100%;
  margin-bottom: 56px;
}
.chohyoTabArea .tab li.active a {
  background: #e6e7f0;
}
.chohyoTabArea .area.is-active {
  background: #e6e7f0;
}
.chohyoTabArea .tab li a {
  font-size: 16px;
  padding: 20px 35px;
  background: #fafafa;
  border-top: solid 1px #f2f2f2;
  border-right: solid 1px #f2f2f2;
  border-left: solid 1px #f2f2f2;
}
.chohyoTabArea .area h2 {
  background: #0a1f71;
  font-size: 21px;
}
.chohyoTabArea .area h2 {
  margin-bottom: 24px;
  
  border-radius: 5px
}
.chohyoTabArea .area h2 span {
  font-weight: normal;
  font-size: 21px;
}
.chohyoTabArea .area h2 a {
  color: #fff;
  display: block;
  padding: 8px;
}
.chohyoTabArea .area h2 a:hover {
  opacity: 0.6;
  background: rgba(74, 70, 126, 1.00)
}
.chohyoTabArea .area > ul {
  display: flex;
  /*flex-wrap: wrap;*/
  gap: 10px;
}
.chohyoTabArea .area > ul > li {
  text-align: center;
  padding: 0 5px;
  box-sizing: border-box;
}
.chohyoTabArea .area > ul > li {
  flex-basis: 25%;
  background: #fff;
}
.chohyoTabArea .area > ul > li dl {
  background: #fff;
  border-radius: 5px
}
.chohyoTabArea .area > ul > li dl {
  padding: 15px 10px 20px;
}
.chohyoTabArea .area > ul > li dt {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 16px;
  line-height: 1.4
}
.chohyoTabArea .area > ul > li dd ul li {
  margin-bottom: 5px;
  border: solid 1px #0a1f71;
  border-radius: 2px
}
.chohyoTabArea .area > ul > li dd ul li a {
  padding: 10px;
  display: block;
  line-height: 1.4;
  font-size: 16px;
}
.chohyoTabArea .area > ul > li dd ul li a:hover {
  opacity: 0.6
}
/*

2階層以下

*/
.bg-chohyo {
  background: #e6e7f0;
  margin-bottom: 48px;
}
.bg-chohyo h4 {
  background: #0a1f71;
  margin-bottom: 24px;
}
.bg-chohyo > ul {
  display: flex;
}
.bg-chohyo > ul > li {
  flex-basis: 25%;
  padding: 0 10px;
  box-sizing: border-box;
}
.bg-chohyo ul li dl {
  background: #fafafa;
  padding: 0px 10px 20px;
  border-radius: 5px
}
.bg-chohyo ul li dl dt {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  padding: 15px 10px 15px;
  line-height: 1.3
}
.bg-chohyo ul li dl dd ul li {
  margin-bottom: 5px;
  border: solid 1px #999;
  border-radius: 3px;
}
.bg-chohyo ul li dl dd ul li a {
  padding: 10px;
  display: block;
  line-height: 1.4;
  text-align: center;
}
.bg-chohyo .flexWrap .flex4col {
  background: #fafafa;
}
.bg-chohyo .flexWrap {
  flex-wrap: nowrap;
}

/*******************************************************************************　

common

*******************************************************************************/

.displayNone {
  display: none;
}
.taLeft {
    text-align: left !important;
}
.vaTop {
    vertical-align: top !important;
}
/*　タイトル 線　ライン */
.bar {
  line-height: 30px;
  color: #ff3300;
  margin-bottom: 20px;
  border-bottom: solid 2px #ff3300;
  font-size: 18px;
}
/*　clearfix クリアフィックス　*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE Mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/*　幅　*/
.width100 {
  width: 100%;
}
.width70 {
  width: 70%;
}
.width50 {
  width: 50%;
}
.width30 {
  width: 30%;
}
.width10 {
  width: 10%;
}
.color333 {
  color: #333;
}
.color666 {
  color: #666;
}
.colorccc {
  color: #ccc;
}
.vhidden {
  visibility: hidden
}
/* メーカーごとの色　*/
.megaLogo {
  font-weight: bold;
  font-size: 16px
}
.colorRiso {
  color: #60C;
}
.colorDuplo {
  color: #036;
}
.colorRicoh {
  color: #C00
}
.colorTec {
  color: #F00
}
.colorKonica {
  color: #292929
}
.colorHorii {
  color: #999
}
.colorEdisys {
  color: #4fb2dc
}
.colorEpson {
  color: #06F
}
.colorRoland {
  color: #333
}
.colorMimaki {
  color: #ff3300
}
.colorCanon {
  color: #C30
}
.colorEm {
  color: #666
}
.colorBepop {
  color: #292929;
}
.colorCraft {
  color: #0C24A5
}
.colorStika {
  color: #666;
}
.colorsuisei {
  color: #09F
}
.coloryozai {
  color: #C00
}
/*　強調色　*/
.colorRed {
  color: #ff3300;
}
/*　余白等　*/
/**/
/*　センター寄せ　*/
.center {
  text-align: center
}
/*　余白　マージン　*/
.mb-1 {
  margin-bottom: 1.0em;
}
.mb-2 {
  margin-bottom: 2.0em;
}
.mb-3 {
  margin-bottom: 3.0em;
}
.mb-4 {
  margin-bottom: 4.0em;
}
.mb-5 {
  margin-bottom: 5.0em;
}
.mb-6 {
  margin-bottom: 6.0em;
}
.mb-10 {
  margin-bottom: 10.0em;
}
.ml-1 {
  margin-left: 1.0em
}
.ml-2 {
  margin-left: 2.0em
}
.ml-3 {
  margin-left: 3.0em
}
.ml-4 {
  margin-left: 4.0em
}
.ml-5 {
  margin-left: 5.0em
}
.ml-6 {
  margin-left: 1.0em
}
.ml-7 {
  margin-left: 7.0em
}
.mt-1 {
  margin-top: 1.0em;
}
.mt-2 {
  margin-top: 2.0em;
}
.mt-3 {
  margin-top: 3.0em;
}
.mt-4 {
  margin-top: 4.0em;
}
.mt-5 {
  margin-top: 5.0em;
}
.mt-6 {
  margin-top: 6.0em;
}
.mt-7 {
  margin-top: 7.0em;
}
.mt-8 {
  margin-top: 8.0em;
}
.mt-9 {
  margin-top: 9.0em;
}
.mt-10 {
  margin-top: 10.0em;
}
.marginBtm10 {
  margin-top: 10px;
}
.pt-1 {
  padding-top: 1.0em;
}
.pt-2 {
  padding-top: 2.0em;
}
.pt-3 {
  padding-top: 3.0em;
}
.pt-4 {
  padding-top: 4.0em;
}
.pt-5 {
  padding-top: 5.0em;
}
.pt-6 {
  padding-top: 6.0em;
}
.pb-1 {
  padding-bottom: 1.0em;
}
.pb-2 {
  padding-bottom: 2.0em;
}
.pb-3 {
  padding-bottom: 3.0em;
}
.pb-4 {
  padding-bottom: 4.0em;
}
.pb-5 {
  padding-bottom: 5.0em;
}
.pb-6 {
  padding-bottom: 6.0em;
}
.p-1 {
  padding: 1.0em;
}
.p-2 {
  padding: 2.0em;
}
.p-3 {
  padding: 3.0em;
}
.p-4 {
  padding: 4.0em;
}
.p-5 {
  padding: 5.0em;
}
.p-6 {
  padding: 6.0em;
}
.p-10 {
  padding: 10.0em;
}
/*

色 カラー

*/
/*　フォントカラー　*/
.colorBlue {
  color: #0a71d5;
}
.color-red {
  color: #ff3300;
}

/*　メタルブルー　*/
.colorIcon_metalblue {
  background: #0c0293;
  background: -moz-linear-gradient(-45deg, #0c0293 0%, #0032bc 25%, #f9fcfb 50%, #0032bc 75%, #0c0293 100%);
  background: -webkit-linear-gradient(-45deg, #0c0293 0%, #0032bc 25%, #f9fcfb 50%, #0032bc 75%, #0c0293 100%);
  background: linear-gradient(135deg, #0c0293 0%, #0032bc 25%, #f9fcfb 50%, #0032bc 75%, #0c0293 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c0293', endColorstr='#0c0293', GradientType=1);
}
/*　メタルレッド　*/
.colorIcon_metaltred {
  background: #bc3e03;
  background: -moz-linear-gradient(-45deg, #bc3e03 0%, #ff0000 25%, #ffffff 50%, #ffffff 51%, #ff0000 75%, #ff0000 75%, #bc3e03 100%);
  background: -webkit-linear-gradient(-45deg, #bc3e03 0%, #ff0000 25%, #ffffff 50%, #ffffff 51%, #ff0000 75%, #ff0000 75%, #bc3e03 100%);
  background: linear-gradient(135deg, #bc3e03 0%, #ff0000 25%, #ffffff 50%, #ffffff 51%, #ff0000 75%, #ff0000 75%, #bc3e03 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3e03', endColorstr='#bc3e03', GradientType=1);
}
/*　メタルピンク　*/
.colorIcon_metalpink {
  background: #db04e2;
  background: -moz-linear-gradient(-45deg, #db04e2 0%, #e85fe5 25%, #ffffff 50%, #ffffff 51%, #e85fe5 75%, #db04e2 100%);
  background: -webkit-linear-gradient(-45deg, #db04e2 0%, #e85fe5 25%, #ffffff 50%, #ffffff 51%, #e85fe5 75%, #db04e2 100%);
  background: linear-gradient(135deg, #db04e2 0%, #e85fe5 25%, #ffffff 50%, #ffffff 51%, #e85fe5 75%, #db04e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db04e2', endColorstr='#db04e2', GradientType=1);
}
/*　メタルグリーン　*/
.colorIcon_metalgreen {
  background: #105b01;
  background: -moz-linear-gradient(-45deg, #105b01 0%, #358245 25%, #ffffff 50%, #ffffff 51%, #358245 75%, #105b01 99%);
  background: -webkit-linear-gradient(-45deg, #105b01 0%, #358245 25%, #ffffff 50%, #ffffff 51%, #358245 75%, #105b01 99%);
  background: linear-gradient(135deg, #105b01 0%, #358245 25%, #ffffff 50%, #ffffff 51%, #358245 75%, #105b01 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#105b01', endColorstr='#105b01', GradientType=1);
}
/*　フォトブラック　*/
.colorIcon_pbk {
  background: #292929;
}
/*　マットブラック　*/
.colorIcon_mbk {
  background: #444;
}
/*ブラック*/
.colorIcon_bk {
  background: #000;
}
/*　シアン　*/
.colorIcon_cian {
  background: #09F;
}
/*　マゼンタ　*/
.colorIcon_magenta {
  background: #e4007f;
}
/*　ライトマゼンタ　*/
.colorIcon_lmagenta {
  background: #FF77FF;
}
/*　ビビッドマゼンタ　*/
.colorIcon_vmagenta {
  background: #F09;
}
/*　フォトマゼンタ　*/
.colorIcon_pmagenta {
  background: #EC008C;
}
/*　フォトシアン　*/
.colorIcon_pcian {
  background: #219ddd;
}
/*　フォトグレー　*/
.colorIcon_pgray {
  background: #797979;
}
/*　ライトシアン　*/
.colorIcon_lcian {
  background: #3CF;
}
/*　ビビッドライトマゼンタ　*/
.colorIcon_vlmagenta {
  background: #F09;
}
/*　グレー　*/
.colorIcon_gray {
  background: #999;
}
/*　ライトグレー　*/
.colorIcon_lgray {
  background: #CCC;
}
/*　イエロー　*/
.colorIcon_yellow {
  background: #EEEE07;
}
/*　オレンジ　*/
.colorIcon_orange {
  background: #F60;
}
/*　グリーン　*/
.colorIcon_green {
  background: #393;
}
/*　レッド　*/
.colorIcon_red {
  background: #ff0000;
}
/*　ピンク　*/
.colorIcon_pink {
  background: #FFE4E1;
}
/*　ブラウン　*/
.colorIcon_brown {
  background: #8B4513;
}
/*　レモン　*/
.colorIcon_lemon {
  background: #fff352;
}
/*　スカイブルー　*/
.colorIcon_skyblue {
  background: #87CEFA;
}
/*　黄緑　*/
.colorIcon_yellowgreen {
  background: #8FC31F
}
/*　アドリアブルー　*/
.colorIcon_adriablue {
  background: #0000CD;
}
/*　水色　*/
.colorIcon_waterblue {
  background: #80FFFF;
}
/*　マットホワイト　*/
.colorIcon_matwhite {
  background: #fdfdfd;
}
/*　パープル　*/
.colorIcon_purple {
  background: #C71585
}
/*　ターコイズレッド　*/
.colorIcon_turquoisered {
  background: #E51F47
}
/*　

カラーバリエーション

インクカートリッジ ic

色番号　

*/
/*　ホワイト　*/
.colorIcon_white {
  border: solid 1px #CCC;
  box-sizing: border-box
}
/*　ブルー　*/
.colorIcon_blue {
  background: #0000FF;
}
/*　シルバー　*/
.colorIcon_silver {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #cecece));
  background: -webkit-linear-gradient(#fff, #cecece);
  background: -moz-linear-gradient(#fff, #cecece);
  background: -o-linear-gradient(#fff, #cecece);
  background: -ms-linear-gradient(#fff, #cecece);
  background: linear-gradient(#fff, #cecece);
}
/*　ゴールド　*/
.colorIcon_gold {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #5f4500), color-stop(1.00, #fcff00));
  background: -webkit-linear-gradient(#5f4500, #fcff00);
  background: -moz-linear-gradient(#5f4500, #fcff00);
  background: -o-linear-gradient(#5f4500, #fcff00);
  background: -ms-linear-gradient(#5f4500, #fcff00);
  background: linear-gradient(#5f4500, #fcff00);
}
/*　白 (裏白)　*/
.colorIcon_white_white {
  background: #fff;
  border: solid 1px #ccc;
  box-sizing: border-box
}
/*　白 (裏グレー)　*/
.colorIcon_white_gray {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #e1e1e1 51%, #f6f6f6 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #e1e1e1 51%, #f6f6f6 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #e1e1e1 51%, #f6f6f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
  border: solid 1px #ccc;
  box-sizing: border-box
}
/*　メタルゴールド　*/
.colorIcon_metalgold {
  background: #9e8300;
  background: -moz-linear-gradient(-45deg, #9e8300 0%, #e0be00 27%, #ddc237 40%, #ffffff 50%, #ddc237 59%, #e0be00 71%, #9e8300 100%);
  background: -webkit-linear-gradient(-45deg, #9e8300 0%, #e0be00 27%, #ddc237 40%, #ffffff 50%, #ddc237 59%, #e0be00 71%, #9e8300 100%);
  background: linear-gradient(135deg, #9e8300 0%, #e0be00 27%, #ddc237 40%, #ffffff 50%, #ddc237 59%, #e0be00 71%, #9e8300 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e8300', endColorstr='#9e8300', GradientType=1);
}
/*　メタルアオキン　*/
.colorIcon_metalaokin {
  background: #9e8300;
  background: -moz-linear-gradient(-45deg, #9e8300 0%, #f2e200 21%, #ddc237 40%, #ffffff 50%, #ddc237 59%, #f2e200 82%, #9e8300 100%);
  background: -webkit-linear-gradient(-45deg, #9e8300 0%, #f2e200 21%, #ddc237 40%, #ffffff 50%, #ddc237 59%, #f2e200 82%, #9e8300 100%);
  background: linear-gradient(135deg, #9e8300 0%, #f2e200 21%, #ddc237 40%, #ffffff 50%, #ddc237 59%, #f2e200 82%, #9e8300 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e8300', endColorstr='#9e8300', GradientType=1);
}
/*　メタルクロム　*/
.colorIcon_metalchrom {
  background: #28343b;
  background: -moz-linear-gradient(-45deg, #28343b 0%, #868f93 25%, #ffffff 49%, #ffffff 50%, #868f93 75%, #28343b 100%);
  background: -webkit-linear-gradient(-45deg, #28343b 0%, #868f93 25%, #ffffff 49%, #ffffff 50%, #868f93 75%, #28343b 100%);
  background: linear-gradient(135deg, #28343b 0%, #868f93 25%, #ffffff 49%, #ffffff 50%, #868f93 75%, #28343b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28343b', endColorstr='#28343b', GradientType=1);
}
/*　メタルシルバー　*/
.colorIcon_metalsilver {
  background: #e2e2e2;
  background: -moz-linear-gradient(-45deg, #e2e2e2 0%, #d1d1d1 25%, #fefefe 50%, #fefefe 51%, #d1d1d1 75%, #dbdbdb 100%);
  background: -webkit-linear-gradient(-45deg, #e2e2e2 0%, #d1d1d1 25%, #fefefe 50%, #fefefe 51%, #d1d1d1 75%, #dbdbdb 100%);
  background: linear-gradient(135deg, #e2e2e2 0%, #d1d1d1 25%, #fefefe 50%, #fefefe 51%, #d1d1d1 75%, #dbdbdb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#dbdbdb', GradientType=1);
}
/*キャノン新カラークロマオプティマイザー*/
.colorIcon_opti {
  background: #fff;
  outline: 5px solid #f2f2f2;
  outline-offset: -5px;
}
.colorIcon_opti a {
  color: #666 !important;
}
/*ミディアムブルー*/
.colorIcon_mblue {
  background-color: #0000CD;
}
/*フェデラルブルー*/
.colorIcon_fblue {
  background-color: #2E4B71;
}
/*ブライトレッド*/
.colorIcon_bred {
  background-color: #e12424;
}
/*マリーンレッド*/
.colorIcon_marinered {
  background-color: #D36668;
}
/*ティールグリーン*/
.colorIcon_tealgreen {
  background-color: #006956;
}
/*バーガンディレッド*/
.colorIcon_burgundyred {
  background-color: #6c2735;
}
/*パープル*/
.colorIcon_purple-ic {
  background-color: #3E2780;
}
/*青緑*/
.colorIcon_aomidori {
  background-color: #035769;
}
/*紺*/
.colorIcon_kon {
  background-color: #002257;
}
/*茶*/
.colorIcon_cha {
  background: #8B4513;

}
/*紅梅*/
.colorIcon_koubai {
  background-color: #E92C61;
}

/*ダークグレー*/

.colorIcon_dgray {
    background: #999;
}





/*　除菌スプレー*/
.eisei-colorPink {
  color: #ff6fc0
}
.colorEtha-red {
  color: #F336BD !important;
}
/*　設置箇所: カッティングシート　*/
.bg-lightred {
  background: #FBE9E9;
}
.bg-lightgreen {
  background: #ecf4e9;
}
.bg-lightyellow {
  background: #fffce8;
}
.bg-lightblue {
  background: #e1f4f3;
}
.bgcolor-fff {
  background: #fff;
}
.bgcolor-f2f2f2 {
  background: #f2f2f2;
}
.bgcolor-fdfdf9 {
  background: #fdfdf9;
}
.bgcolor-fafafa {
  background: #fafafa;
}
.bgcolor-fffce8 {
  background: #fffce8;
}
.bgcolor-ffe9e9 {
  background: #ffe9e9;
}
.background-e4f4f0 {
  background: #e4f4f0;
}
.bg-00aa9c {
  background: #00aa9c;
}
.bgcolor-lorange {
  background: #f7ead0;
}
/*

共通　アイコン　icon　bar　clearfix　前ページ共通

*/
.vhidden {
  visibility: hidden
}
/*

下三角矢印

*/
.arrow {
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top-width: 20px;
  border-top-style: solid;
  border-top-color: transparent;
  border-top: 10px solid #d4523d;
  text-align: center;
  margin: 0 auto -10px;
}
/*　配置　*/
.center {
  text-align: center;
}
.alignCenter {
  text-align: center;
}
.cernter {
  text-align: center;
}
.mx {
  margin: 0 auto;
}
/*　ボーダー　線　*/
.border {
  border: solid 1px #ccc;
}
/*　フォントサイズ　*/
.fontSize9 {
  font-size: 12px;
  line-height: 1.6
}
.fontSize8 {
  font-size: 16px;
  line-height: 1.6
}
.fontSize7 {
  font-size: 18px;
  line-height: 1.6
}
.fontSize6 {
  font-size: 21px;
  line-height: 1.6
}
.fontSize5 {
  font-size: 24px;
  line-height: 1.6
}
.fontSize4 {
  font-size: 28px;
  line-height: 1.6
}
.fontSize3 {
  font-size: 30px;
  line-height: 1.6
}
.fontSize2 {
  font-size: 36px;
  line-height: 1.6
}
.fontSize1 {
  font-size: 48px;
  line-height: 1.6
}

/*=================================================================================================

カテゴリーページ　共通のデザイン

=================================================================================================*/


p.ex-cate {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
    box-sizing: border-box;
 
/*  margin-bottom: 48px;*/
  text-align: justify;
  word-break: break-all;
  text-justify: inter-ideograph;
  text-justify: inter-character;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
p.ex-cate a {
  color: #003399;
  /*font-weight: bold;*/
}
p.ex-cate a:hover {
  text-decoration: underline !important;
}

/*=================================================================================================

スペックテーブル　共通のデザイン

=================================================================================================*/


.relatedColor, .property {
  width: 820px;
    margin-top: 32px;
    margin-bottom:32px;
}

.property h6 {
  font-size: 14px;
  margin: 0;
}
.property ul, .property ol {
  padding-left: 20px;
  margin: 0 auto
}
.property ul li,
.property ol li{
  list-style-type: disc;
  margin-bottom: 8px;
  line-height: 1.4;
}
.property table {
  margin-bottom: 5px;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
}
.property th {
  width: 20%;
  line-height: 1.6;
  background: #fafafa;
}


.property .specSeries {
    width: 20%;
}
.property td, .property th {
  padding: 16px;
  line-height: 1.8;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-top: solid 1px #ccc;
    color: #333;
    font-size: 14px;
text-align: justify;

}
.property dt {
  font-weight: bold;
  margin-bottom: 1.0em;
}
.property dd {
  margin-bottom: 10px;
  line-height: 1.6;
}
.property p {
  line-height: 1.8;
    color: #333;
  font-size: 14px;
}
.property span {
  margin-top: 0px;
  display: block;
}
/*　補足　*/
.property table + p:not(.hosoku) {
  margin-top: 5px;
}
.relatedColor th, .property th {
  font-weight: normal;
/*  white-space: nowrap;*/
}
.relatedColor table, .property table {
  width: 100%
}
.relatedColor02 h4, .relatedColor h4, .property h4, .size_variation h4, .sizeVariation h4 {
  text-align: center;
  font-size: 14px;
  background: #333;
  color: #fff;
  padding: 8px;
  margin-bottom: 16px;
  font-weight: normal;
  border-radius: 2px;
}
/*

relatedColor03 カラーバリエーション　02-ic

*/
/*　サイズバリエーション　*/
.sizeVariation td {
/*  font-size: 12px*/
}
.relatedColor03 {
  margin-bottom: 36px
}
.relatedColor03 h5 {
  margin-bottom: 36px
}
.colorArrow {
  flex-basis: 20%;
}
.colorArea {
  flex-basis: 80%;
}
.colorArea table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 3px 2px;
}
.colorArea table td {
  width: 16.9%;
  line-height: 1.2;
  font-weight: bold;
  border-radius: 5px;
}
.colorArea table td a {
  color: #fff;
  display: block;
  padding: 10px;
  height: 100px;
  box-sizing: border-box;
}
.colorArea table td:hover {
  opacity: 0.6
}
/*　削除予定.itemExp　*/
.itemExp {
  padding: 20px 0px 10px 0px;
}
.itemExp .itemSpec {
  margin-bottom: 20px
}
.itemExp .itemSpec th {
  white-space: nowrap;
}
.itemExp .itemSpec th, .itemExp .itemSpec td {
  line-height: 1.4;
  padding: 10px;
  vertical-align: middle;
  font-weight: normal;
}
.itemExp .itemSpec th {
  text-align: center;
}
.td-center {
  text-align: center
}
/*　ボタン　*/
.btn-sm {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}

.btn-orange {
  background: linear-gradient(to bottom, #FFAD30, #D04818);
  border: solid #FFA11E 1px;
  color: #FFFFFF !important;
  padding: 10px 16px;
  -webkit-box-shadow: 1px 1px 5px 0 #ccc;
  -moz-box-shadow: 1px 1px 5px 0 #ccc;
  box-shadow: 1px 1px 5px 0 #ccc;
}
.size_variation table {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.size_variation table tbody tr:nth-child(odd) {
  background: rgb(247, 247, 247);
}
.size_variation table tbody tr:nth-child(even) {}
.size_variation table th {
  font-weight: normal;
  text-align: center;
  padding-bottom: 15px;
  background: #fafafa !important;
}
.size_variation table td {
  text-align: center;
  border-bottom: solid 1px #fff;
  padding: 8px 30px;
  display: table-cell;
  border-right: solid 1px #fff;
}
.size_variation table th:first-child, .size_variation table th:nth-child(2), .size_variation table th:nth-child(3) {
  width: 22%;
}
.size_variation table th:nth-child(4) {
  width: 34%;
}
.size_variation table .btn_detail {
  text-align: center;
}
.size_variation table .btn_detail a {
  color: #fff;
  line-height: 35px;
  display: block;
  position: relative;
  background: rgb(249, 148, 99) url("https://c22.future-shop.jp/shop/item/panacea/design/img01/arrow06.gif") no-repeat scroll center center / 5px
}
.size_variation table .btn_detail a:before {
  position: absolute;
  top: 13px;
  left: 70px;
  content: '';
  width: 10px;
  height: 10px;
}
.size_variation table .btn_detail a:hover {
  opacity: 0.6;
}
.size_variation table .price {
  color: #ff5025;
  font-weight: bold;
}
.size_variation table th {
  text-align: center;
  color: #333;
}
.size_variation table .btn_detail {
  text-align: center;
}
.size_variation table .btn_detail a {
  color: #fff;
  border-radius: 10px;
  text-align: center;
  font-size: 12px;
}
.size_variation table .btn_detail a:hover {
  opacity: 0.6;
}
/*　サイズバリエーション　*/
.sizeVariation table {
  width: 100%;
}
.sizeVariation table th {
  padding: 5px;
  background: #ccc;
  border-right: solid 1px #fff;
  font-weight: normal;
}
.sizeVariation table td {
  padding: 10px;
  text-align: center;
  border-bottom: solid 1px #ccc;
}
/*

関連商品

*/
.relatedItem table {
  width: 100%;
}
.relatedItem table td img {
  width: 100%
}
.relateditem table {
  width: 100%;
}
.relateditem table th {
  white-space: nowrap;
  text-align: right;
  color: #666;
  font-size: 16px;
  background: #f2f2f2;
}
.relateditem table th, .relateditem table td {
  padding: 5px
}
.relateditem table img {
  width: 150px;
}
.tablePrice {
  color: #ff0000;
  font-weight: bold;
}
.relatedItem td {
  text-align: center;
  line-height: 1.6;
  font-size: 18px;
}
.relatedItem span {
  display: inline
}
.relatedItem-img {
  text-align: center;
  padding: 5px;
}
/*　帳票　関連商品　*/
.relatedItem02 {
  overflow: hidden;
}
.relatedItem02 th {
  padding: 5px;
  border-right: solid 1px #ccc;
  background: #f2f2f2;
  position: relative;
  z-index: -1;
  line-height: 1.2;
  color: #333
}
.relatedItem02 td {
  vertical-align: middle;
  line-height: 1.2;
}
.relatedItem02 td:nth-child(1) {
  color: #333;
  white-space: nowrap;
}
.relatedItem02 td:nth-child(2) a {
  font-weight: bold;
  text-decoration: underline;
  color: #0066cc;
}
.property.relatedItem02 th {
  width: auto;
}
.relatedItem02 td:nth-child(2) a:hover {
  opacity: 0.6;
}
.relatedItem02 td:nth-child(3) {
  text-align: left;
}
.relatedItem02 td:nth-child(5) {
  color: #ff3300;
  font-weight: bold;
}
.property.relatedItem02 tr td:first-of-type, .property.relatedItem02 tr td:nth-child(2), .property.relatedItem02 tr td:nth-child(4), .property.relatedItem02 tr td:nth-child(5), .property.relatedItem02 tr td:nth-child(6) {
  text-align: center;
}
/***************************************************

タブ

***************************************************/
/*　タブの形状　*/
.tab {
  display: flex;
  flex-wrap: wrap;
}
.tab li a {
  display: block;
  margin: 0 2px;
  padding: 10px 20px;
}
.tab li:first-child a {
  margin: 0;
}
/*liにactiveクラスがついた時の形状*/
.tab li.active a {
  background: #f2f2f2;
  border-radius: 10px 10px 0 0;
  font-weight: bold;
}
/*エリアの表示非表示と形状*/
.area {
  display: none; /*はじめは非表示*/
  opacity: 0; /*透過0*/
  background: #fff;
  padding: 24px 20px;
}
/*areaにis-activeというクラスがついた時の形状*/
.area.is-active {
  display: block; /*表示*/
  animation-name: displayAnime; /*ふわっと表示させるためのアニメーション*/
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  background: #f2f2f2;
}
@keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/***********************************************************************************

flex

************************************************************************************/
.flex {
  display: flex;
}
.flexWrap {
  display: flex;
  flex-direction: row;
  column-gap: 10px;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.relatedColor03 .flexWrap {
    flex-wrap:nowrap;
}
.flexWrap img {
  width: 100%;
}
.flexWrap .flex5col {
  width: 18.7%;
}
.flexWrap .flex2col {
  width: 49%;
}
.flexWrap .flex4col {
  width: 22%;
}

.flexWrap .flex3col {
  width: 29%;
}

/*　カラー検索　*/
.searchColor .tag-color p.caption {
  text-align: center;
  margin: 100px 0 10px;
  font-size: 1.2rem;
}
.inner-cap p {
  font-size: 0.8rem;
}
.searchColor .tag-color span {
  cursor: pointer; /*カーソルを指マークに変更*/
}
.searchColor .tag-color a {
  color: #333;
}
.searchColor .tag-color a:hover {
  text-decoration: none;
}
/*　shift-toward-subtle　レフトナビカラーバリエーション用　設置個所: カッティングシート　*/
.tippy-tooltip[data-animation=shift-toward-subtle][data-placement^=top][data-state=hidden] {
  transform: translateY(-5px)
}
.tippy-tooltip[data-animation=shift-toward-subtle][data-placement^=bottom][data-state=hidden] {
  transform: translateY(5px)
}
.tippy-tooltip[data-animation=shift-toward-subtle][data-placement^=left][data-state=hidden] {
  transform: translateX(-5px)
}
.tippy-tooltip[data-animation=shift-toward-subtle][data-placement^=right][data-state=hidden] {
  transform: translateX(5px)
}
.tippy-tooltip[data-animation=shift-toward-subtle][data-state=hidden] {
  opacity: 0
}
/*　旧商品ページへのリンク　*/
.link-newCuttingsheetpage a {
  background: #ff3300;
  color: #fff;
  padding: 1.0em 2.0em;
  border-radius: 10px;
  display: block;
  line-height: 1.6;
  font-size: 1.6rem;
}
.link-newCuttingsheetpage a:hover {
  opacity: 0.6;
}
.link-newCuttingsheetpage span {
  text-decoration: underline;
  font-weight: bold;
}
/*　旧商品ページへのリンク　全カテゴリー共通　*/
.link-olditempage a {
  background: #ff3300;
  color: #fff;
  padding: 1.0em 2.0em;
  border-radius: 10px;
  display: block;
  line-height: 1.6;
  font-size: 1.6rem;
}
.link-olditempage a:hover {
  opacity: 0.6;
}
.link-olditempage span {
  text-decoration: underline;
  font-weight: bold;
}
/*

保証書　設置個所: 02-ic

*/
.warranty {
  margin-top: 2.0em
}
.warranty img {
  width: 100%;
}

/*　要素　ボックス　*/

.section-search {
  padding-top: 1.0em;
  padding-bottom: 1.5em;
  padding-right: 1.5em;
  padding-left: 1.5em;
  border-radius: 5px;
  width: 820px;
  box-sizing: border-box;
}
.section-search.bg-cs {
  background: rgb(251, 242, 242) none repeat scroll 0% 0%;
}
.section-search.bg-fl h4 {

 
}

.section {
  width: 820px;
  padding: 5.0em auto 5.0em;
  box-sizing: border-box
}
.section-special {
  width: 100%;
  padding: 1.0em;
  box-sizing: border-box;
}
.fullscreen {
width:820px;}
.fullscreen img {
  width: 100%;
}
.section.border {
padding:4em;
box-sizing:border-box;
}
.section.border img {
width:100%;
}

/*******************************************************************************　

//commonここまで

*******************************************************************************/















/**===============================================================================

    商品詳細ページ　商品ページ

==================================================================================================**/

.howTobuy {
	/*width:100%;*/
	font-size: 14px;
margin-top:16px !important;
	
}

.howTobuy .item_ryosyusho a:hover {
	opacity:0.6}


/*======================================================================


商品詳細ページ内　スペック表組　SPEC表　新デザイン


======================================================================*/

/* 商品説明01 パターン01　デジタル印刷機消耗品カテゴリー　*/

/*カラーバリエーション？*/
.itemExp table.itemColor {
	text-align: center;
	margin-bottom: 20px
}
.itemExp table.itemColor td {
	padding: 20px
}
.itemExp table.itemColor td img {
	margin-bottom: 5px;
	width: 150px
}


/*　商品詳細 旧商品　スペック表組パターン02　利用箇所：フィルムラベルカテゴリー、　*/

.itemExp02 {
	margin-top: 30px;
	border-top: solid 1px #333;
	padding: 20px 10px 10px 10px;
	overflow: hidden;
border-bottom: dotted 1px #ccc;
color: #555;
}
.itemExp02 p {
	line-height: 1.4;
	margin-bottom: 20px
}


.itemExp02 .itemSpec02 {
	margin-bottom: 28px;
	float: right;
	width: 36%;
}
.itemExp02 caption {
	margin-bottom: 3px;
font-weight: bold;
}
.itemExp02 .itemSpec th {
	vertical-align: middle;
	font-weight: normal;
	text-align: left;
	letter-spacing: 2px;
	white-space: nowrap;
padding:5px 8px
}
.itemExp02 .itemSpec td {
	line-height: 1.4;
padding:3px 8px
}
.itemExp02 .itemSpec02 td {
	text-align: center;
padding:3px 5px
}
.itemExp02 table.itemColor {
	text-align: center;
	margin-bottom: 20px
}
.itemExp02 table.itemColor td {
	padding: 20px
}
.itemExp02 table.itemColor td img {
	margin-bottom: 5px;
	width: 150px
}
.itemExp02 ul {
	clear: both;
	margin-bottom: 20px
}
.itemExp02 ul li {
	margin-bottom: 8px;
	list-style-type: disc;
	list-style-position: inside;
}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

	商品詳細ページ02 .itemPage02　商品ページ　パターン2
	
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/


.alert01 {
	margin-bottom: 10px
}

.itemPage02 {
	width:820px;
	margin-top: 30px;
	border-top: solid 1px #999;
	padding-top: 30px
}

.itemPage02_left {
	width:280px;
	float:left;
	overflow:hidden;
	margin-right:20px
	
	}
	
.itemPage02_right {
	width:520px;
	float:right;
	
	
	}
	
.relatedItem {
	width:100%;
	
	padding:15px 0;
	
	}





/*

関連商品　互換インク誘導用　設置個所: インクカートリッジ等

*/

.relateditem table {
	width:100%;
	font-size:18px;
	}

.relateditem table th {
 white-space:nowrap;
 text-align:right;
 color:#666;
 font-size:16px;
 	}
.relateditem table td {
line-height:1.6	}
.relateditem table th,
.relateditem table td {
	padding:5px
	}
.relateditem table img { width:150px;}
.tablePrice strong {
color:#ff0000;
font-weight:bold;
}
.tableLink {
background: url(https://c22.future-shop.jp/shop/item/panacea/design/img01/arrow04.gif) 15px center  /10px no-repeat;

	}
.itemName {
font-size:16px;
}
.tableLink strong {
	padding-left:20px}
	.relateditem table a {
		display:block;
		padding:5px
		}
.relateditem table a:hover {
	opacity:0.6;
	background:#fafafa}


/*

JQスライドトグル

*/

.slideButton {
	padding:10px 5px;
	text-decoration:underline;
	background:url(../img/button-icon/arrow08.gif) 10px center / 5px no-repeat;
	padding-left:20px;
	line-height:1.4;
	border:solid 1px #999;
	
	}
.slideButton:hover {
	cursor:pointer }	
.slideExp { display:none;
font-size:11px;
border:solid 1px #999;
padding:10px 5px;
background:#fdfdfd;
}
.slideExp ul li {
	margin-bottom:5px;
	line-height:1.2;
	list-style-position:inside}




/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

	その他ページ共通　spページ　　common　お買物ガイドページ　お問合せページ　FAX注文書ページ
	
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/　

.others {
color:#4E4642;
}

.othersBox_wrap h3 {
	font-size:1.4rem;
	margin:64px 0 24px;
	    
border-bottom:solid 2px #333;
	padding-bottom:8px;
	}

.others ul,
.others ol { 
margin-bottom:20px;
list-style-position: inside;
}	
.othersBox h4 {
margin-top:16px;
margin-bottom:8px;
	}
	
.others ol li {
	margin-bottom:5px;
	list-style-type:decimal;
	line-height:1.4;
}
.others h2 {
  margin-top: 64px;
  margin-bottom: 64px;
  padding: 10px;
  background: #333;
  color: #fff;
}
.othersBox h5 {
margin-bottom:5px;
	
	margin-top:10px;
}

.others .othersBox p {
	font-size:14px;
	margin-bottom:8px;
	line-height:1.6;
}
.others .othersBox table {
border-collapse: collapse;
}
.others .othersBox table th,
.others .othersBox table td {
	padding: 16px;
	}
.others .othersBox table th {
	width:28%;
	text-align:left;
	font-weight:normal;
	line-height:1.4;
font-size: 14px;
}
.others .othersBox table td {
line-height:1.4;
vertical-align: middle;
}	




/***********************************************************************************************


	〇お買物ガイド


***********************************************************************************************/
.shopinfoTable {
  border-collapse: collapse;
}
.shoppingguide .titleBlock {
	border:solid 1px #666;
	padding:8px 16px;
	display:inline-block;
	margin-bottom: 16px;
margin-top: 40px;
font-size: 16px;
}
.shoppingguide table.shopinfoTable th,
.shoppingguide table.shopinfoTable td {
	padding: 16px}
.shoppingguide table.shopinfoTable th { width:25%;}
.shoppingguide table.shopinfoTable td { line-height:1.4}

.shoppingguide othersBox_last{
	margin-bottom:40px}

.shoppingguide ul.fast_link { 
margin-bottom: 48px;
display: flex;
justify-content: space-between;

}
.shoppingguide ul.fast_link li { 
width: calc(100%/4 - 16px);
line-height: 40px;
font-size:1.0rem;
color:#555;

}

.shoppingguide ul.fast_link li a { 
display:block;
border-radius: 5px;
border: solid 1px #666;

color:#555;
text-align:center;
background: url(https://c22.future-shop.jp/shop/item/panacea/design/img01/arrow04.gif) 10px center /5px no-repeat;
}
.shoppingguide ul.fast_link li a:hover {
	opacity:0.6;
}
	
.othersBox_last { 
margin-bottom:80px;
}

.ryoshusho_img { 
border:solid 1px #4E4642;
}

.haisou_timezone { 
overflow:hidden;
}
.haisou_timezone li {
	float:left;
	 margin-right:5px;

background:#f2f2f2;
padding:10px;
border-radius:5px;
font-weight: bold;
}


/* =============================================================================


その他ページ　お買い物ガイド　特定商取引


 ============================================================================= */

.FS2_body_Config_BusinessDeal .FS2_table {
    width: 96%;
    font-size: 14px;;
    margin: 24px auto;
}
.FS2_body_Config_BusinessDeal .FS2_table th {
padding: 5px;
}
.FS2_body_Config_BusinessDeal .FS2_table td {
padding: 8px;;
line-height:1.4;
}

/***********************************************************************************************

	その他ページ　クーポン取得・ご利用までの流れ

***********************************************************************************************/
.about_coupon {
	text-align: center;
	margin: 0 auto;
	border-left: solid 200px #f2f2f2;

	
	
	padding-left: 30px;
	
}
.about_coupon .image {
	margin-bottom: 20px;
}
.about_coupon .arrow {
	margin: 20px 0 10px
}
.about_coupon dl {
	overflow: hidden;
	margin-top: 20px
}
.about_coupon dl dt {
	float: left;
	margin-right: 20px;
}
.about_coupon dl dd {
	text-align: left;
	line-height: 1.2;
	margin: 20px 40px
}
.about_coupon dl dd p {
	line-height: 1.4;
}
.about_coupon dl dd .alert {
	color: #ff0000;
	margin-top: 15px;
	line-height: 1.2
}



/***********************************************************************************************

	個人情報保護に関するページ

***********************************************************************************************/

.privacy .othersBox table {
	margin-bottom:20px
	}
.privacy .othersBox table th { text-align:center;
width:auto}
.privacy .othersBox table td { text-align:center;
padding:5px}
.privacy .othersBox table .leftTh { text-align:left}

.privacy .othersBox ul li {
	margin-bottom:5px;
	list-style-type:square;
	line-height:1.4;
}
.privacy .othersBox .inlineBlock_box { overflow:hidden}
.privacy .othersBox .inlineBlock_box li { 
float:left;
margin-bottom:3px;
margin-right:10px
}
.privacy .othersBox .indentBox { margin-left:60px}


/***********************************************************************************************

その他ページ　FAX注文用紙ダウンロードページ

***********************************************************************************************/

.fax_order {
	width:1100px;
	margin:0 auto}
	
.fax_order h2 {
	margin-bottom:30px}	
.scroll {
	width:70%;
	overflow-y: scroll;
	height: 200px;
	font-size: 12px;
	margin: 0 auto 20px;
	border: solid 1px #000;
	padding: 15px 20px 40px 10px;
	border-radius:3px
}
.scroll h4 {
	font-size: 16px;
	margin-bottom: 10px;
}
.scroll p {
	line-height: 1.4
}
.scroll ol {
	margin:0;
	margin-left:15px;
	margin-top: 15px;
}
.scroll ol { list-style: lower-alpha inside;}
.scroll ul {}
.scroll ol li, .scroll ul li {
	margin-bottom: 5px;
	line-height: 1.3;
}

.scroll h5 {
	margin: 20px 0 5px;
}

p.form_alert {
	margin-bottom: 10px;
	text-align: center
}

.buttonArea { text-align:center}
.buttonArea a.button {
	}

.buttonArea a.button {
display: inline-block;
font-size: 14px;
font-weight: bold;
color: #fff;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
letter-spacing: 0;
border: none;
box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
border-radius: 6px;
text-decoration: none;
padding: 15px 40px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff7200), color-stop(1.00, #cd0000));
background: -webkit-linear-gradient(#ff7200, #cd0000);
background: -moz-linear-gradient(#ff7200, #cd0000);
background: -o-linear-gradient(#ff7200, #cd0000);
background: -ms-linear-gradient(#ff7200, #cd0000);
background: linear-gradient(#ff7200, #cd0000);
}

/*　パンくずリスト　*/
.pan {
    margin: 0 0 5px 0 !important;
background: #fafafa !important;
}
.pan a {
text-decoration:underline !important;
font-size: 12px;

}
.pan a:hover {
  opacity:0.6
}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

	その他ページ自動吐き出し　common　
	
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
.pageTitle {
	padding: 10px;
border-bottom: 2px solid #333;
	font-size: 1.4rem;
/*margin-top: 48px;*/
	margin-bottom: 32px;
	color: #333;
	font-weight: bold;

}

/*
.CrossHead {

margin: 30px 0 30px;
border-top: double 3px #D4523D;
border-bottom: double 3px #D4523D;
padding: 15px 10px;
color: #D4523D;
text-align: center;
}

h3.CrossHead {
font-size:1.0rem;
padding-bottom:0.5em;
}

*/
.h4.Definition {
	padding: 0px;
	margin: 20px 0px 15px;
	border-bottom: none;
	font-size: 14px;
	font-weight: normal;
	background: #f2f2f2;
}



.others_page h2 {
	font-size: 20px;
	font-weight: normal;
	text-align: center;
}
.others_page h3 {
	background: #333;
	color: #FFF;
	line-height: 50px;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
	margin: 30px auto;
	text-align: center;
}

.others_page { paddingp-left:10px;
width: 820px;
	font-size: 14px;}

.others_page h5 {
		margin-bottom:5px;
	font-size:15px;
	margin-left:20px;
	margin-top:10px;
}

.others_page ol {
	list-style-position: inside
}
.others_page ul {
	list-style: circle inside
}
.others_page p,  .others_page li {
	line-height: 1.5;
	font-size: 13px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.others_page li {
	margin-bottom: 5px
}


/*その他ページ********************************************************************/

form#form {
	margin: 0 auto 40px;
}
FS2_login_layout_table {
	margin: 0 auto 40px;
}
.FS2_GroupList {
	width: 820px;
	margin: 0 auto 40px;
}

.sp_page {
	width: 1100px;
	margin: 40px auto 20px;
}









/**********商品詳細ページ　オプション価格設定　*/

.FS2_OptionPrice {
	border-top: solid 2px #333;
	padding-top: 15px;
	margin-top: 20px;
}
.FS2_OptionPrice h5 {
	color: #ff0000;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 20px;
}
.FS2_OptionPrice th {
	padding: 2px 8px;
	border-bottom: none;
	background: #fafafa;
	vertical-align: middle;
	font-weight: bold;
	color: #333;
}
.FS2_OptionPrice td {
	border-bottom: none;
}
.exp_option {
	padding: 10px
}
.exp_option th {
	background: #fff;
	color: #333;
	padding: 5px
}
.exp_option td {
	background: #fff;
	font-weight: bold;
	padding: 5px;
	color: #333;
}
.btn_optionPrice {
	position: relative;
	color: #fff;
	background: #ff3300;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	margin: 20px -10px 0px 0px;
	padding: 15px 5px 12px 10px;
	border-radius: 3px;
}
.btn_optionPrice:after, .btn_optionPrice:before {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
}
.btn_optionPrice:after {
	left: 33px;
	border: 11px solid transparent;
	border-top: 11px solid #ff3300
}
.btn_optionPrice:before {
	left: 30px;
	border: 14px solid transparent;
}
.FS2_OptionPrice td select {
	height: 40px;
	width: 300px;
	font-weight: bold;
	font-size: 16px;
	color: #333;
}


/*商品詳細ページ　個別で非表示*/

.FS2_body_Goods_GoodsDetail_rc-m-m20 .FS2_figure_table_td_figure, .FS2_body_Goods_GoodsDetail_rc-m-m20 .FS2_figure_table_td_input_cnt, .FS2_body_Goods_GoodsDetail_rc-m-m20 .FS2_figure_table_td_updn_btn, .FS2_body_Goods_GoodsDetail_rc-m-m80 .FS2_figure_table_td_figure, .FS2_body_Goods_GoodsDetail_rc-m-m80 .FS2_figure_table_td_input_cnt, .FS2_body_Goods_GoodsDetail_rc-m-m80 .FS2_figure_table_td_updn_btn, .FS2_body_Goods_GoodsDetail_rc-m-m50 .FS2_figure_table_td_figure, .FS2_body_Goods_GoodsDetail_rc-m-m50 .FS2_figure_table_td_input_cnt, .FS2_body_Goods_GoodsDetail_rc-m-m50 .FS2_figure_table_td_updn_btn, .FS2_body_Goods_GoodsDetail_rc-m-m30 .FS2_figure_table_td_figure, .FS2_body_Goods_GoodsDetail_rc-m-m30 .FS2_figure_table_td_input_cnt, .FS2_body_Goods_GoodsDetail_rc-m-m30 .FS2_figure_table_td_updn_btn, .FS2_body_Goods_GoodsDetail_rc-m-typeb .FS2_figure_table_td_figure, .FS2_body_Goods_GoodsDetail_rc-m-typeb .FS2_figure_table_td_input_cnt, .FS2_body_Goods_GoodsDetail_rc-m-typeb .FS2_figure_table_td_updn_btn, .FS2_body_Goods_GoodsDetail_rc-m-typeag .FS2_figure_table_td_figure, .FS2_body_Goods_GoodsDetail_rc-m-typeag .FS2_figure_table_td_input_cnt, .FS2_body_Goods_GoodsDetail_rc-m-typeag .FS2_figure_table_td_updn_btn, .FS2_body_Goods_GoodsDetail_rc-m-typea .FS2_figure_table_td_figure, .FS2_body_Goods_GoodsDetail_rc-m-typea .FS2_figure_table_td_input_cnt, .FS2_body_Goods_GoodsDetail_rc-m-typea .FS2_figure_table_td_updn_btn, .FS2_body_Goods_GoodsDetail_rc-m-iga3 .FS2_figure_table_td_figure, .FS2_body_Goods_GoodsDetail_rc-m-iga3 .FS2_figure_table_td_input_cnt, .FS2_body_Goods_GoodsDetail_rc-m-iga3 .FS2_figure_table_td_updn_btn, .FS2_body_Goods_GoodsDetail_rc-m-ib4 .FS2_figure_table_td_figure, .FS2_body_Goods_GoodsDetail_rc-m-ib4 .FS2_figure_table_td_input_cnt, .FS2_body_Goods_GoodsDetail_rc-m-ib4 .FS2_figure_table_td_updn_btn {
	display: none;
}
.FS2_body_Goods_GoodsDetail_rc-m-ia3 .FS2_figure_table_td_figure, .FS2_body_Goods_GoodsDetail_rc-m-ia3 .FS2_figure_table_td_input_cnt, .FS2_body_Goods_GoodsDetail_rc-m-ia3 .FS2_figure_table_td_updn_btn {
	display: none;
}
.FS2_body_Goods_GoodsDetail_rc-m-duo8 .FS2_figure_table_td_figure, .FS2_body_Goods_GoodsDetail_rc-m-duo8 .FS2_figure_table_td_input_cnt, .FS2_body_Goods_GoodsDetail_rc-m-duo8 .FS2_figure_table_td_updn_btn {
	display: none;
}
.FS2_body_Goods_GoodsDetail_rc-m-m20 #toCart, .FS2_body_Goods_GoodsDetail_rc-m-m80 #toCart, .FS2_body_Goods_GoodsDetail_rc-m-m50 #toCart, .FS2_body_Goods_GoodsDetail_rc-m-m30 #toCart, .FS2_body_Goods_GoodsDetail_rc-m-typeb #toCart, .FS2_body_Goods_GoodsDetail_rc-m-typeag #toCart, .FS2_body_Goods_GoodsDetail_rc-m-typea #toCart, .FS2_body_Goods_GoodsDetail_rc-m-iga3 #toCart, .FS2_body_Goods_GoodsDetail_rc-m-ib4 #toCart, .FS2_body_Goods_GoodsDetail_rc-m-ia3 #toCart, .FS2_body_Goods_GoodsDetail_rc-m-duo8 #toCart {
	margin-left: 140px;
}


/*商品タイトルを消す*/
.FS2_additional_image_btn_thumbnail_container .FS2_thumbnail_container span {
display:none;
font-size:0px;
}



/*======================================================================================
======================================================================================
======================================================================================

カテゴリー

======================================================================================
======================================================================================
======================================================================================*/



/*======================================================================================

カッティングシート　FS2独自タグ

======================================================================================*/

/*　繋げて出荷　項目選択肢マワリのデザイン　*/

.FS2_inputSelection {
  margin-bottom: 10px;
  border: solid 1px #ccc;
  padding: 16px;
}


.FS2_inputSelection_table {
width: 100%;
padding: 10px;
}

.FS2_inputSelection table th {
  display: block;
  width: 100%;
  border-bottom: none;
  padding: 10px;
  box-sizing: border-box;
  text-align: left;
  line-height: 1.4;
  font-weight: bold;
  color: #01a89e;
}

.FS2_inputSelection table td {
display:block;
width:100%;
box-sizing: border-box;
border-bottom: 0;
}

select.selection01 {
width: 100%;
height: 40px;

text-align: center;
background: #fff;
border: solid 2px #00aa9e;
}






/*　商品グループ表示を見やすくする　*/

.FS2_body_Goods_cs #FS2_itemlayout_list_D .itemGroup a {
display: block;
 padding: 8px 8px 8px 0;
  font-size: 14px;
  color: #444;
  line-height: 1.4;

}
.FS2_body_Goods_cs #FS2_itemlayout_list_D .itemGroup a:hover {
opacity:0.6;
}
.FS2_body_Goods_cs #FS2_itemlayout_list_D td {
vertical-align: middle;
}















/*　itemPage02　*/

.itemPage02 p {
line-height:1.6;
}

.itemExplain p {
margin:0 15px 15px;
}


/*　カラーバリエーション 設置個所:	インクカートリッジ等　*/

.relatedColor02 dt {
	width:40px;
	height:40px;
	line-height:40px;
	border-radius: 50%;
	margin:0 auto;
	margin-bottom:5px;
	vertical-align:top;
	}
	
	
.relatedColor02 td {
		padding:10px;
		width:9%;
}
.relatedColor02 td a {
	text-align:center;
	}
.relatedColor02 td a:hover {
	opacity:0.6}
.relatedColor02 dd {
	font-size:10px;
		vertical-align:top;
		height:30px
}


/*　

カラーバリエーション
設置個所:	カッティングシート

*/
.relatedColor03 {
	width:820px;
	overflow:hidden;
	
	}
.relatedColor03 ul {
	width:820px;
	overflow:hidden;
	padding-left:0
	}
.relatedColor03 li {
	float:left;
	width:102.5px
	}
.relatedColor03 li dl {
		text-align:center;
	}
.relatedColor03 li dl dt {
	width: 102.5px;
	height: 100px;
	margin-bottom: 5px;
	vertical-align: top;
	overflow:hidden
}

.relatedColor03 li a:hover {
}
.relatedColor03 dd {
	font-size: 10px;
	vertical-align: top;
	height: 30px;
	margin-left:0;
	text-align:center;
	line-height:1.2
}

.scale {
    overflow: hidden;
}
.scale img {
	width: 102.5px;
	overflow: hidden;
	
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}

.scale img:hover {
    -webkit-transform: scale(3.2);
    -moz-transform: scale(3.2);
    -o-transform: scale(3.2);
    -ms-transform: scale(3.2);
    transform: scale(3.2);
}




/***********************************************************************************************

	マイページ
	
***********************************************************************************************/

#FS2_body_MyPage .FS2_upper_comment div {
background:#fafafa !important;
padding:25px !important;
}

.FS2_body_MyPage_MyPageTop .pageTitle {
/*background:#f2f2f2  !important;*/

}
.FS2_body_MyPage_MyPageTop .pageTitle {
border-bottom:none;
margin-bottom:20px;
}
#FS2_body_MyPage .cartTable {
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
}
#FS2_body_MyPage .cartTable th {
background:#fff2f2
}


#FS2_body_MyPage .userTable_01 {
border-top: 1px solid #ccc;
}
#FS2_body_MyPage .userTable_01 th {
background:none;
background:#f2f2f2 !important;
}
.FS2_mypage_top_table td {
display: flex;
  flex-wrap: wrap;
gap:10px;
}

.FS2_mypage_top_table div {
width: 24.0%;

margin-bottom:20px;
padding:10px 15px 20px;

background:#fff;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
border-radius:3px;
border: solid 1px #ccc;
}

.FS2_mypage_top_table div h3 {
text-align: left;
margin:0 0 10px;
border:none;
/*border-bottom:solid 2px #B63D06  !important;*/
}

.FS2_mypage_top_table div h3 a {
width: 100%;
  display:block;

  
  text-decoration: none;
  line-height: 1.1;
  
  color: #FFFFFF;
   background-color: #666;
border-bottom: solid 5px #ccc;
  border-radius: 10px  10px 0 0;
  padding:16px 5px 16px 10px;
box-sizing:border-box;

position:relative;


}
.FS2_mypage_top_table div h3 a::before {
content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 13px;
  width: 8px;    /* くの字を山なりに見た時、左側の長さ */
  height: 8px;   /* くの字を山なりに見た時、右側の長さ */
  border-top: 2px solid #fff;     /* くの字を山なりに見た時、左側の太さと色 */
  border-right: 2px solid #fff;   /* くの字を山なりに見た時、右側の太さと色 */
 
transform: rotate(45deg);    /* くの字の向き */
}

.FS2_mypage_top_table div h3 a:hover {
opacity:0.6;
text-decoration:underline;
 }

.FS2_mypage_top_table div p {
margin:16px 10px 0 10px;
line-height: 1.6;

}

.FS2_mypage_Entry_table {
line-height:1.6;
}

/*　注文履歴　*/
.FS2_mypage_Entry_table {
line-height:1.6;
margin:0 auto 30px;
border:solid 1px #333;

}

.FS2_mypage_Entry_table tr td {
padding:15px;}



.FS2_body_MyPage_OrderHistoryList .FS2_bottom_btn_left_1
{
text-align:center;}



/*　カート内情報表示　*/
/*　div全体　*/ 

.FS2_repeater {
font-size:12px;
}

.CartResult { 
margin-top: 5px;
padding: 5px;
}
.CartResult span {
  font-size: 12px;
}

.CartResult a {
padding: 0 10px;
background: #fafafa;
display:block;
font-size:12px;
	}

.CartResult a:hover {
background: #fbcaca;
}

/*カート内の合計数量*/ 
.cartCount { 
display:block;
font-weight: bold; 
color: #f00c0c;
text-align: center;
margin-bottom:5px
} 

/*カート内の合計金額*/ 
.cartPrice{ 
font-weight: bold; 
color: #f00c0c; 
display:block;
}
 
/*「あと○○円で送料無料」高額購入割引の文言*/ 

.cartInfor{ 
font-size: 90%; 
} 
/*カート内の商品名* 
.itemNameList{ 
font-size: 120%; 
} 

/*　ログイン/ログアウト切り替え用
#logoutButton, #loginButton { 
display: none;
/*color: #fff;*/
font-weight: bold;
 }
#logoutButton:hover, #loginButton:hover {
    opacity: 0.6;
}
　*/

.multiple-items img {
width:200px;}





/*

カート画面　お買物画面　ショッピングカート　

*/

#FS2_body_Cart  .cartTable {
    border-color: #ccc;
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}


#FS2_body_Cart .cartTable caption {
background:none;
text-align:left;
}

#FS2_body_Cart .cartTable th {
background: #f2f2f2;

    padding: 3px;
    font-weight: normal;
}
#FS2_body_Cart .cartTable td, .cartTable th {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#FS2_body_Cart .userTable_01 {
border-top:solid 1px #ccc}

#FS2_body_Cart .userTable_01 th {
background:#f2f2f2;
}

#FS2_body_Cart .CrossHead {
font-size: 16px;
margin: 32px 0;
border-bottom: none;

color: #333;
text-align: center;
background: #f2f2f2;
padding:15px;
border:solid 1px #ccc;
}

#FS2_body_Cart .userTable_02 caption {
        padding:8px;
	background: #666;
	color: #fff;
	font-size: 14px;
}

#FS2_body_Cart .userTable_02 {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;

}
#FS2_body_Cart .userTable_02 th {
	
	padding: 15px 10px;
	border-color: #ccc;
	color: #333
}
#FS2_body_Cart .userTable_02 td {
	border-color: #ccc;
	padding: 10px 20px;
	line-height: 1.4;
}

.FS2_body_Cart_OrderConfirm .FS2_Cart_Detail_InclusiveSum.summary td {
color:#ff3300

}


/*

お気に入り一覧ページ

*/

.FS2_WishListDetail_td {
    line-height: 1.4;
}
.FS2_WishList_itemName a:hover {
text-decoration:underline;
color:#555;
}
.FS2_WishList_table td {
    padding: 15px 3px;
}

.FS2_WishListGoodsImage_td img {
width:100px;
border:solid 1px #ccc;
}

.FS2_WishListAllDeleteButton_area {
margin: 5px 0;
}

/*　マイページ内クーポン情報ページ　*/

.FS2_Coupon_container, .FS2_UseCoupon_container, .FS2_InputCouponCode_container, .FS2_MoveToCouponCode_container {
    border: 1px solid #ccc;
    padding: 3em;

}



/*　カッティングシート05-cs　*/

/*　繋げて出荷　項目選択肢マワリのデザイン　*/

.FS2_inputSelection {
  margin-bottom: 10px;
  border: solid 1px #ccc;
  padding: 16px;
}


.FS2_inputSelection_table {
width: 100%;
padding: 10px;
}

.FS2_inputSelection table th {
  display: block;
  width: 100%;
  border-bottom: none;
  padding: 10px;
  box-sizing: border-box;
  text-align: left;
  line-height: 1.4;
  font-weight: bold;
  color: #01a89e;
}

.FS2_inputSelection table td {
display:block;
width:100%;
box-sizing: border-box;
border-bottom: 0;
}

select.selection01 {
width: 100%;
height: 40px;

text-align: center;
background: #fff;
border: solid 2px #00aa9e;
}


.FS2_mypage_Entry_table tr td input, 
.FS2_mypage_Entry_table tr td select {
background: #fff;
border-radius: 5px;
border: solid 1px #999;
text-align: center;
}

.FS2_mypage_Entry_table tr td input, {
height: 30px;
}



/***
====================================================================================================================================================================================================================================================================================

03-fl
カテゴリー

====================================================================================================================================================================================================================================================================================
***/
/*
構造
*/
#mainImage, .property, .fl-section, .sectionSearch {
  width: 820px !important;
}
.sectionSearch {
  margin-bottom: 16px;
  background: #f7ead0;
}
.sectionSearch h4 {
  color: #fff;
  padding: 3px 8px 3px 28px;
  background: #333 url(https://image.rakuten.co.jp/auc-aecanap/cabinet/icon-search.gif) 8px center / 16px no-repeat;
  font-size: 16px;
}
.sectionSearch .flexWrap {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 16px 16px;
  box-sizing: border-box;
}
.sectionSearch .flexWrap > div {
  width: calc((100%/5) - 8px);
}
.bg-fl .flexWrap img {
  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.2);
  width: 100%;
}
/* 経過措置 */
.fl-line-up.section-search {
  background: #f7ead0;
  margin-bottom: 10px;
  width: 820px;
}
fl-line-up.section-search {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0
}
.fl-line-up h4 {
  font-size:18px;
  margin-bottom: 16px;
  border-top: solid 2px #333;
  border-bottom: solid 2px #333;
  }
.section-search .flexWrap {
  box-sizing: border-box;
  gap: 8px;
}
.section-search .flexWrap h4 {
  margin-bottom: 16px !important;
}
.section-search .flexWrap div {
  width: calc((100%/5) - 12px);
}
/*
スペック表
.property
*/
.property th {
  width: 25% !important;
  text-align: left;
}
/*
物性データタイトル
*/
.property h4 {
  font-size: 14px !important;
  font-weight: normal;
  text-align: left !important;
  background: #333 !important;
  border-radius: 2px !important;
  margin-bottom: 16px !important;
}
/*
スペック表
.property
フィルム特性
*/
.featTable-03fl {
  table-layout: fixed;
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif" !important;
}
.property .featTable-03fl th {
  font-size: 14px !important;
  padding: 8px 0;
  line-height: 1.2;
  text-align: center;
}
.featTable-03fl td {
  display: table-cell;
  text-align: center;
  width: 14.3%;
  font-size: 18px;
}
.featTable-03fl td:nth-child(2), .featTable-03fl td:nth-child(3), .featTable-03fl td:nth-child(4), .featTable-03fl td:nth-child(5), .featTable-03fl td:nth-child(6), .featTable-03fl td:nth-child(7) {
  font-size: 21px;
}
.featTable-03fl span {
  font-size: 0.8rem;
  color: #333;
  display: inline !important;
}
/*******************************************************************************　

画像表組

*******************************************************************************/



.category_uppertext h4,
.category_lowertext h4 {
  font-size: 21px;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 48px;
}

.category_uppertext h4 a,
.category_lowertext h4 a {
  text-indent: 5px;
  display: block;
  position: relative;
  vertical-align: middle;
}
a.arrowH4 {
  position: relative;
  padding: 0 0 0 24px;
  box-sizing: border-box;
  vertical-align: middle;
  text-decoration: none;
}
a.arrowH4:hover {
  opacity: 0.6;
}
a.arrowH4:after, a.arrowH4:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
a.arrowH4:before {
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  border: 1px solid #666;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
a.arrowH4:after {
  left: 7px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fl-line-up-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-left: solid 1px #ccc;
  border-top: solid 1px #ccc;
}
.fl-line-up-table th {
  width: calc(100%/5);
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  table-layout: fixed;
  margin: 0;
  padding: 0;
  overflow: hidden;
  object-fit: cover;
}
.fl-line-up-table td {
  padding: 8px 4px 8px 8px;
  height: 32px;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  line-height: 1.4;
  font-size: 14px;
  background: #333;
}
/* ハイグレード */
.fl-line-up-table span {
  color: #ccc;
}
.fl-line-up-table td a {
  display: block;
  color: #fff;
  font-weight: bold;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  position: relative;
}
.fl-line-up-table td a:after {
  content: "";
  position: absolute;
  top: 39%;
  right: 0;
  width: 6px;
  height: 6px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  transform: rotate(45deg);
}
.fl-line-up-table td a:hover {
  opacity: 0.6
}
/* リンクホバー時の画像拡大 */
.fl-line-up-table th img {
  width: 100%;
  transition: all 0.3s;
  transform: scale(1.1);
}
.fl-line-up-table th img:hover {
  transform: scale(1.5);
}
/*******************************************************************************　

新比較表組

*******************************************************************************/
.table-h {
  width: 820px;
  background: #f2f2f2;
  padding: 10px 8px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.table-h a {
  display: block;
  display: flex;
  gap: 10px;
  color: #333
}
.table-h a > div:first-of-type {
  width: 20%;
}
.table-h a > div:first-child img {
  width: 100%;
}
.table-h a > div:nth-child(2) {
  width: 80%;
}
.table-h a > div:nth-child(2) table {
  width: 100%;
  border-collapse: separate;
}
.table-h a > div:nth-child(2) table th, .table-h a > div:nth-child(2) table td {
  padding: 3px 0px;
  background: #fff;
}
.table-h a > div:nth-child(2) table th {
  font-size: 12px;
  white-space: nowrap;
  color: #666;
    background: #fafafa;
}
.table-h a > div:nth-child(2) table td {
  font-size: 14px;
}
.table-h a > div:nth-child(2) table tr:nth-child(2) td:first-of-type {
  padding-left: 8px;
}
.table-h a > div:nth-child(2) table tr:nth-child(2) td {
  line-height: 1.4
}
.table-h a > div:nth-child(2) table tr:nth-child(2) td span {
  font-size: 11px;
}
.table-h a > div:nth-child(2) table tr:first-child th:first-child {
  width: 20%;
}
.table-h a > div:nth-child(2) table tr th:nth-child(n+2) {
  width: 13%;
}
.table-h a > div:nth-child(2) table tr:nth-child(2) td:nth-child(2), .table-h a > div:nth-child(2) table tr:nth-child(2) td:nth-child(3), .table-h a > div:nth-child(2) table tr:nth-child(2) td:nth-child(4), .table-h a > div:nth-child(2) table tr:nth-child(2) td:nth-child(5), .table-h a > div:nth-child(2) table tr:nth-child(2) td:nth-child(6) {
  text-align: center;
}
.table-h a > div:nth-child(2) table tr:nth-child(4) td {
  text-align: center;
  /*  padding: 10px;*/
  font-family: Arial, Helvetica, "sans-serif";
}
.table-h a > div:nth-child(2) table tr:nth-child(4) td:nth-child(n+2) {
  font-size: 24px;
  color: #666;
  font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif; /* 記号のサイズを揃える */
}
.table-h a > div:nth-child(2) table tr:nth-child(2) td:nth-child(6), .table-h a > div:nth-child(2) table tr:nth-child(2) td:nth-child(7) {
  font-size: 12px;
}
.table-h a > div:nth-child(2) table tr:first-child td {
  padding: 0 10px;
  text-align: left;
}
/*
フィルムラベル物性比較表
*/
.property h4.forPrinter {
  background: none;
  color: #333;
  text-align: left;
  padding: 0;
  margin-bottom: 8px;
  font-size: 1.2rem;
  font-weight: bold;
}
.fl-buseiTable {
  border-collapse: collapse;
  border: 0 !important;
  width: 100%;
}
/*　物性比較表共通　*/
.fl-buseiTable td {
  text-align: center;
  padding: 20px 5px !important;
  line-height: 1.6;
  color: #333;
  white-space: nowrap;
  vertical-align: middle;
}
.fl-buseiTable td.type {
  font-size: 1.0rem;
  line-height: 1.6 !important;
}
.fl-buseiTable th {
  width: auto !important;
}
.fl-buseiTable td.filmName {
  font-size: 1.0rem;
  font-weight: bold;
  /*background: #f9f6e8;*/
}
.fl-buseiTable th, .fl-buseiTable td {
  border-left: 0 !important;
}
.fl-buseiTable tr td {
  border-bottom: solid 1px #666 !important;
  border-right: none;
}
.wspace {
  white-space: nowrap;
}
.fl-buseiTable a {
  margin-top: 5px !important;
  display: block;
  color: #0000ee;
}
.fl-buseiTable span.link01 {
  border: solid 1px #0000ee !important;
  border-radius: 3px;
  padding: 3px 10px;
  margin: 0;
  display: inline-block;
}
.fl-buseiTable span.normal {
  border: solid 1px #999;
  margin: 0 0px 2px;
  /*padding: 0px 10px;*/
  border-radius: 2px;
  width: 100%;
  display: block;
}
/*　物性比較表1　*/
.fl-buseiTable tr:nth-child(odd) td {
  /*background: #fafafa;*/
}
.fl-buseiTable tr td:nth-of-type(odd) {
  /*background: #fdfdfd;*/
}
.fl-buseiTable .type {
  background: #ccc;
  font-weight: bold;
}
.fl-buseiTable th {
  font-weight: bold;
  padding: 10px 5px !important;
  color: #fff;
  border-right: none !important;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
  background: #7d7e7d; /* Old browsers */
  background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%) !important; /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%) !important; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0) !important; /* IE6-9 */
}
/*

タブ

*/
.flTabArea {
  width: 100%;
  margin-bottom: 16px;
}
.flTabArea .tab li.active a {
  background: #f7ead0;
  line-height: 1.2;
}
.flTabArea .area.is-active {
  background: #f7ead0;
}
.flTabArea .tab li a {
  font-size: 16px;
  padding: 20px 40px;
  background: #fafafa;
  display: block;
  margin: 0 2px;
}
.flTabArea .area h2 {
 
  font-size: 18px;
  margin-bottom: 16px;
  text-align: center;
  padding: 16px;
  border-top:solid 2px #333;
border-bottom:solid 2px #333;
}
.flTabArea .area h2 span {
  font-weight: normal;
}
.flTabArea .area h2 a {
  color: #333;
  }

.flTabArea .area h2:not(:first-child) {
  margin-top: 24px;
}
.flTabArea .area ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 5px;
}
.flTabArea .area ul li {
  text-align: center;
  margin-bottom: 16px
}
.flTabArea .area ul li {
  flex-basis: 19.4%;
  position: relative;
}
.flTabArea .area ul li a {
  display: block;
}
.flTabArea .area ul li a dl dd {
  position: absolute;
  bottom: 8px;
  left: 5px;
  color: #fff;
  font-size: 13px;
  background: #000;
}
.flTabArea .area img {
  width: 150px;
  height: 125px;
  object-position: bottom;
  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.2);
  object-fit: cover;
}

.fl-line-up h4:not(:first-child) {
  margin-top: 24px;
}
.fl-line-up h4 a {
    display: block;
padding:16px;
}
.fl-line-up h4 a:hover {
  background: rgba(0, 0, 0, 0.2)
}
.fl-line-up > div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 16px 16px;
}
.fl-line-up > div div {
  width: calc((100%/5) - 8px);
}
.fl-line-up > div div:hover {
  border-radius: 15px;
}
.fl-line-up dl {
  background: #000;
  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.2);
  transition: all 0.1s 0.1s ease-in;
}
.fl-line-up a:hover {
  opacity: 0.6;
}
.fl-line-up dl dt img {
  width: 100%;
}
.fl-line-up dl dd {
  color: #fff;
  padding: 0px 3px 10px;
  font-size: 12px;
  line-height: 1.4;
}
/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

商品ページ
	
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
/*　商品ページ内　物性図解　*/
#mainImage {
  margin-bottom: 32px;
}
#mainImage img {
  margin-bottom: 16px;
}
#item-title {
  margin-bottom: 48px
}
/*
共通項目
スペック等
*/
.fl-section {
  width: 820px;
  padding: 3em;
  border: solid 1px #ccc;
  box-sizing: border-box;
  margin: 72px 0;
}
.fl-section .commonImage {
  width: 100%;
  margin-bottom: 48px;
}
.fl-section .property {
  width: 100%;
}
.fl-section p {
  font-size: 16px;
  color: #333;
}
.fl-material {
  display: flex;
  justify-content: space-between;
  border-radius: 3px;
  padding: 16px 10px;
  box-sizing: border-box;
}
.fl-material p {
  color: #fff;
}
.fl-material > div {
  flex-basis: 60%
}
.fl-material > img {
  flex-basis: 40%
}
.fl-material01 {
  flex-basis: 70%;
  background: #EB2D2D; /*　インクジェットプリンタ用背景色　*/
}
.fl-material02 {
  background: #3D9E4C; /*　レーザープリンタ用背景色　*/
}
.fl-material {
  color: #fff;
}
.fl-material h3, .fl-material h4 {
  font-size: 1.8rem;
  line-height: 1.4;
  margin: 24px;
  color: #fff;
}
.fl-material p {
  margin-left: 24px;
  font-size: 1.2rem
}
.fl-exp {
  font-size: 16px;
  color: #333;
  line-height: 1.8;
  margin: 24px 16px 48px;
  padding: 0 32px;
  /*font-size: 1.0rem*/
}
.fl-material-two {
  display: flex;
  box-sizing: border-box;
  margin-bottom: 48px;
  justify-content: space-between;
  text-align: justify;
}
.fl-material-two > dl {
  flex-basis: 49%;
  display: block;
  padding: 16px;
  box-sizing: border-box;
  border: solid 1px #f2f2f2;
  background: #fafafa;
}
.fl-material-two dl {
  text-align: center;
}
.fl-material-two dl dt {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 10px;
  font-weight: bold;
}
.fl-material-two dl dd:first-of-type {
  text-align: center;
}
.fl-material-two dl dd {
  margin-bottom: 16px;
  /*font-size: 0.9rem*/
}
.fl-material-two dl dd img {
  width: 100%;
}
.fl-material-two dl dd:nth-of-type(2) {
  font-size: 16px;
  color: #333;
  text-align: left;
  line-height: 1.6;
  padding: 0 16px;
}
.binoPr img {
width:100%;
}
/*******************************************************************************　

レフトナビ

*******************************************************************************/
/**===============================================================================

矢印アイコン　アロー

　==================================================================================================
**/
.aside h3 a, .aside ul li a, .cateBox-l h2 a, .left_dp ul li dl dd a, .left_category.left_dp .cateBox h3, .left_ic h4 a {
  /*  position: relative;
*/
}
.aside h3 a::before, .aside ul li a::before, .cateBox-l h2 a::before, .left_dp ul li dl dd a::before /*.left_category.left_dp .cateBox h3::before*/ {
  /*  content: '';
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
  border-color: transparent transparent transparent #8fa4ba;
*/
}
/*　三角矢印　*/
.arrow-small > li a, .arrow-middle a {
  position: relative;
}
/*　小さい三角矢印　*/
.arrow-small > li a::before, .arrow-middle > a::before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
  border-color: transparent transparent transparent #8fa4ba;
}
.cateBox-m .arrow-small > li a::before {
  left: 0;
  top: 15px;
  border-width: 3px 0 3px 6px;
}
.cateBox-m .arrow-middle {
  text-indent: 5px;
}
.cateBox-m .arrow-middle > a::before {
  left: 0;
  top: 23px;
  border-width: 4px 0 4px 8px;
}
.cateBox-l .arrow-big {
  text-align: 5px;
}
.cateBox-l .arrow-big > a::before {
  left: 0;
  top: 23px;
}
.aside h3 a::before {
  /*  left: 0;
  top: 17px;
  border-width: 5px 0 5px 10px;
*/
}
.aside ul li a::before {
  /*  left: 0;
  top: 15px;
  border-width: 3px 0 3px 6px;
*/
}
.cateBox-l h2 a::before {
  /*  left: 0;
  top: 0px;
  border-width: 6px 0 6px 12px;
*/
}
/**===============================================================================

レフトナビ共通　aside

　==================================================================================================
**/
.aside {
  width: 250px;
  float: left;
  margin-right: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.aside h2 {
  text-align: left;
}
.aside h3, .aside h3 a {
  color: #333;
  font-size: 16px;
  text-align: left;
}
.aside h3 {
  line-height: 1.2;
  /*margin-bottom: 10px;*/
}
.aside h4 {
  font-size: 16px;
  text-align: left;
}
.aside h5 {
  background: #fafafa;
  padding: 16px;
  text-align: left;
}
.aside ul li:not(:last-child) {
  border-bottom: dotted 1px #999;
}
.aside ul li {
  text-align: left;
  font-size: 11px;
}
.aside ul li a {
  font-size: 12px;
  display: block;
  color: #555;
  padding: 10px 10px 10px 0px;
  line-height: 1.4;
}
.aside a {
  color: #4E4642;
  display: block;
}
.aside a:hover {
  opacity: 0.6;
}
.aside img {
  width: 100%;
}
/*

カテゴリーボックス

*/
.cateBox-l {
  background: #fafafa;
  padding: 16px 0;
  border-radius: 10px;
  margin-bottom: 16px;
}
.cateBox-l h2 {
  font-size: 18px;
  padding: 15px;
}
.cateBox-m {
  background: #fff;
  width: 90%;
  margin: 0 auto 16px;
  border-radius: 5px;
}
.cateBox-m h3 {
  padding: 20px 10px 10px 10px;
}
.cateBox-m h3 a {}
.cateBox-m ul {
  padding: 0 10px;
}
.cateBox-m ul li {
  margin: 0;
  padding-left: 8px;
}
.cateBox:not(:first-child) {
  /*margin-top: 16px;*/
}
.cateBox a:hover {
  opacity: 0.5;
}
/*

〇カテゴリートップへのリンク

*/
.link_cateTop {
  text-align: left;
}
.link_cateTop a {
  padding: 8px 0px;
  display: block;
  line-height: 1.4;
  font-weight: bold;
}
/*

リンク無し　虫眼鏡アイコンを横につける

*/
.left_cut h5, .left_03fl h5 {
  padding: 10px !important;
  line-height: 1.4;
  font-size: 16px;
  margin-bottom: 8px;
  color: #555;
}
/***********************************************************************************************

	〇レフトナビ　left_film　フィルムラベル

***********************************************************************************************/


/*****************************************************************************************************

カレンダー

******************************************************************************************************/
.calendar {
  margin-top: 48px;
}
div.cal_wrapper {
  padding: 10px 0px;
}
div.schedule_wrapper {
  padding: 10px 0px;
  width: 200px;
  border: solid 1px #CCC;
  border-radius: 5px;
  box-shadow: 1px 1px 3px #666;
  box-sizing: border-box
}
div.schedule_wrapper h3 {
  padding: 0px 10px;
  font-weight: normal;
  margin: 0px;
  font-size: 12px;
  color: #666;
}
div.schedule_wrapper div.schedule_list {
  padding: 0px 10px;
  margin: 0px;
}
div.schedule_wrapper div.schedule_list ol {
  padding: 0px;
  margin: 5px auto;
  border-top: solid 1px #CCC;
}
div.schedule_wrapper div.schedule_list ol li {
  padding: 5px 10px 0px 0px;
  margin: 0px 0px 0px 30px;
  font-size: 12px;
  line-height: 1.5em;
}
div.schedule_wrapper div.schedule_list ol li:hover {
  text-decoration: underline;
}
div.cal_wrapper table.cal tr th p {
  float: left;
  padding: 5px;
  margin: 0px;
  color: #666;
  font-size: 12px;
}
div.cal_wrapper table.cal tr th div.cal_ui {
  float: right;
}
div.cal_wrapper table.cal tr th div.cal_ui input {
  border: solid 1px #CCC;
  background-color: #FFF;
  font-size: 12px;
  margin: 0px 1px;
  padding: 1px 5px;
  border-radius: 3px;
}
div.cal_wrapper table.cal tr td {
  border-top: solid 1px #EEE;
}
div.cal_wrapper table.cal tr td {
  font-size: 10px;
  text-align: center;
  padding: 2px
}
div.cal_wrapper table.cal tr.headline td {
  padding: 5px 0px;
  color: #666;
}
div.cal_wrapper table.cal tr.headline {
  background-color: #EEE;
}
div.cal_wrapper table.cal tr td div {
  position: relative;
  padding: 5px 8px;
  font-size: 10px;
  text-align: center;
  background-color: #FFF;
  border-radius: 3px;
}
div.cal_wrapper table.cal tr td div span {
  display: none;
  position: absolute;
  top: 20px;
  left: 0px;
  width: 180px;
  border: solid 1px #EEE;
  background-color: #FFF;
  text-align: left;
  padding: 5px;
  z-index: 10;
  color: #000;
  font-weight: normal;
  line-height: 1.5em;
  box-shadow: 1px 1px 3px #666;
}
div.cal_wrapper table.cal tr td div.Sat {
  color: #00F;
  background-color: #FEE;
}
div.cal_wrapper table.cal tr td div.Sun {
  color: #F00;
  background-color: #FEE;
}
div.cal_wrapper table.cal tr td div.Today {
  font-weight: bolder;
}
div.cal_wrapper table.cal tr td div.Deli {
  background-color: #EFE;
}
div.cal_wrapper table.cal tr td div.Holyday {
  font-weight: bolder;
  color: #F00;
  background-color: #FEE;
}
div.cal_wrapper table.cal tr td div.Birthday {
  font-weight: bolder;
  background-color: #EEF;
  color: #090;
  border-radius: 3px;
}
div.cal_wrapper table.cal tr td div.backward {
  color: #CCC;
  font-weight: normal;
  background-color: #FFF;
  border-radius: 3px;
}
div.cal_wrapper table.cal tr td div.pointer {
  cursor: pointer;
}
div.cal_wrapper table.cal tr td div.pointer:hover {
  background-color: #EEE;
}