@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&family=Noto+Serif+JP:wght@400;500&display=swap');


#g9233101 { /*●全体の背景画像の指定*/
font-family: 'Noto Sans JP', sans-serif;
color: #333; /*文字カラー*/
max-width: 964px; /*横幅*/
margin-top: 50px;
margin-bottom: 50px;
}


#g9233101 img {
width: 100%;
max-width: 964px;
height: auto;
vertical-align: middle;/*画像の隙間を消す（下）*/
vertical-align: top;	/*画像の隙間を消す（上）*/
}


#g9233101 span.marker {/*●マーカー風のアンダーライン黄色*/
    background: linear-gradient(transparent 50%, #ffff00 50%);
}


#g9233101 .hanten {
color: #fff;
background: #009933;	/*●文字の背景色*/
}


#g9233101 .pip {/*●ピップエレキバン 緑の文字色*/
   color: #009933;
}


#g9233101 .content { /*●メイン画像の背景色*/
background-color: #fff; /*背景色*/
margin-bottom: 50px;
}


#g9233101 .content1 { /*●コンテンツ【看板】*/
background-color: #fff; /*背景色*/
margin-bottom: 50px;
padding-right: 50px;
}



#g9233101 .bbl_style01 {/*●見出し*/
    padding: 0.7em 0.5em;
    text-align: center;
    position: relative;
}

#g9233101 .bbl_style01::before, #g9233101 .bbl_style01::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 2px;			/*●内側の長い線の太さ*/
    height: 100%;
    background: #009933;	/*●内側の長い線の色*/
}
#g9233101 .bbl_style01::before {
    left: 20px;
    transform: rotate(-28deg);
}
#g9233101 .bbl_style01::after {
    right: 20px;
    transform: rotate(28deg);
}

#g9233101 .bbl_style01 span {
    display: inline-block;
    width: 100%;
    height: 100%;
}
#g9233101 .bbl_style01 span::before, #g9233101 .bbl_style01 span::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 2px;			/*●外側の短い線の太さ*/
    height: 50%;
    background: #009933;	/*●外側の短い線の色*/
}
#g9233101 .bbl_style01 span::before {
    left: 10px;
    transform: rotate(-42deg);
}
#g9233101 .bbl_style01 span::after {
    right: 10px;
    transform: rotate(42deg);
}

/*その他の設定*/
*,::before, ::after {
    box-sizing: border-box;
}


#g9233101 .bbl_style01 {/*●デスクワーク・立ち仕事・子育て等...*/
   margin: 40px;
   color: #333;
font-size: 2.0em;
}


#g9233101 .large {/*●必見！*/
color: #009933;
font-size: 2.5em;
font-weight:bold;/*●太字*/
} 

#g9233101 .text {	/*●肩こり解消でおなじみのピップエレキバンの磁石を*/
font-size: 1.5em;
text-align: center;
margin-top: 30px;
margin-bottom: 30px;

}


#g9233101 .content .logo {/*●ブランドロゴ*/
width: 100%;
text-align: center;
margin:0 auto;	 /*●中央配置*/
margin-bottom: -30px;
}

#g9233101 .box_title{/*●看板画像エリア*/
    position: relative;
    display: inline-block;
}

#g9233101 .box_title img{/*●看板画像*/
width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
}


#g9233101 .box_title .top01 {/*●ピップエレキバン×アンファミエ共同開発*/
  position: absolute;
  top: 20%;
  left: 5%;
font-size: 1.5em;
text-align: center;
font-weight:bold;
}

#g9233101 .box_title .top02 {/*●着て肩こり解消！*/
  position: absolute;
  top: 30%;
  left: 5%;
font-size: 3.0em;
}

#g9233101 .box_title .top03 {/*●コリ改善・磁気スクラブインナー*/
  position: absolute;
  top: 40%;
  left: 5%;
font-size: 3.5em;
color: #009933;
text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;	/*●１pxの縁取り*/
line-height: 1.2; /*行間を調整 単位なし（数値のみ）*/
margin-top: 80px;
}

#g9233101 .box_title .top04 {/*●医療機器認証番号*/
  position: absolute;
  top: 85%;
  left: 5%;
}



#g9233101 .content1 { /*●コンテンツ【1】ピップエレキバンの効果*/
background-color: #fff; /*背景色*/
margin-bottom: 50px;
padding-bottom: 50px;
padding-top: 50px;
padding-left: 50px;
padding-right: 50px;
text-align: center;
}


#g9233101 .menu {/*●ピップエレキバンの効果の見出しフォントサイズ*/
font-size: 2.5em;
text-align: center;
line-height: 1.5; /*行間を調整 単位なし（数値のみ）*/
}

#g9233101 .menu { /*●タイトル見出し太下線*/
    padding: 0.7em 0.5em;
    position: relative;
}

#g9233101 .menu::before { /*●タイトル見出し太下線*/
    content: "";
    display: block;
    position: absolute;
    bottom: 10px;	/*●線の位置*/
    left: 10%;		/*●線の幅*/
    width: 80%;		/*●線の長さ・幅*/
    height: 10px;	/*●線の太さ*/
    background: #009933;
    border-radius: 20px;	/*●線の角を丸くする*/
}

/*その他の設定*/
*,::before, ::after {
    box-sizing: border-box;
}


#g9233101 .content1 .text{/*●コリに届く！磁気の働き*/
font-size: 2.0em;
margin-bottom: 60px;
}

#g9233101 .content1 p{/*●ピップエレキバンの磁気が、体内成分に働きかけてき*/
font-size: 1.5em;
margin-bottom: 60px;
margin-top: 60px;
}

#g9233101 .content1 img{/*●コリの画像*/
width: 70%;
}

#g9233101 .arrow {/*●アイコン矢印*/
width:40%;
margin:0 auto;	 /*●中央配置*/
}



#g9233101 .content2 { /*●コンテンツ【2】ピップエレキバンの磁石を肩＆背中の6カ所に配置！*/
background-color: #fff; /*背景色*/
margin-bottom: 50px;
padding-bottom: 50px;
padding-top: 50px;
padding-left: 50px;
padding-right: 50px;
text-align: center;
}

#g9233101 .content2 img { /*●コンテンツ【2】の画像*/
width:60%;
margin-bottom: 50px;
}


#g9233101 .box01 {/*●緑背景のボックス*/
font-size: 1.5em;
color: #fff;
padding: 10px;
line-height: 1.2; /*行間を調整 単位なし（数値のみ）*/
width: 60%; /*●divの幅に対する割合 */
background-color: #009933; /*●背景色*/
margin:0 auto;	 /*●中央配置*/
margin-top: 50px;
margin-bottom: 50px;
}


#g9233101 .content2 .icon { /*●電球アイコン*/
width:20%;
margin:0 auto;	 /*●中央配置*/
margin-top: 50px;
}

#g9233101 .content2 .text{/*●ミリテスラとは…*/
font-size: 2.0em;
font-weight:bold;/*●太字*/
}

#g9233101 .content2 p{/*●磁束密度の単位です。*/
font-size: 1.5em;
}


#g9233101 .content3 { /*●コンテンツ【3】スクラブインナーに磁石を付ける3つのメリット*/
background-color: #fff; /*背景色*/
margin-bottom: 50px;
padding-bottom: 50px;
padding-top: 50px;
padding-left: 50px;
padding-right: 50px;
text-align: center;
}


#g9233101 .bbl_style02 { /*●コンテンツ【3】見出しの吹き出し*/
    text-align: center;
    border: 8px solid #009933;	/*●吹き出し　線の太さ・色*/
    border-radius: 20px;	/*●吹き出し　角の丸さ*/
    position: relative;
}
#g9233101 .bbl_style02::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: -16px;	/*●吹き出し　ツノの位置*/
    width: 23px;	/*●吹き出し　ツノの大きさ*/
    height: 23px;	/*●吹き出し　ツノの大きさ*/
    border-left: 8px solid #009933;	/*●吹き出し　線の太さ・色*/
    border-bottom: 8px solid #009933;	/*●吹き出し　線の太さ・色*/
    border-radius: 2px;
    background: #fff;
    transform: translateX(-50%) rotate(-45deg);
}

/*その他の設定*/
*,::before, ::after {
    box-sizing: border-box;
} 
 /*ここまで●コンテンツ【3】見出しの吹き出し*/


#g9233101 .content3 h3 { /*●スクラブインナーに磁石を付ける3つのメリット*/
font-size: 2.5em;
}

#g9233101 .content3 .large { /*●スクラブインナーに磁石を付ける3つのメリット*/
white-space: nowrap;
color: #009933;
line-height: 0.8; /*行間を調整 単位なし（数値のみ）*/
}

#g9233101 .content3 .large2 { /*●スクラブインナーに磁石を付ける3つのメリット*/
font-size: 1.5em;
color: #009933;
font-weight:bold;
white-space: nowrap;
}



#g9233101 .content3 .text { /*●着るだけでOK！貼る手間がかからない*/
font-size: 2.0em;
font-weight:bold;
white-space: nowrap;
}

#g9233101 .content3 p { /*●貼るのがめんどくさい...*/
font-size: 1.5em;
}

#g9233101 .content3 img {
width:15%;
margin-top: 50px;
}


#g9233101 .content4  { /*●コンテンツ【4】お洗濯の注意・禁忌・禁止*/
background-color: #fff; /*背景色*/
margin-bottom: 50px;
padding-bottom: 50px;
padding-top: 50px;
padding-left: 50px;
padding-right: 50px;
text-align: center;
}


#g9233101 .content4 .icon { /*●洗濯機アイコン*/
width:10%;
margin-left: 28%;
margin-bottom: 30px;
margin-top: 30px;
}

#g9233101 .content4 h3 { /*●お洗濯のご注意*/
  font-size:2.5rem;
}

#g9233101 .icon-text { /*●洗濯機と見出しを並べる*/
display: flex;
align-items: center;
gap: 10px;
}

#g9233101 .content4 .icon-text {/*●お洗濯の注意・禁忌・禁止　*/
  font-size:2.5rem;
  position: relative;
  text-align: center;
  border-radius: 0 10px 10px 10px;	/*●角を丸くする*/
  background: #e3f5d8;
 margin-top: 50px;
}

#g9233101 .content4 .icon-text:before {
  font-size: 1.0rem;
  position: absolute;
  top: -24px;
  left: 0;	/*●タブ内の位置*/
  height: 26px;
  padding: 0 1em;
  content: '\warning';	/*●タブ内の文字*/
  color: #fff;
  border-radius: 10px 10px 0 0;	/*●タブ上の角を丸くする*/
  background: #009933;
}

#g9233101 .wash { /*●洗濯アイコンと文字を並べる*/
display: flex;
align-items: center;
gap: 10px;
}

#g9233101  img { /*●洗濯表示のサイズ*/
width:70%;
}



#g9233101 .content4 .text { /*●製品についている洗濯表示に従ってお取り扱い下さい。*/
margin-bottom: 50px;
margin-top: 50px;
font-size: 1.5rem;
}


#g9233101 .content4 .text2 { /*●※洗濯はネット使用・絞り弱く*/
margin-bottom: 100px;
margin-top: 50px;
font-size: 1.0rem;
}

#g9233101 .content4 p { /*●※洗濯はネット使用・絞り弱く*/
margin-top: 50px;
}


#g9233101 .content5  { /*●コンテンツ【5】上手な使い方*/
background-color: #fff; /*背景色*/
margin-bottom: 50px;
padding-bottom: 50px;
padding-top: 50px;
padding-left: 50px;
padding-right: 50px;
text-align: center;
}

#g9233101 .content5 .icon { /*●電球アイコン*/
width:10%;
margin-left: 28%;
}

#g9233101 .content5 h3 { /*●上手な使い方*/
  font-size:2.5rem;
}


#g9233101 .content5 .icon-text {/*●上手な使い方*/
  font-size:2.5rem;
  position: relative;
  text-align: center;
  border-radius: 0 10px 10px 10px;	/*●角を丸くする*/
  background: #fff;
margin-top: 50px;
border: 8px solid #009933;	/*●枠線　線の太さ・色*/
}

#g9233101 .content5 .icon-text:before {
  font-size: 1.0rem;
  position: absolute;
  top: -30px;
  left: -8px;	/*●タブの位置*/
  height: 26px;
  padding: 0 1em;
  content: '\ advice';	/*●タブ内の文字*/
  color: #fff;
  border-radius: 10px 10px 0 0;	/*●タブ上の角を丸くする*/
  background: #009933;
}


#g9233101 .content5 p {/*●ピップエレキバンと併用OK*/
  font-size: 2.0rem;
margin-top: 50px;
margin-bottom: 50px;
}




#g9233101 .br-sp {/*●スマホだけ改行*/
display: none;
}

#g9233101 .pc{
display:block;/*●表示する*/
}

#g9233101 .sp{
display:none;/*●表示しない*/
}

#g9233101 .link {
	margin: 40px 0;
}

#g9233101 .link img{
	width: 964px;
}






/*--------------------------------------------------------------------
●SP 640px以下
--------------------------------------------------------------------*/
@media screen and ( max-width:640px ){
/* スマホ用のCSS */



#g9233101 h2 { /*●コリ改善磁気スクラブインナーのフォント指定*/
font-family: 'Noto Sans JP', sans-serif;
padding: 0;
background-color: transparent;	/*●背景のグレーを透明にして打ち消す*/
text-align:left	/*●センター配置を打ち消す*/
} 



#g9233101 img {
width: 100%;
max-width: 750px;
height: auto;
vertical-align: middle;/*画像の隙間を消す（下）*/
vertical-align: top;/*画像の隙間を消す（上）*/
margin-bottom: 0px;
}


#g9233101 .bbl_style01 {/*●デスクワーク・立ち仕事・子育て等...*/
   margin: 40px;
   color: #333;
font-size: 1.3em;
letter-spacing: -0.05em;/*●字間をつめる*/
}

#g9233101 .large {/*●必見！*/
color: #009933;
font-size: 2.0em;
font-weight:bold;/*●太字*/
} 


#g9233101 .text {	/*●肩こり解消でおなじみのピップエレキバンの磁石を*/
font-size: 1.2em;
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}

#g9233101 .content .logo {/*●ブランドロゴ*/
width: 95%;
text-align: center;
margin:0 auto;	 /*●中央配置*/
margin-bottom: -15px;
}


#g9233101 .box_title .top01 {/*●ピップエレキバン×アンファミエ共同開発*/
  position: absolute;
  top: 25%;
  left: 5%;
font-size: 1.0em;
text-align: center;
font-weight:bold;
}

#g9233101 .box_title .top02 {/*●着て肩こり解消！*/
  position: absolute;
  top: 40%;
  left: 5%;
font-size: 1.5em;
}


#g9233101 .box_title .top03 {/*●コリ改善・磁気スクラブインナー*/
  position: absolute;
  top: 35%;
  left: 5%;
font-size: 2.5em;
color: #009933;
text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;	/*●１pxの縁取り*/
line-height: 1.2; /*行間を調整 単位なし（数値のみ）*/
margin-top: 70px;
}


#g9233101 .box_title .top04 {/*●医療機器認証番号*/
  position: absolute;
  top: 85%;
  left: 5%;
line-height: 1.0; /*行間を調整 単位なし（数値のみ）*/
text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;	/*●１pxの縁取り*/
}


#g9233101 .menu {/*●ピップエレキバンの効果の見出しフォントサイズ*/
font-size: 2.0em;
text-align: center;
line-height: 1.2; /*行間を調整 単位なし（数値のみ）*/
letter-spacing: -0.05em;/*●字間をつめる*/
}

#g9233101 .menu::before { /*●タイトル見出し太下線*/
    bottom: 0px;	/*●線の位置*/
}


#g9233101 .content1 .text{/*●コリに届く！磁気の働き*/
font-size: 1.8em;
margin-bottom: 60px;
}

#g9233101 .content1 p{/*●ピップエレキバンの磁気が、体内成分に働きかけて*/
line-height: 1.5; /*行間を調整 単位なし（数値のみ）*/
}


#g9233101 .box01 {/*●緑背景のボックス*/
font-size: 1.3em;
color: #fff;
padding: 8px;
line-height: 1.5; /*行間を調整 単位なし（数値のみ）*/
letter-spacing: -0.05em;/*●字間をつめる*/
width: 85%; /*●divの幅に対する割合 */
background-color: #009933; /*●背景色*/
margin:0 auto;	 /*●中央配置*/
margin-top: 50px;
margin-bottom: 50px;
}

#g9233101 .content2 img { /*●コンテンツ【2】の画像*/
width:85%;
margin-bottom: 50px;
}

#g9233101 .content2 .icon { /*●電球アイコン*/
width:40%;
margin:0 auto;	 /*●中央配置*/
margin-top: 50px;
}

#g9233101 .content2 p{/*●磁束密度の単位です。*/
line-height: 1.5; /*行間を調整 単位なし（数値のみ）*/
}

#g9233101 .content3 img {
width:30%;
margin-top: 50px;
}


#g9233101 .content3 h3 { /*●スクラブインナーに磁石を付ける3つのメリット*/
font-size: 2.0em;
line-height: 1.2; /*行間を調整 単位なし（数値のみ）*/
margin-top: 30px;
margin-bottom: 30px;
}



#g9233101 .content4 .icon { /*●洗濯機アイコン禁止アイコン*/
width:15%;
margin-left: 15%;
margin-bottom: 20px;
margin-top: 30px;
}

#g9233101 .content4 h3 { /*●お洗濯のご注意*/
font-size:1.5rem;
}

#g9233101 .content4 .text { /*●製品についている洗濯表示に従ってお取り扱い下さい。*/
font-size: 1.2rem;
line-height: 1.2; /*行間を調整 単位なし（数値のみ）*/
}

#g9233101 .content4 .text2 { /*●製品についている洗濯表示に従ってお取り扱い下さい。*/
font-size: 1.0rem;
}




#g9233101 .content5 .icon { /*●電球アイコン*/
width:15%;
margin-left: 10%;
}

#g9233101 .content5 h3 { /*●上手な使い方*/
  font-size:2.0rem;
}


#g9233101 .content5 p {/*●ピップエレキバンと併用OK*/
  font-size: 1.5rem;
margin-top: 50px;
margin-bottom: 50px;
line-height: 1.2; /*行間を調整 単位なし（数値のみ）*/

}

#g9233101 .content5 img { /*●上手な使い方*/
width:100%;
}







#g9233101 .content1  { /*●コンテンツ【1】*/
padding-bottom: 30px;
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
}


#g9233101 .content2  { /*●コンテンツ【2】*/
padding-bottom: 30px;
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
}

#g9233101 .content3  { /*●コンテンツ【3】*/
padding-bottom: 30px;
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
}


#g9233101 .content4  { /*●コンテンツ【4】お洗濯の注意・禁忌・禁止*/
padding-bottom: 30px;
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
}

#g9233101 .content5  { /*●コンテンツ【5】*/
padding-bottom: 30px;
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
}


#g9233101 .link {
	margin: 20px 0;
}

#g9233101 .link img{
	width: 100%;
}











#g9233101 .br-sp {/*●スマホだけ改行*/
display: block;
}

#g9233101 .pc {
display:none;/*●表示しない*/
}

#g9233101 .sp{
display:block;/*●表示する*/
}

#g9233101 .sp2{
display:none;/*●表示しない*/
}


} /* スマホ用のCSSここまで */