@charset "UTF-8"; /*-------------------------------------------------------- 共通 ---------------------------------------------------------*/ /*------------------------------------ 要素 -------------------------------------*/ body { font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",verdana,arial,helvetica,sans-serif; -webkit-text-size-adjust:100%; line-height:normal; font-size:16px; } /*------------------------------------ 大枠 -------------------------------------*/ #contentsWrap { width:100%; } #contentsWrap #contentsSection { } #contentsWrap #contentsSection #contentsArea { background:#ca0000; width:100%; } /*-------------------------------------------------------- 入力画面 ---------------------------------------------------------*/ /*------------------------------------ トップエリア -------------------------------------*/ #contentsWrap #contentsSection #contentsArea #topInner { /* display:none; */ height:700px; width:100%; background:url(../images/uranai_common_bg.jpg) no-repeat center; background-size:cover; } #contentsWrap #contentsSection #contentsArea #topInner #topBox { margin:0 auto; padding-bottom:30px; width:950px; } #contentsWrap #contentsSection #contentsArea #topInner #topBox h1#topBoxMainTitle { margin-top:90px; text-align:center; } #contentsWrap #contentsSection #contentsArea #topInner #topBox h2 { margin-top:50px; } #contentsWrap #contentsSection #contentsArea #topInner #topBox #topBoxinner { width:630px; margin:50px auto; } #contentsWrap #contentsSection #contentsArea #topInner #topBox #topBoxinner noscript { color:#FFFFFF; text-align:center; margin-bottom:10px; } #contentsWrap #contentsSection #contentsArea #topInner #topBox #topBoxinner .btns { margin-top:60px; } #contentsWrap #contentsSection #contentsArea #topInner #topBox #topBoxinner .btns #topBoxManBtn, #contentsWrap #contentsSection #contentsArea #topInner #topBox #topBoxinner .btns #topBoxWomanBtn { cursor:pointer; } /*------------------------------------ 選択エリア -------------------------------------*/ #contentsWrap #contentsSection #contentsArea #choiceInner { display:none; height:700px; width:100%; background:url(../images/uranai_common_bg.jpg) no-repeat center; background-size:cover; } #contentsWrap #contentsSection #contentsArea #choiceInner #choiceBox { margin:0 auto; padding-bottom:30px; width:950px; } #contentsWrap #contentsSection #contentsArea #choiceInner #choiceBox h2#choiceBoxMainTitle { margin-top:90px; text-align:center; } #contentsWrap #contentsSection #contentsArea #choiceInner #choiceBox h3 { margin-top:40px; text-align:center; } #contentsWrap #contentsSection #contentsArea #choiceInner #choiceBox #choiceBoxinner { width:885px; margin:30px auto 0; } #contentsWrap #contentsSection #contentsArea #choiceInner #choiceBox #choiceBoxinner .btns01 { margin-top:50px; } #contentsWrap #contentsSection #contentsArea #choiceInner #choiceBox #choiceBoxinner .btns01 #choiceBoxOneselfBtn, #contentsWrap #contentsSection #contentsArea #choiceInner #choiceBox #choiceBoxinner .btns01 #choiceBoxFriendsBtn, #contentsWrap #contentsSection #contentsArea #choiceInner #choiceBox #choiceBoxinner .btns01 #choiceBoxLoveBtn { cursor:pointer; float:left; } #contentsWrap #contentsSection #contentsArea #choiceInner #choiceBox #choiceBoxinner .btns02 { margin-top:80px; } #contentsWrap #contentsSection #contentsArea #choiceInner #choiceBox #choiceBoxinner .btns02 p.backBtn { display:inline; cursor:pointer; } /*------------------------------------ 自分の運勢チェック「入力」エリア -------------------------------------*/ #contentsWrap #contentsSection #contentsArea #oneselfInputInner { display:none; height:700px; width:100%; background:url(../images/uranai_common_bg.jpg) no-repeat center; background-size:cover; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox { margin:0 auto; padding-bottom:30px; width:950px; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox h2#oneselfInputBoxMainTitle { margin-top:90px; text-align:center; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox h3 { margin-top:20px; text-align:center; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox h4 { margin-top:30px; text-align:center; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner { width:885px; margin:30px auto 0; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone { background:none #770101; width:405px; margin:50px auto 100px; border:1px solid #770101; border-radius:8px; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone .icon { float:left; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone .list { float:left; margin-top:15px; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone ul { margin-top:10px; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone ul li { float:left; margin:0 5px 0 8px; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone ul li:first-child { margin-left:0; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone select { text-align:center; height:30px; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone select option { height:1.5em; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone select#oneselfInputYear { width:85px; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone select#oneselfInputMonth, #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone select#oneselfInputDay { width:55px; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone span { color:#ffffff; margin-left:3px; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox .btns { position:relative; margin-top:10px; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox .btns p.backBtn { display:inline; cursor:pointer; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox .btns p.divineBtn { cursor:pointer; position:absolute; top:-27px; left:50%; margin-left:-132px; } /*------------------------------------ 友達との相性チェック「入力」エリア -------------------------------------*/ #contentsWrap #contentsSection #contentsArea #friendsInputInner { display:none; height:700px; width:100%; background:url(../images/uranai_common_bg.jpg) no-repeat center; background-size:cover; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox { margin:0 auto; padding-bottom:30px; width:950px; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox h2#friendsInputBoxMainTitle { margin-top:90px; text-align:center; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox h3 { margin-top:20px; text-align:center; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox h4 { margin-top:30px; text-align:center; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner { width:885px; margin:15px auto 0; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone { float:left; background:none #770101; width:405px; margin:10px auto 10px; border:1px solid #770101; border-radius:8px; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone .icon { float:left; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone .list { float:left; margin-top:15px; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone ul { margin-top:10px; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone ul li { float:left; margin:0 5px 0 8px; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone ul li:first-child { margin-left:0; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select { text-align:center; height:30px; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select option { height:1.5em; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputYear01, #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputYear02, #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputYear03, #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputYear04 { width:85px; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputMonth01, #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputMonth02, #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputMonth03, #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputMonth04, #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputDay01, #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputDay02, #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputDay03, #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputDay04 { width:55px; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone span { color:#ffffff; margin-left:3px; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox .btns { position:relative; margin-top:50px; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox .btns p.backBtn { display:inline; cursor:pointer; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox .btns p.divineBtn { cursor:pointer; position:absolute; top:-27px; left:50%; margin-left:-132px; } /*------------------------------------ 恋愛度チェック「入力」エリア -------------------------------------*/ #contentsWrap #contentsSection #contentsArea #loveInputInner { display:none; height:700px; width:100%; background:url(../images/uranai_common_bg.jpg) no-repeat center; background-size:cover; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox { margin:0 auto; padding-bottom:30px; width:950px; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox h2#loveInputBoxMainTitle { margin-top:90px; text-align:center; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox h3 { margin-top:20px; text-align:center; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox h4 { margin-top:30px; text-align:center; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner { width:885px; margin:30px auto 0; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone { float:left; background:none #770101; width:405px; margin:50px auto 100px; border:1px solid #770101; border-radius:8px; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone .icon { float:left; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone .list { float:left; margin-top:15px; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone ul { margin-top:10px; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone ul li { float:left; margin:0 5px 0 8px; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone ul li:first-child { margin-left:0; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone select { text-align:center; height:30px; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone select option { height:1.5em; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone select#loveInputYear01, #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone select#loveInputYear02 { width:85px; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone select#loveInputMonth01, #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone select#loveInputMonth02, #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone select#loveInputDay01, #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone select#loveInputDay02 { width:55px; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone span { color:#ffffff; margin-left:3px; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox .btns { position:relative; margin-top:10px; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox .btns p.backBtn { display:inline; cursor:pointer; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox .btns p.divineBtn { cursor:pointer; position:absolute; top:-27px; left:50%; margin-left:-132px; } /*------------------------------------ 説明エリア -------------------------------------*/ #contentsWrap #contentsSection #captionArea { padding:20px 0 25px; width:950px; margin:0 auto; } #contentsWrap #contentsSection #captionArea p { text-align:left; } #contentsWrap #contentsSection #captionArea p strong { color:#ff0000; line-height:1.5em; } #contentsWrap #contentsSection #captionArea p.captionText { line-height:1.8em; font-size:125%; } /*-------------------------------------------------------- 結果画面 ---------------------------------------------------------*/ /*------------------------------------ 自分の運勢チェック「結果」エリア -------------------------------------*/ #contentsWrap #contentsSection #contentsArea #oneselfResultInner { width:100%; background:url(../images/uranai_common_bg02.jpg) no-repeat center; background-size:cover; } #contentsWrap #contentsSection #contentsArea #oneselfResultInner #oneselfResultBox { margin:0 auto; padding-bottom:30px; width:950px; } #contentsWrap #contentsSection #contentsArea #oneselfResultInner #oneselfResultBox h2#oneselfResultBoxMainTitle { margin-top:30px; text-align:center; } #contentsWrap #contentsSection #contentsArea #oneselfResultInner #oneselfResultBox #oneselfResultBoxinner { background:none #770101; width:838px; margin:30px auto 0; padding:20px 20px 25px; border:1px solid #770101; border-radius:8px; } #contentsWrap #contentsSection #contentsArea #oneselfResultInner #oneselfResultBox #oneselfResultBoxinner .icon { width:130px; padding-left:20px; float:left; } #contentsWrap #contentsSection #contentsArea #oneselfResultInner #oneselfResultBox #oneselfResultBoxinner .fortuneText { width:650px; line-height:2em; color:#ffffff; float:left; text-align:left; } #contentsWrap #contentsSection #contentsArea #oneselfResultInner #oneselfResultBox p.captionText { color:#ffffff; text-align:left; margin-top:30px; line-height:2em; } #contentsWrap #contentsSection #contentsArea #oneselfResultInner #oneselfResultBox p.backBtn { text-align:center; margin-top:30px; cursor:pointer; } /*------------------------------------ 友達との相性チェック「結果」エリア 恋愛度チェック「結果」エリア -------------------------------------*/ #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner { width:100%; background:url(../images/uranai_common_bg02.jpg) no-repeat center; background-size:cover; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner .moveIcon { text-align:center; margin:20px 0 0; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox { margin:0 auto; padding-bottom:30px; width:950px; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox h2#friendsLoveResultBoxMainTitle { margin-top:30px; text-align:center; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner { color:#ffffff; background:url(../images/uranai_common_bg03.jpg) no-repeat center; background-size:cover; width:818px; margin:0 auto; padding:30px 30px 35px; border-radius:8px; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner h4 { text-align:center; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner .points { margin-top:20px; padding:15px 0 13px; border-bottom:1px solid #e29b9b; border-top:1px solid #e29b9b; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner .points img { vertical-align:middle !important; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner .points .pointNumber { float:right; width:410px; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner .points .pointNumber p { text-align:right; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner .points .pointNumber span.threeDigits img, #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner .points .pointNumber span.twoDigits img, #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner .points .pointNumber span.oneDigits img { border:1px solid #e29b9b; margin-left:5px; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner .points .pointImage { float:right; width:360px; margin-left:30px; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner .points ul li { float:left; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner .fortuneText { margin-top:20px; line-height:2em; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox p.captionText { color:#ffffff; text-align:left; margin-top:30px; line-height:2em; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox p.backBtn { text-align:center; margin-top:30px; cursor:pointer; } /*------------------------------------ エラー「結果」エリア -------------------------------------*/ #contentsWrap #contentsSection #contentsArea #errorResultInner { width:100%; background:url(../images/uranai_common_bg02.jpg) no-repeat center; background-size:cover; /* height:800px; */ } #contentsWrap #contentsSection #contentsArea #errorResultInner #errorResultBox { margin:0 auto; padding:30px 0 20px; width:600px; color:#ffffff; text-align:center; } /* SP用 */ /*-------------------------------------------------------- 共通 ---------------------------------------------------------*/ /*------------------------------------ 要素 -------------------------------------*/ img { height:auto; width:100%; border:0 none; } img.noZoom { height:auto; width:auto; border:0 none; } table img { height:auto; width:auto; border:0 none; } /*------------------------------------ 大枠 -------------------------------------*/ #contentsWrap { width:100%; /* max-width:320px; min-width:320px; margin:0 auto; */ } #contentsWrap #contentsSection { } #contentsWrap #contentsSection #contentsArea { background:#ca0000; width:100%; } /*-------------------------------------------------------- 入力画面 ---------------------------------------------------------*/ /*------------------------------------ トップエリア -------------------------------------*/ #contentsWrap #contentsSection #contentsArea #topInner { height:auto; background-image:url(../images/uranai_common_bg02.jpg); background:none; max-width:320px; min-width:320px; margin:0 auto; } #contentsWrap #contentsSection #contentsArea #topInner #topBox { width:97%; padding-bottom:20px; } #contentsWrap #contentsSection #contentsArea #topInner #topBox h1#topBoxMainTitle { margin-top:30px; } #contentsWrap #contentsSection #contentsArea #topInner #topBox #topBoxinner { width:100%; margin:20px 0 15px; } #contentsWrap #contentsSection #contentsArea #topInner #topBox #topBoxinner .btns { margin-top:0; } #contentsWrap #contentsSection #contentsArea #topInner #topBox #topBoxinner .btns #topBoxManBtn { width:50%; } #contentsWrap #contentsSection #contentsArea #topInner #topBox #topBoxinner .btns #topBoxWomanBtn { width:50%; } /*------------------------------------ 選択エリア -------------------------------------*/ #contentsWrap #contentsSection #contentsArea #choiceInner { height:auto; background-image:url(../images/uranai_common_bg02.jpg); background:none; max-width:320px; min-width:320px; margin:0 auto; } #contentsWrap #contentsSection #contentsArea #choiceInner #choiceBox { width:97%; padding-bottom:20px; } #contentsWrap #contentsSection #contentsArea #choiceInner #choiceBox h2#choiceBoxMainTitle { margin-top:30px; } #contentsWrap #contentsSection #contentsArea #choiceInner #choiceBox #choiceBoxinner { width:101%; } #contentsWrap #contentsSection #contentsArea #choiceInner #choiceBox #choiceBoxinner .btns01 { margin-top:10px; } #contentsWrap #contentsSection #contentsArea #choiceInner #choiceBox #choiceBoxinner .btns01 #choiceBoxOneselfBtn { width:100%; float:none; } #contentsWrap #contentsSection #contentsArea #choiceInner #choiceBox #choiceBoxinner .btns01 #choiceBoxFriendsBtn { width:100%; float:none; } #contentsWrap #contentsSection #contentsArea #choiceInner #choiceBox #choiceBoxinner .btns01 #choiceBoxLoveBtn { width:100%; float:none; } #contentsWrap #contentsSection #contentsArea #choiceInner #choiceBox #choiceBoxinner .btns02 { margin-top:30px; } #contentsWrap #contentsSection #contentsArea #choiceInner #choiceBox #choiceBoxinner .btns02 p.backBtn { margin-top:20px; display:block; text-align:center; } #contentsWrap #contentsSection #contentsArea #choiceInner #choiceBox #choiceBoxinner .btns02 p.backBtn img { width:40%; } /*------------------------------------ 自分の運勢チェック「入力」エリア -------------------------------------*/ #contentsWrap #contentsSection #contentsArea #oneselfInputInner { height:auto; background-image:url(../images/uranai_common_bg02.jpg); background:none; max-width:320px; min-width:320px; margin:0 auto; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox { width:97%; padding-bottom:20px; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox h2#oneselfInputBoxMainTitle { margin-top:30px; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox h3 img { max-width:100%; width:auto; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner { width:97%; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone { width:96%; margin:0 auto; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone .icon { float:none; width:100%; text-align:center; margin-top:10px; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone .icon img { width:auto; max-width:100%; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone .list { float:none; width:100%; text-align:center; margin-top:5px; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone ul { margin:20px 0; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone ul li { float:none; margin:10px 0 0 0; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone select#oneselfInputYear { width:70%; font-size:175%; height:55px; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone select#oneselfInputMonth, #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone select#oneselfInputDay { width:70%; font-size:175%; height:55px; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox #oneselfInputBoxinner #oneselfInputBoxOneselfZone span { /* font-size:69%; */ } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox .btns { margin-top:30px; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox .btns p.backBtn { margin-top:20px; display:block; text-align:center; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox .btns p.backBtn img { width:40%; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox .btns p.divineBtn { position:static; margin-left:0; text-align:center; } #contentsWrap #contentsSection #contentsArea #oneselfInputInner #oneselfInputBox .btns p.divineBtn img { width:80%; } /*------------------------------------ 友達との相性チェック「入力」エリア -------------------------------------*/ #contentsWrap #contentsSection #contentsArea #friendsInputInner { height:auto; background-image:url(../images/uranai_common_bg02.jpg); background:none; max-width:320px; min-width:320px; margin:0 auto; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox { width:97%; padding-bottom:20px; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox h2#friendsInputBoxMainTitle { margin-top:30px; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox h3 img { max-width:100%; width:auto; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner { width:97%; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone { width:96%; float:none; margin:10px auto 0 !important; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone .icon { float:none; width:100%; text-align:center; margin-top:10px; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone .icon img { width:auto; max-width:100%; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone .list { float:none; width:100%; text-align:center; margin-top:5px; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone ul { margin:20px 0; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone ul li { float:none; margin:10px 0 0 0; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputYear01, #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputYear02, #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputYear03, #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputYear04 { width:70%; font-size:175%; height:55px; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputMonth01, #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputMonth02, #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputMonth03, #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputMonth04, #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputDay01, #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputDay02, #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputDay03, #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox #friendsInputBoxinner .friendsInputBoxOneselfZone select#friendsInputDay04 { width:70%; font-size:175%; height:55px; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox .btns { margin-top:30px; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox .btns p.backBtn { margin-top:20px; display:block; text-align:center; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox .btns p.backBtn img { width:40%; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox .btns p.divineBtn { position:static; margin-left:0; text-align:center; } #contentsWrap #contentsSection #contentsArea #friendsInputInner #friendsInputBox .btns p.divineBtn img { width:80%; } /*------------------------------------ 恋愛度チェック「入力」エリア -------------------------------------*/ #contentsWrap #contentsSection #contentsArea #loveInputInner { height:auto; background-image:url(../images/uranai_common_bg02.jpg); background:none; max-width:320px; min-width:320px; margin:0 auto; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox { width:97%; padding-bottom:20px; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox h2#loveInputBoxMainTitle { margin-top:30px; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox h3 img { max-width:100%; width:auto; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner { width:97%; margin-top:20px; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner noscript { } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone { width:96%; float:none; margin:10px auto 0 !important; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone .icon { float:none; width:100%; text-align:center; margin-top:10px; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone .icon img { width:auto; max-width:100%; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone .list { float:none; width:100%; text-align:center; margin-top:5px; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone ul { margin:20px 0; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone ul li { float:none; margin:10px 0 0 0; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone select#loveInputYear01, #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone select#loveInputYear02 { width:70%; font-size:175%; height:55px; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone select#loveInputMonth01, #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone select#loveInputMonth02, #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone select#loveInputDay01, #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox #loveInputBoxinner .loveInputBoxOneselfZone select#loveInputDay02 { width:70%; font-size:175%; height:55px; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox .btns { margin-top:30px; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox .btns p.backBtn { margin-top:20px; display:block; text-align:center; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox .btns p.backBtn img { width:40%; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox .btns p.divineBtn { position:static; margin-left:0; text-align:center; } #contentsWrap #contentsSection #contentsArea #loveInputInner #loveInputBox .btns p.divineBtn img { width:80%; } /*------------------------------ 説明エリア -------------------------------*/ #contentsWrap #contentsSection #captionArea { width:95%; font-size:113%; background:none; max-width:320px; min-width:320px; margin:0 auto; } /*-------------------------------------------------------- 結果画面 ---------------------------------------------------------*/ /*------------------------------------ 自分の運勢チェック「結果」エリア -------------------------------------*/ #contentsWrap #contentsSection #contentsArea #oneselfResultInner { font-size:119%; background:none; max-width:320px; min-width:320px; margin:0 auto; } #contentsWrap #contentsSection #contentsArea #oneselfResultInner #oneselfResultBox { width:97%; padding-bottom:10px; } #contentsWrap #contentsSection #contentsArea #oneselfResultInner #oneselfResultBox h2#oneselfResultBoxMainTitle { margin-top:30px; text-align:center; } #contentsWrap #contentsSection #contentsArea #oneselfResultInner #oneselfResultBox h3 img { max-width:100%; width:auto; } #contentsWrap #contentsSection #contentsArea #oneselfResultInner #oneselfResultBox #oneselfResultBoxinner { width:90%; padding:15px 4% 15px; } #contentsWrap #contentsSection #contentsArea #oneselfResultInner #oneselfResultBox #oneselfResultBoxinner .icon { width:100%; padding-left:0; float:none; text-align:center; } #contentsWrap #contentsSection #contentsArea #oneselfResultInner #oneselfResultBox #oneselfResultBoxinner .icon img { width:auto; max-width:100%; } #contentsWrap #contentsSection #contentsArea #oneselfResultInner #oneselfResultBox #oneselfResultBoxinner .fortuneText { width:95%; padding-left:0; float:none; padding:0 2% 0 3%; } /*------------------------------------ 友達との相性チェック「結果」エリア 恋愛度チェック「結果」エリア -------------------------------------*/ #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner { font-size:119%; background:none; max-width:320px; min-width:320px; margin:0 auto; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner .moveIcon { width:90%; margin:10px auto 0; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox { width:97%; padding-bottom:10px; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox h2#friendsLoveResultBoxMainTitle { margin-top:30px; text-align:center; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox h3 img { max-width:100%; width:auto; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner { width:90%; padding:15px 4% 15px; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner .icon { width:100%; padding-left:0; float:none; text-align:center; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner .icon img { width:auto; max-width:100%; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner .text { width:95%; padding-left:0; float:none; padding:0 2% 0 3%; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner .points .pointNumber { float:none; width:100%; text-align:center; margin-top:20px; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner .points .pointNumber p { text-align:center; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner .points .pointNumber img { width:auto; max-width:100%; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner .points .pointImage { float:none; width:100%; margin:0 auto; } #contentsWrap #contentsSection #contentsArea #friendsLoveResultInner #friendsLoveResultBox #friendsLoveResultBoxinner .points ul li { width:10%; } /*------------------------------------ エラー「結果」エリア -------------------------------------*/ #contentsWrap #contentsSection #contentsArea #errorResultInner { font-size:119%; background:none; max-width:320px; min-width:320px; margin:0 auto; } #contentsWrap #contentsSection #contentsArea #errorResultInner #errorResultBox { width:97%; padding-bottom:10px; } #contentsWrap #contentsSection #contentsArea #errorResultInner #errorResultBox img { max-width:100%; width:auto; } /*------------------------------------ 2014-11-19 ヘッダ部分の 幅修正のため追加 -------------------------------------*/ header ul{ padding:0; }