/* --------------------------------------------
共通
@media screen and (max-width:769px)
{
}
--------------------------------------------*/
[v-cloak] { display: none }
.nav-link{color:#646464;}
.pc-600{
 width:600px;
}
@media screen and (max-width:769px)
{
  .block_top{
    padding-top:0px; width:100% !important; margin:auto; padding:0px;
  }
  .pc-600{
    width:100% !important;
  }
}
.nomargin{margin:0px;}
.page-item.active .page-link{background-color:#DA6272 !important; border-color:#DA6272 !important; color:white !important;}
.pagination>li>a, .pagination>li>span{color:#DA6272 !important;}

.pcOnly{display:block;}
.spOnly{display:none;}
.sidebar{width:270px; margin:0px 0px 0px 0px;display:inline-block; vertical-align:top;}
.newsList{border-style:solid; border-width:1px; border-color:#e9eef1; display:inline-block;}
.groupList{display:inline-block; margin:auto; margin-bottom:15px; margin-left:3%;}
.contentRight{display:inline-block; width:80%; margin-left:5px;}
.blockRight{width:80%; display:inline-block; text-align:left; padding-left:10px;}
.nopadding{padding:0px !important;}
.channelListImg{width:100px;  border-radius:5px;}
.marginAuto{margin:auto;}
.titleList{font-size:15px; margin:0px; line-height:50px;}

@media screen and (max-width:769px)
{
  .titleList{font-size:14px; margin:0px; line-height:20px; padding:5px;}
  .nomarginSP{margin:0px;}  
  .text-leftSP{text-align:left !important; padding-left:10px !important;}
  .text-centerSP{text-align:center !important;}
  .channelListImg{width:80px;  border-radius:5px;}
  .fontSP12{font-size:12px;}
  .pcOnly{display:none !important;}
  .spOnly{display:block !important;}
  .sidebar{width:100%; padding:0px 10%; display:inline-block; vertical-align:top;}
  .newsList{width:100%; border-style:solid; border-width:1px; border-color:#e9eef1; display:inline-block;}
  .groupList{display:inline-block; margin:auto; width:90%; margin:0px 5% 15px 5%;}
  .contentRight{display:inline-block; width:60%;}
  .spHidden{display:none;}
  .blockLeft{width:80px; display:inline-block; vertical-align:top;}
  .blockLeftLg{width:28%; display:inline-block; vertical-align:top;}
  .blockRight{width:calc( 100% - 110px ) ; display:inline-block; text-align:left; padding-left:10px;}
  .sp-inline-table{display:inline-table !important;}
}

body{width:100%; box-sizing : border-box !important;}
.width-600{
  width:600px !important;
}
.width-700{
  width:700px !important;
}
@media screen and (max-width:769px)
{
  .width-600{width:96% !important; margin:0px 2%;}
  .width-700{width:96% !important; margin:0px 2%;}
}

.heading {
  background: linear-gradient(transparent 70%, #a7d6ff 70%);
  width:90% !important; margin:20px auto 10px auto;
}

.channelImg{width:140px; display:inline-block; height:140px;}
.thumbImg{width:250px; height:160px;}
.channelDetail{display:inline-block; padding-left:10px; width:70%;}
.contentDetail{display:inline-block; padding-left:10px; width:98%;}

@media screen and (max-width:769px)
{
  .channelImg{width:250px;  height:auto; padding:20px; margin:auto; display:inline-block;}
  .channelDetail{display:inline-block; margin-top:10px; text-align:left; width:100%;}
  .contentDetail{display:inline-block; padding-left:10px;}
}

.pageBlock{margin-top:30px;}
iframe{width:100%;}
.ribbon20 {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  box-sizing: border-box;
  padding: 0 12px;
  margin: 0;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  letter-spacing: 0.1em;
  color: white;
  background: #70c7ff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}
.ribbon20:before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  height: 38px;
  width: 7px;
  background: #70c7ff;
  border-radius: 5px 0 0 5px;
}
.ribbon20:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #4d99ca;
  border-radius: 5px 0 0 5px;
}

.box21{
  padding: 20px 20px;
  background: -moz-linear-gradient(#ffb03c, #ff708d);
  background: -webkit-linear-gradient(#ffb03c, #ff708d);
  background: linear-gradient(to right, #ffb03c, #ff708d);
  color: #FFF;
}
.box21 p {
  margin: 0; 
  padding: 0;
}

.upper{
  position:fixed;
  right:300px;
  bottom:50px;
  z-index:100;
  transition:1s;
  opacity:0.7;
  background-color:E6855E;
  color:white; 
  text-align:center;
  width:60px; height:60px;
  line-height:60px;
  border-radius:100%;
  
}

@media screen and (max-width:769px)
{
  .upper{
  position:fixed;
  right:10px;
  bottom:50px;
  z-index:100;
  transition:1s;
  opacity:0.7;
  background-color:E6855E;
  color:white;
  text-align:center;
  width:60px; height:60px;
  line-height:60px;
  border-radius:100%;
  }
}
.upper:hover{
opacity:1;
}

/* top  */
.block_top{
  width:80%; padding:50px 0px 0px 5%;
}
@media screen and (max-width:769px)
{
	.block_top{
  	width:100%; padding:50px 2% 0px 2%;
   	}
}

/* rank */
.back_D{background-color:#E93F33; color:#000000 !important;}
.back_C{background-color:#E69138; color:black !important;}
.back_B{background-color:#B7B7B7;}
.back_A{background-color:#FBD965; color:black !important;}
.back_S{background-color:#EEEEEE;}
.back_SS{background-color:#CE362C; color:white !important;}
.back_SSS{background-color:#9A261E; color:white !important;}

/* シャドウ  */
.shadow{
  box-shadow: 0 0 8px gray;
}

/* カテゴリー 企業詳細  */
.categoryCell{
  background-color:white; color:#1e90ff; border-style:solid; border-width:2px; padding:8px 20px; border-radius:10px; border-color:#1e90ff;
  display:inline-block; margin-bottom:5px;
}
.c_active{
  background-color:#1e90ff; color:white;
}

/* Flashメッセージ  */
.toast-message{
  color:white !important;
}
.footer_cont{
  color:white; float:left;
  width:100px; font-size:14px;
  text-decoration:none;
  margin:12px 10px;
}

button{
  -moz-appearance: none;
  -webkit-appearance: none;
}
input{
 font-size:14px;
}
textarea{
 font-size:14px;
}
p{
 font-size:14px;
}

.pagination{
   margin:0px;
   text-align:left;
   padding-left:0px;
}
.page-item{
   display: table;
   float:left;
   margin-right:1px;
}
.page-link{
   text-decoration:none;
   text-align:center;
   border:1px solid #5BC2D8;
   display:block;
   color:#5BC2D8;
   padding:8px 10px;
   height:35px;
   width:35px;
   border-radius:2px;
   background-color:white;
   vertical-align: middle;
   display: table-cell;
}
.active *{
   background-color:#5BC2D8;
   border-color:#5BC2D8;
   color:white !important;
}


drawer-menu-item{
   font-size:14px !important;
}

select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	padding: 5px 20px;
	border: 1px solid DA6272;
	background: DA6272;
	color:white;
	background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, DA6272 0%,DA6272 100%);
	background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, DA6272 0%,DA6272 100%);
	background-size: 20px, 100%;
}

button{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

div{color:#393939;}
textarea{width:100%; border-style:solid; border-width:1px; border-color:#a9a9a9; border-radius:5px; height:200px; text-align:left;}
tr{
  font-size:15px !important;
  margin-bottom:10px;
}

/* フォーム系の基本レイアウト  */
div.auth{width:600px; margin:0px;  float:left; padding:10px 0% 0px 0%; margin:0px; width:40%; margin-left:30%;}
@media screen and (max-width:769px)
{
	div.auth{width:100%; margin:0px;  float:left; padding:70px 4% 0px 4%; margin:0px;}
}

.flow_active{text-align:center; background-color:#DA6272; color:white;  border-radius:20px;}
.flow{text-align:center; background-color:white; color:#DA6272; border-radius:20px; border-color:#DA6272; border-style:solid; border-width:2px;}

@media screen and (max-width:769px)
{
.flow_active{text-align:center; background-color:#DA6272; color:white;  border-radius:20px; width:120px;}
.flow{text-align:center; background-color:white; color:#DA6272; border-radius:20px; border-color:#DA6272; border-style:solid; border-width:2px; width:120px;}
}



/* --------------------------------------------
トップページ 
--------------------------------------------*/
li.menu_link{color:white; list-style:none; border-bottom:solid; border-width:1px; border-color:#a9a9a9; padding:5px 5px 5px 25px; text-align:left;}
a.menu_link{color:white; text-decoration:none; font-size:12px;}
.blocktitle{font-size:15px; margin:0px 0px 10px 0px; font-weight:normal; float:left; margin-top:10px;}
a:hover{color: #222; text-decoration: none; opacity: 0.25;}
body{background-color:#f0ffff;}
html.top1{width:100%; height:1200px; margin:0px; float:left;}
body.top1{width:100%; height:1200px; margin:0px; float:left;}
div.top1{width:100%; min-height:1200px; margin:0px;  float:left; padding:0% 0% 0px 0%; margin:0px; } 
div.top2{width:100%; height:540px; background-color:DA6272; text-align:center;}
div.top21{padding-top:90px; color:white;}
p.top211{font-size:30px; margin-bottom:10px;}
p.top212{font-size:15px; margin:0px;}
div.top22{margin-top:50px; text-align:center;}

@media screen and (max-width:769px)
{
	div.top2{width:94%; padding:0px 3%; height:540px; background-color:DA6272; text-align:center;}
}

/* アクションボタン */
a.topButton{text-decoration:none; color:white; background-color:#E6855E; width:16%; height:12px; border-radius:35px; font-size:12px; float:left; padding:10px 1% 15px 1%; margin-left:30%;}
a.topButton2{text-decoration:none; color:white; background-color:#00C763; width:16%; height:12px; border-radius:35px; font-size:12px; float:left; padding:10px 1% 15px 1%;  margin-left:4%; margin-right:30%;}

@media screen and (max-width: 769px)
{
	div.top2{width:80%; padding:0px 10% 0px 10%; height:540px; background-color:DA6272; text-align:center;}
	div.top21{padding-top:90px; color:white;}
	p.top211{font-size:25px; margin-bottom:10px;}
	p.top212{font-size:12px; margin:0px;}
	div.top22{margin-top:50px; text-align:center;}
	
	/* アクションボタン */
	a.topButton{text-decoration:none; color:white; background-color:DA6272; width:100%; height:12px; border-radius:35px; font-size:12px; float:left; padding:10px 0% 15px 0%; margin-left:0%;}
	a.topButton2{text-decoration:none; color:white; background-color:#00C763; width:100%; height:12px; border-radius:35px; font-size:12px; float:left; padding:10px 0% 15px 0%;  margin-left:0%; margin-top:10px;}		
}



/* 特徴 */
div.top3{margin-top:0px; text-align:center; min-height:450px; border-width:1px; border-color:#a9a9a9; 
background-color:#C9E8F1; padding-top:20px;}
p.top31{font-size:30px; color:#393939; margin:40px 0px 0px 0px;}
div.top32{width:22%; height:220px; margin:20px 3% 0px 70px; padding:20px 1% 10px 1%; border-radius:10px; float:left; background-color:white;}
img.top321{width:110px;  height:110px; border-radius:100%;}
p.top34{font-size:12px; color:#0C3C50; margin:0px;}
p.top35{font-size:20px; color:#0C3C50; margin:0px 0px 10px 0px;}

@media screen and (max-width: 769px)
{
	div.top3{margin-top:0px; text-align:center; min-height:450px; border-width:1px; border-color:#a9a9a9;  padding-bottom:20px;
	background-color:#C8EFEA; padding-top:20px; float:left;}
	p.top31{font-size:30px; color:#393939; margin:20px 0px 0px 0px; float:left; width:100%; text-align:center;}
	p.top31{font-size:30px; color:#393939; margin:20px 0px 0px 0px;}
	div.top32{width:80%; height:220px; margin:20px 0px 0px 10%; padding:20px 1% 10px 1%; border-radius:10px; float:left; background-color:white;}
	img.top321{width:110px;  height:110px; border-radius:100%;}
	p.top34{font-size:12px; color:#0C3C50; margin:0px;}
	p.top35{font-size:20px; color:#0C3C50; margin:0px 0px 10px 0px;}	
}


div.top4{margin-top:0px; text-align:center; min-height:550px; padding-top:20px; float:left; width:100%;}
p.top41{font-size:30px; color:white; margin:0px;}
div.top_q{width:100%; margin-top:20px; height:120px; text-align:center; color:white;}

@media screen and (max-width: 769px)
{
	div.top4{margin-top:0px; text-align:center; height:550px; padding-top:20px; float:left;}
	p.top41{font-size:30px; color:white; margin:0px;}
	div.top_q{width:100%; margin-top:20px; height:120px; text-align:center; color:white;}
}

/* 価格 */
div.top5{margin-top:0px; text-align:center; height:350px; border-width:1px; border-color:#a9a9a9;  float:left; width:100%;
background-color:#C9E8F1; padding-top:20px;}
p.top51{font-size:30px; color:#393939; margin:20px 0px 0px 0px;}
div.top52{width:22%; height:150px; margin:40px 3% 0px 20%; padding:20px 1% 10px 1%; border-radius:10px; float:left; background-color:white;}
div.top522{width:22%; height:150px; margin:40px 3% 0px 3%; padding:20px 1% 10px 1%; border-radius:10px; float:left; background-color:white;}
img.top521{width:110px;  height:110px; border-radius:100%;}
p.top55{color:DA6272; font-size:20px; margin:0px;}
p.top54{margin:5px 0px 0px 0px; color:#808080; font-size:14px;}

@media screen and (max-width: 769px)
{
	div.top5{margin-top:0px; text-align:center; min-height:500px; border-width:1px; border-color:#a9a9a9;  float:left;
	background-color:#C8EFEA; padding-top:20px;}
	p.top51{font-size:25px; color:#393939; margin:20px 0px 0px 0px; float:left; width:100%; text-align:center;}
	div.top52{width:90%; height:150px; margin:20px 5% 0px 5%; padding:20px 1% 10px 1%; border-radius:10px; float:left; background-color:white;}
	div.top522{width:90%; height:150px; margin:20px 5% 20px 5%; padding:20px 1% 10px 1%; border-radius:10px; float:left; background-color:white;}
	img.top521{width:110px;  height:110px; border-radius:100%;}
	p.top55{color:DA6272; font-size:20px; margin:0px;}
	p.top54{margin:5px 0px 0px 0px; color:#808080; font-size:14px;}	
}

div.top6{margin-top:0px; text-align:center; min-height:450px; border-width:1px; border-color:#a9a9a9;  padding-bottom:20px;
background-color:#C8EFEA; padding-top:20px; float:left; width:60%; padding:0px 20% 0px 20%; background-color:white;}

@media screen and (max-width: 769px)
{		
	div.top6{margin-top:0px; text-align:center; min-height:450px; border-width:1px; border-color:#a9a9a9;  padding-bottom:20px;
background-color:#C8EFEA; padding-top:20px; float:left; border-style:none; width:80%; padding-left:10%; padding-right:10%; text-align:center; background-color:white;}
}

/* --------------------------------------------
フォーム
--------------------------------------------*/
/* エラーメッセージ */ 
p.errormsg{margin:0px 0px 10px 0px; color:#fa8072; font-size:12px;}
input.errors{border-color:#fa8072 !important;}
textarea.errors{border-color:#fa8072 !important;}

textarea.base{
   width:100%;
   border-style:solide; border-width:1px; border-color:#808080;
   border-color:#a9a9a9;
   border-radius:5px;
}

p.confirm{
   margin:0px 0px 10px 0px; 
   color:#393939;
}

/* --------------------------------------------
基本レイアウト
--------------------------------------------*/
html{width:100%; min-height:600px; margin:0px; float:left;}
body{width:100%; min-height:600px; margin:0px; float:left;}
div.main{width:100%; min-height:650px; margin:0px;  float:left; padding:0% 0% 0px 0%; margin:0px; }

html.detail{width:100%; min-height:1000px; margin:0px; float:left;}
body.detail{width:100%; min-height:1000px; margin:0px; float:left;}
div.detail{width:100%; min-height:1560px; margin:0px;  float:left; padding:0% 0% 0px 0%; margin:0px; }
div.detail-child{width:50%; min-height:80px;  padding:0px 0px 0px 0%;}
div.block{width:98%; margin-top:0px; min-height:210px; border-radius:5px; background-color:white; padding:5px 1%; padding-bottom:10px;
	display:inline-block;
}

div.guide_bar{width:50%; min-height:80px; padding:0px 0px 0px 23%;}

@media screen and (max-width:769px)
{
	div.detail-child{width:100% !important; min-height:80px;  padding:0px 2% 0px 2%;}
	div.guide_bar{width:80%; min-height:80px; padding:0px 0px 0px 2%;}
}

/* 削除予定
div.manage112{width:80%; min-height:100px; border-style:solid; border-width:1px; border-color:#a9a9a9; margin-bottom:10px; border-radius:3px; float:left;}
div.manage113{width:80%; min-height:100px; border-style:solid; border-width:1px; border-color:#a9a9a9; margin-bottom:10px; border-radius:3px; float:left;}
p.manage111{width:100%; margin:0px 0px 10px 0px; float:left; color:#fa8072;}
*/

div.manage11a{width:80%; float:left; height:60px;}
a.manage11b{width:25%; float:left; background-color:DA6272; color:white;
text-decoration:none; border-style:solid; border-color:DA6272; border-width:1px;
padding:5px 10px 5px 10px; margin-right:2%; text-align:center;
border-radius:5px; font-size:13px;}

a.manage11b:hover{text-decoration: none; opacity: 0.50;  /* 要素を透明にするタグ */ background-color: DA6272;}
h2.title{font-size:20px; color:#646464; width:100%;}
h4,h2{color:#393939; font-weight:bold; font-size: 18px; }

/* --------------------------------------------
レッスン詳細画面
--------------------------------------------*/
img.profile{width:140px; height:140px; border-radius:100%;}
td.label{background-color:DA6272; color:white; border-radius:25px; font-size:11px; text-align:center; margin-right:10px; padding:3px 10px;}
td.label2{background-color:DA6272; color:white; border-radius:25px; font-size:11px; text-align:center; margin-right:10px; padding:5px 10px;}

table.profile{font-size:14px; color:#393939; margin-bottom:5px;}
div.content{width:100%; padding:10px 2%; color:#393939; min-height:200px; border-radius:5px; background-color:white; font-size:15px;}
.content_nocolor{width:96%; padding:10px 2%; color:#393939; min-height:200px; border-radius:5px; font-size:15px;}


div.l_lesson12{float:left; width:100%; min-height:250px; border-radius:5px; background-color:white;}
div.imgArea{float:left; width:26%; height:auto;}
div.profileArea{float:left; width:55%;}

@media screen and (max-width:769px)
{
div.imgArea{float:left; width:150px; height:100%;}
div.profileArea{float:left; width:55%;}
}


p.name{margin:0px; font-size:20px; color:#393939;}
p.comment{margin:0px; font-size:14px; color:#393939;}
.width100per{width:100%;}
p.sub-title{margin-left:10px; margin-bottom:0px; font-weight:bold;}
p.sub-body{border-width:1px; margin:0px 10px 0px 10px; padding:5px 0px 0px 10px;}

a.button{display:inline-block; background-color:DA6272; color:white; width:180px; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto; margin-top:20px; font-size:14px;}

input.button{background-color:DA6272; color:white; width:180px; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto; margin-top:20px; font-size:14px; border-color:DA6272; display:inline-block;}
input.button:hover{color: #222; text-decoration: none; opacity: 0.25;}

@media screen and (max-width:769px){
  a.button{display:inline-block; background-color:DA6272; color:white; width:130px; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto; margin-top:20px; font-size:14px;}
  input.button{width:130px;  background-color:DA6272; color:white; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto; margin-top:20px; font-size:14px; border-color:DA6272; display:inline-block;}
  .back{background-color:#393939 !important; border-color:#393939 !important; margin-right:20px !important;}
}

.back{background-color:#393939 !important; border-color:#393939 !important; margin-right:20px !important;}

a.button2{background-color:#a9a9a9; color:white; width:120px; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto; 
margin-top:5px; font-size:12px; display:inline-block;}

button.button{background-color:DA6272; color:white; width:180px; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto; margin-top:20px; font-size:14px; border-color:DA6272; margin:20px 0px 0px 0px; display:inline-block;}
button.button:hover{color: #222; text-decoration: none; opacity: 0.25;}

button.submit{display:block; background-color:DA6272; color:white; width:180px; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto;
margin-top:20px; font-size:14px; border-color:DA6272;}
button.submit:hover{color: #222; text-decoration: none; opacity: 0.25;}

a.menu_link{color:white; list-style:none; border-bottom:solid; border-width:1px; border-color:#a9a9a9; padding:5px 5px 5px 25px; text-align:left;}
a.menu_link{color:white; text-decoration:none; font-size:12px;}
.blocktitle{font-size:15px; margin:0px 0px 10px 0px; font-weight:normal; float:left; margin-top:10px;}
a:hover{color: #222; text-decoration: none; opacity: 0.25;}
body{background-color:white;}
html.top1{width:100%; height:1200px; margin:0px; float:left;}
body.top1{width:100%; height:1200px; margin:0px; float:left;}
div.top1{width:100%; min-height:1200px; margin:0px;  float:left; padding:0% 0% 50px 0%; margin:0px; } 
div.top2{width:100%; height:170px; background-color:DA6272; text-align:center;}
.btn-rounded{border-radius:30px;}

/* ボタンレイアウト変える */
.btn-info{background-color:#DA6272; border-color:#DA6272; padding:12px 25px; border-radius:40px;
font-size:12px;}
.btn-info:hover{background-color:#DA6272; border-color:#DA6272;	opacity: 0.5 ;}

.btn-info-fav{background-color:#DA6272; border-color:#DA6272; padding:10px 15px; border-radius:40px;
  font-size:12px; color:white;}
.btn-info-fav:hover{background-color:#DA6272; border-color:#DA6272;	opacity: 0.5 ;}
.btn-default{padding:10px 15px; border-radius:40px; font-size:12px; }
.btn{padding:10px 15px; border-radius:40px; font-size:12px; }

@media screen and (max-width:769px)
{
	div.top2{width:100%; height:140px; background-color:DA6272; text-align:center; padding:0px 3%;}
}

br.sp{display:none;}
p.top211{font-size:30px; margin-bottom:10px;}
h1.top211{font-size:25px; margin:0px 0px 10px 0px; }

@media screen and (max-width:769px)
{
	br.sp{display:block;}
	p.top211{font-size:25px; margin-bottom:5px;}
}

div.top21{padding-top:30px !important; color:white; text-align:left; padding-left:70px;}
@media screen and (max-width:769px)
{
	div.top21{padding-top:15px !important; color:white; text-align:left; padding-left:10px;}
}


p.top212{font-size:15px; margin:0px;}
div.top22{margin-top:50px; text-align:center;}

/*---------------------
コーチ登録画面
----------------------*/
div.form{border-style:solid; padding:2%; width:100%; margin-left:0%; min-height:250px; padding-bottom:10px;
background-color:white; border-color:white; border-radius:5px; padding-bottom:20px;}

@media screen and (max-width:769px)
{
div.form{border-style:solid; padding:2%; width:100%; margin-left:0%; min-height:250px; padding-bottom:10px;
background-color:white; border-color:white; border-radius:5px; padding-bottom:20px;}
}


/*---------------------
一覧テーブル0301
----------------------*/
td.list{
  width:8%; 
  text-align:center; 
  font-size:12px; 
  padding:3px 0px 3px 0px; 
  color:#808080;
}
a.list{
  background-color:#84D5E7; 
  text-decoration:none; 
  border-radius:2px;
  color:white; 
  padding:7px; 
  font-size:10px; 
  text-align:center; 
  width:50%; 
  margin-left:25%; 
  height:100%;
}
tr.list{
  height:30px;
}

@media screen and (max-width:769px)
{
a.list{
  background-color:#84D5E7;
  text-decoration:none;
  border-radius:2px;
  color:white;
  padding:7px;
  font-size:10px;
  text-align:center;
  width:70%;
  margin-left:5%;
  height:100%;
}

}

/*---------------------
ワークスペース0302
----------------------*/
a.menu{
  border-style:solid; 
  border-width:1px; 
  border-color:DA6272; 
  background-color:white; 
  display:block; 
  color:DA6272; 
  padding:5px 0px 5px 0px; 
  height:20px; 
  border-radius:1px; 
  text-decoration:none; 
  font-size:12px; 
  text-align:center;  
  float:left; 
  width:48%;
  margin:0px;
}
img.message_img{
  width:50px; 
  height:50px; 
  margin:0px 5px 10px 0px; 
  border-radius:100%; 
  float:left; 
  border-style:solid;
  border-width:1px; 
  border-color:DA6272; 
}

/*---------------------
メッセージ0302
----------------------*/
p.message_date{width:100%; margin:0px; font-size:11px; color:#393939; }
p.comment5{margin:0px 0px 0px 0px; width:100%; float:left; font-size:14px;}
div.message_cont5{width:98%; min-height:20px;  display:inline-block; margin-left:0%; margin-bottom:0px; float:left; border-style:solid; border-width:1px; border-color:#e3e3e3; padding:1%; color:#393939;
background-color:white;}   

div.msg-area{
  margin-bottom:20px;
  float:left;
  width:100%;
}

div.msg-form{
  margin-top:20px;
  margin-bottom:20px;
  float:left;
  width:100%;
}



/*---------------------
アクティブスタイル0302
----------------------*/
.active{
   background-color:DA6272 !important; 
   color:white !important; 
}





/* ---------------------------------------------------- 以下から未整備 ----------------------------------------*/


/* --------------------------------------------
レッスン一覧ページ
--------------------------------------------*/
html.lesson1{width:100%; min-height:1700px; margin:0px; float:left;}
body.lesson1{width:100%; min-height:1700px; margin:0px; float:left;}
div.lesson1{width:100%; min-height:1560px; margin:0px;  float:left; padding:0% 0% 0px 0%; margin:0px; } 
div.lesson11{width:75%; height:80px;  padding:40px 0px 0px 28%; float:left;}
input.lesson111{width:40%; float:left; height:20px;}
input.lesson112{display:block ;float:left; background-color:#00C763; color:white; border-style:none; width:60px; height:25px;}

div.lesson12{width:90%; min-height:600px; padding:20px 0px 0px 10%;} 
div.lesson121{width:20%; height:400px; float:left;  margin-right:2%;}
div.lesson1211{float:left; width:100%; height:400px; border-style:solid; border-width:1px; border-color:#a9a9a9; border-radius:5px; background-color:#FCFCFC; margin-top:30px;}
div.lesson12111{width:100%; margin:0px; height:3%; background-color:#a9a9a9; color:white; text-align:center; padding:2px 0px 10px 0px;
font-size:12px; border-radius:4px;}
div.lesson12112{width:100%; margin:0px; height:95%;}

a.lesson121121{text-decoration:none; float:left; width:100%; color:#315196; margin-bottom:2px; font-size:14px; width:100%; margin-bottom:5px;} 
a.lesson121121:hover{color: #222; text-decoration: none; opacity: 0.40;}

div.lesson1212{float:left; width:100%; height:300px; border-style:solid; border-width:1px; border-color:#a9a9a9; margin-top:20px;
border-radius:5px; background-color:#FCFCFC;}

div.lesson122{width:90%; min-height:500px; float:left; padding-bottom:150px;}
div.lesson122a{width:100%; height:120px; position:relative; border-bottom:solid; border-width:1px; border-color:#e3e3e3; float:left; border-radius:5px;
background-color:white;}
a.lesson122b{width:100%; height:100%; position:absolute;}
a.lesson122b:hover{color: #222; text-decoration: none; opacity: 0.10;  /* 要素を透明にするタグ */ background-color: DA6272;}

div.lesson1222{width:98%; height:98%; float:left; padding:5px;}
div.lesson12221{width:16%; float:left;}
div.lesson12222{width:78%; float:left; margin-left:10px;}

@media screen and (max-width: 769px)
{
div.lesson12221{width:100px; float:left;}
div.lesson12222{width:65%; float:left; margin-left:10px;}
}

/* レビュー一覧 */
div.review_left{width:13%; float:left;}
div.review_right{width:78%; float:left; margin-left:10px;}

/* レッスン詳細ページ */
html.l_detail1{width:100%; min-height:1700px; margin:0px; float:left;}
body.l_detail1{width:100%; min-height:1700px; margin:0px; float:left; background-color:#f0ffff;}
div.l_detail1{width:60%; min-height:1560px; margin:0px;  float:left; padding:2% 10% 0px 10%; margin:0px;} 
a.l_detail1a{width:100%; height:210px;	 position:absolute; }
a.l_detail1a:hover{text-decoration: none; opacity: 0.10;  /* 要素を透明にするタグ */ background-color: DA6272;}

div.l_lesson11c{float:left; width:96%; min-height:200px; padding:10px 2% 0px 2%;}
div.l_lesson11{float:left; width:96%; min-height:200px; padding:10px 2% 0px 2%; border-style:solid; border-width:1px; border-color:#a9a9a9; border-radius:5px; background-color:white;}

div.l_lesson111{float:left; width:100%; height:100px;}
div.l_lesson112{float:left; width:96%; font-size:14px; min-height:60px; padding:5px 2% 5px 2%; color:#393939;
border-style:solid; border-color:#e3e3e3; border-radius:3px; border-width:1px; margin:5px 0px 15px 0px;}

div.l_lesson12{float:left; width:100%; min-height:450px; border-style:solid; border-style:solid; border-width:1px; border-color:#e3e3e3; border-radius:5px; background-color:white;}
div.l_lesson13{float:left; width:100%; min-height:200px; padding-bottom:0px; background-color:white;}

/* --------------------------------------------
コーチング応募画面
--------------------------------------------*/
div.l_lesson11a{float:left; width:100%; min-height:300px; border-style:solid; border-style:solid; border-width:1px; border-color:#e3e3e3; border-radius:5px; background-color:white;
padding:10px 2% 0px 2%;}
input.l_lesson111{margin-left:0px; min-height:30px; width:98%; border-style:solid; border-width:1px; border-color:#e3e3e3; border-radius:3px; margin-bottom:10px;}
textarea.l_lesson111{margin-left:0px; height:150px; width:98%; border-style:solid; border-width:1px; border-color:#e3e3e3; border-radius:3px; margin-bottom:10px;}
input.l_lesson112{margin-right:50%; height:35px; width:98%; padding:5px 20px 5px 20px;
background-color:#00D25B; color:white; margin-top:10px; text-align:center; border-radius:5px;
border-color:#00D25B; margin-bottom:20px; -webkit-appearance: none;} 

a.back{float:left; height:15px; width:93%; padding:10px 20px 10px 20px;
background-color:#a9a9a9; color:white; margin-top:0px; text-align:center; border-radius:5px;
border-color:#00D25B; margin-bottom:10px; font-size:10px; text-decoration:none;} 

/* レッスン作成 */
html.l_make1{width:100%; min-height:1700px; margin:0px; float:left;}
body.l_make1{width:100%; min-height:1700px; margin:0px; float:left;}
div.l_make1{width:60%; min-height:1560px; margin:0px;  float:left; padding:2% 10% 0px 10%; margin:0px; } 

/* ヘッダー */
div.header1{width:100%; height:55px; padding:8px 0px 8px 0px; background-color:white; margin:0px; float:left; color:DA6272;}
@media screen and (max-width:769px)
{
  div.header1{width:70% !important; height:55px; padding:8px 0px 8px 0px; background-color:white; margin:0px; float:left; color:DA6272;}
}
p.header2{margin:0px 0px 0px 0px; color:DA6272; font-size:27px; float:left;}
p.header3{margin:20px 0px 0px 10px; color:white; font-size:12px; float:left;}
div.header4{float:right; width:30%; height:80%; text-align:right; padding-right:40px;
padding-top:10px;}
a.header41{color:DA6272; text-decoration:none; margin-left:20px;}
a.header42{color:DA6272; text-decoration:none; margin-left:20px;}
a.header41:hover{border-bottom:solid; border-width:2px;}

a.header42:hover{border-bottom:solid; border-width:2px;}


/* フッター */
div.footer1{width:100%; height:70px; padding:10px 10px 0px 10px;  background-color:DA6272;
 margin:0px; float:left;}
p.footer2{color:white; font-size:14px; margin-left:10px; width:165px; float:left;}

.col2 *{
 color:DA6272;
 font-weight:bold;
}
span.setting{
 display:block;
 color:#a9a9a9;
 width:100%;
 font-size:12px;
}

/* --------------------------------------------
ユーザー登録ページ
--------------------------------------------*/
html.regis1{width:100%; min-height:1700px; margin:0px; float:left;}
body.regis1{width:100%; min-height:1700px; margin:0px; float:left;}
div.regis1{width:40%; min-height:1560px; margin:0px;  float:left; padding:5% 0% 0px 0%; margin:0px 30%;} 
@media screen and (max-width:769px)
{
  div.regis1{width:100%; min-height:1560px; margin:0px;  float:left; padding:5% 2% 0px 2%; margin:0px;}
}

.regis2{width:100%; font-size:20px; color:#646464; font-weight:bold; text-align:center; margin-top:30px;}

div.regis3{border-style:solid; padding:30px; width:100%; margin-left:0%; min-height:200px; padding-bottom:10px;
background-color:white; border-color:white; border-radius:5px; padding-bottom:20px;}
div.buttonArea{
   width:100%;
   text-align:center;
   padding:2%;
}
div.buttonArea2{
   width:48%;
   margin-left:24%;
   text-align:center;
   padding:2%;
}

@media screen and (max-width: 769px)
{
  div.buttonArea2{
   width:100%;
   margin:0px;
   margin-top:10px;
   text-align:center;
   padding:2%;
  }

  p.regis2{color:#393939; margin-left:0%; width:100%;}
  div.regis3{border-style:solid; padding:20px 6%; width:100%; margin-left:0%; min-height:280px; padding-bottom:10px;
  background-color:white; border-color:white; border-radius:5px; padding-bottom:20px;}

}

a.facebook{
background-color:#3B5998; border-style:solid; border-width:1px; border-color:#3B5998; padding:5px 0px; font-size:12px; color:white; margin-top:10px; width:100%; border-radius:35px; margin-bottom:10px; display:block; text-align:center; text-decoration:none;
}
@media screen and (max-width:769px)
{
  a.facebook{background-color:#3B5998; border-style:solid; border-width:1px; border-color:#3B5998; padding:5px 0px; font-size:12px; color:white; margin-top:10px; width:100%; border-radius:35px; margin-bottom:10px; display:block; text-align:center;
text-decoration:none;}
}

a.twitter{
background-color:#1da1f2; border-style:solid; border-width:1px; border-color:#1da1f2; padding:5px 0px; font-size:12px; color:white; margin-top:10px; width:100%; border-radius:35px; margin-bottom:10px; display:block; text-align:center; text-decoration:none;
}
@media screen and (max-width:769px)
{
  a.twitter{background-color:#1da1f2; border-style:solid; border-width:1px; border-color:#1da1f2; padding:5px 0px; font-size:12px; color:white; margin-top:10px; width:100%; border-radius:35px; margin-bottom:10px; display:block; text-align:center;
text-decoration:none;}
}

a.coach{
background-color:#00C7C8; border-style:solid; border-width:1px; border-color:#00C7C8; padding:5px 0px; font-size:12px; color:white; margin-top:10px; width:50%; border-radius:35px; margin-bottom:10px; display:block; text-align:center; text-decoration:none; margin-left:25%;
}
@media screen and (max-width:769px)
{
  a.coach{background-color:DA6272; border-style:solid; border-width:1px; border-color:DA6272; padding:5px 0px; font-size:12px; color:white; margin-top:30px; width:100%; border-radius:35px; margin-bottom:10px; display:block; text-align:center;
text-decoration:none; margin-left:10px;}
}

input.regis41{width:100%; border-style:solid; border-width:1px; border-color:#a9a9a9;
border-radius:5px; height:30px; padding:3px; margin-bottom:5px;}

input.regis42{background-color:DA6272; border-style:solid; border-width:1px; border-color:DA6272; padding:5px 10px 5px 10px; font-size:12px; color:white; margin-top:10px; width:100%; border-radius:35px; margin-bottom:10px;}

@media screen and (max-width: 769px)
{
  input.regis42{background-color:DA6272; border-style:solid; border-width:1px; border-color:DA6272; padding:5px 10px 5px 10px; font-size:12px; color:white; margin-top:10px; width:100%; border-radius:35px; margin-bottom:10px;}
}


/* 入力フォーム系 */
input.regis43{background-color:#0059CF; border-style:solid; border-width:1px; border-color:#0059CF; padding:5px 10px 5px 10px; font-size:12px; color:white; margin-top:10px; width:100%; border-radius:5px;}
input.regis43:hover{color: #222; text-decoration: none; opacity: 0.25;}
input.regis42:hover{color: #222; text-decoration: none; opacity: 0.25;}

/* 登録ボタン/戻るボタン */
input.regisConfirm{background-color:#00D25B; border-style:solid; border-width:1px; border-color:#00D25B; padding:5px 10px 5px 10px; font-size:12px; color:white; margin-top:10px; width:45%; border-radius:5px; float:left; margin-left:5%;}
a.backButton{background-color:DA6272; border-style:solid; border-width:1px; border-color:DA6272; padding:5px 10px 5px 10px; font-size:12px; color:white; margin-top:10px; width:45%; border-radius:5px; text-decoration:none; display:block; text-align:center; float:left;}

/* --------------------------------------------
ログイン
--------------------------------------------*/
div.login3{border-style:solid; padding:2%; width:50%; margin-left:23%; height:180px; padding-bottom:10px;
background-color:white; border-color:white; border-radius:5px; padding-bottom:20px;}

/* --------------------------------------------
ヘッダーのメニューバー
--------------------------------------------*/
     /* ヘッダーのメニューバー */
                .menu {
		max-width: 180px;
		margin: 0 auto;
		padding: 0;
		margin-right:100px;
		
		}	
		.menu a {
		  display: block;
		  font-size:12px;
		  border-style:solid; border-color:white; border-width:1px;
		  padding: 8px;
		  text-decoration: none;
		  color: white;
		  line-height: 1;
		  width:150px;
		  text-align:center;
		}		
		label {
		  display: block;
		  height:50px;
		  margin: 0 0 2px 0;
		  padding :0px;
		  line-height: 1;
		  color :#fff;
		  /* cursor :pointer; */
		  width:130px;
		}		
		input.accordion {
			display: none;
		}		
		.menu ul {
		  margin: 0px 30px 0px 0px;
		  padding: 0;
		  background :#0C3C50;
		  list-style: none;
		}		
		.menu li {
		  max-height: 0;
		  overflow-y: hidden;
		  -webkit-transition: all 0.5s;
			-moz-transition: all 0.5s;
			-ms-transition: all 0.5s;
			-o-transition: all 0.5s;
			transition: all 0.5s;
		}		
		#menu_bar01:checked ~ #links01 li,
		#menu_bar02:checked ~ #links02 li {
			max-height: 56px;
		        opacity: 1;
		}

            img.menu:hover{color: #222; text-decoration: none; opacity: 0.25;  /* 要素を透明にするタグ */ background-color: #E6EBE0;}
            .menu a:hover{color:#222;; text-decoration: none; opacity: 0.25;  /* 要素を透明にするタグ */ background-color: white;}		
            div.menu{float:left;}
        /* ヘッダーのメニューバー */
     

/* マイページ */
html.manage1{width:100%; min-height:1700px; margin:0px; float:left;}
body.manage1{width:100%; min-height:1700px; margin:0px; float:left;}
div.manage1{width:100%; min-height:1560px; margin:0px;  float:left; padding:0% 0% 0px 0%; margin:0px; } 
div.manage11{width:70%; height:80px;  padding:0px 0px 0px 15%;}
div.manage111{width:80%; min-height:100px; border-style:solid; border-width:1px; border-color:#a9a9a9;  margin-bottom:10px; border-radius:3px; float:left;}
div.manage112{width:80%; min-height:100px; border-style:solid; border-width:1px; border-color:#a9a9a9; margin-bottom:10px; border-radius:3px; float:left;}
div.manage113{width:80%; min-height:100px; border-style:solid; border-width:1px; border-color:#a9a9a9; margin-bottom:10px; border-radius:3px; float:left;}
p.manage111{width:100%; margin:0px 0px 10px 0px; float:left; color:#fa8072;}

div.manage11a{width:80%; float:left; height:60px;}
a.manage11b{width:25%; float:left; background-color:DA6272; color:white;
text-decoration:none; border-style:solid; border-color:DA6272; border-width:1px;
padding:5px 10px 5px 10px; margin-right:2%; text-align:center;
border-radius:5px; font-size:13px;}

a.manage11b:hover{text-decoration: none; opacity: 0.50;  /* 要素を透明にするタグ */ background-color: DA6272;}

/* openingコンテンツ */
div.opening1{width:100%; height:120px; position:relative; border-style:solid; border-width:1px; border-color:#a9a9a9; float:left; border-radius:5px;}
a.opening11{width:100%; height:100%; position:absolute;}
a.opening11:hover{color: #222; text-decoration: none; opacity: 0.10;  /* 要素を透明にするタグ */ background-color: DA6272;}

div.opening12{width:98%; height:98%; float:left; padding:5px;}
div.opening121{width:14%; float:left;}
div.opening122{width:75%; float:left; margin-left:10px;}
/* openingコンテンツ */

/* openingコンテンツ→提案リスト */
a.proposal_conent1{width:20%; float:left; background-color:DA6272; color:white;
text-decoration:none; border-style:solid; border-color:DA6272; border-width:1px;
padding:2px 10px 2px 10px; margin-right:2%; text-align:center; margin-top:5px;
border-radius:5px; font-size:10px;}
a.proposal_conent1:hover{text-decoration: none; opacity: 0.50;  /* 要素を透明にするタグ */ background-color: DA6272;}

form.proposal_content2{}
input.proposal_content21{width:25%; float:left; background-color:#fa8072; color:white;
text-decoration:none; border-style:solid; border-color:#fa8072; border-width:1px;
padding:2px 10px 2px 10px; margin-right:2%; text-align:center; margin-top:5px;
border-radius:5px; font-size:10px;}
input.proposal_content21:hover{text-decoration: none; opacity: 0.50;  /* 要素を透明にするタグ */ background-color: #fa8072;}
/* openingコンテンツ→提案リスト */

/* モーダル終了 */
a.login_menu1{float:right; color:DA6272; margin:8px 30px 0px 0px; text-decoration:none;
border-style:solid; border-width:1px; border-color:DA6272; border-radius:5px; padding:5px 20px; 
font-size:12px;}
a.login_menu2{display:block; float:right; color:white; background-color:DA6272; margin:0px 20px 30px 0px; text-decoration:none; width:80px;
border-style:solid; border-width:1px; border-color:DA6272; border-radius:5px; padding:10px 10px; 
font-size:12px; text-align:center;}

div.messagework{min-height:1200px; width:99%; padding:2% 0% 2% 0%;}
p.status_active{margin-top:0px; color:white; background-color:#47C0DA; width:30%; font-size:12px; border-radius:5px; padding:5px; text-align:center; float:left;
							border-style:solid; border-width:2px; border-color:#47C0DA; margin:0px 10px 0px 0px;}
p.status_disactive{margin-top:0px; color:#47C0DA; background-color:white; width:30%; font-size:12px; border-radius:5px; padding:5px; text-align:center; float:left; margin-right:10px; border-style:solid; border-width:2px; border-color:#47C0DA;}
table.message_wat1{width:100%; padding:0px;}
p.message_cont{margin:0px; color:DA6272;}





/* --------------------------------------------
支払い
--------------------------------------------*/
div.field{
  width:200px; margin-left:10px; border-style:solid;
  border-width:1px; border-color:#a9a9a9;
  border-radius:5px;
  padding:5px 5px;
  margin-bottom:5px;
}


.example.example2 {
  background-color: #fff;
}

.example.example2 * {
  font-family: Source Code Pro, Consolas, Menlo, monospace;
  font-size: 16px;
  font-weight: 500;
}

.example.example2 .row {
  display: -ms-flexbox;
  display: flex;
  margin: 0 5px 10px;
}

.example.example2 .field {
  position: relative;
  width: 100%;
  height: 50px;
  margin: 0 10px;
}

.example.example2 .field.half-width {
  width: 50%;
}

.example.example2 .field.quarter-width {
  width: calc(25% - 10px);
}

.example.example2 .baseline {
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #cfd7df;
  transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.example.example2 label {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 8px;
  color: #cfd7df;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transform-origin: 0 50%;
  /* cursor: text; */
  transition-property: color, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.example.example2 .input {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding-bottom: 7px;
  color: #32325d;
  background-color: transparent;
}

.example.example2 .input::-webkit-input-placeholder {
  color: transparent;
  transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.example.example2 .input::-moz-placeholder {
  color: transparent;
  transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.example.example2 .input:-ms-input-placeholder {
  color: transparent;
  transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.example.example2 .input.StripeElement {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  will-change: opacity;
}

.example.example2 .input.focused,
.example.example2 .input:not(.empty) {
  opacity: 1;
}

.example.example2 .input.focused::-webkit-input-placeholder,
.example.example2 .input:not(.empty)::-webkit-input-placeholder {
  color: #cfd7df;
}

.example.example2 .input.focused::-moz-placeholder,
.example.example2 .input:not(.empty)::-moz-placeholder {
  color: #cfd7df;
}

.example.example2 .input.focused:-ms-input-placeholder,
.example.example2 .input:not(.empty):-ms-input-placeholder {
  color: #cfd7df;
}

.example.example2 .input.focused + label,
.example.example2 .input:not(.empty) + label {
  color: #aab7c4;
  transform: scale(0.85) translateY(-25px);
  /* cursor: default; */
}

.example.example2 .input.focused + label {
  color: #24b47e;
}

.example.example2 .input.invalid + label {
  color: #ffa27b;
}

.example.example2 .input.focused + label + .baseline {
  background-color: #24b47e;
}

.example.example2 .input.focused.invalid + label + .baseline {
  background-color: #e25950;
}

.example.example2 input, .example.example2 button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border-style: none;
}

.example.example2 input:-webkit-autofill {
  -webkit-text-fill-color: #e39f48;
  transition: background-color 100000000s;
  -webkit-animation: 1ms void-animation-out;
}

.example.example2 .StripeElement--webkit-autofill {
  background: transparent !important;
}

.example.example2 input, .example.example2 button {
  -webkit-animation: 1ms void-animation-out;
}

.example.example2 button {
  display: block;
  width: calc(100% - 30px);
  height: 40px;
  margin: 40px 15px 0;
  background-color: #24b47e;
  border-radius: 4px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  /* cursor: pointer; */
}

.example.example2 input:active {
  background-color: #159570;
}

.example.example2 .error svg {
  margin-top: 0 !important;
}

.example.example2 .error svg .base {
  fill: #e25950;
}

.example.example2 .error svg .glyph {
  fill: #fff;
}

.example.example2 .error .message {
  color: #e25950;
}

.example.example2 .success .icon .border {
  stroke: #abe9d2;
}

.example.example2 .success .icon .checkmark {
  stroke: #24b47e;
}

.example.example2 .success .title {
  color: #32325d;
  font-size: 16px !important;
}

.example.example2 .success .message {
  color: #8898aa;
  font-size: 13px !important;
}

.example.example2 .success .reset path {
  fill: #24b47e;
}

/* --------------------------------------------
各種設定関連
--------------------------------------------*/
div.col2{
	width:41%;
	padding:5px 2%; 
	float:left;
	background-color:white;
	border-radius:5px;
	height:80px;
	margin-right:10px;
	margin-top:10px;
}

/* --------------------------------------------
レーティング
--------------------------------------------*/
/* 星評価 */
.star-rating {
  font-size: 0;
  white-space: nowrap;
  display: inline-block;
  width: 100px;
  height: 20px;
  overflow: hidden;
  position: relative;
  background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
  background-size: contain;
}
.star-rating i {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 20%;
  z-index: 1;
  background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
  background-size: contain;
}
.star-rating input {
  -moz-appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  display: inline-block;
  width: 20%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 2;
  position: relative;
}
.star-rating input:hover + i,
.star-rating input:checked + i {
  opacity: 1;
}
.star-rating i ~ i {
  width: 40%;
}
.star-rating i ~ i ~ i {
  width: 60%;
}
.star-rating i ~ i ~ i ~ i {
  width: 80%;
}
.star-rating i ~ i ~ i ~ i ~ i {
  width: 100%;
}
.choice {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 20px;
  display: block;
}

/* 星評価表示用 */
    /* レーティング start */
    .star-ratingview {
      position: relative;
      width: 5em;
      height: 1em;
      font-size: 16px;
      float:left;
      margin-bottom:10px;
    }
    .star-rating-front {
      position: absolute;
      top: 0;
      left: 0;
      overflow: hidden;
      color: #ffcc33;
    }
    .star-rating-back {
      color: #ccc;
    }
    /* レーティング finish */

/* プロフィール */
.memberDetail{
        width:40%; padding:20px 0%; margin:0px 30%;
}
@media screen and (max-width:769px)
{
        .memberDetail{
        width:100%; padding:20px 5%; margin:0px;
        }
}

.row:before, .row:after { width:0px; }

@media screen and (max-width:769px)
{
        input{  
                font-size:16px;
        }
        textarea{
                font-size:16px !important;
        }       
        input.regis42{
                font-size:12px;
        }
}