@charset "utf-8";
/*
 Browzer Reset
---------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
fieldset, img {
border:0;
}
address, caption, cite, code, dfn, em, th, var {
font-style:normal;
font-weight:normal;
}
ol, ul {
list-style:none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
q:before, q:after {
content:'';
}
abbr, acronym {
border:0;
}
/*
 set up
---------------------------------------------------------- */
body {
font-size:80%;
background:#fff;
font-family:"メイリオ", Meiryo, "verdana", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:120%;
color:#5c5649;
border-top: 2px solid #543c0e;
}
p, li, dl {
line-height:140%;
}
p {
/*margin:0 0 0.5em 0;*/
}
li {
list-style-type:none;
}
img {
border:0;
}
.cl {
clear:both;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
input {
    font-family:"メイリオ", Meiryo, "verdana", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
/*
 Link Color
----------------------------------------------------------- */
a {
color: #85422c;
text-decoration:underline;
}
a:link {
color:#85422c;
}
a:visited {
color: #85422c;
}
a:hover {
color:#3d0f00;
text-decoration:none;
}
a:active {
color: #85422c;
}
/* WordPress img */

.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }

img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    /max-width: 100%;
}
.wpH2 {
font-size:1.2em;
padding:18px 10px 15px;
color: #694700;
font-weight:bold;
background-color:#F1E8CA;
}
.wpDate {
margin:10px 10px 30px;
text-align:right;
}
.wpBody {
padding:0 10px;
}
.wpBody p {
margin:0 0 1.2em;
}


/*  margin  */
.mt00 {margin-top: 0!important;}
.mt05 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt25 {margin-top: 25px!important;}
.mt30 {margin-top: 30px!important;}
.mt35 {margin-top: 35px!important;}
.mt40 {margin-top: 40px!important;}
.mt45 {margin-top: 45px!important;}
.mt50 {margin-top: 50px!important;}

.mb00 {margin-bottom: 0!important;}
.mb05 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb45 {margin-bottom: 45px!important;}
.mb50 {margin-bottom: 50px!important;}



/*
 header
----------------------------------------------------------- */
header {
width:960px;
margin:18px auto;
position:relative;
}
header h1 {
    font-size:0.8em;
    margin: 0 0 4px;
}
.logo {
float:left;
}
header .contact {
    float: right;
    width: 460px;
}

header .contact ul {
    text-align: right;
}

header .contact .c_box {
    float: right;
    width: 210px;
}

header .contact p {
    margin: 0 0 4px;
    /margin:  0 0 10px;
    text-align: right;
}
header .contact ul li {
    display: inline;
    background: url(../img/arrow.png) no-repeat 14px 10px;
    padding: 5px 0 0 25px;
    font-size:0.9em;
}

#head_tag {
    float: left;
    margin-top: -6px;
    padding-left: 10px;
}

#head_tag .tag {
    float: left;
    margin: 10px;
    text-align: center;
}

/*
 menu
----------------------------------------------------------- */
.menu {
    background: url(../img/header_back.png) repeat-x 0 26px;
    z-index: 10;
    position: relative;
}
nav {
margin: 0 auto;
/*background:url("../img/navi.png") no-repeat;*/
width: 966px;
height: 56px;
/*z-index: 35;*/
}
nav li {
float: left;
}
nav li img {
    padding: 0;
    margin: 0;
}


/*
 banner
----------------------------------------------------------- */
#banner {
background:url(../img/banner_back.gif) repeat-x;
height:380px;
margin: -26px 0 0;
z-index: 2;
padding: 60px 0 0;
}
#b_back {
    width: 960px;
    margin: 0 auto;
    background: url(../img/banner_bg.png) no-repeat;
    height: 340px;
    position: relative;
}


/* .slideShow
------------------------- */
.slideShow {
margin: 0 auto;
text-align: left;
display: none;
}
.slideShow a {
border:none;
background:none;
}

/* .mainView
------------------------- */
.slideShow .mainView {
position: absolute;
right: -54px;
}
.slideShow .mainView ul {
}
.slideShow .mainView ul li {
top: -20px;
right: 0;
position: absolute;
}

.slideShow .slideText {
position: absolute;
left: 360px;
top:90px;
text-align: center;
}
.slideShow .slideText p {
    padding: 0 0 10px;
}

.slideShow .slideText ul li {
top: -20px;
right: 0;
position: absolute;
}
.slideShow .slideText ul li.view2 p:first-child {
    margin: 30px 0 0;
}
.slideShow .slideText ul li.view2 p.last {
    margin: 20px 0 0;
}
.slideShow .slideText ul li.view3 {
    margin: 0 20px 0 0;
}
.slideShow .slideText ul li.view3 p.last {
    margin: 25px 0 0;
}
.slideShow .slideText ul li.view4 {
    margin: 20px 0 0 0;
}
.slideShow .slideText ul li.view4 p.last {
    margin: 15px 0 -10px;
}

/* .thumbNail
------------------------- */
.slideShow .thumbNail {
width: 350px;
margin: 0 0 0 30px;
}

.slideShow .thumbNail ul {
text-align: center;
margin: 310px 0 0 130px;
}

.slideShow .thumbNail ul li {
float: left;
cursor: pointer;
padding: 3px 20px 3px 0;
}

.slideShow .thumbNail ul li.active img {
    height: 20px;
    margin: -3px 0 0;
}

.slideShow .thumbNail ul li.active {
filter: alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
}



/* sideNavi
------------------------- */
.slideShow .mainView .btnPrev,
.slideShow .mainView .btnNext {
top: 0;
width: 5%;
height: 100%;
position: absolute;
z-index: 100;
}
.slideShow .mainView .btnPrev {
left: 0;
background: #ccc url(/common/img/btnPrev.png) no-repeat center center;
}
.slideShow .mainView .btnNext {
right: 0;
background: #ccc url(/common/img/btnNext.png) no-repeat center center;
}


/* =======================================
ClearFixElements
======================================= */
.slideShow ul:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

.slideShow ul {
display: inline-block;
overflow: hidden;
}


/*
 top-contents
----------------------------------------------------------- */
#contents {
width:960px;
margin:34px auto 10px;
}
#subContents {
width:960px;
margin:10px auto 10px;
}
#left {
width:694px;
float:left;
position: relative;
}
#right {
width:250px;
float:right;
}
/*
 left-contents
----------------------------------------------------------- */
#planArea {
width:624px;
background: url(../img/reserve_back.png) no-repeat;
height: 445px;
padding: 35px;
}
.planLeft {
    width: 300px;
    float: left;
}
.planRight {
    width: 300px;
    float: right;
}
.title {
    background: url(../img/plan_line.gif) no-repeat left bottom;
    padding: 0 0 10px;
    position: relative;
    width: 300px;
}
.planLink {
    position: absolute;
    right: 0;
    top:2px;
}

/*
.planLink1 {
    position: absolute;
    right: 0;
    top: -10px;
}

.planLink2 {
    position: absolute;
    right: 0;
    top: 10px;
}
*/

.planLink1,
.planLink2,
.planLink3 {
    text-align: center;
    line-height: 2.0;
}
.planLink2{
    margin:30px 0;
}/*202004追加*/

.planLink1 {
    margin-top: 20px;
}

.planLink3 {
    margin-bottom: 10px;
}

.planLeft form {
    margin: 20px 10px 10px;
    font-size: 1.1em;
}
.planLeft form p {
    margin: 5px 0;
    /margin: 0;
}
.planLeft form ul.check {
    margin: 0 0 14px;
    position: relative;
}
.planLeft form ul.check li {
    float: right;
}
.planLeft form ul.check li:first-child {
    float: left;
}
.planLeft form select {
    padding: 5px 5px;
    margin: -9px 0 0;
    border: 1px solid #c2aa66;
    border-radius: 3px;
    width: 60px;
}
.planLeft form ul.check li input {
    padding: 5px 5px;
    margin: -6px 0 0;
    border: 1px solid #c2aa66;
    border-radius: 3px;
    width: 150px;
}
.planLeft form .ui-datepicker-trigger {
    position: absolute;
    right:5px;
    top:3px;
}
.planLeft form #btnSubmit {
    text-align: center;
    margin: 15px auto;
}
form #btnSubmit input {
    background: url(../img/form_btn_off.png) no-repeat left top;
    width: 160px;
    height: 35px;
    display: block;
    margin: 0 auto;
    text-indent: -500px;
    border:none;
    cursor: pointer;
}
form #btnSubmit input:hover {
    background: url(../img/form_btn_on.png) no-repeat left top;
}
.planLeft .tel {
    /margin: -10px 0 0;
}
.planRight .planEntry {
    overflow: hidden;
    margin: 6px 0 -15px;
}
.planRight .planEntry .image {
    float: left;
    /*margin: 0 0 0 10px;*/
    margin: 0 0 15px 10px;
    padding: 0;
    /padding: 0 0 20px 0;
    /*width: 162px;*/
    width: 152px;
}
.planRight .planEntry .planText {
    float: right;
    width: 128px;
}
.planRight .planEntry .planText p {
    padding: 5px 0 5px 9px;
}
.planRight .planEntry .planText p:first-child  {
    background: url(../img/plan_arrow.png) no-repeat left 8px;
}

#info {
    margin: 20px 0;
    position:relative;
}
#info p.infoImg {
    border-bottom: 2px solid #ba8b20;
    padding: 0 0 4px;
    margin: 0 0 10px;
}
#info .newsList {
    position:absolute;
    right:0;
    top:4px;
}
#info .infoEntry {
    margin: 20px 0;
    overflow: hidden;
}
#info .image {
    float: left;
    padding: 0 10px;
}
#info .infoBody {
    float: left;
    padding: 10px 0;
    width: 510px;
}
#info .infoBody .date {
    color:#694700;
}

#info .infoTitle {
    font-size:1.1em;
    padding: 0 0 5px 9px;
    background: url(../img/plan_arrow.png) no-repeat left 3px;
}
#info .infoTitle a {
    color:#694700;
}


#reviews {
    border: 2px solid #bb8a23;
    width: 693px;
    padding: 20px 0;
    clear: both;
    overflow: hidden;
}
#reviews p {
    text-align: center;
}
#reviews .booking {
    width: 160px;
    margin-top: 20px;
    margin-left: 80px;
    float: left;

}
#reviews .tripA {
    width: 160px;
    margin-top: 20px;
    margin-left: 50px;
    float: left;

}
#reviews a:hover {
    opacity: 0.7;
}
#reviews .jaran {
    width:100px;
    float: left;
    margin-top: 20px;
    margin-left: 50px;
    border:2px solid #eb5c01;
    color:#fff;
    background-color:#fff;
    text-align: center;
}
#reviews .jaran p {
 margin: 6px 0;
}

/*
 right
----------------------------------------------------------- */
#right ul li img {
    padding: 0 0 8px;
    margin: 0;
    vertical-align: bottom;
}
#right ul li:first-child img {
    /*padding: 0 0 4px;*/
}
#right .sideReserve {
    background: url(../img/sub_side_reserve_bg.png) no-repeat;/*202004修正*/
    width: 210px;
    height: 421px;/*202004修正*/
    padding: 20px;
    margin: 0 0 10px;
}
#right .sideReserve h4 {
    text-align: center;
}
#right .sideReserve form {
    margin: 30px 0 10px;
}
#right .sideReserve form p {
    margin: 5px 0;
    /margin: 0;
    text-align: center;
}
#right .sideReserve form ul.check {
    margin: 0 0 14px;
    position: relative;
}
#right .sideReserve form ul.check li {
    float: right;
}
#right .sideReserve form ul.check li:first-child {
    float: left;
}
#right .sideReserve form select {
    padding: 5px 5px;
    margin: -9px 0 0;
    border: 1px solid #c2aa66;
    border-radius: 3px;
    width: 60px;
}
#right .sideReserve form input.number {
    padding: 5px 5px;
    margin: -9px 0 0;
    border: 1px solid #c2aa66;
    border-radius: 3px;
    width: 60px;
}
#right .sideReserve form ul.check li input {
    padding: 5px 5px;
    margin: -6px 0 0;
    border: 1px solid #c2aa66;
    border-radius: 3px;
    width: 100px;
}
#right .sideReserve form .ui-datepicker-trigger {
    position: absolute;
    right:5px;
    top:3px;
}
#right .sideReserve form #btnSubmit {
    text-align: center;
    margin: 15px auto;
}
#right .sideReserve ul.linkList {
    margin: 40px 0 5px 20px;/*202004修正*/
}
#right .sideReserve ul.linkList li {
    float: left;
    padding: 0 0 0 10px;
}
#right .sideReserve .center {
    text-align: center;
    margin-top: 10px;
}
#right .sideReserve .tel {
    text-align: center;
    margin: 20px 0 0;/*202004修正*/
}

/*======= 170911 追加 =======*/
.topLimited {
    margin-top: 15px;
}
.topLimited p {
    margin-top: 5px;
    line-height: 1.6;
}
.topLimited a {
    text-align: right;
    display: block;
    margin-top: 10px;
    position: relative;
}
.topLimited a:after {
	content: url(../img/plan_arrow.png);
	width: 6px;
	height: 9px;
	position: absolute;
	top: 0;
	left: 10.8rem;
}


/*
 sub
----------------------------------------------------------- */
#breadcrumb {
    width: 960px;
    margin: 10px auto 0;
    padding: 0 0 0 20px;
}
h2.subH2 {
    border-bottom: 1px solid #dcbe5b;
    padding: 0 0 15px;
    margin: 15px 0 25px;
}
h2.subH2 ~ h2.subH2 {
    padding: 0 0 10px;
    margin: 15px 0 25px;
}
p.line {
    line-height: 180%;
}
p.planList {
    position: absolute;
    right: 10px;
    top: 90px;
}
.planBg {
    background: url(../img/sub_plan_bg.gif) no-repeat;
    width: 690px;
    height: 195px;
    margin: 25px 0;
}
.planArea {
    width: 410px;
    padding: 20px 10px 20px 20px;
    position: relative;
    height:140px;
}
.planArea h3 {
    background: url(../img/sub_plan_text_back.gif) repeat;
    padding: 11px 11px 8px;
    margin: 0 0 8px;
    color: #c03259;
    font-weight: bold;
}
.planArea .right,
.recommendArea .right {
    text-align: right;
    margin: 5px 0;
}
.planArea p {
    padding: 0 10px;
}
p.planAreaR {
    padding: 0;
}
.planAreaR {
    position: absolute;
    right: -230px;
    top:20px;
    padding: 0;
}
.recommendArea {
    margin: 15px 0 0;
}
.recommendL {
    width: 430px;
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
}
.recommendL p {
    padding: 0 10px;
}
.recommendL strong {
    color:#b5610f;
}
.recommendAreaR {
    float: left;
    padding: 0 0 0 7px;
    width: 241px;
    margin: 0 0 -10px;
}
.recommendArea h3 {
    background: url(../img/sub_plan_recommend_bg.gif) no-repeat;
    padding: 11px 11px 0;
    height: 35px;
    color: #694700;
    font-weight: bold;
}
hr {
    border:none;
    background: #fff;
    height: 0;
}
hr.styleHr {
    border: 0;
    border-bottom: 1px dotted #d2b2a5;
    background: none;
}
.recommendArea .planLink {
    position: relative;
    background: url(../img/plan_arrow.png) no-repeat 10px center;
    padding: 5px 0 5px 18px;
}
.small {
    font-size:0.8em;
    text-align: center;
    color: #666666;
}
.planSample {
    background: url(../img/sub_plan_smple_bg.gif) no-repeat;
    width: 690px;
    height: 90px;
    margin: 40px auto 20px;
    position: relative;
}

.planSample p {
    position: absolute;
    top:20px;
    right: 80px;
}
.planSample p:first-child {
    position: absolute;
    top:20px;
    right: 20px;
    left:60px;
}
.planContact {
    background: url(../img/sub_plan_contact_bg.gif) no-repeat;
    width: 690px;
    height: 170px;
    margin: 0 0 20px;
}
.planContact p:first-child {
    padding: 35px 0 0;
    text-align: center;
    margin: 0 auto;
}
.planContact ul {
    margin: 20px 0 0;
    text-align: center;
}
.planContact ul li {
    display: inline;
    padding:  0 10px 0 0;
}
.planLimit {
	margin:20px 0;
}
/*
 about
---------------------------------------------------------- */
#left #aboutPage {
    background: url(../../about/images/about_base.png) no-repeat;
    height: 1260px;
    padding: 0 20px 60px;
    position: relative;
    font-size:0.9em;
}
.aboutWedding {
    padding:  0 0 0 10px;
}
.aboutWedding .life {
    position: absolute;
    right: 100px;
    top:20px;
}
.aboutWedding .wedding {
    position: absolute;
    left:210px;
    top:290px;
}
.aboutWedding .weddingPhoto {
    position: absolute;
    left:380px;
    top:240px;
}
.aboutWedding .weddingImgText {
    position: absolute;
    left:160px;
    top:370px;
    line-height: 160%;
}
.aboutWedding .weddingImgText img {
    padding: 0 0 10px;
}
.aboutWedding .weddingImgText .link {
    padding: 10px 0;
}
.aboutProposal {
    margin: 50px 0 0;
    position: relative;
}
.aboutProposal .aboutProposalText {
    position: absolute;
    top:10px;
    left: 270px;
}
.aboutProposal .aboutProposalText2 {
    position: absolute;
    top:75px;
    left: 308px;
}
.aboutProposal .aboutProposalText3 {
    position: absolute;
    top:135px;
    left: 308px;
    line-height: 160%;
}
.aboutProposal .aboutProposalText3 img {
    padding: 10px 0;
}
.aboutAnniversary {
    margin: 30px 0 0 40px;
    position: relative;
}
.aboutAnniversary .aboutAnniversaryText {
    padding:  0 0 10px 135px;
}
.aboutAnniversary .aboutAnniversaryPhoto {
    position: absolute;
    top:40px;
    left: 308px;
}
.aboutAnniversary .aboutAnniversaryText2 {
    padding: 20px 0 0;
    line-height: 160%;
}
.aboutAnniversary ul {
    margin: 10px 0;
}
.aboutAnniversary ul li {
    display: inline;
    padding:  0 10px 0 0;
}

.aboutAnniversary2 {
    margin: -220px 0 0 40px;
    position: relative;
    padding: 0 0 0 100px;
}
.aboutAnniversary2 .aboutAnniversaryText {
    padding:  50px 0 10px 5px;
}
.aboutAnniversary2 .aboutAnniversaryPhoto {
    position: absolute;
    top:10px;
    left: 348px;
}
.aboutAnniversary2 .aboutAnniversaryText2 {
    padding: 20px 0 0;
    line-height: 160%;
}
.aboutAnniversary2 ul {
    margin: 10px 0;
}
.aboutAnniversary2 ul li {
    display: inline;
    padding:  0 10px 0 0;
}

.aboutWedding2 {
    padding:  0 0 0 10px;
    position: relative;
    margin: 20px 0 0;
}
.aboutWedding2 .life {
    position: absolute;
    right: 100px;
    top:40px;
}
.aboutWedding2 .wedding {
    position: absolute;
    left:260px;
    top:0px;
}
.aboutWedding2 .weddingPhoto {
    position: absolute;
    left:360px;
    top:40px;
}
.aboutWedding2 .weddingImgText {
    position: absolute;
    left:60px;
    top:70px;
    line-height: 160%;
}
.aboutWedding2 .weddingImgText img {
    padding: 0 0 10px;
}
.aboutWedding2 .weddingImgText .link {
    padding: 10px 0;
}

/*
 Propose
---------------------------------------------------------- */
.proposePlan {
    margin: 15px;
    position: relative;
}
.proposePlanText {
    font-size:0.9em;
    padding: 0 0 20px 30px;
}
.proposePlanPhoto {
    position: absolute;
    right: -10px;
    top:0;
}
.proposeNagare {
    margin: 5px 0 30px;
}
.NagareFlow {
    background: url(../../plan/propose/images/nagare_back.png) no-repeat;
    width: 660px;
    height: 162px;
    margin: 15px 15px 0 15px;
    position: relative;
}
.NagareFlow img {
    padding: 0 0 8px;
}
.NagareFlow1 {
    position: absolute;
    left:22px;
    top:55px;
}
.NagareFlow2 {
    position: absolute;
    left:110px;
    top:18px;
    width: 132px;
    font-size: 0.9em;
}
.NagareFlow3 {
    position: absolute;
    left:310px;
    top:18px;
    width: 132px;
    font-size: 0.9em;
}
.NagareFlow4 {
    position: absolute;
    left:510px;
    top:18px;
    width: 132px;
    font-size: 0.9em;
}

.caution {
    font-size: 11px;
    text-align: right;
    margin: 3px 11px 0 0;
}

.NagareCost {
    width: 293px;
    position: relative;
    padding: 15px 0;
}
.NagareCostText {
    color: #702800;
    font-weight: bold;
    border-bottom: 1px solid #ba8b20;
    margin: 0 0 8px;
}
.NagareCost ul li {
    background: url(../../plan/propose/images/propose_link.gif) no-repeat left 3px;
    padding: 0 0 3px 13px;
}
.NagareDinner {
    font-size:0.8em;
    color:#666666;
    margin: 10px 0 0;
}
.NagarePlan {
    position: absolute;
    top:22px;
    left:325px ;
}
.proposeButai {
    margin: 20px 0;
}
.ButaiEntry {
    padding: 20px 20px 10px;
}
.ButaiText {
    font-size:1.1em;
    margin: 0 0 20px;
}
.ButaiLeft {
    width: 325px;
    float: left;
}
.ButaiLeft img {
    margin: 0 0 -10px -8px;
}
.ButaiUp {
    color: #702800;
    font-size: 1.1em;
    margin: 0 0 6px;
}
.ButaiRight {
    width: 325px;
    float: right;
}
.ButaiRight img {
    margin: 0 0 -10px 0;
}
.ButaiRight p {
    margin: 0 0 6px 10px;
}
.ButaiRight p:first-child {
    margin: 0;
}
.proposeUnder {
    position: relative;
}
.proposeImgRight {
    position: absolute;
    right: 0;
    top: 0;
}
.proposeImgCenter {
    text-align: center;
    margin: 30px 0 60px;
}

.btn_propse_reservation {
	width: 335px;
	height: 60px;
	margin: 20px auto 40px;
}

.btn_propse_reservation_1 {
	width: 335px;
	height: 60px;
	margin: 0 20px 0 0;
	float: left;
}

.propseType_article {
	padding: 20px;
}

.proposeTypelink {
	width: 678px;
	height: 100px;
	margin: 0 0 40px 0;
	padding: 0 0 0 10px;
	overflow: hidden;
}

.proposeTypelink p {
	width: 216px;
	height: 100px;
	margin: 0 10px 0 0;
	float: left;
}

.proposeType_title {
	margin: 0 0 20px 0;
}

.propose_img_article {
	height: 100%;
	margin: 0 0 5px 0;
	overflow: hidden;
}

.propose_img_article .propose_img {
	width: 335px;
	height: 225px;
	float: left;
}

.propose_article_title {
	color: #702800;
	font-size: 1.1em;
	margin: 10px 0 30px 0;
}

table.propose_schedule {
	width: 667px;
	margin: 0 10px 50px;
	border-spacing: 0 1px;
}

table.propose_schedule td.time {
	width: 80px;
	height: 30px;
	padding: 0px 10px;
	background: #F5EEDA;
	color: #927732;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	}

table.propose_schedule td.schedule {
	height: 30px;
	padding: 0 10px;
	font-size: 12px;
	line-height: 30px;
	background: #F9F5EA;
}

.propose_contact {
	width: 630px;
	height: 95px;
	padding: 100px 0 0 60px;
	background: url(../../plan/propose/images/bg_inquiry_propose.jpg);
}


.movie {
    clear: both;
    overflow: hidden;
	margin: 10px 0 20px 10px;
}

.movie .m_box {
	width: 670px;
	height: 349px;
	background: url(../../plan/propose/images/movie_bg.jpg) no-repeat;
	position: relative;
}

.movie .m_box .left_box {
    position: absolute;
    top: 80px;
    left: 20px;
}

.movie .m_box .left_box h2 {
    margin-bottom: 30px;
}

.movie .m_box .flame {
    position: absolute;
    top: 15px;
    right: 10px;
}


/*
 access
----------------------------------------------------------- */
.accessMap {
    padding: 0 10px 20px;
    margin: 0 0 20px;
}
.accessMapText {
    float: left;
}
.accessTel {
    margin: 10px 0;
}
.googleMap {
    background: url("../img/f_blank_link.png") no-repeat left center;
    padding: 0 20px 0 15px;
}
.accessMapPhoto {
    float: right;
}
.mapBig {
    text-align: center;
    margin: 4px 0;
}
.mapBig a {
    background: url("../img/plan_arrow.png") no-repeat left center;
    padding: 0 20px 0 10px;
}
.accessNagoya {
    margin: 0 0 15px;
}
.accessNagoyaEntry {
    padding: 20px;
}
.accessNagoyaEntry ul {
    margin: 10px 0;
}
.accessNagoyaEntry li,
.accessCarEntry li {
    background: url(../img/li_link.gif) no-repeat left 5px;
    padding: 2px 0 2px 13px;
}
.accessCarEntry {
    padding: 10px 20px 40px;
}
.accessCarEntry p {
    font-size: 0.9em;
    margin: 0 0 10px;
}
p.carGuide {
    color: #702800;
    font-weight: bold;
    border-bottom: 1px solid #ba8b20;
    padding: 5px 0 5px;
    margin: 20px 0 10px;
}

/*
 facilities
----------------------------------------------------------- */
.facilitiesArea {
    margin: 20px 0 130px;
    position: relative;
}
.facilitiesText {
    width: 330px;
    margin: 25px 0 0 20px;
}
.facilitiesText2 {
    width: 600px;
    margin: 25px 0 0 20px;
}
.facImg {
    margin: 20px 0;
}
.facPhoto {
    position: absolute;
    right: 0;
    top:62px;
}
.facilitiesText ul {
    margin: 20px 0;
}
.facilitiesText ul li {
    display: inline;
    padding: 0 10px 0 0;
}
.facText2 {
    margin: 20px 0 0;
}

/*
 location
----------------------------------------------------------- */
.locationArea {
    margin: 20px 0 35px;
    position: relative;
}
.locationEntry {
    padding: 10px 10px 6px;
    width: 100%;
}
.locationPhoto {
    float: left;
    padding: 0 17px 0 0;
    width: 204px;
}
.locationText {
    float: left;
}
a.locationMap {
    background: url(../../location/images/location_map.png) no-repeat left center;
    padding: 0 0 0 12px;
}
.locationTitle {
    font-size: 1.2em;
    color: #694700;
    padding: 10px 0 7px;
}
.locationText ul {
    margin: 0 0 15px;
}

/*
 faq
----------------------------------------------------------- */
.faqList {
    background-color: #fdfbf3;
    border: 1px solid #f2eddc;
    padding: 18px 21px;
}
.faqList ul {
    display: flex;
    flex-wrap: wrap;
}
.faqList ul li {
    padding: 0 15px 0 0;
    font-size:0.9em;
    flex: 0 0 12rem;
}
.faqList ul li:nth-child(n+4) {
	margin-top: 15px;
}
.faqList ul li a {
    background: url(../../faq/images/faq_arrow.png) no-repeat left center;
    padding: 0 0 0 10px;
}
.faqArea {
    margin: 20px 0 40px;
}
.faqEntry {
    padding: 10px;
    border-bottom: 1px dotted #d2b2a5;
    margin: 0 0 20px;
}
.faqQ {
    background: url(../../faq/images/faqBack.gif);
    padding: 10px 10px 8px;
    border-radius: 3px;
    margin: 0 0 2px;
}
.faqQ .faqQText {
    background: url(../../faq/images/faq_q.png) no-repeat left top;
    padding: 6px 30px;
    font-size:1.1em;
    color: #694700;
}
.faqA {
    padding: 10px 10px 8px;
}
.faqA .faqAText {
    background: url(../../faq/images/faq_a.png) no-repeat left top;
    padding: 6px 30px;
}

.faqAText ul {
    margin: 10px 0 0;
}
.faqAText ul li {
    padding: 0 0 0 10px;
}
.faqAText p {
    margin: 10px 0 0;
}
.faqAText a {
    background: url(../../faq/images/faq_arrow.png) no-repeat left center;
    padding: 0 0 0 10px;
}

.pageTop {
    text-align: right;
    margin: -10px 15px 0 0;
}

/*
 contact
----------------------------------------------------------- */
.contactText {
    padding: 0 10px 90px;
    font-size: 1.1em;
}
.comodo {
    position: absolute;
    right: 0;
    top:90px;
    width: 140px;
    font-size: 0.8em;
    margin: 0 auto;
}
.comodo img {
    text-align: center;
    padding: 0 5px 5px;
}

table.contact {
    padding: 0 10px;
    color: #444444;
    width: 100%;
    margin: 20px 0 40px;
}

table.contact tr th {
    border-bottom: 2px solid #f1ebd4;
    color: #694700;
    padding: 14px 10px;
    width: 175px;
}
table.contact tr th span {
    color:#ca375f;
}
table.contact tr th.first {
    border-top: 2px solid #f1ebd4;
    vertical-align: top;
    padding: 18px 10px;
}
table.contact tr th.last {
    vertical-align: top;
    padding: 18px 10px;
}
table.contact td {
    border-bottom: 2px solid #f1ebd4;
    padding: 14px 0;
    text-align: left;
}
table.contact td.first {
    border-top: 2px solid #f1ebd4;
}
table.contact td li span {
    padding: 0 0 0 6px;
}
table.contact td ul {
    margin: 0;
}
table.contact td ul li {
    padding: 10px 0 0;
}
table.contact td ul li:first-child {
    padding: 0;
}
table.contact td input[type="text"],
table.contact td textarea {
    padding: 6px;
    border:1px solid #dbdbdb;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #efefef inset;
}
.contactPrivacy {
    margin: 0 auto 20px;
    text-align: center;

}
.contactPrivacy p {
    padding: 0 0 10px;
}
.contactPrivacy span {
    padding: 0 0 0 6px;
}
.contactBtn,
.contactConfirm {
    margin: 10px auto 80px;
    text-align: center;
}
input#cBtn {
    background: url("../../contact/images/contact_btn_off.png") no-repeat  left top;
    border: none;
    cursor: pointer;
    display: block;
    height: 50px;
    margin: 0 auto;
    text-indent: -500px;
    width: 200px;
}

input#cBtn:hover {
    background: url("../../contact/images/contact_btn_on.png") no-repeat left top;
}

.contactConfirm #confirmBtn {
    float: left;
    padding: 0;
    background: url("../../contact/images/contact_btn2_off.png") no-repeat  left top;
    border: none;
    cursor: pointer;
    display: block;
    height: 50px;
    margin: 0 0 0 100px;
    text-indent: -500px;
    width: 200px;
}
.contactConfirm #confirmBtn:hover {
    background: url("../../contact/images/contact_btn2_on.png") no-repeat left top;
}

.contactConfirm #submitBtn {
    float: left;
    background: url("../../contact/images/contact_btn3_off.png") no-repeat  left top;
    border: none;
    cursor: pointer;
    display: block;
    height: 50px;
    margin: 0 0 0 20px;
    text-indent: -500px;
    width: 200px;
}
.contactConfirm #submitBtn:hover {
    background: url("../../contact/images/contact_btn3_on.png") no-repeat left top;
}
.contactComp {
    margin: 0 0 300px;
    font-size: 1.1em;
}
.contactComp p {
    margin: 0 0 20px;
}

/*
 room
----------------------------------------------------------- */
.roomTop {
    padding: 0 20px;
}
.roomTop p:first-child {
    margin: 0 0 10px;
}
.roomType {
    margin: 20px 0;
    position: relative;
}
.roomType p:first-child {
    position: relative;
}
.roomDetail {
    position: absolute;
    right: 20px;
    top: 8px;
    font-size:0.9em;
    color: #694700;
}
.roomPhoto {
    padding: 20px 0 20px 20px;
}
.roomPhotoArea {
    float: left;
    width: 223px;
    position: relative;
    padding:  0 0 20px;
}
.roomPhotoArea .roomSmall {
    font-size: 0.9em;
}
.roomImg {
    margin: 0 0 -5px -8px;
    /margin: 0 0 0 -8px;
}
.roomName {
    color: #702800;
}
.roomLink {
    position: absolute;
    right: 24px;
    top:153px;
}
.roomPhotoArea ul {
    margin: 7px 0;
}
.roomPhotoArea ul li {
    display: inline;
    padding: 0 15px 0 0;
}
.roomPhotoArea ul li img {
    vertical-align: middle;
}
.roomPlan {
    background: url(../../room/images/frame.png) no-repeat;
    position: absolute;
    width: 352px;
    height: 151px;
    right: 50px;
    top: 550px;
}
.roomPlan p {
    text-align: center;
}
.roomPlan p:first-child {
    margin: 35px 0 5px;
}
.roomLady {
    background: url(../../room/images/base.png) no-repeat;
    margin: -20px auto 20px;
    width: 610px;
    height: 227px;
    padding: 35px 30px 0;
    position: relative;
}
.roomText {
    width: 333px;
    font-size: 0.9em;
}
.roomText p {
    margin: 0 0 15px;
}

.roomText ul li {
    display: inline;
    padding:  0 15px 0 10px;
    background: url(../../room/images/room_arrow.png) no-repeat left center;
}
.ladyPhoto {
    position: absolute;
    right: 15px;
    top: 15px;
}
.ladyPlan {
    position: absolute;
    right: 29px;
    bottom:0;
}
.roomService {
    margin: 40px 0;
    position: relative;
}
.roomService p:first-child {
    margin: 0 0 20px;
}
.roomServiceArea {
    width: 340px;
    margin: 10px 10px 15px;
    padding:  0 0 7px 10px;
    border-bottom: 2px solid #f1ebd4;
}

.roomLeft {
    width: 75px;
    float: left;
    color: #694700;
    font-weight: bold;
}
.roomRight {
    float: right;
    width: 250px;
}
.roomRight ul li {
    border-top: 1px solid #dad4bc;
    padding: 7px 10px;
    font-size:0.9em;
}
.roomRight ul li:first-child {
    border:none;
    padding:  0 10px 5px;
}
.roomServicePhoto1 {
    position: absolute;
    right: 0;
    top: 50px;
}
.roomServicePhoto2 {
    position: absolute;
    right: 0;
    top: 270px;
}
.noBorder {
    border:none;
}
.roomInfo {
    margin: 0 0 30px;
}
.roomInfo dl {
    padding: 10px;
}
.roomInfo dt {
 float:left;
 width:140px;
 padding:10px 0 10px 10px;
 clear:both;
 font-weight:bold;
 border-bottom:1px solid #dad4bc;
color:#694700;
}
.roomInfo dd {
 width:500px;
 margin-left:100px;
 padding:10px 5px 10px 10px;
 border-bottom:1px solid #dad4bc;
 overflow: hidden;
}
.roomInfo dd ul li {
    background: url(../../room/images/room_info.png) no-repeat left center;
    padding: 0 0 0 10px;
}
.roomBtn {
    margin: 0 auto 30px;
    text-align: center;
}
.roomBtn ul li {
    display: inline;
    padding: 0 20px 0 0;
}
.roomRegist {
    background: url(../../room/images/regist_back.png) no-repeat;
    width: 690px;
    height: 250px;
    text-align: center;
    margin: 0 0 40px;
}
.roomRegist p {
    margin: 10px;
}
.roomRegist p:first-child {
    padding: 38px 0 0;
}
.roomRegist ul li {
    display: inline;
    padding:  0 10px;
}
.roomNew {
    padding: 15px 0 0;
}

.roomPhotoBig {
    background-color: #fff;
    width: 450px;
    height: 573px;
    padding: 20px;
    position: relative;
    border: 1px solid #ccc;
    margin: 0 0 20px;
}
.roomPhotoBig .BigPhoto {
    /*margin: 0 0 0 -6px;*/
}
.roomPhotoBig .bigLeft {
    width: 255px;
    margin: 20px 0 0 7px;
}
.roomPhotoBig .bigLeft p:first-child {
    color: #702800;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0 0 10px;
}
.roomPhotoBig .bigLeft dl {
    padding: 10px 0;
    font-size: 0.95em;
}
.roomPhotoBig .bigLeft dt {
 float:left;
 width:100px;
padding:5px 0 3px;
 clear:both;
 border-bottom:1px solid #dad4bc;
color:#694700;
}
.roomPhotoBig .bigLeft dd {
 width:150px;
 margin-left:10px;
 padding:5px 0 3px;
 border-bottom:1px solid #dad4bc;
 overflow: hidden;
}
.roomPhotoBig .bigLeft .roomSmall {
    font-size: 0.8em;
}
.roomPhotoBig .bigPlan {
    position: absolute;
    right: 20px;
    top:350px;
}
.roomPhotoBig .bigText {
    position: absolute;
    right: 20px;
    bottom:70px;
    font-size: 0.8em;
}
.roomPhotoBig .bigClose {
    position: absolute;
    right: 20px;
    bottom: 25px;
    cursor: pointer;
}

.modal{display:none;}
.modalBody{
    position: fixed;
    z-index:1000;
    width:440px;
    left:50%;
    top:50%;
    height: 573px;
    background: #000;
}
.modalBK{
    position: fixed;
    z-index:999;
    height:100%;
    width:100%;
    background:#000;
    opacity: 0.6;
    filter: alpha(opacity=90);-moz-opacity:0.90;
}
.btns{cursor: pointer}


/*
 privacy
----------------------------------------------------------- */
.section, .sectionRead {
    margin-bottom: 40px;
    font-size:0.9em;
}
.h3_basic {
    margin-bottom: 20px;
    padding-bottom: 12px;
    position: relative;
}
.mb30 {
    margin-bottom: 30px;
}
.taC {
    text-align: center;
}
.olPrivacy01 li h4 {
    font-weight: bold;
    margin-bottom: 5px;
}
.olPrivacy01 li {
    margin: 0 0 20px;
}
.taR {
    text-align: right;
}
.olPrivacy01 p {
    margin: 0 0 20px;
}
/*
 Calendar
---------------------------------------------------------- */
#wp-calendar {
width:100%;
margin:20px 0;
padding:0 10px 10px;
background-color:#fbfaf1;
font-size:0.9em;
}
#wp-calendar caption {
text-align:center;
background-color:#ecddb3;
padding:6px 0;
margin:0 auto;
}

#wp-calendar thead th,
#wp-calendar tbody td {
text-align:center;
}
#wp-calendar thead tr th {
border-bottom:1px dotted #ccc;
padding: 5px 0 3px;
margin:0 0 10px;
}

#wp-calendar tbody tr:first-child td {
padding:7px 0 0;
margin:0 0 5px;

}
#wp-calendar .prev {
text-align:left;
float:left;
padding:0 0 0 10px;
width:40px;
}
#wp-calendar .next {
text-align:right;
float:right;
padding:0 10px 0 0;
width:40px;
}
#wp-calendar caption .set {
float:left;
padding:0 0 0 40px;
}
#wp-calendar .sun,
#wp-calendar .holiday,
#wp-calendar thead tr th:first-child {
color:#c03259;
}
#wp-calendar .sat {
color:#1558bc;
}
/*
 Archives
---------------------------------------------------------- */
.archive-space {
margin-bottom:40px;
}
.side_archives {
margin:0 0 40px;
}
.side_archives ul li {
border-bottom:1px solid #dad4bc;
padding:10px 20px;
background:url("../img/archives_arrow.gif") no-repeat 8px center;

}
.nav-links {
margin:50px 0;
border-top:1px solid #dad4bc;
padding:20px 0 0;
}
.nav-links .nav-next {
text-align:right;
}

/*
 footer
----------------------------------------------------------- */
#subMenu {
    background: url(../img/foot_subbg.png) repeat-x;
    height: 51px;
    margin: 40px 0 0;
}
.footArea {
    width: 960px;
    margin: 0 auto;
    position: relative;
}
ul.subNavi li {
 float: left;
 padding: 18px 20px 0 10px;
 background: url(../img/plan_arrow.png) no-repeat left 22px;
}
ul.subNavi li.target {
    background: url(../img/f_blank_link.png) no-repeat left 22px;
    padding: 18px 20px 0 15px;
}
#pageTop {
    position: absolute;
    right:0;
    top:-25px;
}

footer {background: url(../img/footer_back.png) repeat;
}
  #footer .footerCommonArea {
    background-color: #ede2cf;
    position: relative;
    overflow: hidden;
    padding: 35px 48px;
}
    #footer .footerCommonArea .inner {
      width: 960px;
      overflow: hidden;
      margin: 0 auto;
      position: relative;
  }
    #footer .footerCommonArea .footerTitle {
      overflow: hidden;
      margin-bottom: 32px;
  }
      #footer .footerCommonArea .footerTitle img {
        float: left;
        vertical-align: top;
        margin-right: 25px;
        margin-top: 5px;
    }
      #footer .footerCommonArea .footerTitle p {
        font-size: 1.125rem;
        font-weight: normal;
        color: #5c5649;
        line-height: 1.5;
        padding: 5px 0 0;
        margin: 0;
    }
        #footer .footerCommonArea .footerTitle p span {
          font-size: 0.8rem;
          display: block;
      }
    #footer .footerCommonArea .corpLink {
      position: absolute;
      right: 0px;
      top: 0px;
      border: 1px solid #cbcbcb;
      border-radius: 5px;
      font-size: 0.8rem;
      line-height: 1;
      padding: 9px 20px;
      width: 190px;
      color: #85422c;
  }
      #footer .footerCommonArea .corpLink:hover {
        text-decoration: none;
        background-color: #eaeaea;
        transition: 0.4s;
    }
      #footer .footerCommonArea .corpLink:after {
        content: ">";
        margin-left: 10px;
    }
    #footer .footerCommonArea .ft_column {
      float: left;
      margin-right: 8px;
  }
      #footer .footerCommonArea .ft_column p {
        font-size: 0.8rem;
        font-weight: bold;
        border-bottom: 1px solid #694700;
        padding-bottom: 5px;
        margin-bottom: 10px;
        margin-top: 0;
        line-height: 1.7;
    }
      #footer .footerCommonArea .ft_column ul {
        margin-bottom: 20px;
        padding: 0;
        margin-top: 0;
    }
        #footer .footerCommonArea .ft_column ul li {
          font-size: 0.8rem;
          margin-bottom: 5px;
          list-style: none;
          margin-left: 0px;
          line-height: 1.7;
      }
          #footer .footerCommonArea .ft_column ul li a {
            color: #85422c;
        }
      #footer .footerCommonArea .ft_column#ft_column01 {
        width: 304px;
    }
      #footer .footerCommonArea .ft_column#ft_column02 {
        width: 352px;
    }
      #footer .footerCommonArea .ft_column#ft_column03 {
        width: 288px;
        margin-right: 0;
    }
#footer a {
    text-decoration: none;
}
#footer a:active, #footer a:hover {
    opacity: 0.7;
}

#copy {
    width: 960px;
    margin: 20px auto;
    /padding: 0 0 20px;
}
#copy p {
    float: left;
}
ul#footerSns  {
float: right;
margin:0;
}
ul#footerSns li {
    float: left;
    padding: 0 0 0 10px;
}

/*
 premium plan introduction
----------------------------------------------------------- */
.pp_intro {
    margin-bottom: 25px;
    padding-top: 15px;
}

/*
 premium
----------------------------------------------------------- */
.propose_premium {
    width: 690px;
    margin: 0 0 25px 0;
}
.premium_banner {
    height: 159px;
}
.premium_banner.over {
    height: 159px;
    width: 100%;
    opacity: 0.8;
    cursor:pointer;
}
.banner_open_text {
    margin-top: -38px;
    position: absolute;
    display: block;
}
.banner_close_text {
    display: none;
}
.open .banner_open_text {
    display: none;
}
.open .banner_close_text {
    margin-top: -38px;
    position: absolute;
    display: block;
}
.premium_title {
    height: 33px;
}
.premium_text {
    font-size: 0.75rem;
    line-height: 1.125rem;
    padding: 14px 0 0 14px;
}
.premium_text2 {
    font-size: 0.75rem;
    line-height: 1.125rem;
    padding: 14px 0 0 14px;
}
.premium_text3 {
    font-size: 0.75rem;
    line-height: 1.125rem;
    padding: 0 0 20px 14px;
}
.premium_img {
    padding: 10px 0 9px;
}
.premium_img p {
    float: left;
    height: 144px;
    margin-left: 5px;
}
.premium_course {
    padding: 15px 0 5px 14px;
}
.premium_course p {
    float: left;
    padding: 0 18px 10px 0;
    height: 58px;
}
.premium_restaurant_title{
    height: 25px;
}
.premium_restaurant_text {
    font-size: 0.625rem;
    padding: 9px 0 0 14px;
}
.premium_restaurant {
    padding: 7px 0 20px;
    height: 179px;
}
.premium_restaurant_img {
    float: left;
    position: relative;
    height: 179px;
    margin-left: 5px;
}
.btn_premium_restaurant {
    position: relative;
    top: -4px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 36px;
    width: 136px;
}
.premium_option {
padding: 14px 0 16px 10px;
height: 149px;
}
.propose_premium ul {
    padding: 10px 0 15px 14px;
}
.propose_premium li {
    font-size: 0.625rem;
    line-height: 1.6;
}
.clearLeft {
    clear: left;
}
.pp_inner {
    padding-top: 20px;
    display: none;
}
.surprise_course_text {
    font-size: 0.625rem;
    line-height: 0.875rem;
    padding: 4px 0 20px 14px;
}
.propose_premium ul.surprise_list {
    padding: 20px 0 3px 14px;
}
.propose_premium .surprise_list li {
    font-size: 0.75rem;
    line-height: 1.125rem;
}
.surprise_m {
    height: 144px;
    padding: 7px 0;
}
.surprise_m_img {
    height: 144px;
    float: left;
    position: relative;
    margin-left: 5px;
}

.questionnaire_link {
    display: block;
    margin: 0 10px 50px;
}
.answer_bg {
    background-color: #FCF9EA;
    padding: 20px 30px 20px;
    margin: 50px 0 80px;
    position: relative;
}
.left-top {
    position: absolute;
    top: -6px;
    left: 8px;
    width: 61px;
}
.right-top {
    position: absolute;
    top: -6px;
    right: -8px;
    width: 61px;
}
.left-bottom {
    position: absolute;
    bottom: -10px;
    left: 8px;
    width: 61px;
}
.right-bottom {
    position: absolute;
    bottom: -10px;
    right: -8px;
    width: 61px;
}
.answer_title {
    font-size: 22px;
    color: #ED1E79;
    position: relative;
    margin: 50px 0 0 165px;
}
.answer_title--male:before {
    content: "";
    width: 102px;
    height: 133px;
    background: no-repeat center center/contain url(../../plan/propose/images/silhouette-man.png);
    position: absolute;
    left: -105px;
    top: -100px;
}
.answer_title--female:before {
    content: "";
    width: 102px;
    height: 133px;
    background: no-repeat center center/contain url(../../plan/propose/images/silhouette-woman.png);
    position: absolute;
    left: -105px;
    top: -100px;
}
.answer_title:after {
    content: "";
    width: 51px;
    height: 73px;
    background: no-repeat center center/contain url(../../plan/propose/images/ring.png);
    position: absolute;
    left: 256px;
    top: -40px;
}
.answer_lists {
    margin-top: 80px;
    font-size: 14px;
    color: #7D7676;
}
.answer_list {
    border-bottom: 2px dotted #7D7676;
    padding-bottom: 45px;
    margin-top: 40px;
}
.answer_list:last-child {
    border: none;
}
.answer-list--male, .answer-list--female {
    position: relative;
}
.answer-list--male:before {
    content: "";
    width: 32px;
    height: 34px;
    background: no-repeat center center/contain url(../../plan/propose/images/spadeMark.png);
    position: absolute;
    top: -3px;
    left: 0;
}
.answer-list--female:before {
    content: "";
    width: 32px;
    height: 34px;
    background: no-repeat center center/contain url(../../plan/propose/images/heartMark.png);
    position: absolute;
    top: -3px;
    left: 0;
}
.male_answer_text, .female_answer_text {
    line-height: 2.2;
    padding-left: 44px;
}