@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* スマホのみに適用する場合のスタイル横幅768px以上に適用 */
/*//////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and ( max-width: 667px ) {

/*================================gallery ================================*/
/*-------------------------------- main title --------------------------------*/
h1#galleryTtl {
  background-position: right bottom;
}

.galleryEntryInfo {
  margin-bottom: 20px;
}

/*-------------------------------- gallery list --------------------------------*/
ul#galleryLstWrap {
  width: 100%;
  box-sizing: border-box;
}
ul#galleryLstWrap li {
  width: 48%;
  margin-right: 4%;
  margin-bottom: 20px;
  box-sizing: border-box;
  overflow: hidden;
}

ul#galleryLstWrap li:nth-child(even) { /* 偶数番目に適用 */
  margin-right: 0%;
}

.galleryLstBox img {
  width: 92%;
  height: auto;
  margin-left: 4%;
  margin-right: 4%;
}

.galleryLstFtr {
  background-color: #FFFFFF;
}
.galleryLstFtr p {
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  float: none;
  text-align: right;
}
.galleryLstFtr a {
  width: 100%;
  height: 20px;
  box-sizing: border-box;
  float: none;
  background-color: #69A3C4;
  background-position: center center;
}


/*================================ feature ================================*/
/*-------------------------------- main title --------------------------------*/
h1#featureTtl {
  background-position: right bottom;
}

/*-------------------------------- feature list --------------------------------*/
ul#featureLstWrap {
  width: 100%;
  box-sizing: border-box;
}
ul#featureLstWrap li {
  width: 48%;
  margin-right: 4%;
  margin-bottom: 20px;
  box-sizing: border-box;
  overflow: hidden;
}

ul#featureLstWrap li:nth-child(even) { /* 偶数番目に適用 */
  margin-right: 0%;
}

.featureLstBox img {
  width: 92%;
  height: auto;
  margin-left: 4%;
  margin-right: 4%;
}

.featureLstFtr {
  background-color: #FFFFFF;
}
.featureLstFtr p {
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  float: none;
  text-align: right;
}
.featureLstFtr a {
  width: 100%;
  height: 20px;
  box-sizing: border-box;
  float: none;
  background-color: #69c4b2;
  background-position: center center;
}


/*================================ event ================================*/
/*-------------------------------- main title --------------------------------*/
h1#eventTtl {
  background-position: right bottom;
}

/*-------------------------------- event list --------------------------------*/
ul#eventLst {
  margin-top: 0px;
}
ul#eventLst li {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #CCCCCC;
}
ul#eventLst li img {
  float: left;
  width: 110px;
  height: auto;
}
ul#eventLst li div {
  width: auto;
  height: auto;
  padding-left: 10px;
}


/*================================ what's new ================================*/
/*-------------------------------- main title --------------------------------*/
h1#newsTtl {
  background-position: right bottom;
}

/*-------------------------------- news list --------------------------------*/
ul#newsLst {
  margin-top: 0px;
}
ul#newsLst li p {
  width: auto;
  padding-left: 10px;
}


/*================================ bookmark ================================*/
/*-------------------------------- main title --------------------------------*/
h1#bookmarkTtl {
  background-position: right bottom;
}


/*================================ blog ================================*/
/*-------------------------------- main title --------------------------------*/
h1#blogTtl {
  background-position: right bottom;
}

/*-------------------------------- blog list --------------------------------*/
ul#galleryLstWrap {
  width: 100%;
  box-sizing: border-box;
}
ul#galleryLstWrap li {
  width: 48%;
  margin-right: 4%;
  margin-bottom: 20px;
  box-sizing: border-box;
  overflow: hidden;
}

ul#galleryLstWrap li:nth-child(even) { /* 偶数番目に適用 */
  margin-right: 0%;
}

.galleryLstBox img {
  width: 92%;
  height: auto;
  margin-left: 4%;
  margin-right: 4%;
}

.galleryLstFtr {
  background-color: #FFFFFF;
}
.galleryLstFtr p {
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  float: none;
  text-align: right;
}
.galleryLstFtr a {
  width: 100%;
  height: 20px;
  box-sizing: border-box;
  float: none;
  background-color: #69A3C4;
  background-position: center center;
}

ul#blogLstWrap {
  width: 100%;
  box-sizing: border-box;
}
ul#blogLstWrap li {
  width: 48%;
  margin-right: 4%;
  margin-bottom: 20px;
  box-sizing: border-box;
  overflow: hidden;
}
ul#blogLstWrap li:nth-child(even) { /* 偶数番目に適用 */
  margin-right: 0%;
}

.blogLstBox img {
  width: 92%;
  height: auto;
  margin-left: 4%;
  margin-right: 4%;
}

.blogLstFtr {
  background-color: #FFFFFF;
}
.blogLstFtr p {
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  float: none;
  text-align: right;
}
.blogLstFtr a {
  width: 100%;
  height: 20px;
  box-sizing: border-box;
  float: none;
  background-color: #c46992;
  background-position: center center;
}

/*-------------------------------- blog footer navi --------------------------------*/
ul#postFtrNav li#postFtrNav01 {
  float: none;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}

ul#postFtrNav li#postFtrNav03 {
  float: left;
}


/*================================ link ================================*/
/*-------------------------------- link main title --------------------------------*/
h1#linkTtl {
  background-position: right bottom;
}

/*================================ privacy ================================*/
/*-------------------------------- privacy main title --------------------------------*/
h1#privacyTtl {
  background-position: right bottom;
}

/*================================ terms of service ================================*/
/*-------------------------------- terms of service main title --------------------------------*/
h1#tosTtl {
  background-position: right bottom;
}

/*================================ organizer ================================*/
/*-------------------------------- organizer main title --------------------------------*/
h1#organizerTtl {
  background-position: right bottom;
}

/*================================ about ================================*/
/*-------------------------------- about main title --------------------------------*/
h1#aboutTtl {
  background-position: right bottom;
}

/*================================ member ================================*/
/*-------------------------------- member main title --------------------------------*/
h1#memberTtl {
  background-position: right bottom;
}

/*-------------------------------- member icon list --------------------------------*/
ul#memberIconLst {
  display: inline-block;
  margin-left: 15px;
}
ul#memberIconLst li {
  margin-right: 15px;
  width: auto;
  max-width: 100px;
}

#memberIconLst label {
  white-space: nowrap;
}
#memberIconLst label input {
  margin-right: 0px !important;
}


/*================================ contact us ================================*/
/*-------------------------------- contact main title --------------------------------*/
h1#contactTtl {
  background-position: right bottom;
}

/*================================ form common ================================*/
/*-------------------------------- form detail --------------------------------*/
dl#formLst {
  width: auto;
  margin-bottom: 10px;
  margin-left: 0px;
}
dl#formLst dt {
  float: none;
  width: auto;
}

dl#formLst dd {
  float: none;
  width: auto;
  padding-left: 0em !important;
  padding-top: 0px !important;
}

#formLst input,
#formLst select,
#formLst textarea,
#memberForm input,
#memberForm select,
#memberForm textarea {
  margin-left: 0px;
  box-sizing: border-box;
}
#formLst select {
  margin-bottom: 5px;
}

#formLst img {
  width: auto;
  height: auto;
}

/* voice 入力用 ----------------------*/
.voiceEditSpWrap {
	background-color: #FFFFFF;
}
.voiceEditSpWrap #modalBody {
  margin: 0;
  padding-top: 20px;
}
.voiceEditLst #choice01SET,
.voiceEditLst #choice02SET,
.voiceEditLst #choice03SET,
.voiceEditLst #choice04SET,
.voiceEditLst #choice05SET,
.voiceEditLst #choice06SET,
.voiceEditLst #choice07SET,
.voiceEditLst #choice08SET,
.voiceEditLst #choice09SET,
.voiceEditLst #choice10SET,
.voiceEditLst #choice11SET,
.voiceEditLst #choice12SET,
.voiceEditLst #choice13SET,
.voiceEditLst #choice14SET,
.voiceEditLst #choice15SET,
.voiceEditLst #choice16SET,
.voiceEditLst #choice17SET,
.voiceEditLst #choice18SET,
.voiceEditLst #choice19SET,
.voiceEditLst #choice20SET,
.voiceEditLst #choice21SET,
.voiceEditLst #choice22SET,
.voiceEditLst #choice23SET,
.voiceEditLst #choice24SET {
  height: 30px;
}
.voiceEditLst dt {
  width: auto !important;
  padding-top: 10px !important;
  padding-bottom: 0px !important;
  float: none !important;
}
.voiceEditLst dd {
	padding-left: auto !important;
	border-style: none !important;
}

.voiceEditLst dd.clearfix {
  padding-bottom: 0px !important;
} 

/* form size ----------------------*/
#formLst .formNameBox {
  width: 100%;
  margin-right: 0px;
  margin-bottom: 10px;
}

#formLst .formAddress,
#formLst .formTxt {
	width: 100%;
}

#formLst .formTxt2 {
	width: 100px;
  margin-right: 5px;
}

#formLst .formTxt3 {
	width: 150px;
  margin-right: 5px;
  display: block;
}

#formLst .formTxt4 {
	width: 100%;
  margin-right: 5px;
}

#formLst .formTxt5 {
	width: 100%;
  margin-bottom: 5px;
}

#formLst .formTelBox {
  width: 5em;
  margin-right: 5px;
}

#formLst .formMail,
#formLst .formMail2 {
	width: 100%;
}

#formLst .formStyleClear {
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  border-style: none !important;
  background-color: #FFFFFF;
}

#formLst br + input {
  margin-top: 1em;
}

/* form button ----------------------*/
.formCheckBtn,
.formSubmitBtn,
.formEntryBtn,
.formSubmitChangeBtn,
.formDellpageBtn,
.formPreferBtn,
.formNextBtn,
.formLoginBtn,
.formSetBtn,
.formCancelBtn2,
.formSubmitVoiceBtn,
.formCancelBtn,
.formBackBtn,
.formDellBtn {
  max-width: 150px;
  max-height: 40px;
  background-size: contain;
}

.formChangeBtn {
  width: 158px;
  height: 40px;
  background-size: contain;
}
.formPwChangeBtn {
  width: 167px;
  height: 40px;
  background-size: contain;
}
.formMerumagaChangeBtn {
  width: 225px;
  height: 40px;
  background-size: contain;
}


/*================================ error ================================*/
/*-------------------------------- error main title --------------------------------*/
h1#errorTtl {
  background-position: right bottom;
}


/*================================ wallpaper ================================*/
/*-------------------------------- wallpaper list --------------------------------*/
ul#wallpaperLstWrap li {
  width: 47%;
}





}/**/