.clearfix { zoom:1;}
.clearfix:after { content: ""; display: block; clear: both;}

* { margin: 0; padding: 0;}
body { margin: 0; padding: 0; background-color: #fff; }
h1,h2,h3,h4,h5 { margin: 0; padding:0; font-weight:normal; font-size: 100%;}
ul,li { margin: 0; padding: 0; list-style: none;}
dl,dt,dd,p { margin: 0; padding: 0;}
img { border: 0; vertical-align: text-bottom;}

a { color: #333; text-decoration: none;}
a:hover { color: #f87d00; text-decoration: underline;}

.fix { position: relative; width: 980px; margin: 0 auto; padding: 0;}


#wrap a:hover{
	opacity: 0.8;
}
#wrap p{
	line-height: 1.8em;
	
}

/* --- header --- */
#header {
	position: absolute;
	top: 0;
	width: 100%;
	height: 65px;
	margin: 0;
	padding: 0;
	position: fixed;
	background-color: #fff;
	z-index: 100;
	border-bottom: #ffebd1 1px solid;
}
#header #logo {
	float: left;
	padding-top: 15px;
}
#header #menu {
	float: right;
}
#header #menu ul {
}

#header #menu ul .top_menu{
	margin: 22px 0 0 25px;
	background: url(../images/pc/header_arrow.gif) no-repeat left;
	
}
#header #menu ul .top_login{
	margin: 22px 0 0 25px;
	padding: 0 5px 0 44px;
	border-left: #fae1c0 1px solid;
	background: url(../images/pc/header_icon_login.gif) no-repeat left;
}

#header #menu li {
	float: left;
	padding-left: 20px;
	font-size:0.87em;
}


/* --- contents --- */
#contents {
	margin-top: 65px;
	_margin-top: 0;
}




/* -- mainvisual -- */
#mainvisual {
	width: 100%;
	height: 466px;
	background: url(../images/pc/mv_bg.jpg) center top no-repeat #fbf9f5;
	border-bottom: #ffebd1 1px solid;
}
#mainvisual #mbox {
	text-align: center;
}
#mainvisual #mbox h1{
	padding-top: 60px;
}
#mainvisual #mbox p{
	padding-top: 33px;
}



/* -- about -- */
#about {
	width: 980px;
	margin: 0 auto;
}
#about h2 {
	text-align: center;
	margin: 80px auto 0px;
}
#about h3 {
	font-size: 1.37em;
	font-weight: 600;
	text-align: center;
	margin-top: 20px;
}

#about #atxt {
	width: 980px;
	height: 367px;
	background: url(../images/pc/about_01bg.jpg) no-repeat;
	margin-top: 40px;
	position: relative;
	overflow: hidden;
}
#about #movie {
	position: absolute;
	top: 30px;
	right: 560px;
}
#about #movie img {
	position: absolute;
	top: 0;
	left: 0;
}
#about #movie iframe {
	position: absolute;
	top: 0;
	left: 1000px;
}
#about #movie img {
	cursor: pointer;
}

/* -- reason -- */
#reason {
	width: 980px;
	margin: 0 auto;
}

#reason p{
	font-size: 0.87em;
}
#reason h2 {
	text-align: center;
	margin: 80px auto 40px;
}

#reason h3{
	text-align: center;
	padding-top: 40px;
	font-size: 1.37em;
	font-weight: 600;
}
#reason p {
	padding-top: 15px;
}

#reason .rbox{
	width:980px;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 40px;
}

#reason #post .ptxt{
	width:472px;
	height:472px;
	background: url(../images/pc/feature_01.jpg) no-repeat;
}
#reason #diary .ptxt{
	width:472px;
	height:472px;
	background: url(../images/pc/feature_02.jpg) no-repeat;
}
#reason #health .ptxt{
	width:472px;
	height:472px;
	background: url(../images/pc/feature_03.jpg) no-repeat;
}
#reason #usepc .ptxt{
	width:472px;
	height:472px;
	background: url(../images/pc/feature_04.jpg) no-repeat;
}

/* -- phitem -- */
#phitem {
	background-color: #fffdf6;
	border-bottom: 1px solid #ffebd1;
	border-top: 1px solid #ffebd1;
	margin-top: 80px;
}
#phitem #phwrap{
	width: 980px;
	margin: 60px auto 80px;
}
#phitem #phtitle p{
	text-align: center;
	margin:0 0 30px 0;
}

#phitem h2{
	font-size: 1.37em;
	font-weight: 600;
	text-align: center;
	line-height: 2.5em;
}

#phitem ul{
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#phitem ul li{
	width: 306px;
}
#phitem ul p{
	margin:15px 0 0 0;
	font-size:0.87em;
}


/* -- phsession -- */
#phsession{
	background: url(../images/pc/phsession_bg.gif);
	padding: 30px 0;
}
#phsession #pswrap{
	width: 980px;
	height: 324px;
	margin: 0 auto;
	background: url(../images/pc/phsession_img.png) no-repeat right top #ffffff;
	border-radius: 8px;    
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

#phsession #pswrap p{
	width: 420px;
	padding:18px 0 0 50px;
	font-size: 0.87em;
}

/* -- download -- */
#download {
	width: 980px;
	height: 422px;
	margin: 90px auto 0;
	background: url(../images/pc/download_bg.jpg) no-repeat;
}
#download #dltxt{
	width: 400px;
	text-align: center;
	padding:110px 0 0 520px;
}
#download #dltxt p {
	margin: 20px 0 30px 0;
}
#download #dltxt ul{
	width: 400px;
	overflow: hidden;
}
#download #dltxt ul li a{
	display: block;
	width: 193px;
	height: 58px;
}

#download #dltxt ul li.dlbtn_l {
	float: left;
}
#download #dltxt ul li.dlbtn_r{
	float: right;
}



/* -- faq -- */
#faq {
	width: 980px;
	margin: 60px auto 0;
}
#faq h2 {
	margin-bottom: 23px;
}
#faq #faqlt {
	width: 483px;
	float: left;
}
#faq #faqrt {
	width: 483px;
	float: right;
}
#faq .faqtb {
	border: #ffebd1 solid 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 15px;
	padding: 25px;
}
#faq .faqtb h3 {
	color: #f87d00;
	font-weight: bold;
	margin-bottom: 12px;
}
#faq .faqtb ul li {
	margin-bottom: 3px;
	background: url(../images/pc/faq_icon_arrow.gif) no-repeat top left;
	padding-left: 16px;
}
#faq .faqtb ul li .answer {
	margin: 10px 0 15px;
	padding: 15px;
	background-color: #fff8e6;
	line-height: 1.4;
}
#faq .faqtb ul li .answer a {
    color: #f87d00;
}

/* -- pagetop -- */
#pagetop {
	width: 980px;
	margin: 40px auto 0;
	text-align: right;
}

/* -- footer -- */
#footer {
	width: 100%;
	background-color: #f8f0e6;
	margin-top: 20px;
	font-size: 13px;
}
#footer #txtlink {
	width: 980px;
	margin: 0 auto;
	padding: 30px 0 25px;
}
#footer #txtlink li {
	float: left;
	margin-bottom: 5px;
}
#footer #txtlink li a {
	padding: 0 5px;
}
#footer #txtlink li:first-child a {
	padding: 0 5px 0 0;
}
#footer #copyright {
	width: 100%;
	background-color: #6e665c;
	padding: 20px 0;
}
#footer #copyright #crtb {
	width: 980px;
	margin: 0 auto;
}
#footer #copyright #crtb .logo {
	float: left;
}
#footer #copyright #crtb .sns {
	float: right;
}
#footer #copyright #crtb li {
	float: left;
}
#footer #copyright #crtb .logo li.crtxt {
	color: #fff;
	padding: 6px 0 0 20px;
}
#footer #copyright #crtb .sns li {
	padding-left: 10px;
	margin-top: 4px;
}

/* -- login_popup -- */
#login_popup_top_bg {
	background: #fff;
	display: none;
	position: fixed;
	_position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 150;
}
#login_popup_top {
	display: none;
	font-size: .9em;
	position: fixed;
	_position: absolute;
	top: 155px;
	left: 100px;
	width: 400px;
	z-index: 200;
	border-radius: 10px;
	border: 1px solid #e0e0e0;
	background-color: #fff;
	padding: 20px;
	text-align: center;
}
#login_popup_top_in {
	padding: 15px 0 10px;
}
#login_popup_top dl {
	width: 300px;
	margin: 0 auto;
	text-align: left;
}
#login_popup_top dt {
	width: 8em;
	line-height: 1em;
	text-align: left;
	margin: 0.4em 0;
}
#login_popup_top dd {
	margin: -1.7em 0 0 8em;
	padding-bottom: 5px;
	width: auto;
}
#login_popup_top dd input {
	padding: 5px;
	border-radius: 5px;
}
#login_popup_top p {
	padding-right: 35px;
	padding-bottom: 10px;
}
#login_popup_top p.regi_sns {
	padding: 0;
	text-align: center;
}
#login_popup_top input.txtBox {
	width: 170px;
	height: 1.4em;
	border: 1px solid #aaa;
}


#photosession {
	width: 560px;
	background-color: #fffdf6;
	margin: 50px auto 0;
	padding: 25px 0 20px;
	border: 1px solid #ffebd1;
	text-align: center;
    border-radius: 5px;
}

#photosession h3 {
    padding-bottom: 20px;
}

#regist{
	text-align: center;
	margin:50px 125px 100px 0;
}