@charset "euc-jp";
/*------------------------------------------------------------------------------------------------
  
  result.css for PC (result page settings)
  
------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------
  result main section frame 
------------------------------------------------------------------------------------------------*/
.res_bg {
	width: 840px;
	margin: 0 auto;
	background: url(../images/common/res_bg.jpg) repeat-y;
	overflow: hidden;
}
.res_bt {
	width: 840px;
	height: 160px;
	background: url(../images/common/res_bt.jpg) no-repeat;
	background-size: 100% 100%;
	clear: both;
}
.fadein_img {
	opacity: 0;
}
/*------------------------------------------------------------------------------------------------
  result top message box
------------------------------------------------------------------------------------------------*/
.res_info_bg{
	width: 840px;
	height: 620px;
	margin: 0 auto;
	background: url(../images/common/res_info_bg.jpg) no-repeat;
}
.res_info_bg .res_info_box{
	position: relative;
	top: calc(50% + 20px);
	left: 0;
	width: 460px;
	margin-left: 60px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(0,30,34,0.6);
  border: 2px solid #0eb6b0;
  border-radius: 30px;
  padding: 30px;
}
.res_info_bg .res_info_box p.text2{
	color: #ffffff;
	font-family: "ÞâÌÀÄ«", YuMincho, "¥Ò¥é¥®¥ÎÌÀÄ« ProN W3", "Hiragino Mincho ProN", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "£Í£Ó ÌÀÄ«", serif;
	font-size: 130%;
  line-height: 160%;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0em;
}
/*------------------------------------------------------------------------------------------------
  result top (my top & you top)
------------------------------------------------------------------------------------------------*/
.res_my_top {
	width: 840px;
	height: 160px;
	background: url(../images/common/res_my_top.jpg) no-repeat;
	clear: both;
}
.res_you_top {
	width: 840px;
	height: 160px;
	background: url(../images/common/res_you_top.jpg) no-repeat;
	clear: both;
}

/*------------------------------------------------------------------------------------------------
  result input items
------------------------------------------------------------------------------------------------*/
/*single
------------------------------------------------------------------------------------------------*/
.res_form_bg {
	width: 740px;
	height: 200px;
	margin: 0 auto;
	background: url(../images/common/res_form_bg.jpg) no-repeat;
	padding-top: 21px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.res_form_bg .res_form_box{
	width: 670px;
	height: 50px;
	margin: 0 auto 5px auto;
	display: table;
}
.res_form_bg .res_form_box [class^="res_form_title"]{
	display: table-cell;
	vertical-align: middle;
	width: 200px;
	height: 50px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: url(../images/common/res_form_title.gif) no-repeat;
}
.res_form_bg .res_form_box .res_form_title1{background-position: 0 0;}
.res_form_bg .res_form_box .res_form_title2{background-position: 0 -50px;}
.res_form_bg .res_form_box .res_form_title5{background-position: 0 -100px;}
.res_form_bg .res_form_box .res_form_text{
	display: table-cell;
	vertical-align: middle;
	width: 470px;
	text-align: left;
	padding-left: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.res_form_bg .res_form_box .res_form_text .text3{
	color: #332515;
	font-size: 1.4em;
}
/*double
------------------------------------------------------------------------------------------------*/
.res_form_bg2 {
	width: 740px;
	margin: 0 auto;
	zoom: 1;
}
.res_form_bg2 .res_form_bg_my{float: left; width: 50%;}
.res_form_bg2 .res_form_bg_you{float: right; width: 50%;}
.res_form_bg2 .res_form_bg_my .res_form_my_title,
.res_form_bg2 .res_form_bg_you .res_form_you_title{width: 370px; height: 100px;}
.res_form_bg2 .res_form_bg_my .res_form_my_title{background: url(../images/common/res_form_my_title.jpg) no-repeat;}
.res_form_bg2 .res_form_bg_you .res_form_you_title{background: url(../images/common/res_form_you_title.jpg) no-repeat;}
.res_form_bg2 .res_form_bg_my .res_form_bg_my_box,
.res_form_bg2 .res_form_bg_you .res_form_bg_you_box{
	width: 370px;
	height: 390px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-top: 3px;
}
.res_form_bg2 .res_form_bg_my .res_form_bg_my_box{background: url(../images/common/res_form_bg_my_box.jpg) no-repeat;}
.res_form_bg2 .res_form_bg_you .res_form_bg_you_box{background: url(../images/common/res_form_bg_you_box.jpg) no-repeat;}
.res_form_bg2 .res_form_box [class^="res_form_title"]{
	display: block;
	vertical-align: middle;
	width: 360px;
	height: 50px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: url(../images/common/res_form_title.gif) no-repeat;
}
.res_form_bg2 .res_form_box .res_form_text{
	width: 360px;
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 50px;
}
.res_form_bg2 .res_form_box .res_form_text .text3{
	color: #332515;
	font-size: 1.15em;
	line-height: 1.5em;
	text-align: left;
	word-break: keep-all;
}
.res_form_bg2 .res_form_box .res_form_title1{background-position: center 0;}
.res_form_bg2 .res_form_box .res_form_title2{background-position: center -45px; margin-bottom: 7px;}
.res_form_bg2 .res_form_box .res_form_title5{background-position: center -100px; margin: 5px 0 1px 0;}
.res_form_bg2 .res_form_box:first-of-type .res_form_text{height: 105px;}
.res_form_bg2 .res_form_bg_my_box .res_form_box .res_form_text{padding: 15px 10px 10px 30px;}
.res_form_bg2 .res_form_bg_you_box .res_form_box .res_form_text{padding: 15px 15px 10px 25px;}

/*------------------------------------------------------------------------------------------------
  result section common settings
------------------------------------------------------------------------------------------------*/
/*res_subsection
------------------------------------------------------------------------------------------------*/
.res_subsection{
	width: 740px;
	margin: 0 auto;
	padding-bottom: 20px;
}
.res_subsection .res_subsection_title{
	width: 740px;
	padding: 40px 0;
	margin: 0 auto;
	background-image: 
		url(../images/common/res_subsection_title_top.jpg),
		url(../images/common/res_subsection_title_bt.jpg);
	background-repeat: 
		no-repeat,
		no-repeat;
	background-position: 
		center top,
		center bottom;
	background-size: 100% auto;
	font-family: "ÞâÌÀÄ«", YuMincho, "¥Ò¥é¥®¥ÎÌÀÄ« ProN W3", "Hiragino Mincho ProN", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "£Í£Ó ÌÀÄ«", serif;
	font-size: 140%;
  line-height: 160%;
  font-weight: bold;
  color: #ffffff;
}
.res_subsection .res_subsection_text{zoom: 1; width: 700px; margin: 0 auto;}
.res_subsection .res_subsection_text:after{content:""; display:block; clear:both; width:0; height:0;}
.res_subsection .res_subsection_text .text3{
	color: #ffffff;
	text-align: left;
}
/*float layout
------------------------------------------------*/
.res_subsection .res_subsection_text .res_text_box{width: 440px;}
.res_subsection .res_subsection_text .res_text_box .text3{margin-bottom: 0.6em;}
.res_subsection .res_subsection_text .res_motif_box{width: 260px; text-align: center;}
.res_subsection .res_subsection_text .res_motif_box img{max-width: 100%; height: auto;}
.res_subsection .res_subsection_text.left_motif_layout .res_motif_box{float: left;}
.res_subsection .res_subsection_text.left_motif_layout .res_text_box{float: right;}
.res_subsection .res_subsection_text.right_motif_layout .res_motif_box{float: right;}
.res_subsection .res_subsection_text.right_motif_layout .res_text_box{float: left;}
.res_text_box strong{
	font-weight:  bold;
	color: #ffff67;
}
/*------------------------------------------------------------------------------------------------
  res_type1_section ¸î¿ÀÃÏή¿Ø¡¦¸î¿Àŷή¿Ø
------------------------------------------------------------------------------------------------*/
.res_type1_section{margin: 0 auto 30px auto;}
/*title
------------------------------------------------------------------------------------------------*/
.res_type1_section .res_type1_top,
.res_type1_section .res_type1_top2{
	width: 740px;
	height: 170px;
	margin: 10px auto;
	background: url(../images/common/res_type1_top.jpg) no-repeat;
}
.res_type1_section .res_type1_top2{background-image: url(../images/common/res_type1_top2.jpg);}
/*motif
------------------------------------------------------------------------------------------------*/
.res_type1_section .res_type1_box{
	position: relative;
	width: 840px;
	height: 520px;
	margin: 0 auto;
}
.res_type1_section .res_type1_box .res_type1_motif{
	width: 480px;
	height: 480px;
	position: absolute;
	top: 20px;
	right: 50px;
}
.res_type1_section .res_type1_box .res_type1_motif img {
	opacity: 0;
}
.res_type1_section .res_type1_box .res_type1_motif div {
	display: none;
	overflow: hidden;
}
.scroll_box {
	display: none;
	overflow: hidden;
}
.res_type1_section .res_type1_box .res_type1_motif .over_img{position: absolute; left: 0; top: 0;}
.res_type1_section .res_type1_earth{background: url(../images/common/res_type1_earth.jpg) no-repeat;}
.res_type1_section .res_type1_planet{background: url(../images/common/res_type1_planet.jpg) no-repeat;}

/*------------------------------------------------------------------------------------------------
  res_type2_section ¸î¿ÀÌ¿
------------------------------------------------------------------------------------------------*/
.res_type2_section{margin: 0 auto 30px auto;}
/*title
------------------------------------------------------------------------------------------------*/
.res_type2_section .res_type2_top,
.res_type2_section .res_type2_top2{
	width: 840px;
	height: 160px;
	margin: 0px auto;
	background: url(../images/common/res_type2_top.jpg) no-repeat;
}
.res_type2_section .res_type2_top2{background-image: url(../images/common/res_type2_top2.jpg);}
.res_type2_section .res_type2_motif_top,
.res_type2_section .res_type2_motif_top2{
	width: 740px;
	height: 98px;
	margin: 0px auto;
	background: url(../images/common/res_type2_motif_top.jpg) no-repeat;
}
.res_type2_section .res_type2_motif_top2{background-image: url(../images/common/res_type2_motif_top2.jpg);}
.res_type2_section .res_type2_subtop,
.res_type2_section .res_type2_subtop2{
	width: 840px;
	height: 200px;
	margin: 0px auto;
	background: url(../images/common/res_type2_subtop.jpg) no-repeat;
}
.res_type2_section .res_type2_subtop2{background-image: url(../images/common/res_type2_subtop2.jpg);}
/*res_type2_message
------------------------------------------------------------------------------------------------*/
.res_type2_section .res_type2_message{
	width: 840px;
	height: 500px;
	margin: 0 auto;
	background: url(../images/common/res_type1_message.jpg) no-repeat;
}
.res_type2_section .res_type2_message .massage_box{
	position: relative;
	top: 50%;
	left: 0;
	width: 460px;
	margin-left: 320px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(0,30,34,0.6);
  border: 2px solid #0eb6b0;
  border-radius: 30px;
  padding: 30px;
}
.res_type2_section .res_type2_message .massage_box p.text2{
	color: #ffffff;
	font-family: "ÞâÌÀÄ«", YuMincho, "¥Ò¥é¥®¥ÎÌÀÄ« ProN W3", "Hiragino Mincho ProN", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "£Í£Ó ÌÀÄ«", serif;
	font-size: 115%;
  line-height: 140%;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0em;
}
/*motif
------------------------------------------------------------------------------------------------*/
.res_type2_section .res_type2_box{
	position: relative;
	width: 840px;
	height: 620px;
	margin: 0 auto;
}
.res_type2_section .res_type2_single{background: url(../images/common/res_type2_single.jpg) no-repeat;}
.res_type2_section .res_type2_double{background: url(../images/common/res_type2_double.jpg) no-repeat; height: 630px;}
.res_type2_section .res_type2_single [class^="res_type2_motif"],
.res_type2_section .res_type2_double [class^="res_type2_motif"]{position: absolute;}
.res_type2_section .res_type2_single [class^="res_type2_motif"] img,
.res_type2_section .res_type2_double [class^="res_type2_motif"] img{width: 100%; height: auto;}
/*single
------------------------------------------------*/
.res_type2_section .res_type2_single .res_type2_motif1{
	width: 276px;
	top: 148px;
	left: 50%;
	margin-left: -138px;
}
.res_type2_section .res_type2_single .res_type2_motif2{
	width: 168px;
	top: 30px;
	left: 80px;
}
.res_type2_section .res_type2_single .res_type2_motif3{
	width: 168px;
	top: 30px;
	right: 80px;
}
.res_type2_section .res_type2_single .res_type2_motif4{
	width: 228px;
	top: 390px;
	left: 50%;
	margin-left: -114px;
}
/*double
------------------------------------------------*/
.res_type2_section .res_type2_double .res_type2_motif1{
	width: 192px;
	top: 254px;
	left: 179px;
	z-index: 50;
}
.res_type2_section .res_type2_double .res_type2_motif2{
	width: 120px;
	top: 92px;
	left: 60px;
}
.res_type2_section .res_type2_double .res_type2_motif3{
	width: 120px;
	top: 330px;
	left: 60px;
}
.res_type2_section .res_type2_double .res_type2_motif4{
	width: 192px;
	top: 254px;
	right: 179px;
	z-index: 50;
}
.res_type2_section .res_type2_double .res_type2_motif5{
	width: 120px;
	top: 92px;
	right: 60px;
}
.res_type2_section .res_type2_double .res_type2_motif6{
	width: 120px;
	top: 330px;
	right: 60px;
}
.res_type2_section .res_type2_double .res_type2_motif7{
	width: 192px;
	top: 292px;
	left: 50%;
	margin-left: -96px;
	z-index: 30;
}
.res_type2_section .res_type2_double .res_type2_motif8{
	width: 180px;
	top: 88px;
	left: 50%;
	margin-left: -90px;
}

/*------------------------------------------------------------------------------------------------
  res type3 ·ë²Ì¥Ñ¥¿¡¼¥ó4¤ÎÃæ
------------------------------------------------------------------------------------------------*/
.res_type3_bg{
	width: 840px;
	height: 540px;
	margin: 0 auto;
	position: relative;
	background: url(../images/common/res_type3_bg.jpg) no-repeat;
}
.res_type3_bg .res_type3_img{
	position: absolute;
	width: 470px;
	height: auto;
	top: 86px;
	left: 50%;
	margin-left: -235px;
}

/*------------------------------------------------------------------------------------------------
  res type4 ·ë²Ì¥Ñ¥¿¡¼¥ó5¤ÎÃæ
------------------------------------------------------------------------------------------------*/
/*motif
------------------------------------------------*/
.res_type4_bg{
	width: 840px;
	height: 900px;
	position: relative;
}
.res_type4_bg .res_type4_bg_img{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
}
.res_type4_bg .res_type4_motif{
	width: 408px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%);
  transform: translateY(-50%);
	margin-left: -204px;
	z-index: 50;
}
.res_type4_bg .res_type4_motif img{width: 100%; height: auto;}

/*date
------------------------------------------------*/
.res_date_box{
	width: 840px;
	height: 260px;
	background: url(../images/common/res_date_box.jpg) no-repeat;
	text-align: center;
	margin: 0 auto 0 -50px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-top: 98px;
	font-family: "ÞâÌÀÄ«", YuMincho, "¥Ò¥é¥®¥ÎÌÀÄ« ProN W3", "Hiragino Mincho ProN", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "£Í£Ó ÌÀÄ«", serif;
	font-size: 200%;
  line-height: 160%;
  font-weight: bold;
  color: #1e649a;
}
/*------------------------------------------------------------------------------------------------
  res type5 ·ë²Ì¥Ñ¥¿¡¼¥ó6¤ÎÃæ
------------------------------------------------------------------------------------------------*/
.res_type5_top{
	width: 740px;
	height: 98px;
	margin: 0 auto;
	background: url(../images/common/res_type5_top.jpg) no-repeat;
}
.res_type5_bg,
.res_type5_bg2{
	width: 840px;
	height: 520px;
	margin: 0 0 0 -50px;
	position: relative;
	background: url(../images/common/res_type5_bg.jpg) no-repeat;
}
.res_type5_bg2{background-image: url(../images/common/res_type5_bg2.jpg);}
.res_type5_bg .res_type5_img,
.res_type5_bg2 .res_type5_img{
	position: absolute;
	width: 470px;
	height: auto;
	top: 60px;
	left: 40px;
}
.res_type5_bg .res_type5_img img,
.res_type5_bg2 .res_type5_img img{width: 100%; height: auto;}


/*------------------------------------------------------------------------------------------------
  res_middle_info ÃæÃÊ ¤Ä¤Ê¤®¥á¥Ã¥»¡¼¥¸
------------------------------------------------------------------------------------------------*/
.res_middle_info{
	width: 840px;
	height: 520px;
	margin: 0 auto;
	background: url(../images/common/res_middle_info.jpg) no-repeat;
}
.res_middle_info .res_info_box{
	position: relative;
	top: 50%;
	left: 0;
	width: 460px;
	margin-left: 310px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(0,30,34,0.6);
  border: 2px solid #0eb6b0;
  border-radius: 30px;
  padding: 30px;
}
.res_middle_info .res_info_box p.message_text{
	color: #ffffff;
	font-family: "ÞâÌÀÄ«", YuMincho, "¥Ò¥é¥®¥ÎÌÀÄ« ProN W3", "Hiragino Mincho ProN", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "£Í£Ó ÌÀÄ«", serif;
	font-size: 160%;
  line-height: 170%;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0em;
}

/*------------------------------------------------------------------------------------------------
  result subbox patterns
------------------------------------------------------------------------------------------------*/
/*common settings
------------------------------------------------------------------------------------------------*/
/*section frame setting
------------------------------------------------*/
/*title space*/
[class^="res_sub_tl"]{
	width: 840px;
	padding: 60px 0 60px 0;
	margin: 0 auto;
	background-image: 
		url(../images/common/res_sub_top.jpg),
		url(../images/common/res_sub_bt.jpg),
		url(../images/common/res_sub_tl.jpg);
	background-repeat: 
		no-repeat,
		no-repeat,
		repeat-y;
	background-position: 
		center top,
		center bottom,
		center center;
	background-size: 
		100% auto,
		100% auto,
		100% auto;
}
.res_sub_box {
	width: 640px;
	margin: 0 auto;
	text-align: left;
}
/*content text space*/
[class^="res_sub_bg"]{
	width: 840px;
	margin: 0 auto;
	background: url(../images/common/res_bg.jpg) repeat-y;
	padding-bottom: 30px;
}
[class^="res_sub_bg"] .res_text_left{
	width: 420px;
	float: left;
	text-align: left;
	margin: 15px 0 0 70px;
}
[class^="res_sub_bg"] .res_text_right{
	width: 420px;
	float: right;
	text-align: left;
	margin: 15px 65px 0 0;
}
[class^="res_sub_bg"] .res_img_right{
	width: 320px;
	float: right;
	margin: 0;
}
[class^="res_sub_bg"] .res_img_left{
	width: 320px;
	float: left;
	margin: 0;
}
[class^="res_sub_bg"] .text2{color: #ffffff;}

/*result photo image
------------------------------------------------------------------------------------------------*/
[class^="res_img_L"],
[class^="res_img_R"]{
	width: 320px;
	height: 370px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.res_img_L1 {background-image: url(../images/common/res_img_L1.jpg);}
.res_img_L2 {background-image: url(../images/common/res_img_L2.jpg);}
.res_img_L3 {background-image: url(../images/common/res_img_L3.jpg);}
.res_img_L4 {background-image: url(../images/common/res_img_L4.jpg);}
.res_img_L5 {background-image: url(../images/common/res_img_L5.jpg);}
.res_img_R1 {background-image: url(../images/common/res_img_R1.jpg);}
.res_img_R2 {background-image: url(../images/common/res_img_R2.jpg);}
.res_img_R3 {background-image: url(../images/common/res_img_R3.jpg);}
.res_img_R4 {background-image: url(../images/common/res_img_R4.jpg);}
.res_img_R5 {background-image: url(../images/common/res_img_R5.jpg);}


/*pattern4 ºÇ½ª¥á¥Ã¥»¡¼¥¸ (¥â¥Á¡¼¥ÕÉôʬCSS¤Ï¢¥Á°½Ò res_type3¤Ëµ­½Ò)
------------------------------------------------------------------------------------------------*/
/*title
------------------------------------------------*/
.res_sub_top4, .res_sub_top4_2{
	width: 840px;
	height: 200px;
	background: url(../images/common/res_sub_top4.jpg) no-repeat;
}
.res_sub_top4_2{background: url(../images/common/res_sub_top4_2.jpg) no-repeat;}

/*pattern5 ¸î¿Àή´ü (¥â¥Á¡¼¥ÕÉôʬCSS¤Ï¢¥Á°½Ò res_type4¤Ëµ­½Ò)
------------------------------------------------------------------------------------------------*/
/*title
------------------------------------------------*/
.res_sub_top5, .res_sub_top5_2{
	width: 840px;
	height: 210px;
	background: url(../images/common/res_sub_top5.jpg) no-repeat;
}
.res_sub_top5_2{background: url(../images/common/res_sub_top5_2.jpg) no-repeat;}

.res_type4_section{
	width: 840px;
	background: url(../images/common/res_bg.jpg) repeat-y;
}
.res_type4_top{
	width: 840px;
	height: 100px;
	background: url(../images/common/res_type4_top.jpg) no-repeat;
}
.res_type4_section [class^="res_sub_subtitle"]{
	width: 840px;
	height: 160px;
	margin: 0 auto;
}
.res_type4_section .res_sub_subtitle{background: url(../images/common/res_sub_subtitle.jpg) no-repeat;}
.res_type4_section .res_sub_subtitle2{background: url(../images/common/res_sub_subtitle2.jpg) no-repeat;}
.massage_box p.text2 strong,
.message_text.text2 strong,
.res_info_bg .res_info_box p.text2 strong,
.res_subsection_text strong,
.res_sub_box strong{
	color: #ffff67;
}

/*pattern6 ¸î¿ÀÁÛ·Ê´ü (¥â¥Á¡¼¥ÕÉôʬCSS¤Ï¢¥Á°½Ò res_type5¤Ëµ­½Ò)
------------------------------------------------------------------------------------------------*/
/*title
------------------------------------------------*/
.res_sub_top6, .res_sub_top6_2{
	width: 840px;
	height: 460px;
	background: url(../images/common/res_sub_top6.jpg) no-repeat;
}
.res_sub_top6_2{background: url(../images/common/res_sub_top6_2.jpg) no-repeat;}
.res_type5_section{
	width: 840px;
	background: url(../images/common/res_bg.jpg) repeat-y;
}
/*pattern 7 µ¿»÷°ì·â
------------------------------------------------------------------------------------------------*/
.res_sub_top7{
	width: 840px;
	height: 540px;
	margin: 0 auto;
	background: url(../images/common/res_sub_top7.jpg) no-repeat;
}
.res_sub_top7 .res_info_box{
	position: relative;
	top: 50%;
	left: 0;
	width: 460px;
	margin-left: 310px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(0,30,34,0.6);
  border: 2px solid #0eb6b0;
  border-radius: 30px;
  padding: 30px;
}
.res_sub_top7 .res_info_box p.message_text{
	color: #ffffff;
	font-family: "ÞâÌÀÄ«", YuMincho, "¥Ò¥é¥®¥ÎÌÀÄ« ProN W3", "Hiragino Mincho ProN", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "£Í£Ó ÌÀÄ«", serif;
	font-size: 150%;
  line-height: 160%;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0em;
}


/*------------------------------------------------------------------------------------------------
  blur text settings
------------------------------------------------------------------------------------------------*/
.text_img_s {
	width: 420px;
	height: 270px;
	margin: 0 0 0 -7px;
	background: url(../images/common/text_img_s.png) no-repeat;
}
.text_img_s3 {
	width: 420px;
	min-height: 270px;
	margin: 0 0 0 -7px;
	background: url(../images/common/text_img_s2.png) no-repeat;
}
.text_img_m {
	width: 680px;
	height: 210px;
	margin: 0 0 0 -7px;
	background: url(../images/common/text_img_m.png) no-repeat;
}
.text_img_m2 {
	width: 600px;
	height: 180px;
	margin: 0 0 0 -7px;
	background: url(../images/common/text_img_m2.png) no-repeat;
}
.text_img_m3 {
	width: 660px;
	height: 270px;
	margin: 0 0 0 -7px;
	background: url(../images/common/text_img_m3.png) no-repeat;
}
.text_img_m4 {
	width: 580px;
	height: 200px;
	margin: 0 0 0 -7px;
	background: url(../images/common/text_img_m4.png) no-repeat;
}
 
/*all_button
------------------------------------------------------------------------------------------------*/
.all_res_btn_box1 {
	margin: 0 auto;
	text-align: center;
	padding-top: 75px;
}
.all_res_btn_box2 {
	margin: 0 auto;
	text-align: center;
	padding-top: 75px;
}
.res_subsection .res_subsection_text .all_res_btn_box2 p.text3{
	text-align: center;
	
}
.text_img_m4 .all_res_btn_box2 {
	margin: 0 auto;
	text-align: center;
	padding-top: 35px;
}
.res_rec_bg .all_res_btn_box2 {
	margin: 0 auto;
	text-align: center;
	padding-top: 35px;
}
.res_rec_sub_bg2 .all_res_btn_box2 {
	margin: 0 auto;
	text-align: center;
	padding-top: 25px;
}
.all_res_btn_box3 {
	margin: 0 auto;
	text-align: center;
	padding-top: 75px;
}
.all_res_btn_box1 img, .all_res_btn_box2 img, .all_res_btn_box3 img, .all_res_btn_box1 input, .all_res_btn_box2 input, .all_res_btn_box3 input {
	width: 300px;
	height: 90px;
}
.text_img_s3 p.text3{
	width: 400px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 10px;
	background: rgba(31,12,81,0.8);
	color: #ff5;
}
/*------------------------------------------------------------------------------------------------
  recommend menu
------------------------------------------------------------------------------------------------*/
/*frame settings
------------------------------------------------------------------------------------------------*/
.res_rec_bg {
	width: 840px;
	background: url(../images/common/res_bg.jpg) repeat-y;
}
.res_rec_bt {
	width: 840px;
	height: 100px;
	background: url(../images/common/res_bt.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_bg .inp_menu_box{
	width: 720px;
	margin: 0 auto;
}
.res_rec_bg .inp_menu_box .use_pc:after{content:""; display:block; clear:both; width:0; height:0;}
.res_rec_bg .inp_menu_box .use_pc{
	width: 720px;
	padding: 60px 60px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-image: 
		url(../images/common/res_rec_menubox_top.jpg),
		url(../images/common/res_rec_menubox_bt.jpg),
		url(../images/common/res_rec_menubox_bg.jpg);
	background-repeat: 
		no-repeat,
		no-repeat,
		repeat-y;
	background-position: 
		center top,
		center bottom,
		center center;
	background-size: 
		100% auto,
		100% auto,
		100% auto;
	margin: 0 auto;
}
.res_rec_bg .inp_menu_box .use_pc .menu_img{margin-bottom: 0;}
/*parts
------------------------------------------------------------------------------------------------*/
.res_rec_center {
	width: 600px;
	height: 60px;
	margin: 0 auto 30px auto;
	background: url(../images/common/res_rec_center.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_sub_top {
	width: 600px;
	height: 40px;
	background: url(../images/common/res_rec_sub_top.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_sub_bg {
	width: 600px;
	margin: 0 auto 20px auto;
	padding: 30px 0;
	min-height: 30px;
	background-image: 
		url(../images/common/res_rec_sub_top.jpg),
		url(../images/common/res_rec_sub_bt.jpg),
		url(../images/common/res_rec_sub_bg.jpg);
	background-repeat: 
		no-repeat,
		no-repeat,
		repeat-y;
	background-position: 
		center top,
		center bottom,
		center center;
	background-size: 
		100% auto,
		100% auto,
		100% auto;
}
.res_rec_sub_bg2 {
	width: 600px;
	margin: 20px auto;
	padding: 0 0 40px 0;
	min-height: 30px;
	background-image: 
		url(../images/common/res_rec_sub_bt.jpg),
		url(../images/common/res_rec_sub_bg.jpg);
	background-repeat: 
		no-repeat,
		repeat-y;
	background-position: 
		center bottom,
		center center;
	background-size: 
		100% auto,
		100% auto;
}
.res_rec_sub_top2 {
	width: 600px;
	height: 90px;
	margin: 0 auto 10px auto;
	background: url(../images/common/res_rec_sub_top2.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_sub_box2 {
	width: 520px;
	margin: 0 40px 0;
}
.res_rec_sub_bg3 {
	width: 620px;
	padding: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 3px double #73674d;
	margin: 10px auto;
	background: #19130b;
	background-size: 100%;
}
.res_rec_sub_bg3 input {
	display: block;
	margin: 0 auto;
	width: 300px;
	height: 90px;
}
.res_rec_sub_box3 {
	margin: 0 20px;
}
.rec_star_icon {
	float: left;
	width: 12px;
	height: 12px;
	margin: 8px 3px 0 0;
	background: url(../images/common/rec_star_icon.jpg) no-repeat;
	clear: both;
}
.rec_list_box {
	float: left;
	width: 500px;
}
.res_rec_sub_bg3 p.btn_text4:nth-of-type(6) br{display: none;}
/* ----------------------
 * read_menu
 *---------------------- */



/* ----------------------
 * yahoo_pr
 *---------------------- */
.ya_pr_box {
	margin: 0 auto;
	text-align: center;
	margin-top:20px;
}
.ya_pr_box2 {
	margin: 0 170px;
	text-align: center;
	width: 500px;
	background-color:#e1d6bf;
}
.ya_pr_box3 {
	width:540px;
	margin:20px 150px 0;
	text-align: center;
	background-color:#e1d6bf;
}
.ya_pr_sub_box2 {
	padding: 15px 0;
}
.ya_pr_sub_box3 {
	width:270px;
	float:left;
	font-size:small;
}
.ya_pr_sub_box3 img {
	margin:10px 0;
	width: 240px;
	height: 40px;
	border: none;
}
.ya_pr_text1 {
	padding: 5px 0;
	color:#402100;
	font-size:small;
}
.ya_pr_text2 {
	width:240px;
	margin:0 15px;
	text-align:left;
	padding-bottom:15px;
}
/* ----------------------
 * yahoo_pr
 *---------------------- */
 
 
 
 /* ----------------------
 * result_isp_sns
 *---------------------- */ 
.result_isp_sns {
}
.res_sns_text {
	width: 450px;
	height: 190px;
	margin: 0 auto;
	background: url(../images/common/res_sns_text.png) no-repeat;
	background-size: 100% 100%;
}
.facebook1 {
	text-decoration: none;
	margin: 0 5px;
}
.twitter1 {
	text-decoration: none;
}
.line1 {
	text-decoration: none;
}
/* ----------------------
 * result_isp_sns
 *---------------------- */ 


.res_info_top span,
.res_form_my_top span,
.res_form_you_top span,
.res_my_top span,
.res_my_top2 span,
.res_my_top3 span,
.res_my_top4 span,
.res_my_top5 span,
.res_my_top6 span,
.res_my_top7 span,
.res_my_top8 span,
.res_you_top span,
.res_you_top2 span,
.res_you_top3 span,
.res_you_top4 span,
.res_you_top5 span,
.res_you_top6 span,
.res_you_top7 span,
.res_you_top8 span,
.res_type1_top span,
.res_type1_top2 span,
.res_type1_my_top span,
.res_type1_my_top2 span,
.res_type1_my_top3 span,
.res_type1_my_top4 span,
.res_type1_my_top5 span,
.res_type1_you_top span,
.res_type1_you_top2 span,
.res_type1_you_top3 span,
.res_type1_you_top4 span,
.res_type1_you_top5 span,
.res_type1_my_sub span,
.res_type1_my_sub2 span,
.res_type1_my_sub3 span,
.res_type1_my_sub4 span,
.res_type1_you_sub span,
.res_type1_you_sub2 span,
.res_type1_you_sub3 span,
.res_type1_you_sub4 span,
.res_type2_top span,
.res_type2_my_top span,
.res_type2_my_top2 span,
.res_type2_my_top3 span,
.res_type2_my_top4 span,
.res_type2_my_top5 span,
.res_type2_you_top span,
.res_type2_you_top2 span,
.res_type2_you_top3 span,
.res_type2_you_top4 span,
.res_type2_you_top5 span,
.res_type2_my_sub span,
.res_type2_you_sub span,
.res_type3_top span,
.res_type3_my_top span,
.res_type3_my_top2 span,
.res_type3_my_top3 span,
.res_type3_you_top span,
.res_type3_you_top2 span,
.res_type3_you_top3 span,
.res_type3_txt span,
.res_type3_txt2 span,
.res_type4_top span,
.res_type4_my_top span,
.res_type4_you_top span,
.res_form_title1 span,
.res_form_title2 span,
.res_form_title3 span,
.res_form_title4 span,
.res_form_title5 span,
.res_form_title7 span,
.res_form_sub span,
.res_sub_top4 span,
.res_sub_top5_you span,
.res_sub_top5 span,
.res_sub_img5 span,
.res_rec_top span,
.res_rec_top2 span,
.res_rec_top3 span,
.res_rec_free span,
.res_rec_free2 span,
.res_rec_sub_top2 span,
.res_sns_text span,
.limit_top span,
.limit_top2 span,
.res_info_free span,
.at_top span,
.at_top2 span {
	position:relative;
	z-index:-1;
}