@charset "utf-8";
/**********************************************************************

**********************************************************************/


/* -----------------------------------------------
汎用クラス
------------------------------------------------- */
.floatLeft  {float: left;}
.floatRight {float: right;}
.clearer    {clear: both;}

header {
    max-width: 640px;
}

@media screen and (min-width: 640px) {

    header:first-child nav ul li:first-child {
        padding-left: 34px !important;
        padding-right: 38px !important;
    }

    header:first-child nav ul li:nth-child(2) {
        padding-left: 39px !important;
        padding-right: 39px !important;
    }

    header:first-child nav ul li:nth-child(3) {
        padding-left: 39px !important;
        padding-right: 37px !important;
    }

    header:first-child nav ul li:last-child {
        padding-left: 38px !important;
        padding-right: 0 !important;
    }
}

/* -----------------------------------------------
コンテンツ
------------------------------------------------- */
div#container {
	width:100%;
}


div#contents {
	margin-bottom:20px;
	padding:0px 0px 0px 0px;
	margin-bottom:15px;
}

div#contents_bg {
	padding:0px 0px 5px 0px;
}

#result div#contents_bg {
	*padding:0px 0px 20px 0px;
}

div#contents div#title {
	position:relative;
	margin-bottom:10px;
}

div#contents div#title h2 {
	position:relative;
	margin-bottom:10px;
	z-index:3;
}

#result div#contents div#title h2 {
	position:relative;
	padding:3px;
	z-index:3;
}

div#contents div#title h2 img {
	display:block;
	line-height:100%;
}

#result div#contents div#title h2 img {
	padding-top:12px;
}

div#contents div#title p#title_txt1 {
	position:absolute;
	left:-15px;
	top:-14px;
	z-index:2;
}

div#contents div#title p#title_img1 {
	position:absolute;
	left:738px;
	top:73px;
	z-index:1;
}

#result div#contents div#title p#title_img1 {
	position:absolute;
	left:720px;
	_left:700px;
	top:60px;
	z-index:1;
}

div#contents div#title p#lead {
	position:relative;
	z-index:4;
	font-size:10px;
	padding:6px 0px 0px 21px;
}

div#contents div#title p#lead img {
	display:block;
	line-height:100%;
	margin-bottom:10px;
}

/* 上部ソーシャルボタン */
div#contents div#title ul.social {
	position:absolute;
	left:528px;
	top:15px;
	z-index:5;
	margin-left:0px;
}

#result div#contents div#title ul.social {
	_left:508px;
}

/* TOPフォーム */
div#contents form#form1 {
	width:882px;
	position:relative;
	margin:0px auto 9px auto;
}

div#contents form#form1 input {
	width:50px;
	height:35px;
	text-align:center;
	border:none;
	font-size:40px;
	font-weight:bold;
	line-height:100%;
}

div#contents form#form1 input#month {	position:absolute;	left:57px;	top:151px; }
div#contents form#form1 input#day {	position:absolute;	left:206px;	top:151px; }
div#contents form#form1 p#btn {	position:absolute;	left:342px;	top:135px; cursor:pointer; }

/* 結果ページフォーム */
div#contents form#form2 {
	width:100%;
	position:relative;
    text-align:center;
	margin:0px auto 0px auto;
	line-height:200%;
	font-size:16px;
	font-weight:bold;
}

div#contents form#form2 input {
	width:85px;
	height:61px;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	line-height:100%;
	border-width: 1px;
}

div#contents form#form2 input#month {
	/*position:absolute;
	left:-7px;
	top:-17px;*/
	margin:0 10px
}
div#contents form#form2 input#day {
	/*position:absolute;
	left:361px;
	top:203px;*/
    margin:0 10px
}
div#contents form#form2 p#btn {
	/*position:absolute;
	left:226px;
	top:315px;
	cursor:pointer;
	width: 119px;
	height: 53px;*/
	margin:20px;
}


/* 鏡リュウジプロフィール */
div#profile {
	width:825px;
	_width:845px;
	margin:0px auto 20px auto;
}

div#profile h3 {
	margin-bottom:10px;
}

div#profile h3,
div#profile p {
}

div#profile p {
	padding-bottom:11px;
}

div#profile p.floatLeft {
	width:137px;
	padding:0px 22px 0px 0px;
}

/* たまひよnetバナー */
p#bnr_tamahiyo {
	text-align:center;
	margin-bottom:30px;
}


/* 占い結果 */
div#contents div#resultTxt {
    width:100%;
	position:relative;
	margin:0 auto 8px auto;
}

div#contents div#resultTxt div#result1 {
	width:100%;
	/*height:369px;*/
	padding-top:10px;
	margin-bottom:15px;
	padding-left: 5px;
}

div#contents div#resultTxt div#result1 h3 {
	font-size:16px;
	padding-left:10px;
	margin-bottom:20px;
}

div#contents div#resultTxt div#result1 h3 span {
	color:#EB6E9B;
	font-size:18px;
	font-weight:bold;
	margin-bottom:16px;
}

div#contents div#resultTxt div#result1 ul li h4 {
	font-size:16px;
	font-weight:bold;
	padding-top:10px;
	margin-bottom:10px;
}

div#contents div#resultTxt div#result1 ul li#result1_1 h4 { color:#EF5A5F; }
div#contents div#resultTxt div#result1 ul li#result1_2 h4 { color:#1B9DCF; }
div#contents div#resultTxt div#result1 ul li#result1_3 h4 { color:#009143; }

div#contents div#resultTxt div#result1 ul li p {
	font-size:16px;
	line-height:140%;
}

div#contents div#resultTxt div#result2 {
	width:100%;
	/*height:144px;
	float:left;
	background:url(../images/result_bg2.jpg) left top no-repeat;*/
}


div#contents div#resultTxt div#result3 {
	width:100%;
	/*height:144px;
	float:right;
	background:url(../images/result_bg2.jpg) left top no-repeat;*/
}

div#contents div#resultTxt div#result2 h4,
div#contents div#resultTxt div#result3 h4 {
	font-size:16px;
	font-weight:bold;
	padding:26px 0px 10px 63px;
	margin-bottom:17px;
    /*content: url("../images/icon_star.png");*/
	background-image: url("../images/icon_star.png");
    background-size: 23px 21px;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 25px;
    height: 21px;
}

div#contents div#resultTxt div#result2 p,
div#contents div#resultTxt div#result3 p {
	padding:0px 35px 50px 35px;
}

div#contents div#resultTxt p#notice {
	width:90%;
	margin:20px auto;
	/*clear:both;*/
	font-size:10px;
}

div#contents div#resultTxt p#btn_other {
	position:absolute;
	left:584px;
	top:31px;
}

p#bnr_bottom {
	margin-bottom:25px;
}



/* -----------------------------------------------
フッター
------------------------------------------------- */
div#contentFooter {
	background-color:#E3E3E3;
	padding:6px 10px;
}

ul.linkListTyLine li {
  font-size: 0.8rem;
  display: inline;
  border-right: solid 1px #fff;
}
ul.linkListTyLine li:last-child {
  border: none;
}
ul.linkListTyLine li a, ul.linkListTyLine li span {
  margin: 0 5px;
  padding: 0;
  color: #fff;
  font-size: 90%;
  line-height: 1.5;
}

ul.linkListTyLine li a, ul.linkListTyLine li span{
  text-decoration: none;
}

ul.linkListTyLine{
  margin-bottom: 20px;
}

#content > .inner {
  padding: 10px;
}
#content > .inner p {
  margin-bottom: 10px;
}
#content > .inner #navLocal {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 40px;
}
#content > .inner #navLocal .hdg {
  background: #2cc3e8;
  padding: 20px 10px;
  font-size: 1.5rem;
  color: #fff;
  margin: 0;
}
#content > .inner #navLocal .linkListBa, #content > .inner #navLocal ul.linkListTy01 {
  border: none;
}

.taC {
  text-align: center !important;
}

#title img { width: 100%; }
#bnr_bottom img { width: 100%; }

.hdg1Ba {
  font-size: 20px;
  color: #fff;
  background-color: #e94b86;
  padding: 20px;
  margin: -10px -10px 0px;
  line-height: 1.4;
}
.hdg1Ba.multi-line {
  padding: 8px 20px;
}
.hdg1Ba .sub {
  font-size: 16px;
}

/* -----------------------------------------------
laravel化　調整用
------------------------------------------------- */

input {
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

/* -----------------------------------------------
Uranai top
------------------------------------------------- */
.hdg1Ba {
	color: black;
	background-color: #f2f2f5;
}

/* -----------------------------------------------
Uranai top image
------------------------------------------------- */
.Top_image-uranai {

}

.Top_image-uranai h2 {

}

.Top_image-uranai p {
	margin: 8px;
}

/* -----------------------------------------------
Uranai profile
------------------------------------------------- */
.Profile-uranai {
	margin: 8px;
}

.Profile-uranai-description {
	margin: 8px;
}

.Profile-uranai-img {
	margin: 0 auto;
	width: 50%;
}

.Profile-uranai h3 {
	font-weight: bold;
}

.Profile-uranai p {
}

/* -----------------------------------------------
Uranai result
------------------------------------------------- */
div#contents div#resultTxt div#result1 ul h3 {
	font-weight: bold;
	font-size: 2rem;
	padding-left: initial;
	margin-bottom: initial;
}

#result1_1 h3 {
	color: #EF5A5F;
}

#result1_2 h3 {
	color: #1DACE2;
}

#result1_3 h3 {
	color: #009143;
}

div#contents div#resultTxt div#result1 ul li {
	padding:0 5px 20px 5px;
}

/* -----------------------------------------------
Uranai 占うボタン
------------------------------------------------- */
div#contents form#form2 p#btn {
	width: 120px;
	height: 52px;
	margin: 20px auto;
}

/* -----------------------------------------------
Uranai 関連記事
------------------------------------------------- */
div#contents a.related_link div.related {
	margin: 8px;
	width: auto;
}

/* -----------------------------------------------
common
------------------------------------------------- */
.w90 {
	width: 90%;
	margin: auto;
}

/* -----------------------------------------------
Uranai 関連記事
------------------------------------------------- */
.share_button {
	text-align: center;
	margin-bottom: 8px;
}