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

/*================================
1.全体
================================*/

body{
	
}

/*PC980px、SP100%*/
.js-container{
	width:100%;
	max-width: 980px;
	margin:auto;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
2.共通フォーマット（ボタンデザインなど）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*共通マージン設定*/
.main-margin{
	margin: 50px auto;
}
/*　スマートフォン商品詳細の表示調整　*/
@media screen and (max-width: 728px){
	.main-margin{
		margin: 2em auto;
	}
}

/*共通padding設定*/
.main-padding{
	padding: 5em 0;
}

/*共通タイトル設定*/
.main-title{
	display:inline-block;
	margin-bottom:1.5em;
}
.main-title_01{
	font-size:1.5em;
	border-bottom:1px solid #000;
	line-height:1.2;
}
.main-title_02{
	font-size:0.7em;
	line-height:1.2;
	margin-top:0.5em;
}


/*フォント*/
/*フォント指定*/
.font-01{ /*明朝系*/
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
}
.font-02{ /*ゴシック系*/
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', sans-serif;
}

.bold{ /*太字*/
	font-weight: bold;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
3.メインビジュアル
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/




/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
4.イントロダクション
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.main-intro{
	/*font-size:0.8em;*/
	color: #999;
	line-height: 1.5;
}

/* アコーディオンとフェードアウト効果のためのCSS */

.js_intro-explanation_wrapper {
  width: 100%;
  max-width:980px;
  margin: 30px auto 5em;
}
.js_intro-explanation_text_wrapper {
  position: relative;
  margin-bottom: 45px;
}
.js_intro-explanation_text {
  height: 50px;
  overflow: hidden;
}
.js_intro-explanation_show_more {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 30px;
  padding-top: 50px;
  text-align: center;
  line-height: 30px;
  background: linear-gradient(
    180deg,
    rgb(255, 255, 255, 0) 0%,
    rgb(255, 255, 255, 1) 100%
  );
  cursor: pointer;
  transition: bottom 0.2s;
	font-size:0.8em;
}
.js_intro-explanation_active {
  background: none;
  bottom: -30px;
}