@charset "shift_jis";

/* ===================================================================
CSS information
 file name  : welcome_rendo
 author     : honyaclub.com
 date       : 20201016
 update     : 20250314
 about      : welcome_rendo
=================================================================== */


/* ------------------------------------------------------
#freepage-containerより上層
---------------------------------------------------------*/

#contents-container {
  padding: 0!important;
  margin: 0!important;
}

#main {
	width: auto!important;
	margin: 0!important;
}

/* ------------------------------------------------------
#freepage-container 
---------------------------------------------------------*/

.welcome_rendo {
	width: 950px;
	margin: 0 auto;
}

/* ------------------------------------------------------
#freepage-inner
---------------------------------------------------------*/

.welcome_rendo #freepage-inner {
  margin: 3px 0 30px 0;
  padding: 10px 0 0 0;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
  font-size: 16px ;
  font-weight: bold ;
  line-height: 1.4 ;
}

/* ------------------------------------------------------
#freepage-contents  共通
---------------------------------------------------------*/

.welcome_rendo #freepage-contents {
	width: 800px;
	margin: 0 auto 25px;
	padding-bottom: 5px;
  text-align: center;
}

.welcome_rendo #freepage-contents h2 {
	margin-bottom: 25px;
	padding: 6px 0;
	background-color: #00712f;
	font-size: 24px;
  font-weight: bold;
	color: #fff016;
}

.welcome_rendo #freepage-contents h3 {
  color: #00712f;
  font-size: 20px;
  font-weight: bold;
  padding-top: 30px;
}

.welcome_rendo #freepage-contents p.note {
  font-size: 10px;
  color:#666666;
  padding: 5px 0;
  text-indent: 0;
  margin-left: 0;
  text-align: left;
}

.welcome_rendo #freepage-contents .registration_start p.note {
  width: 65%;
  margin: 0 auto;
  text-align: left;
}

.welcome_rendo #freepage-contents p.btn {
  margin: 5px auto;
}

.welcome_rendo dt.step {
  background-color: #8ec743;
  color: #ffffff;
  border-radius: 30px;
  -webkit-border-radius: 30px; 
  -moz-border-radius: 30px;
  width: 80%;
  margin: 0 auto;
  font-size: 18px;
}

.welcome_rendo dt.step span {
  font-size: 24px;  
}
/* ------------------------------------------------------
#freepage-contents .navitopicpath_
---------------------------------------------------------*/
.welcome_rendo .navitopicpath_ {
  text-align: left;
  font-size: 83%;
  font-weight: normal;
  line-height: 1.6;
}

/* ------------------------------------------------------
#freepage-contents #SnsFile
---------------------------------------------------------*/

/* #freepage-contents #SnsFile {
	height: 26px;
} */

/* ------------------------------------------------------
#freepage-contents .section01
---------------------------------------------------------*/

.welcome_rendo .section01 {
	margin-bottom: 30px;
}

.welcome_rendo .section01 dl {
  color: #00712f;
}

.welcome_rendo .section01 dt {
  height: 44px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: left top 15px;
  padding: 10px 0 10px 35px; 
}

.welcome_rendo .section01 .member {
  display: flex;
  padding: 10px 0 20px;
  margin-bottom: 20px;
  border-bottom: dotted 2px #888888;
}

.welcome_rendo .section01 .member dl {
  flex-basis:43%;
}

.welcome_rendo .section01 .member dt {
  background-image: url(../../img/shop/welcome_rendo/welcome_rendo_arrow01.jpg);
  text-align: left;
}

.welcome_rendo .section01 .member dd {
  padding: 5px 35px;
  text-align: left;
}

.welcome_rendo .section01 .member .shopping_start {
  flex-basis: 57%;
}
 
.welcome_rendo .section01 .registration dt {
  background-image: url(../../img/shop/welcome_rendo/welcome_rendo_arrow02.jpg);
  text-align: left;
}

.welcome_rendo .section01 .registration h1 {
  font-size: 24px;
  font-weight: bold;
  padding: 10px 0;
}
 
.welcome_rendo .section01 .registration h1 img {
  margin-right: 10px;
}

.welcome_rendo .section01 .registration h1 span {
  font-size: 32px;
}
.welcome_rendo .section_inner {
  box-sizing: border-box;
  margin-bottom: 40px;
  padding-bottom: 25px;
}

.welcome_rendo .section02,
.welcome_rendo .section03 {
  border: solid 4px #00712f;
  box-sizing: border-box;
  margin-bottom: 40px;
  padding-bottom: 25px;
}

.welcome_rendo .section02 ul,
.welcome_rendo .section03 ul {
  display: flex;
  justify-content: center;
}

/* ------------------------------------------------------
#freepage-contents .section02
---------------------------------------------------------*/

.welcome_rendo .section02 li {
  width: 30%;
}

.welcome_rendo .section02 dd.ttl {
  font-size: 28px;
  line-height: 1.2;
  padding: 10px 0 20px;
}

.welcome_rendo .section02 dd.img {
  margin-bottom: 10px;
}

/* ------------------------------------------------------
#freepage-contents .section03
---------------------------------------------------------*/
.welcome_rendo .section03 li {
  width: 20%;
}

.welcome_rendo .section03 dd {
  padding: 10px 0 0;
}

.welcome_rendo .section03 .shopping_start span {
  font-size: 14px;
}

/* ------------------------------------------------------
#freepage-contents .section04
---------------------------------------------------------*/

.welcome_rendo .store_search {
  margin-bottom: 20px;
}

.welcome_rendo .store_search a {
  text-decoration: none;
  display: block;
  padding: 10px;
  color: #00712f;
}

.welcome_rendo .store_search p.btn {
  width: 75%;
  font-size: 18px;
  border: solid 2px #00712f;
  border-radius: 5px;
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
  background-color: #e7fdd8;
  background-image: url(../../img/shop/welcome_rendo/welcome_rendo_ico_green05.png);
  background-repeat: no-repeat;
  background-size: 40px 30px;
  background-position: left 80px center;
}

.welcome_rendo .external_link {
	padding: 10px;
	margin-bottom: 10px;
}

.welcome_rendo .external_link a {
  display: block;
}

.welcome_rendo .external_link a:after {
	margin-left: .5em;
  content: url("../../sp/img/sp_17.png");
}

.welcome_rendo .external_link a img {
  margin-right: 10px;
}

.welcome_rendo .dod {
  border-bottom: dotted 2px #888888;
}


/* ------------------------------------------------------
custom
---------------------------------------------------------*/
/* === .mtmall === */
.welcome_rendo #freepage-inner.mtmall .title img {
  margin-bottom: 20px;
}
.welcome_rendo #freepage-inner.mtmall .section_inner#caution {
  padding: 0 10px;
  font-weight: normal;
  background-color: #f9f6f1;
}
.welcome_rendo #freepage-inner.mtmall .section_inner dl {
  text-align: left;  
}
.welcome_rendo #freepage-inner.mtmall .section_inner dt {
  height: auto;
  font-weight: bold;
  padding: 10px 0;
}
.welcome_rendo #freepage-inner.mtmall .section_inner dd {
  font-size: 14px;
  margin-bottom: 10px;
}
/* .welcome_rendo #freepage-inner.mtmall .section01 {
  justify-content: center;
} */
.welcome_rendo #freepage-inner.mtmall .shopping_start {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 90%;
  margin-bottom: 20px;
}
.welcome_rendo #freepage-inner.mtmall .shopping_start p.note{
  flex-basis: 55%;
}
.welcome_rendo #freepage-inner.mtmall .img_area {
  padding: 10px;
}
.welcome_rendo #freepage-inner.mtmall .img_area img {
  width: 100%;
  height: auto;
}


/* welcome_rendo
---------------*/


/* ------------------------------------------------------
color設定
---------------------------------------------------------*/
/* === .caution === */
.caution {
  color: #ff0000;
  font-weight: bold;
}

/* === .type_green === */
.welcome_rendo #freepage-inner.type_green .type_color {
  color: #00712f;
}

.welcome_rendo #freepage-inner.type_green #freepage-contents h2 {
	background-color: #00712f;
	color: #fff016;
}

.welcome_rendo #freepage-inner.type_green .section02,
.welcome_rendo #freepage-inner.type_green .section03 {
  border: solid 4px #00712f;
}

.welcome_rendo #freepage-inner.type_green dt.step {
  background-color: #8ec743;
}


.welcome_rendo #freepage-inner.type_green .store_search p.btn {
  border: solid 2px #00712f;
  background-color: #e7fdd8;
  background-image: url(../../img/shop/welcome_rendo/welcome_rendo_ico_green05.png);
}

/* === .type_blue === */
.welcome_rendo #freepage-inner.type_blue .type_color {
  color: #191b8a;
}

.welcome_rendo #freepage-inner.type_blue #freepage-contents h2 {
	background-color: #191b8a;
	color: #fff016;
}

.welcome_rendo #freepage-inner.type_blue .section02,
.welcome_rendo #freepage-inner.type_blue .section03 {
  border: solid 4px #191b8a;
}

.welcome_rendo #freepage-inner.type_blue dt.step {
  background-color: #90cdf5;
}


.welcome_rendo #freepage-inner.type_blue .store_search p.btn {
  border: solid 2px #191b8a;
  background-color: #ecf3f9;
  background-image: url(../../img/shop/welcome_rendo/welcome_rendo_ico_blue05.png);
}

/* === .type_orange === */
.welcome_rendo #freepage-inner.type_orange .type_color {
  color: #ec9300;
}
.welcome_rendo #freepage-inner.type_orange .section_inner {
    border: solid 4px #ec9300;
}

.welcome_rendo #freepage-inner.type_orange #freepage-contents h2 {
  /* background-color: #02053a; */
  background-color: #ec9300;
  color: #ffffff;
}

.welcome_rendo #freepage-inner.type_orange #freepage-contents h2.title {
  background-color: #ffffff;
  color: #ec9300;
  margin-bottom: 0;
}
.welcome_rendo #freepage-inner.type_orange .section_inner dl{
  color: #555555;
}


/* ------------------------------------------------------
component
---------------------------------------------------------*/

.sp{
	display:none;
}
.pc{
	display:block;
}