@charset "utf-8";
/* LP店舗別、米国株WEBセミナー */

#wrap{}

.colWrap.col2 .cellr{width: 50%;float: left;margin-right: 20px; text-align: right;}
.bdBox08{ border: 1px solid #d9d9d9; border-bottom: 5px solid #d9d9d9; padding: 20px; background: #fff;margin: 30px auto 0; width:80%;}

.mv{ background: #C3C3C3; border: #515151 solid 1px;}

/*--------------------------------
Link
---------------------------------*/
/*linkWrap*/
a.linkWrap03{font-size: 130%; text-decoration: none; color: #333; display: block; background: #fff !important; padding:0 !important;}

a.linkWrap03:hover{ background: #f4f4f4 !important;}


/*linkWrap*/
a.linkWrap03{ text-decoration: none; color: #333; display: block; background: #fff !important; padding: 0px !important;}
a.linkWrap03:hover{ background: #f4f4f4 !important;}
a.linkWrap03:hover p{ text-decoration: underline;}

/*linkWrap*/
a.linkWrap03{border: 1px solid #d9d9d9; border-bottom: 5px solid #d9d9d9; padding:0 !important;}

a.linkWrap03:hover .app{ background-color: #FF0000 !important; text-decoration: underline !important;}
a.linkWrap03:hover .shopname{ background-color: #03AF30 !important;}

/*資産運用セミナー*/
a.linkWrap04{
font-size: 130%;
text-decoration: none;
color: #333;
display: block;
background: #fff !important;
padding:0 !important;
border: 1px solid #d9d9d9;
border-bottom: 5px solid #d9d9d9; }
a.linkWrap04:hover{ background: #f4f4f4 !important;}
a.linkWrap04:hover p{ text-decoration: underline;}
a.linkWrap04:hover .app{ background-color: #FF0000 !important; text-decoration: underline !important;}


/*資産運用セミナー名*/
.semname{
font-weight: bold;
padding:0.6rem 2rem;
color: #FFFFFF;
background-color: #1A408E !important;}

a.linkWrap04:hover .semname{ background-color:#0000FF !important;}


/*おすすめオンデマンド*/
.onde{ font-weight: bold !important; font-size: 440% !important; text-decoration-line: underline !important; text-decoration-thickness: 3px; text-underline-offset: 8px; padding:2rem 0 0 0;}
.ond2{ font-weight: bold !important; font-size: 260% !important; padding: 2rem 0 0.7rem 0;}
/*YouTube表示サイズ調整 width="713" height="401" */
.onMov{ width: 713px; height: 401px; margin: 0 auto;}

/*これからも*/
.kore{ font-weight: bold !important; font-size: 180% !important; text-decoration-line: underline; text-decoration-thickness: 3px; text-underline-offset: 8px;}


/*申込み赤いボタン*/
.app{
margin:14px 20px 20px 20px;
padding: 6px; font-weight: bold;
font-size: 110%;
line-height: 1.6;
color: #FFFFFF;
background-color: #c9312d !important;}

/*店舗名*/
.shopname{
font-weight: bold;
padding:0.6rem 2rem;
color: #FFFFFF;
background-color: #007f08 !important;}

.bdBox04{  border-top: 3px solid #007f08; border-bottom: 5px solid #d9d9d9; padding: 20px; background: #fff;margin: 30px 0 0;}

.skeletonTable03{font-size:2rem;margin:0 0 0 16px !important;}
.skeletonTable03 th{padding: 5px;}
.skeletonTable03 th span{line-height: 1; padding: 3px 7px; background: #e6e6e6;}
.skeletonTable03 td{padding: 5px;}
.skeletonTable03 td span{margin-left: 10px;}

/*文字サイズ*/
.txts01{font-size:200%; font-weight: bold;}
.txts02{font-size:200%;}

@media screen and (max-width: 768px){
.colWrap.col2 .cellr{width: 100%;float: left;margin-bottom: 20px; text-align: right;}
.colWrap.col2 .cellr img{width:auto;}
.bdBox08{ padding: 20px; margin: 20px; width:auto;}
.colWrap{margin: 20px !important; width:auto;}	
	
/*linkWrap*/
a.linkWrap03{ padding: 15px !important;}
a.linkWrap03 h3{ text-align: center; margin-top: 10px;}
a.linkWrap03 p{ line-height: 1.5 !important;}

/*申込み赤いボタン(スマホ)*/
.app{
margin:10px 0 10px 0px;
font-size:100%;
}

a.linkWrap03{ padding:0 !important;}

.skeletonTable03{ margin:0 !important; font-size:1.6rem; width: 100%;}
.skeletonTable03 th{ display: block; width: 100%;}
.skeletonTable03 td{ display: block; width: 100%; padding:0 0 0 10px;}

#contentsWrap.lpWrap .contents .section{padding: 0 20px !important;}
#wrap.lpWrap .tabContent01{ overflow: inherit;}

/*文字サイズ(スマホ)*/
.txts01{font-size:110%; font-weight: bold;}

/*おすすめオンデマンド(スマホ)*/
.onde{ font-size: 230% !important; text-decoration-thickness: 3px; text-underline-offset: 8px; padding: 2rem 0 0 0;}
.ond2{ font-size: 190% !important;}
/*YouTube表示サイズ調整(スマホ)*/
.onMov{ width: 100% !important; height: 50%; aspect-ratio: 16/9; padding:0 1rem;}
.onMov iframe{width: 100%; height: 100%;}

}


/*見出し*/
.h2Ttlp{ margin-top: 4rem; padding: 1rem; text-align: center; font-size: 200%; font-weight: bold; color: #ffffff; background: #88B76F;}

/*DialBox*/
.dialBox01{font-size: 140%; text-align: center; border: 1px solid #ccc;padding: 20px;}
.dialBox01 a{font-weight: bold; color: #333333; font-size: 5rem; line-height: 1; text-decoration: none;pointer-events: none;}