@charset "shift-jis";



/*--------------------------------------------------
	Reset and Base
--------------------------------------------------*/

/*-- reset --*/
body, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, blockquote { margin: 0; padding: 0; }

/*-- base --*/
html { overflow-y: scroll; font-size: 62.5%; }
body {
	width: 100%; font-size: 1.4rem; color: #333;
	font-family: Avenir, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Verdana, Roboto, '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
h1 { font-size: 2.6rem; font-weight: normal; }
ul { list-style-type: none; }
table { table-layout: fixed; width:100%; border-collapse: collapse; border-spacing: none; }
th { padding: 10px; font-size: 1.4rem; border: 1px solid #ccc; background: #f5f5f5; }
td { padding: 10px; font-size: 1.4rem; border: 1px solid #ccc; background: #fff; }
a { text-decoration: none; color: #4a89c9; }
a:hover { text-decoration: underline; color: #4a89c9; }
img { vertical-align: bottom; border: 0; max-width: 100%; width: auto; }

/*-- form parts --*/
input { font-family: Meiryo, 'MS PGothic', arial, sans-serif; }
input[type = 'text'] { box-sizing: border-box; width: 100%; padding: 10px; font-size: 1.4rem; border: 1px solid #ccc; }
input[type = 'password'] { box-sizing: border-box; width: 100%; padding: 10px; font-size: 1.4rem; border: 1px solid #ccc; }
input[type = 'email'] { box-sizing: border-box; width: 100%; padding: 10px; font-size: 1.4rem; border: 1px solid #ccc; }
input[type = 'submit'] { cursor: pointer; padding: 5px 10px; font-size: 1.4rem; border: 1px solid #ccc; border-radius: 2px; background:#fff; }
input[type = 'submit']:hover { background:#f5f5f5; }
input[type = 'checkbox'] { cursor: pointer; vertical-align:middle; }
input[type = 'radio'] { cursor: pointer; vertical-align:middle; border: 1px solid #ccc; }
button { cursor: pointer; padding: 5px 10px; font-size: 1.4rem; border: 1px solid #ccc; border-radius: 4px; background:#fff; }
button:hover { background:#f5f5f5; }
textarea { font-family: Meiryo, 'MS PGothic', arial, sans-serif; box-sizing: border-box; width: 100%; height: 100px; padding: 5px; font-size: 1.4rem; border: 1px solid #ccc; }
select { cursor: pointer; font-size: 1.4rem; border: 1px solid #ccc; border-radius: 2px; background:#fff; }
option { padding: 10px; }
label { cursor: pointer; font-size: 1.4rem; vertical-align:middle; }
.input_check { font-size: 1.4rem; }
.off { color: #bbb; }

/*-- iOS reset --*/
input[type = 'submit'] { -webkit-appearance: button; appearance: button; }
input[type = 'button'] { -webkit-appearance: button; appearance: button; }
input[type = 'submit']::-webkit-search-decoration { display: none; }
input[type = 'button']::-webkit-search-decoration { display: none; }
input[type = 'submit']::focus { outline-offset: -2px; }
input[type = 'button']::focus { outline-offset: -2px; }

/*-- Clearfix2016 --*/
.cf:after { clear: both; content: ''; display: block; }



/*--------------------------------------------------
	Common total
--------------------------------------------------*/

body { border-top: 3px solid #f4a838; }
body , div , th , td , input , select , textarea { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }


/*-- font --*/

/* size */
.txt10 { font-size: 1.0rem; }
.txt11 { font-size: 1.1rem; }
.txt14 { font-size: 1.4rem; }
.txt16 { font-size: 1.6rem; }
.txt18 { font-size: 1.8rem; }

/* color */
.txtRed { color: #df0000; }

/* weight */
.txtBold { font-weight: bold; }


/*-- link --*/
a { color: #0066cb; text-decoration: none; }
a:hover { color: #ea6767; text-decoration: underline; }


/*-- layout --*/
#wrapper { width: 100%; max-width: 950px; margin: 10px auto; }
#wrapper h1 img { width: 100%; max-width: 140px; }

.txtCenter { text-align: center; }

#footer { text-align: center; border-top: 1px solid #ccc; margin-top: 20px; padding-top: 10px; }
#footer li { margin: 0 10px; display: inline-block; }
#footer p { margin: 5px 0 10px 0; }


/*-- margin --*/
.mT05 { margin-top: 5px; }
.mT10 { margin-top: 10px; }
.mT15 { margin-top: 15px; }
.mT20 { margin-top: 20px; }
.mT25 { margin-top: 25px; }
.mT30 { margin-top: 30px; }
.mB05 { margin-bottom: 5px; }
.mB10 { margin-bottom: 10px; }
.mB15 { margin-bottom: 15px; }
.mB20 { margin-bottom: 20px; }
.mB25 { margin-bottom: 25px; }
.mB30 { margin-bottom: 30px; }
.mL05 { margin-left: 5px; }
.mL10 { margin-left: 10px; }
.mL15 { margin-left: 15px; }
.mL20 { margin-left: 20px; }
.mL25 { margin-left: 25px; }
.mL30 { margin-left: 30px; }
.mR05 { margin-right: 5px; }
.mR10 { margin-right: 10px; }
.mR15 { margin-right: 15px; }
.mR20 { margin-right: 20px; }
.mR25 { margin-right: 25px; }
.mR30 { margin-right: 30px; }


/*-- padding --*/
.pT05 { padding-top: 5px; }
.pT10 { padding-top: 10px; }
.pT15 { padding-top: 15px; }
.pT20 { padding-top: 20px; }
.pT25 { padding-top: 25px; }
.pT30 { padding-top: 30px; }
.pB05 { padding-bottom: 5px; }
.pB10 { padding-bottom: 10px; }
.pB15 { padding-bottom: 15px; }
.pB20 { padding-bottom: 20px; }
.pB25 { padding-bottom: 25px; }
.pB30 { padding-bottom: 30px; }
.pL05 { padding-left: 5px; }
.pL10 { padding-left: 10px; }
.pL15 { padding-left: 15px; }
.pL20 { padding-left: 20px; }
.pL25 { padding-left: 25px; }
.pL30 { padding-left: 30px; }
.pR05 { padding-right: 5px; }
.pR10 { padding-right: 10px; }
.pR15 { padding-right: 15px; }
.pR20 { padding-right: 20px; }
.pR25 { padding-right: 25px; }
.pR30 { padding-right: 30px; }


/*-- no javascript --*/
#no_js_script { border: 3px solid #ffb3b3; width: 100%; max-width: 820px; padding: 20px; box-sizing: border-box; margin: 0 auto 10px auto; background: #ffeeee; }
.no_js_script_title_text { color: #e33838; font-size: 1.6rem; font-weight: bold; }


/*-- title --*/
.gnHead { border-bottom: 1px dotted #999; margin: 0 0 10px 0; }
.gnHead .inner { border-left: 5px solid #f4a838; margin: 0 0 5px 5px; padding-left: 8px; font-size: 1.8rem; }

.gnHead2 { background: linear-gradient(#fff,#e8e8e8); border-radius: 5px; padding: 5px; border: 1px solid #ccc; margin: 10px 0; }
.gnHead2 .inner { border-left: 5px solid #f4a838; padding-left: 8px; font-size: 1.8rem; display: block; font-weight: normal; }
/*
.gnHead2 { background:url(/fruit/img/regist/bg_title.gif) no-repeat; padding:5px 5px 6px 17px; margin-bottom:10px; }
.gnHead2 .inner { font-size:18px; display:inline; font-weight:normal; }
*/

.gnHead_finish { margin: 25px 0 0 0; padding: 20px 0; background: url(/fruit/img/common/img_bow-mikkun.gif) right 0 no-repeat; }
.gnHead_finish .inner { border-bottom: 3px double #ed5900; margin: 0 0 5 0; font-size: 2.5rem; font-weight: bold; color: #ed5900; display: inline; }


/*-- flow --*/
.flow { text-align: center; margin-bottom: 20px; }
.flow h2 { font-size: 3.0rem; font-weight: bold; }


/*-- privacy --*/
#privacy { }
#privacy li { display: inline-block; }
#privacy .txt { width: 100%; max-width: 860px; margin-right: 5px; }
#privacy .mark { position: relative; top: -5px; }
#privacy .mark img { width: 75px; }

/*-- attention --*/
.attention { width: 100%; max-width: 870px; margin: 0 auto 10px auto; background: #ffeeee; border-top: 2px dotted #ffb3b3; border-bottom: 2px dotted #ffb3b3; padding: 8px; font-size: 1.3rem; box-sizing: border-box; }
.attention .attentionTitle { font-weight: bold; color: #e33838; font-size: 1.3rem; margin: 0 0 0 5px; }
.attention ul { padding: 5px 0 5px 20px; }
.attention li { list-style-type: disc; line-height: 23px; letter-spacing: -0.3px;  }


/*-- error --*/
.errorTxt { border: 5px solid #ddd; padding: 10px; font-size: 1.6rem; margin: 50px 0; text-align: center; }
.errorTxt .ttl { font-weight: bold; margin-bottom: 20px; border-bottom: 1px dotted #999; }
.errorTxt .btn { border-radius: 5px; text-align: center; font-weight: bold; padding: 5px 10px; background: #ffed72; margin: 10px 0; display: inline-block; color: #333; border-top: 1px solid #edba40; border-left: 1px solid #edba40; border-right: 1px solid #edba40; border-bottom: 4px solid #d9a426; }
.errorTxt .btn:hover { text-decoration: none; background: #fff4a6; border-color: #e7d178; color: #666; }



/*--------------------------------------------------
	form
--------------------------------------------------*/

/*-- table --*/
.form { width: 100%; max-width: 866px; border: 3px solid #c5c5c5; border-spacing: 0; font-family: verdana; margin: 0 auto 30px auto; }
.form th, .form td { border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; padding: 8px 15px; font-weight: bold; }
.form th { background: #eaeaea; color: #333; width: 280px; text-align: right; }
.form li { margin: 3px 0; display: inline-block; }
.form li input { margin-left: 5px; }


/*-- base --*/
.form input { font-size: 1.6rem; width: 100%; max-width: 360px; padding: 5px 12px; box-sizing: border-box; border: 1px solid #ccc; background: #faf8f7; border-radius: 3px; }
.form select { font-size: 1.6rem; padding-left: 5px; height: 35px; border: 1px solid #ccc; background: #faf8f7; border-radius: 3px; }
.form option { font-size: 1.4rem; }
.form input[readonly] { background-color: #eaeaea; color: #666; }

/* radio */
.form .list li { display: inline-block; }
.form .list input { width:auto; margin-right:10px; width:auto; padding:0px; border:none; background:none; border-radius:0px; }
.form .list input[type="radio"] { border: 1px solid #ccc; vertical-align: baseline; }

/* radio */
/*
.form .list input[type="radio"] { padding: 10px; }
.form .list input[type="radio"] { position: relative; -webkit-appearance: button; appearance: button; box-sizing: border-box; width: 24px; height: 24px; content: ""; background-color: #fff; border: 1px solid #999; border-radius: 24px; -webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2); box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2); vertical-align: middle; cursor: pointer; }
.form .list input[type="radio"]:checked:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    content: "";
    width: 12px;
    height: 12px;
    background: #CC0000;
    border-radius: 12px;
}
*/

/* decoration */
.form .readtxt { color: #555; font-weight: normal; margin-top: 5px; }
.form .icon { border-radius: 10px; background: #ee3030; color: #fff; font-size: 1.1rem; padding: 1px 4px; margin-left: 5px; position: relative; top: -1px; }
.form .format { color:#666; margin-left:5px; }
/*Webkit*/ ::-webkit-input-placeholder { color:#999; }
/*Firefox 19以降*/ ::-moz-placeholder { color:#666; }
/*Firefox 18以前*/ :-moz-placeholder { color:#666; }
/*Windows IE*/ :-ms-input-placeholder { color:#999; }

/* メールアドレス */
#mail_address1 , #mail_address2 , #sp_mail_address1 , #sp_mail_address2 { width: 100%; max-width: 200px; }

/* お名前 */
#familyname , #lastname , #familyname_kana , #lastname_kana { width: 100%; max-width: 117px; }

/* 郵便番号 */
#postnumber1 , #postnumber2 { width:100px; margin-right:5px; }
#postnumber2 { margin-left:5px; }
.form .zipSearch { font-weight:normal; }

/* 性別 */
#sex li { border-radius:5px; border:1px solid #ccc; margin-right:5px; padding:5px; cursor:pointer; }
#sex li:hover { background:#ffffd9; }
#sex li label { cursor:pointer; }

/* 未既婚 */
#marriage li { border-radius:5px; border:1px solid #ccc; margin-right:5px; padding:5px; cursor:pointer; }
#marriage li:hover { background:#ffffd9; }
#marriage li label { cursor:pointer; }

/* 主に利用するパソコンの場所 */
.access_place li { border-radius:5px; border:1px solid #ccc; margin-right:5px; padding:5px; cursor:pointer; }
.access_place li:hover { background:#ffffd9; }
.access_place li label { cursor:pointer; }

/* error */
input.error , select.error { background:#FFEEEE; border:1px solid #F33; }
.errorMsg { width:844px; margin:5px auto 10px auto; padding:10px; color:#d50000; font-weight:bold; border:1px dotted #d50000; background:#FFEEEE; font-size:14px; display:none; }
.errorMsg span { background:url(/fruit/img/common/arrow.gif) 0px -490px no-repeat; padding-left:15px; }


/* 同意 */
#agreement { font-size:18px; text-align:center; }
#agreement ul { margin:20px; }
#agreement li { margin-right:30px; display:inline; /* IE7 */ *display:inline; *zoom:1; }
#agreement input { margin-right:5px; }
#member_btn input { background:url(/fruit/img/lpimg/present/common/btn_bottom.gif) no-repeat; width:387px; height:70px; border:0px; cursor:pointer; margin-bottom:10px; }
#member_btn input:hover { background:url(/fruit/img/lpimg/present/common/btn_bottom.gif) 0px -80px no-repeat; width:387px; height:70px; border:0px; cursor:pointer; margin-bottom:10px; }

/*--- ポケフル登録 ---*/

/* ポケフル登録同意 */
.sp_checkbox {  }
.sp_checkbox dl { overflow:hidden; margin-top:20px; }
.sp_checkbox dt , .sp_checkbox dd { float:left; }
.sp_checkbox dt { width:70px; text-align:right; margin-right:20px; }
.sp_checkbox dt #sp_check { transform:scale(1.3); margin:5px 0 0 0; }
.sp_checkbox dd { width:800px; font-size:16px; }

/* スマホメールアドレス登録 */
.sp_check { display:none; margin:20px 0 0 0; }



/*-- btn --*/
#btn_disp { display: none; text-align: center; }

.btn_set { text-align: center; }

.btn,
input[type="submit"].btn { border-radius: 50px; border: 0; font-weight: bold; font-size: 2.6rem; width: 100%; max-width: 430px; box-sizing: border-box; padding: 10px; display: inline-block; margin: 0 auto 20px auto; cursor: pointer; }
.btn:hover,
input[type="submit"].btn:hover { opacity: 0.8; text-decoration: none; }

.btn_orange,
input[type="submit"].btn_orange { background: #eb841e; border-bottom: 8px solid #be5703; color: #fff; }
.btn_orange:hover,
input[type="submit"].btn_orange:hover { color: #fff; }
.btn_gray,
input[type="submit"].btn_gray { background: #e5e5df; border-bottom: 8px solid #bbb; color: #333; }
.btn_gray:hover,
input[type="submit"].btn_gray:hover { color: #333; }

/*
#btnSend { background:url(/fruit/img/regist/btn.gif) 0px 0px no-repeat; border:none; width: 100%; max-width:429px; height:67px; display:block; margin:20px auto 30px auto; cursor:pointer; }
#btnSend:hover { background-position:0px -70px; }

#btnConfirm { background:url(/fruit/img/regist/btn.gif) -440px 0px no-repeat; border:none; width: 100%; max-width:429px; height:67px; display:block; margin:20px auto 30px auto; cursor:pointer; }
#btnConfirm:hover { background-position:-440px -70px; }

.btnFinish { background:url(/fruit/img/regist/btn.gif) -882px 0px no-repeat; border:none; width: 100%; max-width:429px; height:67px; display:block; margin:0px auto 20px auto; cursor:pointer; }
.btnFinish:hover { background-position:-882px -70px; }

.btnBack { background:url(/fruit/img/regist/btn.gif) -440px -140px no-repeat; border:none; width: 100%; max-width:429px; height:67px; display:block; margin:0px auto 30px auto; cursor:pointer; }
.btnBack:hover { background-position:-440px -211px; }
*/



/* 完了
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

/*--- mail send ---*/
/* rule */
.textarea .ruleTtl { text-align:left; font-size:15px; }
.textarea { width: 100%; max-width:872px; margin:0px auto 10px auto; }
.textarea .inner { text-align:left; font-size:14px; margin-bottom:5px; }
.textarea textarea { width: 100%; max-width: 872px; height: 80px; }

/* send text */
.sendTxt { border:5px solid #dddddd; padding:10px; font-size:16px; }
.sendTxt .mark { font-size:18px; font-weight:bold; color:#079f00; background:#cfffaf; border-radius:5px; padding:5px 10px; word-break: break-all; margin-bottom:5px; }
.sendTxt ul { border-top:1px dotted #999; padding-top:10px; margin-top:5px; }
.sendTxt li { font-size:12px; list-style-type:disc; margin-left:15px; }

.fruitTop { text-align:center; margin:70px 0px 50px 0px; }
.fruitTop .copyTxt { font-size:30px; font-weight:bold; }
.fruitTop .copyTxt span { background:url(/fruit/img/regist/finish_top_bg.gif) 0px 0px no-repeat; padding:50px 0px 0px 120px; }

/* スマホメールアドレス登録確認 */
.sp_mail_check .gnHead { background:#b0e53b; border-radius:10px; border:none; padding:5px; }
.sp_mail_check .gnHead .inner { border:none; margin-bottom:0; }
.sp_mail_check .sendTxt { border:5px solid #e1ff9f; }

/* btn
.fruitTop .btn { background:url(/fruit/img/regist/btn.gif) 0px -140px no-repeat; border:none; width:429px; height:67px; display:inline-block; cursor:pointer; }
.fruitTop .btn:hover { background-position:0px -211px; }
 */

/*--- home work panel ---*/
.arrow { background:url(/fruit/img/regist/arrow.gif) center 0 no-repeat; background-size: 100%; width: 100%; max-width: 435px; margin: 0 auto; text-align:center; font-size:25px; font-weight:bold; line-height:28px; padding-top:15px; height:84px; }

.gnHead_title { padding:5px 0px; }
.gnHead_title .inner { border-bottom:3px double #ed5900; margin:0; font-size:25px; font-weight:bold; color:#ed5900; }
/*
.monitor_bnr:hover { position:relative; top:1px; left:1px; }
#finish_home_bnr { width:948px; height:173px; background:url(https://www.fruitmail.net/get_api.php?id=115) no-repeat; border:none; cursor:pointer; position:relative; }
#finish_work_bnr { width:948px; height:173px; background:url(https://www.fruitmail.net/get_api.php?id=116) no-repeat; border:none; cursor:pointer; position:relative; }
 */
#finish_home_bnr { background-repeat: no-repeat; width: 100%; max-width:948px; height:173px; border:none; cursor:pointer; position:relative; background-size: 100% auto; }
#finish_work_bnr { width: 100%; max-width:948px; height:173px; border:none; cursor:pointer; position:relative; background-size: 100% auto; }
#finish_home_bnr:hover, #finish_work_bnr:hover { top:1px; left:1px; }
.netview { display: block; }
.emm { display: none; }

/*--- recommended ---*/
.recommended { margin:10px 0; background:#efeeec; padding:25px 20px; }
.recommended h3 { width: 100%; max-width:850px; margin:0 auto; }
.recommended ul { text-align: center; padding:0; margin:20px 0 0 0; }
.recommended li { display:inline-block; margin-right:10px; }
.recommended li:last-child { margin-right:0; }



.memory { text-align: center; margin: -15px 0 15px 0; }



/* 豪華懸賞
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
#prize_gc170430 { text-align:center; line-height:0; margin-bottom:20px; background:#F8F388; padding:10px; border:1px dotted #CCC; }
#prize_gf170131 { text-align:center; line-height:0; margin-bottom:20px; background:#F8F388; padding:10px; border:1px dotted #CCC; }
#prize_gk170331 { text-align:center; line-height:0; margin-bottom:20px; background:#F8F388; padding:10px; border:1px dotted #CCC; }
.prize_area { text-align:center; line-height:0; margin-bottom:20px; background:#F8F388; padding:10px; border:1px dotted #CCC; }

/* form */
#prize li { display:inherit; margin:5px 0px; }
#prize input { width:auto; margin-right:10px; width:auto; padding:0px; border:none; background:none; border-radius:0px; }

/* campinfo */
#campinfo .info { width: 100%; max-width:948px; border:1px solid #CCC; border-bottom:none; border-spacing:0; font-family:verdana; margin:0px auto 30px auto; }
#campinfo .info th, #campinfo .info td { border-bottom:1px solid #CCC; padding:8px 15px; }
#campinfo .info th { font-weight:bold; width:150px; text-align:right; background:#f1f1f1; }



/* SP
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
@media (max-width:600px){
	
	#wrapper { box-sizing: border-box; padding: 0 10px; }
	
	#wrapper h1 { margin-bottom: 10px; }
	
	.gnHead_finish { background: none; }
	
	#privacy .mark { top: 0; }
	#privacy .pc_disp { display: none; }
	#privacy .sp_disp { display: inline-block; }
	#privacy .sp_disp img { width: 70%; }

	/*-- flow --*/
	.flow { display: none; }
	

	/*-- table --*/
	.form th,
	.form td { display: block; width: 100%; padding:8px 10px; text-align: left; box-sizing: border-box; }
	.form .pL15 { padding-left: 0; }

	/* radio */
	.form li input { margin-left: 0; }
	
	/* メールアドレス */
	#mail_address1 , #mail_address2 , #sp_mail_address1 , #sp_mail_address2 { width: 100%; max-width: inherit; }

	/* お名前 */
	#familyname , #lastname , #familyname_kana , #lastname_kana { width: 100%; max-width: inherit; }
	
	/* 生年月日 */
	#birthday li:first-child { display: block; width: 100%; }

	/*-- btn --*/
	.btn,
	input[type="submit"].btn { font-size: 2.0rem; }
	
	/*-- finish --*/
	.gnHead_finish { margin: 0 0 10px 0; padding: 0; }
	.gnHead_finish .inner { font-size: 2.0rem; }

	.arrow { font-size: 2.0rem; }
	
	.gnHead_title .inner { font-size: 2.0rem; }
	
	.fruitTop .copyTxt { font-size: 2.0rem; }
	.fruitTop .copyTxt span { background: none; padding: 0; }
	
	.netview { display: none; }
	.emm { display: block; }

	/* campinfo */
	#campinfo .info th, #campinfo .info td { display: block; width: 100%; box-sizing: border-box; }
	#campinfo .info th { text-align: left; }

}