@charset "utf-8";

.mincho {
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',serif;
}

/*==============================
	商　品　説　明 PC
==============================*/
.main_img{
	margin:10px 0;
}
/*==============================================
    販売終了告知
*==============================================*/
.item-mi,
.item-tyui{
	border: #C9203F solid 1.5px;
	padding:10px 9px 10px 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.item-tyui span{
	color: #C9203F;
	font-weight: bold;
}

/*==============================================
  ★ [parts] _bottom.html
==============================================*/
.item-about{
	text-align: justify;
	color: #333;
	display: flex;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
	flex-wrap: wrap;
}

/*タイトル　共通*/
.iteminfo_ttl{
    font-size: 1.5rem;
    text-align: -webkit-left;
    margin-bottom: 10px;
    letter-spacing: 0.1rem;
}

/*本文　共通*/
.iteminfo_txt{
    font-size: .85rem;
    line-height: 2;
    margin-bottom:10px;
}


/*---幅いっぱい表示---*/
.iteminfo_full_img,
.iteminfo_full_txt{
	width: 100%;
	margin: 5px 0;
	padding: 0 2%;
}

/*---半分で表示---*/
.iteminfo_half_txt{
	width: 50%;
	vertical-align: top;
	padding: 0 20px;
}
.iteminfo_half_img{
	width: 50%;
}

.iteminfo_half_img,
.iteminfo_half_txt{
	display:inline-block;
	margin: 10px 0;
}

/*==============================================
  ★ [parts] _bottom.html　【　旧HTML　　あとで消す】
==============================================*/
.iteminfo_box{
	width: auto;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	margin: 10px 0 5px;
}
.iteminfo_sub{
	font-size:0;
	letter-spacing: 0;
}
.iteminfo_sub img{
	width:50%;
	display:inline-block;
}
/*テキスト*/
.item-sub,
.iteminfo_box_maxpc{
	color: #333;
	text-align: justify;
	letter-spacing: 2px;
	padding: 2%;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
}
.item-sub{
	width: 440px;
}

/*テキスト画像無し*/
.iteminfo_box_maxpc{
	width: 100%;
}

.item-ttl{
    font-size: 1.5rem;
    text-align: -webkit-left;
    margin-bottom: 10px;
    letter-spacing: 0.1rem;
}

.item-txt{
    font-size: .85rem;
    line-height: 2;
}

/*==============================
	[parts] _bottom.html
	価格帯一覧　（カタログ専用）.item-pricelist_baby　はコロン
==============================*/
.item-pricetit,
.tagbox h3{
	width: 100%;
	font-size: 1.2rem;
	margin: 20px 20px 10px 10px;
}

.item-pricelist,
.item-pricelist_baby{
	font-size:0;
}

.item-pricelist{
	margin: 0 0 2% 0;
}

.item-pricelist li,
.item-pricelist_baby li{
	width: calc(100%/7);
	display: inline-block;
	font-size: .8rem;
	padding: 2px;
}

.item-pricelist a,
.item-pricelist_baby a{
	width: 100%;
	display: block;
	border: 1px #aaa solid;
	background-color: #f5f5f5;
	border-radius: 3px;
	padding: 4% 0;
	text-align: center;
}


/*==============================
	[parts] _bottom.html
	おすすめのご用途
==============================*/
.tagbox{
	font-size: .8rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.cttag{
	background-color: #e4f3e7;
	padding: 10px 20px;
	margin: 5px;
	border-radius: 20px;
	width: auto;
	display: inline-block;
	letter-spacing: .1em;
}

/*追加パーツのホバー*/
.cttag:hover,
.item-pricelist a:hover,
.parts-opbox a:hover{
	opacity: 0.6 ;
	transition: 0.3s;
}


/*==============================
	[parts] _bottom.html
	オプション説明
==============================*/
.parts-option{}

.parts-opbox,
.parts-other-option{
	width: calc(98%/3);
	display: inline-block;
	font-size: .8rem;
	color: #333;
	text-align:center;
	padding: 0 2%;
	margin:2% 0;
	vertical-align: top;
}
.parts-opbox h4{
	font-size:1rem;
	margin: 4% 0;
}
.parts-opbox img{
	max-width:100%;
}
.parts-opbox p{
	text-align:justify;
	padding: 4% 0;
	min-height: 100px;
}
.parts-opbox a{
	width:100%;
	display:block;
	background-color:#eeeeef;
	padding:4% 0;
	border-radius:5px;
}

.part-oplink{}
.parts-other-option{
		width: 34%;
		padding: 0;
}
.parts-other-option h4{
	font-size:1rem;
}
.parts-other-option p{
	font-size: .75rem;
	margin: 10px;
}

.parts-other-option a{
	width: 49%;
	display: inline-block;
	font-size: .8rem;
	vertical-align: baseline;
}
.parts-other-option img{
	max-height:170px;
}







/*==================================
	[parts] _bottom.html
	お客様の声 スタッフコメント
===================================*/
.voice_box {
    width: 100%;
    font-size: .8rem;
    margin: 4% 0;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    text-align: center;
}

/*タイトル*/
.voice_ttl{
	font-size:1rem;
}
.voice_ttl img{
	vertical-align:bottom;
	margin:0 10px;
}

/*お客様の声*/
.voice_review{
	width: 60%;
}

/*小見出し*/
.voice_review_subttl{
  position: relative;
  display: inline-block;
  margin: 10px 10px 20px;
  padding: 10px;
  max-width: 100%;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  background: #AB9372;
  border-radius: 3px;
  letter-spacing: 2px;
}

.voice_review_subttl:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #AB9372;
}


/*お客様像*/
.voice_review_cha {
	font-weight:bold;
	margin: 10px 20px 0;
	letter-spacing: 2px;
}

/*満足度*/
.voice_review_cha span {
	color: #F15A24;
}

/*本文*/
.voice_review_txt,
.voice_txt {
	text-align:justify;
	line-height: 1.5;
	letter-spacing: 1px;
	padding: 10px;
}



/*スタッフコメント*/
.voice_staff{
	width: 38%;
	border-radius: 5px;
	background-color: #f5f5f5;
	padding: 10px;
	margin: 10px 0 20px 10px;
}

.voice_staff_ttl{
	margin-top: 0;
}

.voice_staff_subttl{
	width: 50%;
}
.voice_staff_ttl img {
	vertical-align: bottom;
}

/*インライン*/
.voice_review,
.voice_staff,
.voice_staff_subttl,
.voice_staff_ttl img,
.voice_staff_ttl p{
	display: inline-block;
}

.staff_txt {}



/*==================================
	[parts] _bottom.html
    NEW お客様の声 スタッフコメント
===================================*/
.voice_review_only{
	/* display: flex; */
	text-align: justify;
	/* font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif; */
	flex-wrap: wrap;
	justify-content: flex-start;
}
.voice_review_only .voice_review_ttl{
	width: 100%;
}

.voice_review_txt_only{
	/* width: 45%; */
	background: #f5f5f5;
	margin: 10px 0 0px;
	padding: 10px 10px;
	border-radius: 5px;
	letter-spacing: 1px;
}






/*==================================
	[parts] _bottom.html
	カタログ販売数アピールバナー
===================================*/
.ct-sales-figures-banner {
	width: 950px;
    margin-top: 3%;
}

/*==============================================
    [parts] towel　_bottom.html タオル商品説明文
==============================================*/
/*---画像---*/
.item_disc_1{
	/* font-size: 0; */
	width: 45%;
	display: inline-block;
}

.item_disc_1 img:first-child{
	width: 100%;
	height: auto;
	display: inline-block;
	margin: 0;
}

/*---テキストエリア---*/
.item_disc_2{
    padding-left: 10px;
    width: 54%;
    display: inline-block;
    vertical-align: top;
}

/*見出し*//*本文*/
.item-mi,
.item-se{
	width: 100%;
	/* height: auto; */
	/* display: inline-block; */
	font-size: .8rem;
	margin: 10px 0 20px 0;/* text-align: left; */
	
	line-height: 2;
	letter-spacing: .1em;/* font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体"; */
}

/*==================================
	こちらのカタログギフトもおすすめ
	カタログギフトと合わせて、もう一品
===================================*/
.pkup-box{
	width: 100%;
	display: flex;
	margin: 4% 0;
}
.pkup-box h4{
	color:#555;
}

/*おすすめ*/
.pkup-oth-cata{
	width: 37%;
	display: flex;
	background: #f9f3ea;
	margin: 0 10px;
	border: 2px #d1b19e solid;
	border-radius: 10px;
	padding: 4%;
	flex-wrap: wrap;
	justify-content: center;
}

.pkup-oth-cata a{
	width: 100%;
	display: block;
	text-align: center;
}

.pkup-oth-cata>p{
	font-size:.8rem;
	margin-bottom: 10px;
}

.pkup-oth-cata img,
.pkup-oth-item img{
	max-width: 100%;
	max-height: 180px;
	margin: 10px;
}

.pkup-oth-link{
	padding: 4%;
	background: #333;
	border-radius: 30px;
	color: #fff;
	font-weight: 600;
}

/*もう一品*/
.pkup-oth-item{
	width: 60%;
	padding: 4%;
	margin: 0;
	border-radius: 10px;
	text-align: center;
}

.pkup-oth-item ul{
	display: flex;
	align-items: flex-start;
}

.pkup-oth-item li{
	width: auto;
	padding: 10px;
	font-size: .75rem;
	text-align: center;
}


/*==============================
	[parts] towel　_bottom.html
	テイスト
==============================*/
.item_disc_3{
	font-size: 0;
	padding:10px 20px 30px;
	margin-bottom: 15px;
	border-bottom: 1px #eeeeef solid;
}

.item_disc_3 dt,
.item_disc_3 dd{
	font-size: 15px;
	height: auto;
	display: inline-block;
	padding: 1% 2%;
	vertical-align: top;
	border: 0.5px #999 solid;
}

/*見出し*/
.item_disc_3 dt{
	width: 35%;
	background-color: #eeeeef;
	text-align: center;
}

/*内容*/
.item_disc_3 dd{
	width: 65%;
	height: auto;
}

/*肌触り*/
.teist_1 p{
	width: auto;
	display:inline-block;
	margin: 0 10px 0 0;
}

.teist_1 >.yes{	color:forestgreen;
			   font-weight: 700;
			  }
.teist_1 >.not{ color: #C6C6C6;}

/*★*/
.teist_2{	color: #FF9800;}




/*==============================================
	ランキング PC　カテゴリページ用
==============================================*/
/*各ランキングの枠*/
.popularity{
	text-align:center;
	margin:0 auto;
	font-size: 0;
}
/*タイトル*/
.popularity h2{
	margin-top:10px;
}
.popularity h2 img{
	width: 30px;
	margin: 10px;
}
.popularity li{
	width: calc(100%/5);
	display: inline-block;
	padding: 10px;
	vertical-align: top;
}

.popularity a img{
	max-width: 150px;
	max-height: 150px;
	margin-top: 3px;
}

li .rank{
    font-size: 16px;
    padding-top: 10px;
    color: #555;
    font-weight: bold;
}
li .theone{
	background-image:url(/picture/rank.jpg);
	background-position: top;
	height:33px;
	margin:0 auto;
}
li .rank-text{
	height:auto;
	font-size: 13px;
	padding:10px 0 3px 0;
	text-align: justify;
}

li .rank-price{
	font-size:15px;
	font-weight: 600;
	color: #C9203F;
}

/*------------------------------------------------
　　　ランキング　タブ切り替え全体のスタイル
------------------------------------------------*/
.tabs {
	width: 950px;
	background-color: #fff;
	border: 1px #ccc solid;
	padding-bottom: 10px;
	margin: 0 auto 20px;
}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/5);
  height: 50px;
  border-bottom: 3px solid #11973F;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
  padding: 0px 10px;
  clear: both;
  overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
/*用途別*/
#all:checked ~ #all_content,
#bridal:checked ~ #bridal_content,
#baby:checked ~ #baby_content,
#kaiki:checked ~ #kaiki_content,
#memorial:checked ~ #memorial_content{
  display: block;
}
/*予算別*/
#price-1:checked ~ #price-1_content,
#price-2:checked ~ #price-2_content,
#price-3:checked ~ #price-3_content,
#price-4:checked ~ #price-4_content,
#price-5:checked ~ #price-5_content{
  display: block;
}
/*カテゴリ別　個別ランキング*/
#ranking-catalog:checked ~ #ranking-catalog_content,
#ranking-gulmet:checked ~ #ranking-gulmet_content,
#ranking-towel:checked ~ #ranking-towel_content,
#ranking-catalog:checked ~ #ranking-catalog_content,
#ranking-sweets:checked ~ #ranking-sweets_content,
#ranking-aroma:checked ~ #ranking-aroma_content,
#ranking-kitchen:checked ~ #ranking-kitchen_content,
#ranking-gulmet-sw:checked ~ #ranking-gulmet-sw_content{
	display: block;
}


/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #11973F;
  color: #fff;
}




/*==============================================
	シリーズ別　商品説明文設定
・生こっとん&今治謹製
・チェリッシュ
・エグゼタイム、たびもの撰華
・エグゼタイムプラチナム
・アデリー　スイーツ説明文
・マイプレ
==============================================*/

/*==============================
生こっとん&今治謹製　商品説明文のｃｓｓ
==============================*/
/*---共用：基本の設定---*/

/*トップ画像*/
.NC-IK-top{
	width: 100%;
	height: auto;
}

/*説明文*/
.NC-IK-copy{
	font-size: 13px;
	line-height: 2em;
	margin: 40px 0 0;
}

/*サイズ説明画像*/
#NC-IK-size{
	width: 100%;
	height: auto;
}

/*==============================
	生こっとん専用の設定
==============================*/
/*コピーの文字画像*/
.NC-copy-size{
	width: 70%;
	height: auto;
	margin-bottom: -10px;
}

/*赤ちゃんにも安心「今治ブランド」認定*/
#NC-anshin{	margin-top: 20px;}

/*今治ブランド認定マーク*/
#NC-imabari-mark{	margin-left: 10px;}

/*厳しい基準をクリアし、優れた吸水性と…*/
#NC-imabari-txt{
	display: inline-block;
	vertical-align: bottom;
}

/*ナチュラルで高級感漂う木箱*/
#NC-kibaco-copy{margin-top: 35px;}

/*-----------共用：商品紹介のかたまり1-----------*/
/*グリッドの設定*/
.NC-IK-wrap1,.NC-IK-wrap1-kin{
	width: 100%;
	height: auto;
	padding: 50px;
	display: grid;
	grid-template-columns: 422px 422px;
	grid-template-rows: 338px 338px;
}

/*今治謹製用　グリッドの設定*/
.NC-IK-wrap1-kin{
	grid-template-rows: 338px 338px 338px;
}

/*今治謹製の背景色*/
#IK-bgc{background-color: #EDDBD6;}

/*生コットンの背景色*/
#NC-bgc{background-color: #EDE8DE;}

/*生コ：生クリームのような…、謹製：不規則だから美しい…*/
.NC-IK-item1{
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	padding: 33px 0;
	text-align: center;
}

/*イメージ画像1*/
.NC-IK-item2{
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
}
.NC-IK-item2 img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/*生コ：感動のボリューム…、謹製：風合いとデザイン…*/
.NC-IK-item3{
	padding: 55px 0;
	text-align: center;
}

.NC-IK-item4 img,.NC-IK-item3-3 img{
	object-fit: cover;
	width: 100%;
	height: 100%;

}

/*色合いが美しい上質なタオル*/
/*グリッドの設定*/
.NC-IK-item3-2{
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: auto;
	padding: 55px 0;
	text-align: center;
}
.NC-IK-item3-3{
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 3;
}

/*-----------共用：商品紹介のかたまり2-----------*/
/*グリッドの設定*/
.NC-IK-wrap2{
	width: 100%;
	height: auto;
	padding: 50px;
	display: grid;
	grid-template-columns: 422px 422px;
	grid-template-rows: 288px 288px;
	grid-gap: 50px 0;

}

/*生コ：今治ブランド認定、謹製：グッドデザイン賞*/
.NC-IK-item5{
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	padding: 3px 0;
	text-align: center;
}
.NC-IK-copy2{
	font-size: 13px;
	line-height: 2em;
	margin-top: 9px;
}

/*イメージ画像3*/
.NC-IK-item6{
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
}
.NC-IK-item6 img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/*生コ：ナチュラル～木箱、謹製：美しい～木箱*/
.NC-IK-item7{
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 2;
	padding: 25px 0;
	text-align: center;
}
.NC-IK-copy3{
	font-size: 13px;
	line-height: 2em;
	margin: 30px 0 0;
}

/*木箱の画像*/
.NC-IK-item8{
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 2;
}
.NC-IK-item8 img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/*----------------------------
    おすすめ用途（生こっとん・今治謹製共用）
----------------------------*/
#osusume-youto{
	margin: 3% 0;
	width: 100%;
	height: auto;
}

/*----------------------------
    オプション（生こっとん・今治謹製共用）
----------------------------*/
.twl-option{
	display:inline-block;
	background-color: #EDDBD6;
	margin: 0 0 5%;
	text-align: center;
	color: #3D3A39;
	padding: 0 0 3%;
}
.twl-option h2{
	color: #624326;
	font-size: 26px;
	letter-spacing: 0.3em;
	text-align: center;
	margin: 3% 0 1%;
}
.twl-option ul{margin: 2% 1% 1% 0;}

.twl-option li{
	width: 30%;
	height: auto;
	display:inline-block;
	margin:0 0 15px 15px;
}
.twl-option li>p{
	background-color: #FFF;
	font-size: 13px;
	padding: 15px;
	text-align: left;
}
.twl-option img{
	width:100%;
	max-width:282px;
	max-height: 277px;
	border-bottom: 2px solid #624327;
}
.twl-option p{
	font-size: 17px;
	font-weight: bold;
}
#op-txt-last{
	text-align: right;
	padding: 0 2% 2% 0;
}


/*==============================
     チェリッシュ新商品説明文
==============================*/
/*太字*/
.font-b{font-weight: bold;}

/*中央揃え*/
.text-c{text-align: center;}

/*文字色グレー*/
.font-cl-gray{color: #555;}

.ch-midashi{
    margin: 5% auto 1% auto;
    text-align: center;
    font-size: 30px;
}
.case{
	font-size:.8rem;
	margin-bottom: 10%;
}
.ch-m-box{
	width: 950px;
	font-size: 30px;
	padding: 10% 0 2% 0;
	text-align: center;
}

.font-center{
	text-align: center;
	margin-bottom: 5%;
}

/*.ch-category,
.case{
	font-size:.8rem;
}
.ch-m-box{
	font-size: 1.2rem;
	margin: 5% 0 2% 0;
	text-align: center;
}*/

.ch-midashi img{vertical-align: text-bottom;}


/*用途の紹介-※法人ギフトページからコピー*/
.uses_list {
    width: 950px;
    margin: 0 auto;
    display: flex;
    /* flex-wrap: wrap; */
	align-items: flex-start;
}
.uses_list_element {
    width: calc(100%/4);
    height: 238px;
    color: #FFF;
    font-size: 25px;
    font-weight: bold;
    position: relative;
}
.uses_list_element img {
    width: 100%;
}
.uses_text {
    width: 225px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    text-shadow: 0 0 5px #333;
text-align: center;}


/*交換商品のお申し込みについて*/
.web-request{
	background: #eeeeef;
	padding: 4% 0% 5% 0%;
    letter-spacing: 1px;
    text-align: center;
}

.web-request img{
	width: 30%;
    margin: 0 auto 2% auto;
    /*float: right;
    vertical-align: top;*/
}

.web-request p:first-child{
	text-align: center;
    font-size: 19px;
    margin: 0 0 4% 0;
}

.web-request p:last-child{font-size: 15px;}
.web-request-midashi{color: #EB6322;}
.req-tyui {color: #EB6322;}/*「※はがき、お電話、FAX等でのお申込みは承っておりません。」*/


/*3大ポイント*//*選ばれている3つの理由*/
.choose-cl-blue{
	color: #659EC9;
	font-size: 20px;
	margin: 0 0 3% 0;
	text-align: center;
    letter-spacing: 1px;
}
.ch-point{
	width: 950px;
	margin: 0 0 -5% 0;
}
.ch-point-li{
	display: flex;
	align-items: center;
	margin: 0 0 5% 0;
}
.point-text{
	width: 40%;
	padding: 0 5% 0 0;
}
.point-img{width: 60%;}

.ch-point-li:nth-child(2){
	flex-direction: row-reverse;
}
.ch-point-li:nth-child(2) .point-text{padding: 0 0 0 5%;}

/*.ch-point{
	background: #F6C933;
	padding: 30px 20px 30px;
	margin: 0 0 5% 0;
}*/

.ch-point div:last-child{
	margin-right: 0;
}
.point {
    border-top: solid #659EC9 1px;
    border-bottom: solid #659EC9 1px;
    display: block;
    padding: 3% 0;
    margin-top: 1%;
}
.point-number{font-size: 40px;}

/*イメージ画像*/
.Item-about .point-top{
	width: 40%;
	margin: 0 auto 7.5% auto;
	display: block;
}
.point-midashi{
    width: calc(96.5%/3);
    height: 200px;
    display: inline-block;
    vertical-align: top;
    background: #FFF;
    text-align: center;
    padding: 28px 15px 25px 15px;
    margin-right: 10px;
    line-height: 1.3;
    position: relative;
    border: #000 solid 1px;
    font-size: 1rem;
}
.point-midashi img{
	margin-bottom: 4%;
}
.point3-head{width: 6%;}

/*ポイント１画像*/
.point-midashi .midashi-l,
.point-midashi .midashi-l2,
.point-midashi .midashi-l3{
    position: absolute;
    top: -28.3%;
    left: 24%;
	width: 55%;
}

.point-midashi span{display: block;}

.point-midashi .text-s{
    font-size: 13px;
    line-height: 23px;
    margin-top: 11px;
    letter-spacing: 1px;
    text-align: left;
    text-align: justify;
}

.point-midashi .point-text{
	margin: 4% 0 9% 0;
}


/*商品へとぶ*/
.ch-catalog{}
.Item-about .m-r-no{}


/*全ラインナップ*/
.case-txt{font-size: 16px;}/*本文テキストサイズ*/
.case a{
	/* border: #000 solid 1px; */
	padding: 3% 0 3% 0;
	text-decoration: underline;
	margin: 5% auto 7.5% auto;
	display: block;
	width: 90%;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
}

.case a:hover{
	background: #fff7de;
	color: #494949;
	border: #F6C933 solid 1px;
}

.case img{
	/* width: 100%; */
	max-width: 100%;
	max-height: 250px;
	margin: 10px auto 0;
}

.case-p{
	width: calc(98%/3);
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

/*商品へとぶ*/
.ch-catalog{
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
	padding: 4% 0;
	margin: 0 4% 6% 4%;
	font-size: 1rem;
}

.ch-catalog ul{
	text-align: justify;
	margin: 3% 0 0 0;
}

.ch-catalog li{
	width: calc(92%/3);
	display: inline-block;
	vertical-align: top;
	margin: 0 2.6% 0 0;
	text-align: center;
	text-decoration: underline;
	font-size: .8rem;
}
.ch-catalog p{
    text-align: center;
}

.ch-catalog img{
	width: 100%;
	margin-bottom: 5%;
}

.Item-about .m-r-no{
    margin-right: 0;
}

.ch-catalog .catalog-icon{
	width: 4%;
	display: block;
	margin: 0 auto;
	font-size: .8rem;
}

/*掲載カテゴリ*/
.ch-ct-box{width: 950px;}
.ch-ct-text{
	width: 40% ;
	height: 304px;
	padding: 8% 4% 0;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: -6px;
	text-align: center;
}
.ch-ct-img{width: 60%; display: inline-block;}
.ct-tx-orange{background-color: #F5AB2D;}/*背景色：オレンジ(デイリーグッズ)*/
.ct-tx-green{background-color: #8CC056;}/*背景色：グリーン(キッチン)*/
.ct-tx-pink{background-color: #D49B9F;}/*背景色：ピンク(ビューティー)*/
.ct-tx-yellow{background-color: #EDC64C;}/*背景色：イエロー(洗剤・役立ちグッズ)*/
/*カテゴリ名*/
.ct-name{
	width: 80%;
	padding: 2% 0;
	background-color: #FFF;
	text-align: center;
	margin: 0 auto 7%;
	font-size: 20px;
}
/*イラスト*/
.ct-illust{
	width: 28%;
	position: absolute;
    top: 23%;
    right: 4%;
}


.category-box{/*旧コード↓*/
	text-align: justify;
	margin: 3% 0 0% 0;
}
.category-box ul{text-align: center;}
.category-box li{
	width: calc(97%/6);
	margin-bottom: 3%;
	display: inline-block;
	text-align: center;
	line-height: 1.2;
}
.category-box li:nth-child(2n){margin-right: 0;}

.category-box img{
	width: 100%;
	display: block;
	margin: 0 auto 3% auto;
}

.category-box span{font-size: 0.85em;}
.li-last-box{margin-bottom: 2%;}/*旧コード↑*/


/*お申し込みからお届けまでの流れ*/
.ch-nagare{
	padding: 1px 0;
	/* font-size: .8rem; */
}
.ch-nagare-cen{text-align: center;}/*「流れ」見出し下テキスト-センター揃え*/

.ch-nagare-text{
	margin: 13px 0 13px 0;
	color: #FFF;
	padding: 10px;
	text-align: center;
	/* border: #11973f solid 1px; */
	background: #555;
	letter-spacing: 2px;
}
.nagare-box{
	background: #FFF;
	text-align: left;
	padding: 30px 30px 0;
	display: inline-block;
	/*width: calc(96.8%/3);
	height: 190px;*/
	width: calc(96.5%/3);
    height: 225px;
	vertical-align: top;
	margin-right: 10px;
	border: #7B9756 solid 1px;
}

/*.ch-nagare{
	padding: 1px 30px;
	margin: 0 0 5% 0;
	font-size: .8rem;
}

.ch-nagare-text{
	margin: 13px 6px 13px 0;
    color: #FFF;
    padding: 10px;
    text-align: center;
    border: #c9203f solid 1px;
	background: #c9203f;
	letter-spacing: 2px;
}

.nagare-box{
	background: #FFF;
	margin-bottom: 3%;
	text-align: left;
	padding: 20px 12px;
	display: inline-block;
	width: calc(94%/4);
	height: 235px;
	vertical-align: top;
	margin-right: 10px;
	border: #7B9756 solid 1px;
}*/

.nagare-box:first-child{margin-top:5%;}

.ch-nagare .nagare-number{
    vertical-align: sub;
	margin-left: 20%;
	margin-right: -5%;
}

.nagare-icon{
    display: inline-block;
    text-align: center;
}

.nagare-icon img{
    width: 80%;
    margin-bottom: 10px;
}

.nagare-text span{
	font-size: .7rem;
	line-height: 1;
	margin: 10px 0;
}


/*ご利用実績*/
.achivement {
  background-color: #f5f5f5;
  padding-bottom: 25px;
  margin-bottom: 43px;
}
.achivement .ch-m-box{padding-top: 5%;}
.achivement_content {
  width: 950px;
  margin: 0 auto;
	padding: 0px 7px;
}

.achivement_mainimg {
  width: 64%;
  padding: 45px 0 16px;
}

.manyorder {
  font-size: 17px;
  padding-bottom: 25px;
	text-align: center;
}

.achivement_list {
  width: 100%;
}

.achivement_list_element {
  display: flex;
	border-top: #999 solid 1px;
}

.achivement_list_element:last-child{border-bottom: #999 solid 1px;}

.achivement_list_element:nth-child(odd) {
  background-color: #ebebeb;
}

.achivement_list_element:nth-child(even) {
  background-color: #fff;
}

.company {
  width: 350px;
  display: flex;
  margin: 10px 50px 10px 72px;
}

.prefecture, .companyname, .others {
  color: #555;
}

.prefecture {
  border: 1px solid #555;
  border-radius: 10px;
  font-size: 18px;
  width: 110px;
  color: #555;
  padding: 4px 16px 0;
	text-align: center;
}

.companyname {
  margin-top: 5px;
  margin-left: 12px;
  font-size: 20px;
  font-weight: bold;
}

.purpose {
  width: 320px;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  margin: 14px 74px 5px;
}

.others {
  text-align: left;
  font-size: 19px;
  font-weight: bold;
  margin: 9px 0 0 75px;
}

/*法人バナー*/
.corporation-banner{padding-top: 5%;}/*見出し下テキスト-上余白調整*/
.coprtion-bn-img{
	width: 43%;
	margin: 0 auto 5%;
    display: block;
}/*チェリッシュ 00036.bottom ↑*/


/*Myroom GIFTのサービス*/
.my-service{
	text-align: justify;
	font-size: 0;
}

/*サービス一覧*/
.shop-service{
    font-size: 0;
    margin-bottom: 4%;
}
.shop-service li{
    font-size: .8rem;
    width: calc(100%/4);
    display: inline-block;
    padding: 5px;
    vertical-align: top;
    text-align: center;
}
.shop-service img{
	width: 100%;
	display: inline-block;
}
.shop-service a{
	text-decoration:underline;
	width: auto;
	display: block;
}

.service-title{
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.5;
    color: #c9203f;
    margin: 3% 0;
}

.shop-service div{
	width: calc(100%/3);
	min-height: 260px;
	background: #fff;
	padding: 4% 0;
	display: inline-block;
	vertical-align: top;
	margin: 2% 0% 2% 0;
	border: 1px #ccc solid;
	font-size: 1rem;
}

/*真ん中のdiv*/
.shop-service div:last-child{
	margin-right: 0;
}
.shop-service span{
	font-size: 13px;
}

.shop-service div p:last-child{
	text-decoration: underline;
}

.shop-service .center-box p:last-child{
	margin-top: 8%;
}

.shop-service-p{
	margin-top: 20px;
	padding: 0 2%;
}

/*オプション一覧*/
.service-option{
	text-align: center;
	padding: 5px 0 3% 0;
	margin-bottom: 3%;
	background: #f5f5f5;
}
.service-option h2{
	font-size: 1.5rem;
	letter-spacing: 0.3em;
	text-align: center;
	margin: 3% 0 1%;
}
.service-option li{
	width: 30%;
	height: auto;
	display: inline-block;
	margin: 0px 0 10px 5px;
	border: 1px #ccc solid;
	background-color: #fff;
}
.service-option li>p{
	background-color: #fff;
	font-size: .8rem;
	padding: 0px 18px 10px 19px;
	text-align: justify;
}
.service-option p{
	font-size: .8rem;
	margin-bottom: 15px;
}

/*注文キーワード*/
.keyword-seach-p{
    margin: 20px 5px 0;
    color: #333;
    font-size: 12px;
}

.keyword-seach{
    display: flex;
    padding: 0 5px;
}
.keyword-seach>li{
	width: auto;
	height: auto;
	display: block;
	padding: 5px;
}
.keyword-seach>li:hover{

}

.keyword-seach>li>a{
    background-color: #f5f5f5;
    border: 1px #aaa solid;
    padding: 2px 15px;
    font-size: .75rem;
    width: auto;
    height: auto;
    display: block;
    border-radius: 20px;
    letter-spacing: 2px;
    text-align: center;
}

.Item-subtit{
	font-size:1rem;
	font-weight:bold;
	margin:5px;
	letter-spacing:2px;
	color:#333;
}


/*==============================
  エグゼタイム用の設定,たびもの撰華用の設定
==============================*/
/*背景の設定*/
#exe-main,
#exe-point{
    background-color: #feeddc;
}

/*たびもの撰華用-背景*/
#tabi-main,
#tabi-point{
    background-color: #E6E2E6;
}

/*注意文*/
#exe-caution,
#tabi-caution {
    border: 2px solid #b3223c;
    padding: 10px;
    width: 95%;
    margin: 10px auto;
}

#exe-caution img,
#tabi-caution img{
	width: 30px;
	margin: 0 2% 0 0;
	height: auto;
	vertical-align: top;
}

#exe-caution h2,
#tabi-caution h2{
	width: 100%;
	padding: 0 0 1%;
	font-size: 1rem;
	color: #b3223c;
}

#exe-caution p,
#tabi-caution p{
	font-size: .8rem;
	font-weight: bold;
	letter-spacing: .1em;
}

#tabi-caution a,
#tabi-caution .font-b{
	color: #b3223c;
}

#tabi-caution span{
	text-decoration: underline;
}

#tabi-caution .font-b{
	font-weight: bold;
	text-decoration: none;
}



/*-----------メイン-----------*/
#exe-main,
#tabi-main{
	width: 100%;
	height: auto;
	padding: 4% 5%;
}

/*温泉が贈れるカタログギフト*/
#exe-main h2,
#tabi-main h2{
	width: 100%;
	height: auto;
	color: #b3223c;
	font-size: 23px;
	margin: 0 0 3%;
}
#tabi-main h2{
    color: #7A7640;
}

/*和風マーク*/
#exe-main h2 img,
#tabi-main h2 img{
    width: 50px;
    height: auto;
}

#tabi-main h2 img{
    width: 45px;
}

#exe-main h2 img:first-of-type,
#tabi-main h2 img:first-of-type{
    margin: 0 4% 0 20%;
}

#exe-main h2 img:last-of-type,
#tabi-main h2 img:last-of-type{
    margin: 0 22% 0 2%;
}

/*メインビジュアル*/
#exe-main>img,
#tabi-main>img{
    width:46%;
    height: auto;
    display: inline-block;
    margin: 0 5% 0 0;
    vertical-align: top;
}

/*メイン説明文*/
#exe-maintext,
#tabi-maintext{
    width:45%;
    height: auto;
    display: inline-block;
}
#exe-maintext>p,
#tabi-maintext>p{
	margin: 0 0 6%;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	line-height: 2.1em;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
}
/*ペア画像*/
#exe-maintext div img,
#tabi-maintext div img{
	width: 10%;
	height: auto;
	display: inline-block;
	margin: 0 3% 0 0;
	vertical-align: top;
}

#tabi-maintext div img{
    width: 8.5%;
}

/*ペア説明文*/
#exe-maintext div p,
#tabi-maintext div p{
	width: 85%;
	height: auto;
	display: inline-block;
	font-size: 15px; color: #b3223c;
	font-weight: bold;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
}

#tabi-maintext div p{
    color: #7A7640;
}


/*-----------ポイント-----------*/
#exe-point,
#tabi-point{
    width: 100%;
    padding: 4% 5% 3%;
}

#exe-point li,
#tabi-point li{
    width: 46%;
    margin: 0 0 4%;
    padding: 0;
    display: inline-block;
}

#exe-point li:first-of-type,
#tabi-point li:first-of-type{
    margin: 0 6% 0 0;
}

/*ポイント見出し画像*/
#exe-point li img:first-of-type,
#tabi-point li img:first-of-type{
	width: 16%;
	height: auto;
	display: inline-block;
	margin: 0 2% 0 0;
	vertical-align: top;
}

/*ポイントイメージ画像*/
#exe-point li img:last-of-type,
#tabi-point li img:last-of-type{
	width:100%;
	height: auto;
	margin: 5% 0;
}

/*ポイント説明文*/
#exe-point li p,
#tabi-point li p{
	width: 100%;
	font-size: .8rem;
	color: #333;
	line-height: 1.8em;
	font-weight: bold;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
}

#exe-point li h3,
#tabi-point li h3{
	width: 78%;
	padding: 2% 0 1%;
	height: auto;
	display: inline-block;
	margin: 0 0 0 2%;
	background-color: #fff;
	border-top: solid 2px #b3223c;
	border-bottom: solid 2px #b3223c;
	font-size: 20px;
	text-align: center;
	color: #b3223c;
	line-height: 1.4em;
    letter-spacing: 1px;
}

#tabi-point li h3{
	border-top: solid 2px #7A7640;
	border-bottom: solid 2px #7A7640;
	color: #7A7640;

}

/*-----------カバーデザイン-----------*/
/*カバーとQ&A*/
.exe-h2,.tabi-h2{
	width: 100%;
	background-color: #08234c;
	color: #fff;
	font-size: 20px;
	padding: 15px 0 12px;
	text-align: center;
	letter-spacing: 0.1em;
}
.tabi-h2{	background-color: #35374B;}

#exe-covertype{
    width:45%;
    display: inline-block;
    vertical-align: top;
    margin: 3% 2%;
}

#exe-covertype p{
	padding: 4% 0;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	text-align: center;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
}

#exe-covertype p span{
	color: #b3223c;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
}

#exe-covertype img{
    width: 92%;
    height: auto;
    margin: 0 4%;
}


/*--たびもの撰華　2冊セットになっています--*/
.tabi-covertype{
	padding: 2% 0;
	text-align: center;
	background: #E6E2E6;
}
/*文字*/
.t-c-box1>table,.t-c-box2>p{
	font-size: 13px;
	font-weight: 600;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
}

/*冊数説明ボックス*/
.t-c-box1,.t-c-box2{
	height: auto;
	display: inline-block;
}

/*コース別表*/
.t-c-box1{
	width: 30%;
	vertical-align: middle;
}

.t-c-box1{
	width: 20%;
	margin: 0% 1% 0 0;
	text-align: left;
	padding: 15px 15px 0 15px;
}

.t-c-box1>table{
    width: 100%;
}
/*テーブル内のテキスト*/
.t-c-box1-t{
	padding: 3%;
	font-weight: 600;
}

/*2冊セットです*/
.t-c-box2{
	padding: 10px 15px;
	width: 70%;
	text-align: left;
	border: 3px #7A7640 solid;
	border-radius: 10px;
	background: #FFF;
}
.t-c-box2>p{
	width: 65%;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

.t-c-box2>p>span{
	font-weight: 600;
	color: #b3223c;
}

.t-c-box2>img{
	height:120px;
	display: inline-block;
}


#exe-link-warp,
#tabi-link-warp{
	width: 45%;
    margin: 3% 0 2% 4%;
	display: inline-block;
}

#exe-link,
#exe-link2,
#tabi-link,
#tabi-link2{
	width: 100%;
	margin-bottom: 4%;
}

#exe-link h3,
#tabi-link h3{
	width:94%;
	margin:0 0 6%;
	padding:2% 0 1%;
	background-color: #229148;
	color:#fff;
	text-align: center;
	font-size: 16px;
}

#exe-link2 h3,
#tabi-link2 h3{
	width:94%;
	margin:0 0 6%;
	padding:2% 0 1%;
	background-color: #b3223c;
	color:#fff;
	text-align: center;
	font-size: 16px;
}

#exe-link img,
#exe-link2 img,
#tabi-link img,
#tabi-link2 img{
	width: 30%;
	height: auto;
	display: inline-block;
	margin: 0 4% 0 0;
	vertical-align: top;

}

#exe-link ul,
#exe-link2 ul,
#tabi-link ul,
#tabi-link2 ul{
	width: 58%;
	height: auto;
	display: inline-block;
}

#exe-link li,
#exe-link2 li,
#tabi-link li,
#tabi-link2 li{
	margin: 0px 0 3%;
	width: 100%;
	height: auto;
}

#exe-link li a,
#exe-link2 li a,
#tabi-link li a,
#tabi-link2 li a{
	border: solid 0.2vh #333;
	padding: 2% 15%;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	display: block;
}

#exe-link li a:hover,
#exe-link2 li a:hover,
#tabi-link li a:hover,
#tabi-link2 li a:hover{
	background-color: #333;
	color: #fff;
}

#exe-link li a:before,
#exe-link2 li a:before,
#tabi-link li a:before,
#tabi-link2 li a:before{
	content: '▶';
	margin: 0 3% 0 0;
}





/*----Q&A エグゼとたびもの----*/
.exe-q-a,.tabi-q-a{
	width: 100%;
	height: auto;
}

.exe-q-a{
	width: 100%;
	height: auto;
	text-align: left;
	margin: auto;
	letter-spacing: 1px;
}

.exe-q-a dt,
.tabi-q-a dt{
	width: 10%0;
	height: auto;
	background-color: #ddd;
	font-size: .8rem;
	font-weight: bold;
	color: #333;
	border-left: 1px #aaa solid;
	border-right: 1px #aaa solid;
}

.tabi-q-a dt{
	background-color: #E6E2E6;
}

.exe-q-a dt p,
.tabi-q-a dt p{
	width: 90%;
	padding: 10px 0;
	display: inline-block;
	vertical-align: middle;
}

.exe-q-a dt:before,
.tabi-q-a dt:before{
	content: 'Q';
	font-weight: bold;
	color: #08234c;
	padding: 0 2%;
}

.exe-q-a dd,
.tabi-q-a dd{
    width: 100%;
    padding: 5px;
    border: 1px #aaa solid;
}

.exe-q-a dd p,
.tabi-q-a dd p{
	width: 90%;
	font-size: .75rem;
	margin: auto;
}

.exe-q-a dd p:before,
.tabi-q-a dd p:before{
	content: 'A';
	color: #b3223c;
	font-weight: bold;
	margin: 0 2% 0 0;
}


/*============================================
　	エグゼタイム　販売説明文201207
============================================*/
/*テキストエリア*/
.exe_txtbox{
	padding: 10px 20px;
	font-size: .85rem;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
}

/*最初のテキスト*/
.exe_toptxt,
.exe_txtbox h2{
	background: #061939;
	color: #fff;
	text-align: center;
}

/*2名様*/
.onsen-two{
	padding: 20px;
	font-weight:bold;
	color: #061939;
	text-align: center;
}
/*======================
	ポイント
======================*/
.exe_point{
	margin-bottom: 2%;
}
.exe_point img{
	margin: 10px;
}

/*テキストエリア*/
.exe_point_box{
	width: 85%;
	margin: 10px auto;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
}

/*小見出し*/
.exe_point_tit{
	display: inline-block;
	font-size: 1.5rem;
	margin: 10px 0;
	color: #c1262a;
	vertical-align: top;
	letter-spacing: 2px;
}

/*本文*/
.exe_point_txt{
	font-size: .85rem;
	margin: -5% 12% 0;
}


/*======================
	シリーズ一覧
======================*/
.exe_series{
	width: 100%;
	text-align: center;
	border: 2px #051a39 solid;
	padding-bottom: 20px;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
	margin: auto;
}
.exe_series a:hover{
	opacity: 0.6 ;
	transition: 0.3s;
}

.exe_series_title{
	background-color: #051a39;
	color: #fff;
	text-align: justify;
	padding: 10px;
}
.exe_series_title h2{
	width: 51%;
	display: inline-block;
	padding: 0 10px;
	color: #fff;
}
.exe_series_title p{
	width: 45%;
	display: inline-block;
	font-size: .8rem;
	vertical-align: middle;
	letter-spacing: 1px;
}

/*表*/
.exe_series_list{
	width: 100%;
	margin: 4% 0;
}
.exe_series_list th{
	padding:10px 0;
}
.exe_series_list td{
	padding: 0 10px;
	vertical-align: top;
	text-align: center;
}
.exe_series_list td img{
	max-width: 100%;
}

.exe_serires_imgpart2{
	width: 97px;
	margin-top: 4px;
	box-shadow: 1px 1px 5px 2px #ddd;
}

/*リンクボタン*/
.exe_serires_link a{
	width: auto;
	display: block;
	margin: 5px 0;
	padding: 5px 0;
	font-size: .8rem;
	letter-spacing: 2px;
	border: #08234c solid 2px;
	background: #08234c;
	color: #fff;
	font-weight: bold;
}

.exe_serires_link .exe_link_f {
	background: #fff;
	border: #08234c solid 2px;
	color: #333;
}

/*プラチナム*/
.exe_pl_box{}

/*左右の箱設定*/
.exe_pl_l{width: 46%;}


.exe_pl_l,
.exe_pl_r{
	display: inline-block;
	vertical-align: middle;
}

/*バナー*/
.exe_pl_l img{
	max-width:100%;
}

/*価格帯リンク*/
.exe_pl_r ol{
	margin:0;
	padding-inline-start: initial;
	text-align: justify;
}
.exe_pl_r li{
	list-style: none;
	padding-inline-start: unset;
	width: 100%;
	text-align: center;
}

.exe_pl_r a{
	width: auto;
	display: block;
	background: #08234c;
	color:#fff;
	padding: 6px 0;
	margin: 5px auto;
}





/*==============================
      　エグゼタイムプラチナム
==============================*/
/*共通　spanを★にする*/
.exe-ster{
    color: #d5c414;
}

/*TOPエリア*/
.exepla-top{
	width: 100%;
	background-image:url("/prev_contents/parts/pict/exe-p/intro_bg.png");
	background-repeat: repeat-x;
	text-align: center;
	margin: -2% 0 5% 0;
	padding-top: 5%;
}

.exepla-top-box{
	width: 47%;
    height: auto;
    display: inline-block;
    vertical-align: top;
}

.exepla-top img{
    margin-bottom: 2%;
}

/*見出し*/
.exepla-t-1{
	font-weight: 600;
	text-align: left;
	line-height: 2;
	margin: 20px 0 0 30px;
	font-size: 27px;
}

/*本文*/
.exepla-t-2{
    padding-top: 5%;
}

.exepla-t-2 p{
	width: 60%;
	height: auto;
	font-size: 15px;
	text-align: left;
	vertical-align: middle;
	padding-right: 0;
	line-height: 1.5;
	margin: 5px 0 0 30px;
}
.exepla-t-2 img{
    width: 38%;
}

/*タイトル*/
.exepla-title{
	width: 100%;
	height: auto;
	display: inline-block;
	text-align: center;
	font-size: 1rem;
}

.exepla-title p{
	color: #000;
	font-size: 1.2rem;
	font-weight: 600;
	text-align: center;
	padding: 2% 0;
	margin: 2% 10%;
	height: auto;
	background-color: #FFF;
}

/*タイトル　背景ゴールド*/
.exepla-back{
	background: -moz-linear-gradient(top left, #FFF, #FFC778);
	background: -webkit-linear-gradient(top left, #FFF, #FFC778);
	background: linear-gradient(to bottom right, #FFF, #FFC778);
	margin-bottom: 1%;
}

/*--- オススメ商品 ---*/
.exepla-pickup{	font-size: 0;}

/*並び*/
.exepla-pickup ul{
    margin: 2%;
    padding-bottom: 3%;
}

.exepla-pickup li{
	width: 23%;
	height: auto;
	display: inline-block;
	font-size: 12px;
	vertical-align: top;
	margin-right: 22px;
}
.exepla-pickup li:nth-child(4n){
    margin-right: 0;
}


/*交換商品の画像*/
.exepla-pickup img{
	width: 100%;
	height: auto;
}
/*★商品の見出し*/
.exepla-p-t{
	font-size: 18px;
	font-weight: 600;
	color: #FFF;
	text-align: center;
	padding: 1%;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.ster10{    background-color: #4c2b03;}
.ster95{    background-color: #754c24;}
.ster41{    background-color: #c69c6d;}


/*★と商品名*/
.exepla-pickup p{
    font-weight: 600;
}

/*赤い★*/
.exepla-pickup li>p>span{
	width: 100%;
    height: auto;
    display: block;
    font-size: 13px;
    margin: 2% 0px;
    text-align: center;
	color: red;
}

/*----- 圧倒的掲載点数 -----*/
.exepla-cata{
	width: 100%;

	height: auto;
	text-align: center;
	margin-bottom: 4%;
}
/*タイトル*/
.exepla-cata-img {
	position: relative;
	padding: 0% 4%;
	background-image:url("/prev_contents/parts/pict/exe-p/intro_bg.png");
	background-repeat: repeat-x;
}
.exepla-cata-img p {
	position: absolute;/*絶対配置*/
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',serif;
	font-size: 40px;
	font-weight: 600;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
}

.exepla-cata-img img {
	width: 70%;
	padding: 2%;
}

/*小見出し 　※価格帯と共有*/
.exepla-cata h4,
.exepla-item h4{font-size: 1rem;}

/*テキストエリア*/
.exepla-cata-2{
    padding: 0 4%;
    margin-bottom: 8%;
}
/*本文*/
.exepla-cata-2 p{
	margin: 3% 0;
	height: auto;
	display: inline-block;
	font-size: .8rem;
	vertical-align: bottom;
}

/*ボタン*/
.exepla-cata-2 a{
	width: 55%;
	height: auto;
	display: inline-block;
	background-color: #f15a24;
	padding: 3% 0;
	color: #FFF;
	font-size: 1rem;
	font-weight: 600;
	border-bottom: #bd451a 5px solid;
}

.exepla-cata-2 a:hover{
    border-bottom:none;
}

/*----- 価格帯ラインナップ -----*/
.exepla-item {
	text-align: center;
}

.exepla-item h4{
	width: 100%;
	height: auto;
	padding: 2% 0;
	text-align: center;
	background-color: #eeeeef;
}

.exepla-item img{
	width: auto;
}

/*価格帯ボタン*/
.exepla-item ul{
    text-align: center;
    width: 50%;
    height: 260px;
    display: inline-block;
    vertical-align: middle;
    margin: 3% 0 10px 5%;
}

.exepla-item li>a{
	width: 100%;
	height: auto;
	display: inline-block;
	margin-bottom: 2%;
	border-bottom: 5px #999 solid;
	border-top: 1px #999 solid;
	border-left: 1px #999 solid;
	border-right: 1px #999 solid;
}

.exepla-item li>a:hover{
	border-bottom: 1px #999 solid;
}

/*ボタン1個の設定*/
.exepla-i{
	font-size: 15px;
	font-weight: 600;
}

/*共通設定*/
.exepla-i>a>span,

.exepla-i>a>p{
	height: 100%;
	display: inline-block;


}
/*左の範囲*/
.exepla-i>a>span{
	color: #FFF;
	text-align: center;
	width: auto;
	padding: 3%;
}
.exepla-i>a>p{
	width: 89.7%;
	padding: 0 5%;
	text-align: left;
}


/*★10コース*/
.exe-b-10>a>span{background-color: #ccc;}

/*★20コース*/
.exe-b-20>a>span{background-color: #f7931e;}

/*★30コース*/
.exe-b-30>a>span{background-color: #29abe2;}

/*★20★30の特徴*/
.exepla-i-m{
	text-align: center;
	font-size: 1.5rem;
	font-weight: 600;
	margin: 2.5% 4% 0 4%;
}

.exepla-i-m2{
    padding: 0.5% 0;
    margin: 0 0 1.5% 0;
    font-size: 13px;
    text-align: center;
    line-height: 25px;
}

/*★の色設定*/
.star{color: #FBB03B;}

/*プラン1、2の囲い*/
.plan1,
.plan2{
	margin: 0 0% 3% 0%;
	min-height: 340px;
	width: calc(99%/2);
	display: inline-block;
	vertical-align: top;
	border: 1px #946d03 solid;
	padding: 2%;
}

.plan1,
.plan2,
.plan-icon{
	letter-spacing: 0.05em;
}

.plan-icon img{
	width: 50%;
}

/*見出しテキスト&左右のボーダー*/
.plan-text{
	font-size: 20px;
	letter-spacing: 0.1em;
	margin: 0 20%;
}

.plan-text,
.plan-text2{
	color: #936C00;
}

.plan-text2{
	margin: 0.5% 0 2% 0;
	font-size: 18px;
}

.plan-text:first-child{
	display: flex;
	align-items: center;
}
.plan-text:before,
.plan-text:after{
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #936C00;
	display: block;
}

.plan-text:before {
	margin-right: .8em;
}

.plan-text:after {
	margin-left: .8em;
}

.plan-text span{
	font-size: 27px;
}
.plan-text,
.plan-text2,
.plan-icon span,
.exepla-i-m2{
	font-weight: bold;
}

/*見出しテキスト&左右のボーダー end*/

.plan-icon{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 3% auto 4% auto;
	font-size: 1rem;
	letter-spacing: 0.15em;
}

.plan-icon-t{padding-top: 2%;}

.plan-icon-t1{padding-top: 3%;}

.plan-icon-t2{padding-top: 4%;}

.plan-icon span{
	color: #C9203F;
	font-size: 20px;
}

.plan-icon .bag-icon{
	margin-top: 5%;
}

.plan-icon .human-icon2{
	margin-top: 2.5%;
}

.purasu-text{
	font-size: 13px;
	letter-spacing: 0.15em;
}

/*----- コンシェルジュ -----*/
.exepla-concierge{	font-size: 0;}
.exepla-c{
	width: 50%;
	height: auto;
	display: inline-block;
	font-size: 1rem;
	vertical-align: top;
	text-align: left;
}
.exepla-c p{
    padding: 0 0 5% 10%;
    line-height: 2;
}

.exepla-c img{width: 80%;}

/*----- 無期限ご案内 -----*/
.exepla-mukigen{
	width: 50%;
	height: auto;
	display: inline-block;
}

.exepla-mukigen img{width: 80%;}

/*ご購入はこちら*/
.exepla-cart {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 2% 0;
	font-size: 1.2rem;
}
.exepla-cart a{
	width: 60%;
	height: auto;
	display: block;
	border-radius: 10px;
	background-color: #C9203F;
	color: #FFF;
	margin: 0 auto;
	font-weight: 600;
	padding: 2%;
}

.exepla-cart a:hover{
	opacity: 0.5;
	transition: 0.3s;
	text-decoration:underline;
}
/*Q&A*/
.exe-QandA{
	/* width: 70%; */
	height: auto;
	font-size: .85rem;
	text-align: justify;
	/* padding: 2% 0; */
	margin: auto;
}

.QandA-h2{
    margin: 4% 0 0;
    padding: 1% 2%;
    background-color: #333;
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: 0.1em;
}

.QandA-Q{
	background-color: #eeeeef;
	font-weight: bold;
	color: #333;
	padding: 10px 20px;
	margin: 10px 0 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.QandA-Q:before{
	content: 'Q';
	font-weight: bold;
	/* color: #b3223c; */
	margin-right: 2%;
}

.QandA-A{
	color: #333;
	padding: 10px 20px;
	margin: 0 0 10px;
	border: 1px #eeeeef solid;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.QandA-A:before{
	content: 'A';
	color: #b3223c;
	font-weight: bold;
	padding-right: 2%;
}


/*==============================
  えらべるフラワー
==============================*/
/*コンセプト*/
.flowerDesc_topImg {
	max-width: 100%;
	height: auto;
	margin: auto;
	display: block;
}

.flowerDesc_header {
	display: flex;
	text-align: center;
	font-size: 2rem;
	color: #333;
	margin: 20px auto 0;
	letter-spacing: 0.2rem;
	font-weight: initial;
justify-content: center;}

.flowerDesc_header::before {
	content: "";
	display: inline-block;
  width: 42px;
  height: 36px;
	background-image: url(/parts/pict/00203/consept_h2.png);
	background-size: contain;
	margin: 0 30px;
}
.flowerDesc_header::after {
	align-self: flex-end;
	content: "";
	display: inline-block;
	width: 42px;
  height: 36px;
	background-image: url(/parts/pict/00203/consept_h2.png);
	background-size: contain;
	margin: 0 30px 10px;
}

/*コンセプトテキスト*/
.flowerDesc_introTxt {
	display: flex;
	text-align: center;
	font-size: 1.3rem;
	color: #333;
	line-height: 3.3rem;
	margin: 40px auto 30px;
justify-content: center;}

.flowerDesc_introTxt img {
	width: 135px;
	height: 210px;
	margin: 0 30px 0 0;
}

.flowerDesc_introTxt img ~ img {
	margin: 0 0 0 30px;
}


/*見出し*/
.fl_tit{
	background-color:#cfe6df;
	padding: 10px;
	margin: 10px 0 10px;
	font-size:1.2rem;
}
/*テキスト*/
.fl_txt{
	margin:10px;
	text-align: center;
	font-size: 1rem;
}

/* 商品の特徴 */
.fl_info_box{
	border:20px #cfe6df solid;
	padding:10px;
	display:flex;
}

.fl_info_subbox{
	padding:0 10px;
}

.fl_info_subbox h3{
	font-size:1rem;
	margin:10px 0;
}
.fl_info_subbox p{
	text-align: justify;
}

/* ショップ紹介 */
.fl_rose{
	width: 100%;
	display: flex;
	align-items: center;
	background: #692b1e;
	color: #fff;
	font-size: .75rem;
	margin: 20px 0 0;
}

.fl_rose_img{
	width: 55%;
	height:auto;
}

/*テキストエリア*/
.fl_rose_txt{
	display:flex;
	padding: 0 10px 0 20px;
	flex-wrap: wrap;
}

.fl_rose_txt h3{
	font-size:1.2rem;
	margin:0;
	color: #fff;
}

.fl_rose_txt p{
	width: 68%;
	display:inline-block;
	margin: 10px 10px 0 0;
	text-align: justify;
	line-height: 2;
	font-size: .8rem;
}

.fl_rose_txt img{
	width: auto;
	height: max-content;
}


/*  アレンジメント */
.fl_item_titbox h3{
	border-top: 6px #333 double;
	border-bottom: 6px #333 double;
	text-align:center;
	padding:10px;
	letter-spacing: 2px;
	font-size: 1.5rem;
	margin: 30px 0 10px;
}

/*生活雑貨*/
.fl_item_img{
	/* width: 100%; */
	max-width: 100%;
	height: auto;
	margin: 0 auto 10px;
	display: block;
}

/*ギフト使用用途*/
.fl_use {
	/* width:80%; */
	/* margin:auto; */
}

.fl_use{
	/* width: 80%; */
	margin: 0 auto 4%;
	border: 4px #cbe6df solid;
}

.fl_use table{
	border:2px #cfe6df solid;
	margin:0 0 20px;
}


.fl_use th,
.fl_use td{
	padding:10px;
}

/*メッセージカード*/
.fl_card{
	width: auto;
	border:20px #cfe6df solid;
	border-radius:10px;
	padding:10px;
	margin:auto;
	text-align:center;
}

/*カタログギフトの中身を見る*/
.flowerDesc_linkBox {
	width: 100%;
	display: flex;
	flex-direction: column;
	border-bottom: 2px #333 solid;
	padding-bottom: 20px;
}

.flowerDesc_link {
	width: auto;
	display: block;
	margin: auto;
}

/* お届けまでの流れ */
.flowerDesc_deliveryFlow {
	border: 1px solid #333;
	margin: 2% 0;
	padding: 4%;
	text-align: center;
}

.flowerDesc_subTitle {
	width: auto;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.2;
	margin: 0 10px;
	/* display: flex; */
	}

.flowerDesc_flowList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.flowerDesc_flowList li {
	display: flex;
	align-items: center;
	width: 50%;
	flex-wrap: wrap;
	text-align: justify;
}

.step-1 {	order: 1;}
.step-2 {	order: 2;}
.step-3 {	order: 3;}
.step-4 {	order: 4;}

.flowerDesc_flowTxt {
	font-size: .85rem;
	letter-spacing: 0.2rem;
}

/* 注意事項 WEB申込限定 */
.fl_webonly {
	background-color: #f5f5f5;
	border-radius:5px;
	color: #c9203f;
	font-weight: bold;
	letter-spacing: .1em;
/* font-size: inherit; */}

.flowerDesc_attention {
	text-align: center;
	border: 1px solid #333;
	margin: 2% auto 0%;
	padding: 10px;
	font-size: initial;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 950px;
	align-items: center;
}

.flowerDesc_attentionTxt {
	width: 70%;
	display: inline-block;
	text-align: left;
	margin: 10px auto;
}

/*写真を並べる*/
.fl_imglist{
	display: flex;
	width: 100%;
	justify-content: center;
}

.fl_imglist img{
	width: 50%;
	padding: 5px;
	border-radius: 15px;
}


/*==============================
     アルバム型カタログ
==============================*/
/*アルバム代無料*/
.al-muryou{
	color: #C9203F;
	border: #C9203F solid 1px;
}

.al-top,
.al-item-course{
	margin: 3%;
}
.al-item-course{
	display: inline-block;
	width: 14%;
	vertical-align: top;
	margin-right: 2%;
}
.al-item-course p{
	text-align: center;
}
.al-top{
    margin-bottom: 1%;
}

.top-album{
	width: 64%;
	margin-right: 2.5%;
}

.top-album2{
	width: 32.5%;
}

.free-num{
	font-weight: bold;
	font-size: 25px;
}
.free-pri{
	color: #C9203F;
	border: #C9203F solid 1px;
	margin: 0 0 0 1.5%;
	padding: 1.5% 3.5%;
	font-size: 14px;
}
.album-free{
	width: 25%;
	letter-spacing: 0.1em;
	border-top: #885343 solid 1px;
	border-bottom:  #885343 solid 1px;
	padding: 1% 2%;
	font-size: 15px;
	display: inline-block;
	margin-right: 3%;
	margin-top:1.3%;
	line-height: 4vh;

}
.mens-free{
	border-top: #486ca0 solid 1px;
	border-bottom:  #486ca0 solid 1px;
}

.rady-free{
	border-top: #ea758b solid 1px;
	border-bottom:  #ea758b solid 1px;
}

.select-al{
	width: 60%;
	vertical-align: top;
	margin-top: 1%;
}
.al-item-course img{
    width: 100%;
    margin: 2% 0 0 0;
}

.al-kingaku{
	margin-top:0%;
}

.al-kingaku li{
	width: 22.2%;
	color: #885343;
	border: #885343 solid 1px;
	border-radius: 0.2vw;
	display: inline-block;
	text-align: center;
	margin-right: 1%;
	margin-bottom: 2%;
}

.mens-c .al-kingaku li{
	color: #3b4c70;
	border: #3b4c70 solid 1px;
}

.rady-s .al-kingaku li{
	color: #da5962;
	border: #da5962 solid 1px;

}

ul.al-kingaku.kin2{
	width: 46.3%;
	float: left;
	margin-right: 1.7%;
}

ul.al-kingaku.kin2 li{
	width: 47.7%;
	margin-right: 2.5%;
}

ul.al-kingaku.kin2 li:last-child{
	margin-right: 0;
}


/*------------------------------------
     アルバム型カタログ 金額の種類
------------------------------------*/
/*------------------------------------------------
　　			コラムのアコーディオイン
------------------------------------------------*/
/*アコーディオン全体*/
.ac-column {
	width: 77%;
    margin-top: 3%;
    padding: 0;
    max-width: 100%;
	display: inline-block;
}
.ac-column p{
	margin-bottom: 5%;
	font-weight: bold;
}

/*ラベル*/
.ac-column label {
	width: 235px;
    margin: 0 0 4%;
    padding : 5% 3.5% 4% 5%;
    cursor :pointer;
    transition: all 0.5s;
	color: #885343;
	font-size: 14px;
	text-align: left;
	letter-spacing: 0.1em;
	border: #885343 solid 1px;
	border-radius: 3px;
	display: none;
}

.mens-c label{background-color: #3b4c70;/*背景色-メンズ*/}

.rady-s label{background-color: #da5962;/*背景色-レディ*/}

.ac-column label:last-child{
	margin-bottom: 0;
}

.ac-column label::after{
	font-family: "Font Awesome 5 Free";
	content: '\f107';
	font-weight: 900;
	float: right;
}

/*ラベルのアイコン*/
.ac-column label img{
   height: 2.5vh;
	margin: 0 4.5% 0 0;
	width: auto;
	display: inline-block;
	vertical-align: middle;
}

/*ラベルホバー時*/
.ac-column label:hover{
    background-color: #876259;
    color: #FFF;
}

.mens-c label:hover{
    background-color: #486ca0;
}
.rady-s label:hover{
    background-color:  #ea758b;
}

/*チェックは隠す*/
.ac-column input {display: none;}

/*コラム中身の設定*/
.ac-columncss:checked + .ac-columnshow {
    height: auto;
    padding: 1% 0% 1.5% 0%;
	opacity: 1;
}

/*中身の文字*/
.column-contents p{
	padding: 0.5% 0;
	margin-bottom: 0;
	font-weight: normal;
}
/*中身のリンク*/
.column-contents a{
	width: 100%;
	height: 100%;
	display: block;
	padding: 1.5% 0;
}

.column-contents a:hover{
	background: #885343;
	color: #FFF;
	text-decoration:none;
}

.column-contents a{color: #885343}

.mainbox .mens-c a:hover{background: #486ca0; color: #FFF;}
.mainbox .mens-c a{color: #486ca0;}

.mainbox .rady-s a{color: #ea758b;}
.mainbox .rady-s a:hover{background: #ea758b; color: #FFF;}


/*==============================
     名入れ商品
==============================*/
.naire-box{padding: 0 4%;}

.n-top img{width: 100%;}

.n-top-text1{
	color: #d46280;
	margin-bottom: 2%;
	font-size: 24px;
	text-align: center;
	letter-spacing: 8px;
	display: inline-block;
	font-weight: bold;
}

.n-top-text1 br{display: none;}

.n-top-text .line-l{margin-left: 0;}
.n-top-text .line-r{margin-right: 0;}

.n-top-text .n-top-text-b2{
    width: 90%;
    margin: auto;
    line-height: 30px;
}
.n-top-text .n-top-text-b3{
    margin-top: 2%;
}
.n-top-text-b3 span{
    font-weight: bold;
}
.n-top-text .n-top-text-b{
    width: 100%;
    text-align: center;
}

.n-top-text{
    margin:4% 0 4.5% 0;
}

.n-top-text img{
    margin: 0 1.7% 0 1.7%;
    text-align: center;
    width: 2.5%;
}

.n-caution{
	border: #be203f solid 1px;
	padding: 3% 4.5%;
	color: #be203f;
	margin-bottom: 4.5%;
}

.n-caution p{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 1.5%;
}

.n-caution li{
    line-height: 30px;
    font-size: 15px;
}

.n-caution img,
.n-nagare img{
    width: 3%;
    margin-right: 1.5%;
}

.n-nagare img{
    margin-top: -1%;
}

.n-caution img{
    margin-top: -0.5%;
    width: 3.5%;
}

.n-caution ul{
    margin-left: 4.5%;
}


.n-caution li::before{content: '・';}

.n-giftbox{
    font-weight: bold;
    font-size: 3.7vw;
}

.n-nagare{margin-bottom: 4.5%;}

.n-nagare .n-nagare-p{
	width: 100%;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 1%;
}

.n-nagare p{
    width: 90%;
    margin: auto;
    font-size: 15px;
}

.n-step{
	width: calc(96.5%/2);
	height: 170px;
	background: #eeeeef;
	padding: 2.5% 1.5% 2.5% 4%;
	margin: 2% 2.5% 3% 0;
	display: inline-block;
	vertical-align: top;
}

.n-nagare .n-step3{
    margin-right: 0;
}

.n-step img{
    width: 35%;
    vertical-align: text-bottom;
    display: inline-block;
}

.n-step .step2-svg{margin-top: 6%;}

.n-step p:first-child{
	color: #d46280;
	font-weight: bold;
	margin-bottom: 5%;
	font-size: 14px;
}

.n-step p{
	width: 50%;
	display: inline-block;
	line-height: 2.8vh;
	font-size: 13px;
}



/*==============================
	コロン・チャオ
==============================*/
/*出産内祝い用カタログ*/
.babycata-infobox{
	max-width: 39%;
	display: inline-block;
	font-size:.8rem;
	margin: 20px 0 0 0;
}
.babycata-infobox td{
	padding: 5px;
}

.babycata-infobox img{
	width:100%;
}
.babycata-infobox div{
	width: 47%;
	min-height: 130px;
	display:inline-block;
	vertical-align: top;
}
.babycata-infobox p{
	padding: 10px 0 0 0;
	font-size: .7rem;
}

.babycata-infobox a{
	padding:2%;
	width:auto;
	display:block;
	text-align:center;
	margin:2%;
	border-radius:5px;
	font-weight:bold;

}

/*コロンとチャオの枠*/
/*見ている方*/
.babycata-show{
	border: #ea758b 2px solid;
}
.babycata-show p>a{
	border: 2px #ea758b solid;
	background-color:#ea758b;
	color:#fff;
}
/*詳しく*/
.babycata-more p>a{
	border:#ea758b 2px solid;
}
.baby-ct{}
/*専用カタログ タイトル*/
.baby-ct-tit{
    background: #ea758b;
    color: #fff;
    font-weight: bold;
    margin-top: 10px;
    padding: 5px 10px;
}

/*専用カタログ　テキスト*/
.baby-ct-txt{
    width: 100%;
    display: inline-block;
    border: 2px #ea758b solid;
    padding: 10px;
    margin-bottom: 10px;
    vertical-align: top;
    font-size: .8rem;
    color: #333;
    font-weight: bold;
}

/*名入れエリアジャンプバナー*/
.baby-ct-link{
    width: auto;
    display: inline-block;
    padding: 10px 0 0;
}




/*===============================
	名入れオプション紹介
===============================*/
.op-box{
    background-color: #eeeeef;
    padding: 0  0 20px 0;
    text-align: center;
    font-size: 0;
}

.op-box-title{
    font-size: 1.5rem;
    margin-top: 20px;
}
.coment{
    text-align: center;
    font-size: 1rem;
    padding: 1% 0;
}

/*名入れオプションの個別ボックス*/
.op-section{
    background: #fff;
    margin: 5px;
    border-radius: 5px;
    padding: 10px;
    width: calc(95%/2);
    min-height: 220px;

    display: inline-block;
    vertical-align: top;
}

/*名入れオプションのタイトル*/
.op-section h4{
    font-size: 1rem;
    margin: 10px 0;
    letter-spacing: 2px;
}

.op-img{
    width: 38%;
    display: inline-block;
    vertical-align: top;
    margin: 4px;
}

.op-img img{
	max-width: 100%;
	max-height: 180px;
}

/*個別の名入れオプションボックス*/
.op-article{
    width: 50%;
    display: inline-block;
    font-size: 1rem;
    text-align: justify;
}
.op-article a{
	width:100%;
	display:block;
	background-color: #ea758b;
	color: #fff;
	padding:2%;
	text-align:center;
	margin:20px 0;
}

.op-tit{}
.op-txt{
	font-size: .8rem;
}




/*==============================
	洋菓子カテゴリ-00133
==============================*/
.yougasi-pickup{
    font-size: 0;
    text-align: left;
}
.yougasi-pickup li{
    width: calc(100%/5);
    display: inline-block;
    padding: 5px;
    font-size: .8rem;
}
.yougasi-pickup >li>a>img{
    width: 100%;
}

.yougasi-more{
	width: 100%;
	margin: 5px auto 10px;
	text-align:center;
	font-weight: bold;
	font-size: 1rem;
	letter-spacing:2px;
}

.yougasi-more summary{
	background-color: #aaa;
	padding: 5px 0;
	color: #fff;
}

.yougasi-more > .yougasi-pickup li{
    width: calc(93%/5);

   }


/*洋菓子を予算で選ぶ*/
.price_list_tit{
	font-size: 1rem;
	padding: 10px 0;
	letter-spacing: 2px;
	width: 24%;
	color: #37803c;
	font-weight: bold;
}

.price_list_00133{
	width: 75%;
	font-size: 0;
	margin-top: 10px;
}

.price_list_00133 li{
	width: calc(100%/6);
	padding: 0 1px;
	text-align:center;
}

.price_list_tit,
.price_list_00133,
.price_list_00133 li{
	display:inline-block;
}

.price_list_00133 li a{
	width: 100%;
	display: block;
	padding: 10px 0;
	font-size: .8rem;
	font-weight: bold;
	letter-spacing: 2px;
	background-color:#37803c;
	color:#fff;
}

/*ホバー*/
.yougasi-more summary:hover,
.price_list_00133 li a:hover{
	opacity:.5;
	transition:0.3s;
}



/*===================================
	アデリー　商品説明
===================================*/
.details{
	font-size: 0;
	text-align: center;
}
.details img:first-child{
	width: 100%;
	}

/*コメント*/
.dt-coment{
	padding: 2%;
	font-size: 1rem;
	letter-spacing:2px;
	line-height: 2;
	width: 70%;
	margin: auto;
}


/*画像*/
.dt-img01{
	width: auto;
}
.dt-img{
	width: 50%;
	padding: 5px 0px 5px 5px;
}

/*説明*/
.dt-text{
	width: 50%;
	margin: 0;
	padding: 5px 5px 5px 0px;
}

/*お菓子のラインナップ*/
.dt-lineup{}

/*アレンジ・追加画像*/
.dt-more{
	padding: 2%;
}

/*===============================
	マイプレ
===============================*/
.MP_itemlistbox{
	display: flex;
	flex-wrap: wrap;
}

.MP_itemlist{
	width: calc(99%/2);
	display:inline-block;
	padding: 10px;
	margin: 2px;
	border: 1px #ddd solid;
}

.MP_itemlist p{
	font-size:1rem;
	padding:10px;
	text-decoration:underline;
}

.MP_itemlist img{
	width:calc(98%/2);
}

/*
===============================
	チェリッシュ専用（00036_bottom.html）
===============================
*/

/*background-image: url(/assets/images/cherish/pc-main-img.jpg);*/
.cherish_topContents_bg {
	width: 100%;
	background-image: url(/assets/images/cherish/pc-main-img.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	background-color: #80C0EB;
}

.cherish_topContents_mainImg_box {
	max-width: 950px;
	height: 350px;
	margin: 0 auto;
	position: relative;
}

.cherish_topContents_mainTitle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 440px;
	text-align: center;
	color: #494949;
	line-height: 1.2;
	font-weight: bold;
}

.topContents_h2_catalogname {
	font-size: 55px;
}

.topContents_h2_for {
	font-size: 21px;
	letter-spacing: 10px;
}

.topContents_h2_use {
	font-size: 23px;
	color: #fff;
	background-color: #F05A24;
	padding: 5px 10px;
	font-weight: normal;
	width: 78%;
	margin: auto;
	letter-spacing: 2px;
}

.item-about-00036 .item-about {
	margin-top: 130px;
}

.item-about-00036 .item-about h3 {
	font-size: 27px;
	color: #0071BB;
	text-align: center;
	margin: 0 auto 25px;
}

.item-about-00036 .item-about ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.item-about-00036 .item-about li {
	width: calc((100% - 86px) / 3);
}

.item-about-00036 .item-about li:not(:last-child) {
	margin-right: 43px;
}

.pc-reverse {
	display: flex;
	flex-direction: column;
	flex-direction: column-reverse;
}

.item-use {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #F05A24;
	margin-bottom: 10px;
}

.item-about-00036 .item-about li img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.item-about-00036 .item-use-recommend {
	width: 260px;
	font-size: 16px;
	line-height: 1.5;
}