body{
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	background:#fff;
}

html{
	height: 100%;
}

p{
    font-size: 12.5px;
    color: #000;
    line-height: 30px;
    font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
 }

::selection {
  background: #171B60; 
  color: #fff;
}

::-moz-selection {
  background: #000; 
  color: #fff;
}

.top_15{
    margin-top: 15px;
}

.top_30{
    margin-top: 30px;
}

.top_45{
    margin-top: 45px;
}

.top_60{
    margin-top: 60px;
}

.top_90{
    margin-top: 90px;
}

.padding_30{
   padding: 30px 0; 
}

.padding_45{
   padding: 45px 0; 
}

.padding_60{
   padding: 60px 0; 
}

.padding_90{
   padding: 90px 0; 
}



/* 10px @ 480px increasing to 14px @ 1920px */
@media (min-width: 480px) {
  :root {
    font-size: calc(0.625rem + ((1vw - 4.8px) * 0.2778));
    /* Where: * 0.2778 = 100 * font_Size_Difference / viewport_Width_Difference */
  }
}
/* Prevent font scaling beyond this breakpoint */
@media (min-width: 1920px) {
  :root {
    font-size: 14px;
  }
}


/*------------------------ Sidebar ------------------------*/

.logo-sidebar{
    position: fixed;
    box-shadow: 9px 4px 11px -10px rgba(198,201,201,0.67);
    height: 100%;
	overflow: hidden;
}

.logo-img img{
    width: 100%;
}

.logo-sidebar .days {
    display: block;
    width: 100%;
}

.logo-sidebar .sidebar-content{
    text-align: center;
    padding:0;
    line-height: 22px;
}


.logo-sidebar .sidebar-content .nav-menu{
    font-size: 14px;
    padding: 5px 0 0;
    line-height: 17px;
    font-weight: 500;
	font-family: 'Roboto', sans-serif;
	letter-spacing:1px;
}


.logo-sidebar .sidebar-content .nav-menu li{
    margin-bottom:18px;
}

.logo-sidebar .sidebar-content .nav-menu li a{
    color: #000;
}

.logo-sidebar .sidebar-content .nav-menu li a:hover{
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
	color:#171B60;
	text-decoration:none;
}

.logo-sidebar .sidebar-social{
    height: 60px;
    text-align: center;
    background: #fff;
    width: 100%;
    margin-top: 30px;
    float: left;
}
    
.jwave-img {margin-top:5px;}

.todaystext {
	padding:10px;
	background: #F7F3ED;
}
.todaystext p {
	font-size:12px;
	line-height: 18px;
}

.navbar {margin-top:20px;}
.navbar-default{background-color:#fff;border:none}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
.navbar-default .navbar-toggle .icon-bar{background-color:#000}
.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#000}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}
.navbar-toggle {border-radius:1px;}

/*------------------------ Home ------------------------*/


.isotope_items{
    min-height: 760px;
}

.single_item img {
    width: 100%;
    transition: all ease 0.3s;
}



.single_item {
    margin-bottom: 30px;
}

.portfolio-btn{
    text-align: center;
}


.single-inner {
    position: relative;
}


.link_box{
    position:relative;
	text-align:left;
	width:100%;
    height:100%;
	vertical-align: bottom;
}


 
.link_box a{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	color:#fff;
	text-decoration:none;
	vertical-align: bottom;
}
.link_box p {
	line-height:18px;
	vertical-align: bottom;
}

.wrap {
}

.wrap a {
    display: block;
    width: 100%;
    height: 100%;
}

.link_box_text {
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
}
.link_box_text a {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
	font-size: 14px;
	font-weight:bold;
}

@media (min-width: 320px) {
  .link_box_text a { font-size: 10px; }
}
 
@media (min-width: 760px) {
  .link_box_text a { font-size: 14px; }
}

.todaysmessage  {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
}

.todaysmessage span {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	color:#333;
	font-size: 1em;
	font-weight:normal;
}
.todaysmessage span a {
	padding: 0;
	color:#fff;
	font-weight: bold;
}

@media screen and (min-width: 321px) and (max-device-width: 920px) {
  .todaysmessage  { font-size: 14px; line-height:1;}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 
  .todaysmessage  { font-size: 18px; line-height:1.2;}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { .todaysmessage  { font-size: 21px; line-height:1.8;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { .todaysmessage { font-size: 10px; line-height:1.1;} 
}

@media screen and (min-width: 911px)  {
  .todaysmessage { font-size: 10px; line-height:1.1;}
}

@media screen and (min-width: 1120px)  {
  .todaysmessage { font-size: 12px; line-height:1.1;}
}

@media (min-width: 1350px) {
  .todaysmessage { font-size: 14px; line-height:1.4;}
}



.jme_outer h2 {
	font-size: 18px;
    padding: 25px 0 0;
    line-height: 18px;
    font-weight: 500;
	font-family: 'Roboto', sans-serif;
	letter-spacing:1px;
}



/*------------------------ SUBPAGES ------------------------*/

.content{
    padding: 30px 0 130px 0;
}

.content-sub {
	width:100%;
    padding: 30px 0 130px 0;
	margin: 0 auto;
}

@media (max-width: 320px) {
  .content-sub {
	  width:100%;
	  max-width: 100%;
	  height: auto; }
}
 
@media (max-width: 760px) {
  .content-sub {
	  width:100%;
	  max-width: 100%;
	  height: auto; }
}

.page-title {
	margin: 0 auto;
	text-align: center;
}
.page-title h1 img {
width:80%;
max-width: 80%;
height: auto;
}

@media (max-width: 320px) {
  .page-title h1 img {
	  width:100%;
	  max-width: 100%;
	  height: auto; }
}
 
@media (max-width: 760px) {
  .page-title h1 img {
	  width:100%;
	  max-width: 100%;
	  height: auto; }
}
.page-title h1{
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -1px;
	}

.page-title p{
    font-size: 14px;
    color: #a3a3a3;
}

.daily-image {
	margin: 0 auto;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 25px;
}

.daily-image img {
width:70%;
max-width: 70%;
height: auto;
}
@media (max-width: 320px) {
  .daily-image img {
	  width:100%;
	  max-width: 100%;
	  height: auto; }
}
 
@media (max-width: 760px) {
  .daily-image img {
	  width:100%;
	  max-width: 100%;
	  height: auto; }
}

.wonderful-images-box {
	width:100%;
    padding-top: 30px;
	margin: 0 auto;
}
.wonderful-images {
	width:80%;
	margin: 0 auto;
}
@media (max-width: 320px) {
  .wonderful-images {
	  width:100%;
	  max-width: 100%;
	  height: auto; }
}
 
@media (max-width: 760px) {
  .wonderful-images {
	  width:100%;
	  max-width: 100%;
	  height: auto; }
}

.main-image img {
    width: 100%;
}

.main-image {
    margin-bottom: 30px;
}


.sponsor-banner {
	margin: 0 auto;
	text-align: center;
}


.sponsor-banner ul {
  text-align: center;
}
.sponsor-banner ul li {
  display: inline-block;
  margin-top:10px;
}

.content-text {
	width: 80%;
	margin: 0 auto;
}
@media (max-width: 320px) {
  .content-text {
	  width:100%;
	  max-width: 100%;
	  height: auto; }
}
 
@media (max-width: 760px) {
  .content-text {
	  width:100%;
	  max-width: 100%;
	  height: auto; }
}
.content-text .date {
	font-size: 21px;
    padding: 25px 0 0;
    font-weight: 500;
	font-family: 'Roboto', sans-serif;
	letter-spacing:3px;
	text-align:center;
	color:#D1AD8C;
}

.content-text h2.content-title {
	font-size: 24px;
	margin-top:15px;
	margin-bottom:25px;
    padding: 5px;
    font-weight: 800;
	letter-spacing:2px;
	text-align:center;
	
	color:#171A5F;
	line-height: 30px;
}

.content-text p {
	font-size: 18px;
	margin-top:15px;
	margin-bottom:25px;
    padding: 5px;
    font-weight: 500;
	letter-spacing:2px;
	text-align: justify;
    text-justify: inter-ideograph;
}

.content-text p a {
	color: #999;
	text-decoration: underline #FFEB00;
	word-wrap:break-word;
}
.content-text p a:hover {
	
	text-decoration:none;
}

body#concierge .content-text h2.content-title,
body#concierge .content-text p a:hover {
	color: #171A5F;
	background: #FFEB00;
}
body#passport .content-text h2.content-title,
body#passport .content-text p a:hover {
	color: #fff;
	background: #E9B5A8;
}
body#secretnotes .content-text h2.content-title,
body#secretnotes .content-text p a:hover {
	color: #fff;
	background: #96CCCA;
}
body#wonderfullife .content-text h2.content-title,
body#wonderfullife .content-text p a:hover {
	color: #fff;
	background: #DE624E;
}
body#message .content-text h2.content-title,
body#message .content-text p a:hover {
	color: #999;
	background: #fff;
}
body#goodtime .content-text h2.content-title,
body#goodtime .content-text p a:hover {
	color: #fff;
	background: #5191A2;
}
body#breathe .content-text h2.content-title,
body#breathe .content-text p a:hover {
	color: #846C59;
	background: #F2DCC2;
}
body#message .content-text h2.content-title {
	font-weight:300;
	font-size:18px;
}

.profile-text {
	width: 70%;
	margin: 0 auto;
	background:#5191A2;
	margin-top:30px;
	margin-bottom:30px;
	padding:30px;
}
.profile-text h3 {
	color:#fff;
	font-size:18px;
	background: url(../img/profile_line.png) no-repeat bottom left;
	padding-bottom:10px;
	margin-bottom:20px;
}
.profile-text p {
	color:#fff;
	font-size:14px;
}

@media (max-width: 320px) {
  .profile-text {
	  width:100%;
	  max-width: 100%;
	  height: auto; }
}
 
@media (max-width: 760px) {
  .profile-text {
	  width:100%;
	  max-width: 100%;
	  height: auto; }
}

.backnumber {
  text-align: center;
  margin-bottom: 60px;
  margin-top:30px;
  overflow: hidden;
}
.backnumber p {
	margin-bottom:20px;
}
@media screen and (max-width: 800px) {
  .backnumber {
    width: 100%;
    margin-bottom: 88px;
  }
}
.backnumber select {
    width: 70%;
    height: 45px;
    border: solid 3px #D1AD8C;
    font-size: 14px;
    padding-left: 10px;
    margin-bottom: 15px;
}
@media screen and (max-width: 800px) {
  .backnumber select {
    width: 100%;
    background-size: 100%;
    padding: 0 20px 0 10px;
  }
}

	
/*------------------------ 5 Contact ------------------------*/


.form-inp {
    width: 100%;
    height: 45px;
    border: solid 1px #dfdfdf;
    font-size: 14px;
    padding-left: 10px;
    margin-bottom: 15px;
}
.form-inp2 {
    width: 30%;
    height: 45px;
    border: solid 1px #dfdfdf;
    font-size: 14px;
    padding-left: 10px;
    margin-bottom: 15px;
}
.form-inp3 {
    width: 50%;
    height: 45px;
    border: solid 1px #dfdfdf;
    font-size: 14px;
    padding-left: 10px;
    margin-bottom: 15px;
}

#formarea select{font-size:14px;}

#formarea textarea {
    width: 100%;
    border: solid 1px #dfdfdf;
    font-size: 14px;
    padding: 10px 0 0 10px;
    margin-bottom: 15px;
}

#formarea .formbox h3{color:#D1AD8C;margin:0 0 30px;padding:5px 0;border-bottom:2px solid #D1AD8C;font-weight:bold;clear:both;font-size:18px}
#formarea .notice2{margin-left:170px;font-size:0.86em}
#formarea .notice{background:#F7F4EC;margin:20px 0;padding:8px 10px;border-radius:5px;font-size:14px}
.formbox #formarea .notice{margin-top:40px}
#formarea .notice strong{font-weight:normal}
#formarea .member-link a{display:inline-block;margin-right:15px;text-decoration:none;color:#171A5F;}
#formarea .center-buttons{padding:30px 0 0;text-align:center}#formarea .center-buttons input{display:inline-block}

.but-big {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 25px;
    display: inline-block;
    border: 0;
    background: #DE624E;
    line-height: 21px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
}

.but-big:hover {    
    background: #171A5F;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    
}


footer{
    text-align: center;
    border-top: solid 1px #efefef;
    height: 60px;
    display: block;
    margin-top: 45px;
}

footer p{    
    color: #cecece;
    line-height: 58px;
}

img.jwavebtn,
img.homebtn {
	margin-bottom:10px;
	margin-right:10px;
}




/*------------------------ Responsive ------------------------*/

/*max Width 768px */

@media screen  and (max-width: 767px) {
    
    .logo-sidebar {
        position: relative;
    }
    
    
    .logo-sidebar {
    box-shadow: 1px 10px 12px -10px rgba(201,201,201,0.67);
    -webkit-box-shadow: 1px 10px 12px -10px rgba(201,201,201,0.67);
    -moz-box-shadow: 1px 10px 12px -10px rgba(201,201,201,0.67);
}

    footer p {
        line-height: 19px;
        padding: 10px 0;
    }    
}

@media screen and (max-width: 767px) {
    
    /* overrides common styles */
    #commonFooter{
        width: 100% !important;
        height: auto !important;
        position: static;
    }
    
    #commonFooterInner{
        padding: 15px 0;
        width: 100% !important;
        background-color: #282828;
        text-align: center;
    }
    #commonFooter li{
        display:inline-block !important;
        float: none;
    }
}





.comment_txt {
	line-height:1.6;
}