@charset "UTF-8";
/*
style index
#00.common
#01.header
#02.globalnavi
#03.contents
#04.swiper
#05.ad banner1
#06.main contents
#07.news
#08.ad banner2
#09.footer
#10.title headline
#11.LOGO animation
*/


/* #00.common ################################################################ */

html {
	overflow-y: scroll;
}
html,body {
	min-width:980px;
}

.pnkzArea {}
.pnkzList {
	padding-top: 10px;
	padding-bottom: 30px;
}
.pnkzList > li {
	float: left;
	padding-right: 15px;
	font-size: 12px;
}
.pnkzList > li:after {
	content: ">";
	padding-left: 15px;
}
.pnkzList > li:last-child:after {
	content: "";
}
.pnkzList > li > a {
	color: #666;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.pnkzList > li > a:hover {
	text-decoration: none;
	opacity: .6;
	background-color: rgba(255,255,255,1);
}



/* tab +++++++++++++++++++++++++++++++ */

.tabLink {
	margin-right: -10px;
}
.tabLink > li {
	float: left;
	padding-right: 10px;
	width: 320px;
}
.tabLink > li > .tabLinkItem {
	font-size: 20px;
}
.tabLink > li > .tabLinkItem > span,
.tabLink > li > .tabLinkItem > a {
	padding: 0 0 8px;
}
.tabLink > li > .tabLinkItem:not(.select) > span:hover,
.tabLink > li > .tabLinkItem:not(.select) > a:hover {
	color: #323232;
	border-color:  #f66;
}
.tabLink > li .ttlJp {
	padding-left: 12px;
	font-size: 12px;
}


/* #01.header ################################################################ */
header {
	top: 0;
	left: 0;
	position: fixed;
	min-height: 58px;
	background-color:rgba(0,0,0,.8);
	z-index: 10;
}
div.headerArea {
	max-width: 980px;
	margin:0 auto;
}

.logo {
	float: left;
}
.logo > a {
	padding: 12px 0;
}
.logo > a > .headIcon {
	width: 121px;
	height: auto;
	position: relative;
	top: 0px;
	padding-left: 3px;
}


/* #02.globalnavi ################################################################ */

ul.globalnavi {
	float: right;
}
ul.globalnavi > li {
	float: left;
	padding-left: 2px;
}
ul.globalnavi > li > a {
	display: block;
	padding: 12px 5px 0 35px;
	height: 58px;
	line-height: 1.2;
	text-align: center;
	font-weight: 100;
	color: #eee;
	text-decoration: none;
	border-bottom: 0px solid #e5337e;

	box-sizing: border-box;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
ul.globalnavi > li > a > span {
	font-weight: inherit;
	display: block;
}
ul.globalnavi > li > a > span.en {
	font-size: 14px;
}
ul.globalnavi > li > a > span.jp {
	font-size: 11px;
}
ul.globalnavi > li > a:hover {
	padding-right: 20px;
	padding-left: 20px;
	color: #fff;
	background-color: rgba(255,255,255,.05);
	border-bottom: 6px solid #c00;
}

.globalnaviBtn {
	display: none;
}

/* #03.contents ################################################################ */
.contents{
	margin-top: 60px;
}
.contents.underlayer {
	width: 980px;
	margin: 60px auto 0;
}


/* #04.swiper ################################################################ */
div.swiper-container {
	width: 100%;
	height: 500px;

	padding-bottom:6px;
}
ul.swiper-wrapper {
}

li.swiper-slide {
	background-position: top center;
	background-repeat: no-repeat;
}
li.slider01 {
}
li.swiper-slide a {
	display: block;
	width: 980px;
	margin: 0 auto;
}
li.swiper-slide img {
}



.bulletArea {
	width: 100%;
	height: 6px;
	background-color: #ddd;
}


.swiper-pagination {
	position: relative;

	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;

	margin: 0 auto;
	width: 980px;

	bottom: 0 ;
	padding: 0 ;
	height: 6px;
	z-index: 1;
}
.swiper-pagination-bullet {
	display: block;
	border-radius: 0;
	min-width: 10px;

	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	flex: 1;

	background-color: #ffa7ce;
	opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #f82c86;
}


/* Arrows */
.swiperBtnArea {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -610px;

	width: 1220px;
	height: 500px;
}
.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	top: 50%;

	width: 66px;
	height: 66px;
	margin-top: -33px;

	z-index: 10;
	cursor: pointer;

	background-size:66px;
	background-position: center;
	background-repeat: no-repeat;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;

	opacity: 0;
}
.swiper-button-prev {
	left: 0;
	background-image: url(../img/btn_swiper_prev.png);
}
.swiper-button-next {
	right: 0;
	background-image: url(../img/btn_swiper_next.png);
}

.swiper-container:hover .swiper-button-next {
	opacity: .3;
	right: 10px;
}
.swiper-container:hover .swiper-button-prev {
	opacity: .3;
	left: 10px;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
	opacity: .8 !important;
}
.swiper-button-prev:active,
.swiper-button-next:active {
	background-size:60px;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;

}


/* #05.ad banner1 ################################################################ */

.topAd01{
	margin: 0 auto;
	max-width: 980px;
	padding: 20px 0 0;
}
.adBnr01 {
	margin-right:-10px;
}
.adBnr01 > li {
	float: left;
	padding-right: 10px;
}
.adBnr01 > li > a,
.adBnr01 > li > span {
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	box-shadow: 0 1px 0 rgba(0,0,0,.15);
	border-radius: 4px;
}
.adBnr01 > li > span {
	box-shadow: 0 1px 0 rgba(0,0,0,.0);
}
.adBnr01 > li > a:after {
	content: "";
	display: block;
	position: absolute;
	bottom:50%;
	left: 0;
	width: 100%;
	height: 0%;

	background-color: rgba(0,0,0,.0);

	-webkit-transition: all .45s ease;
	transition: all .45s ease;
}
.adBnr01 > li > a:hover:after {
	bottom: 0;
	height: 100%;
	background-color: rgba(0,0,0,.45);
}
.adBnr01 > li > a:active {
}



/* #06.main contents ################################################################ */

.top2Calam {
	margin: 0 auto;
	padding: 20px 0 0;
	width: 980px;
}

/* #07.news ################################################################ */
.topNews{
	float: left;
	max-width: 710px;
}
ul.newsList{
	padding-top: 10px;
	margin-right: -10px;
}
ul.newsList > li{
	float: left;
	padding: 0 10px 10px 0;
}
ul.newsList > li > a{
	position: relative;
	overflow:hidden;
	display: block;
	width: 230px;

	background-color: #e6e6e6;
	box-shadow: 0 1px 0 rgba(0,0,0,.15);

	text-decoration: none;
	border-radius: 5px;
}

ul.newsList > li > a:after{
	content: "READ MORE";
	display: block;
	position: absolute;
	bottom: 8px;
	right: 8px;

	font-size: 14px;
	color: #fff;
	line-height: 1.2;
	text-align: center;

	width: 150px;
	height: 65px;
	transform-origin: right top;
	background-color: rgba(0,130,0,.9);

	bottom: -30px;
	right: -80px;
	transform: rotate(-30deg);

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;

	opacity: 0;
}

ul.newsList > li > a:hover:after{
	bottom: 10px;
	right: -20px;
	opacity: .8;
}

.newsImg{
	height: 100px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.newsHeadline{
	position: absolute;
	bottom: 66px;
	width: 100%;
	height: 45px;

	padding: 4px 5px 5px;
	box-sizing: border-box; 
	color: #fff;
	background-color: rgba(0,0,0,.4);

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
ul.newsList > li > a:hover .newsHeadline {
	bottom: 0;
	height: 100%;
	background-color: rgba(0,0,0,.6);
}
.newsDate{
	font-size: 11px;
	font-weight: 500;
}
.newsTtl {
	height: auto;
	font-size: 14px;
	line-height: 1.2;

	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
ul.newsList > li > a:hover .newsTtl {
	overflow:hidden;
	white-space:normal;
	text-overflow:inherit;
}

.newsDetail{
	height: 50px;
	margin: 6px 10px 10px;
	line-height: 1.6;
	box-sizing: border-box;

	color: #333;
	font-size: 12px;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.newsDetail br {
	display: none;
}
.newsTest {
	display: block;
}

.topReadMore {
	display: none;
}

/* #08.ad banner2 ################################################################ */
.topAd02{
	float: right;
	padding: 0 10px 10px;
	max-width: 230px;
	min-height: 540px;
	border-radius: 3px;
}

ul.linkBnr {
}
ul.linkBnr > li {
	padding-top: 10px;
}
ul.linkBnr > li:not(.notBnr) > a {
	display: block;
	position: relative;
	height: auto;

	width: 100%;
	overflow: hidden;
}
ul.linkBnr > li:not(.notBnr) > a:after {
	content: "";
	display: block;
	position: absolute;
	bottom:50%;
	left: 0;
	width: 100%;
	height: 0%;
	background-color: rgba(0,0,0,.45);

	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
ul.linkBnr > li:not(.notBnr) > a:hover:after {
	height: 100%;
	bottom: 0;
}




ul.linkBnr > li.linkBnrChild {
	margin-top: 2px;
}

ul.linkBnr > li.snsLink > a {
	position: relative;
	display: block;
	height: auto;
	overflow: hidden;

	line-height: 44px;
	box-shadow: 0 1px 0 rgba(0,0,0,.15);

	font-size: 14px;
	background-color: #fff;
	color: #fff;
	text-decoration: inherit;
}
ul.linkBnr > li.snsLink > a:before,
ul.linkBnr > li.snsLink > a:after {
	content: "";
	position: absolute;
	display: block;
	width: 8px;
	height: 8px;
	top: 50%;
	margin-top: -4px;
	transform: rotate(-45deg);

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
ul.linkBnr > li.snsLink > a:before {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	right: 15px;
}
ul.linkBnr > li.snsLink > a:after {
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	right: 65px;
	opacity:0;
}
ul.linkBnr > li.snsLink > a:hover:before {
	right:-7px;
}
ul.linkBnr > li.snsLink > a:hover:after {
	right:-7px;
	opacity:1;
}

ul.linkBnr > li.bnrYt > a {
	padding-left: 75px;
	background-color: #e21818 ;
}
ul.linkBnr > li.bnrFb > a {
	padding-left: 55px;
	background-color: #3564a2 ;
}



.ad02Icon {
	position: absolute;
	display: block;
	left: 5px;
	top: 0;
	height: 44px;
	background-position: center;
}
.ad02Icon.icnYtWh {
	background-image:url(../img/logo_yt_wh.png);
	background-size:65px 44px;
	width: 65px;
}
.ad02Icon.icnFbWh {
	background-image:url(../img/logo_fb_wh.png);
	background-size: 44px;
	width: 44px;
}

/* Youtube */
ul.linkBnr li.linkBnrChild.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
ul.linkBnr li.linkBnrChild.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/* #09.footer ################################################################ */

body.home footer.cmnFooter {
	padding-top: 10px !important;
}
footer.cmnFooter {
	padding-top: 50px;
}


ul.footLink {
	padding: 15px 0 0;
	max-width: 980px;
	margin: 0 auto;
}
ul.footLink > li {
	float: left;
	padding-right: 2px;
}
ul.footLink > li > a {
	display: block;
	height: 48px;
	padding: 0 10px;
	line-height: 1.2;
	text-align: center;
	font-weight: 100;
	color: #333;
	text-decoration: none;
	border-bottom: 0px solid #f00;

	box-sizing: border-box;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
ul.footLink > li > a > span {
	font-weight: inherit;
	display: block;
}
ul.footLink > li > a > span.en {
	font-size: 14px;
}
ul.footLink > li > a > span.jp {
	font-size: 11px;
}
ul.footLink > li > a:hover {
	border-bottom: 6px solid #f00;
}





.copyArea {
	min-width: 980px;
	background-color:rgba(0,0,0,.8);
	color: #fff;
}
.copy {
	max-width:980px;
	padding: 5px 0 7px;
	margin: 0 auto;
	font-size: 10px;
}
.copy > .comName {
	font-size: 12px;
}
.copy > .comName:after {
	position: relative;
	content: "|";
	padding: 0 5px;
	font-size: 10px;
	top: -1px;
}



/* #10.title headline ################################################################ */


.hl01 {
	position: relative;
	padding: 0 0;
	line-height: 1.2;
}
.hl01:before {
	content: "";
	display: block;
	position: absolute;
	
	left: 0;
	top: 50%;
	margin-top: -7px;

	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 7px;
	border-color: transparent transparent transparent #f00;
}


.hlTxt {
	float: left;
	padding-left: 20px;
	font-size: 18px;
}
.hlTxt > span.hlJp {
	font-size: 12px;
	padding-left: 10px;
}
.hlLinkBtn {
	float: right;
}
.hlLinkBtn > a {
	position: relative;
	display: block;
	padding: 0 14px;
	line-height: 20px;

	background-color: #eee;
	border-radius: 4px;
	box-shadow: 0 1px 0 rgba(0,0,0,.15);

	font-size: 12px;
	color: #333;
	text-decoration: none;
}
.hlLinkBtn > a:hover {
	box-shadow: 0 2px 2px rgba(0,0,0,.15);

	background-color: rgba(0,0,0,.45);

	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}








/* #11.LOGO animation ################################################################ */

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}





/* descriptionList ++++++++++++++++++++++++++++++++++++++++++++ */

.descriptionLinkList {
	padding: 10px 0 6px 26px;
	font-size: 14px;
}
.descriptionLinkList > li {
	float: left;
	width: 25%;
}
/*
.descriptionLinkList > li > a,
.descriptionLinkList > li > a:visited {}
.descriptionLinkList > li > a:hover {}
*/

.descriptionDlList {
	font-size: 14px;
}
/*
.descriptionDlList > dt {}
.descriptionDlList > dd {}
.descriptionDlList > dd > a,
.descriptionDlList > dd > a:visited {}
.descriptionDlList > dd > a:hover {}
*/

.descriptionSubDlList {
	padding-left: 16px;
}
/*
.descriptionSubDlList > dt {}
.descriptionSubDlList > dd {}
.descriptionSubUlList {}
*/
.descriptionSubUlList > li {
	padding-left: 24px;
}
/*
.descriptionSubUlList > li:before {}
*/


/* columnDlList ++++++++++++++++++++++++++++++++++++++++++++ */

.columnDlList {
	margin-top: 10px;
	padding-bottom: 40px;
	font-size: 16px;
}
.columnDlList > dt {
	clear: left;
	float: left;
	width: 150px;
	padding-top: 35px;
	font-weight: bold;
    color: #e5337e;
}
.columnDlList > dd {
	float: left;
	width: 830px;
	padding-top: 35px;
}
.columnDlList > dt > .supTxt {
	display: block;
	font-size: 12px;
}
.columnDlList > dd > .supTxt {
	font-size: 12px;
}

.columnDlListSub01 {}
.columnDlListSub01 > dt {}
.columnDlListSub01 > dd {
	padding-bottom: 20px;
	font-size: 14px;
}
.columnDlListSub01 > dd:last-child {
	padding-bottom: 0;
}

.columnDlListSub02 {
	padding-left: 16px;
}
.columnDlListSub02 > dt {
	clear: left;
	float: left;
	width: 200px;
}
.columnDlListSub02 > dd {
	float: left;
}
.columnDlListSub02 > dd:before {
	content: "\FF1A";
}

.columnUlListSub01 {}
.columnUlListSub01 > li {
	float: left;
	width: 50%;
	font-size: 14px;
	line-height: 1.8;
}

.columnUlListSub02 {}
.columnUlListSub02 > li {}

.columnUlListSub03 {}
.columnUlListSub03 > li {}
.columnUlListSub03 > li:before {
}
.columnUlListSub03 > li:last-child {}






/* form ###################################################### */

.ttlForm {
	border-bottom: 1px solid #000;
	padding: 10px 0;
}

.formArea{
	margin-right: -10px;
}
.formInputDl{
	float: left;
	padding-top: 20px;
	padding-right: 10px;
	width: 485px;
}
.formInputDl.widthMax {
	width: 980px;
	padding-right: 0;
}
.formInputDl.widthQuarter {
	width: 237px;
}

.formInputTtl{
	font-size: 16px;
	padding-bottom: 4px;
}
.formInputTtl > span {
	font-size: 12px;
}
.formInputSup {
	padding: 2px 4px 0;
	line-height: 11px;

	font-size: 12px;
	color: #999;
}
.formInputArea{
	padding:0;
}
.formInputArea input,
.formInputArea textarea,
.formInputArea select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	border: none;
	padding: 6px;
	margin: 0;

	font-size: 16px;

	width: 100%;
	box-sizing: border-box;
	border-radius: 4px;
	border: 2px solid #eee;

	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.formInputArea > span.wpcf7-form-control-wrap {
	width: 100%;
}
.formInputArea select::-ms-expand {
	display: none;
}
.formInputArea option {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

.formInputArea.selectbox {
	position: relative;
	z-index: 1;
}
.formInputArea.selectbox:after {
	content: "";
	position: absolute;
	display: block;
	width: 7px;
	height: 7px;
	top: 50%;
	right: 15px;
	margin-top: -5px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);

	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	z-index: 5;
}

.formInputArea textarea {
	min-height: 5em;
}
.formInputArea input:focus,
.formInputArea textarea:focus,
.formInputArea select:focus {
	outline: none;
	background-color: #ffffe3;
}


.formInputTtl.zipcode~.formInputArea input  {
}
.formInputTtl.zipcode~.formInputArea span:first-child  {
	width: 25%;
}

.formInputTtl.nameA{}
.formInputTtl.nameB{}
.formInputTtl.mailA{}
.formInputTtl.mailB{}
.formInputTtl.telephone{}
.formInputTtl.zipcode{}
.formInputTtl.address{}
.formInputTtl.building{}
.formInputTtl.comment{}
.formInputTtl.age{}
.formInputTtl.age~.formInputArea {
	font-size: 16px;
	vertical-align: bottom;
}
.formInputTtl.age~.formInputArea span{
	width: 30%;
}
.formInputTtl.sex{}
.formInputTtl.sex~.formInputArea{
	font-size: 16px;
	height: 28px;
	line-height: 28px;
}

.sexSelectRadio input[type=radio]{
	display: none;
}
.sexSelectRadio input[type=radio]~span {
	display: inline-block;
	padding-right: 10px;
}
.sexSelectRadio input[type=radio]~span:before {
	content: "";
	display: inline-block;
	position: relative;
	top: 2px;
	margin: 0 2px 0 0;
	width: 14px;
	height: 14px;
	border: 2px solid #eee;
	border-radius: 100%;
	background-color: #fff;
}
.sexSelectRadio input[type=radio]:checked~span:before {
	background-color: #fff092;
	border: 2px solid rgba(0,0,0,0);
}



.required:after{
	content: "*";
	color: #f00;
}


.submitBtn { /* div */
	text-align: center;
	padding-top: 12px;
}


input.zipSearch,
input.orderSubmit {
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	top:-1px;

	color: #fff;
	background-color: #f82c86;
	box-shadow: 0 1px 0 rgba(0,0,0,.15);
	border-radius: 3px;

	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
input.zipSearch {
	padding: 3px 12px;
	margin-left:8px;
	width: auto;
}
input.orderSubmit {
	min-width: 400px;
	line-height: 50px;
	padding: 4px 16px;

	box-sizing: border-box;
	border: none;
}

input.zipSearch:focus,
input.zipSearch:active,
input.orderSubmit:focus,
input.orderSubmit:active {
	top:0px;
	outline: none;
	background-color: #f0f0ff;
	box-shadow: 0 1px 0 rgba(0,0,0,.0);
}

.checkBoxCtrl {
}
.preCheckbox {
	display: none;
}

.wpcf7-form-control-wrap {
	position: relative;
	display: inline-block;
}
.wpcf7-not-valid-tip {
	display: block;
	font-size: 12px !important;
	position: absolute;
	width: auto;
	white-space: nowrap;

	bottom: -10px;
	left: 2px;
	background-color: rgba(255,235,235,.5);
	padding: 2px 4px;
	border-radius: 3px;
}
.preCheckbox+.wpcf7-not-valid-tip {
	position: absolute;
	font-size: 14px !important;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,.0);
	padding: 0;
	border-radius: 0;
}
.preCheckbox+.wpcf7-not-valid-tip:before {
	content:"このページ上部の商品を選択、または" !important;
}

div.wpcf7-validation-errors {
	border: 3px double #f00 !important;
	text-align: center;
}