@charset "utf-8";
html,body{
    height: 100%;
}
b {
font-size: 100%;
}
.ellipsis{
    white-space:normal;
    overflow:hidden;
    display:block
}
.ellipsis.multiline{
    white-space:normal
}

/*a{
	text-decoration: none;
}*/

/* -------------------------------------
menu
------------------------------------- */
#main-page{
    position: relative;
    background:#fff;
    height: 100%;
    height: auto !important;
    min-height: 100%;
	z-index:20;
}

#slide-menu{
    position: absolute;
    width: 258px;
    right: 0;
    top: 0;
}

#slide-menu #slide-scroll{
	height: 100%;
	overflow: auto;
	position:relative;
	z-index:0;
  background-color: #ffffff;
}

#slide-menu,#main-page{
    -webkit-transition:right 0.3s;
    -moz-transition:right 0.3s;
    -ms-transition:right 0.3s;
    transition:right 0.3s;
    right: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.menu-open #main-page {
    right: 258px;
    box-shadow: 3px 0 4px rgba(114, 114, 114, 0.2);
    -webkit-box-shadow: 3px 0 4px rgba(114, 114, 114, 0.2);
}

.menu-open #slide-menu {
    display:block;
    width: 258px;
    right: 0;
    top: 0;
}

#slide-menu .menu-cnslt li {
    height: 48px;
    position: relative;
}

#slide-menu .menu-cnslt li a {
    width: 100%;
    height: 100%;
    padding: 17px 0 0 49px;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 1.5rem;
    color: #535353;
    text-decoration: none;
}

#slide-menu .menu-cnslt li:first-child {
    border-bottom: 3px solid #9bdff4;
}

#slide-menu .menu-cnslt li:first-child a {
    border-bottom: 1px solid #5ec0dd;
    /*background: url("../img/common/icon-menu-letter.gif") no-repeat 10px center;*/
    background-size: 30px, 23px;
}

#slide-menu .menu-cnslt li a:before {
    top: 0px;
}
/*.pc #slide-menu .menu-cnslt li a:before {
    top: 10px;
}*/

#slide-menu .menu-cnslt li:first-child a:before {
	content: "";
    background-image: url(../img/common/icon-spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 48px;
    height: 48px;
    background-size: 48px;
    background-position: 0 -288px;
    position: absolute;
    left: 2px;
}

#slide-menu .menu-cnslt li:first-child:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #5ec0dd;
    border-right: 1px solid #5ec0dd;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -4px 0 0;
}

#slide-menu .menu-cnslt .count_d{
	color: #5ec0dd;
	border:1px solid #5ec0dd;
	padding: 4px;
	margin-left: 8px;
}

#slide-menu .menu-cnslt .label-notice-red {
	color: #ff4040;
	border:1px solid #ff4040;
	padding: 4px;
	margin-left: 8px;
}

#slide-menu .menu-cnslt li:first-child img {
    padding: 0 0 0 11px;
    vertical-align: middle;
}

#slide-menu .menu-cnslt li:nth-child(2) {
    border-bottom: 3px solid #f9dd92;
}

#slide-menu .menu-cnslt li:nth-child(2) a {
    border-bottom: 1px solid #ffba00;
    /*background: url("../img/common/icon-menu-phone.gif") no-repeat 10px center;*/
    background-size: 23px;
}

#slide-menu .menu-cnslt li:nth-child(2) a:before {
	content: "";
    /*background-image: url(../img/common/icon-spritesheet.png);*/
    background-repeat: no-repeat;
    display: block;
    width: 48px;
    height: 48px;
    background-size: 48px;
    background-position: 0 -336px;
    position: absolute;
    left: 2px;
}

#slide-menu .menu-cnslt li:nth-child(2):after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #ffbd0b;
    border-right: 1px solid #ffbd0b;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -4px 0 0;
}

#slide-menu .menu-cnslt li:last-child {
    border-bottom: 3px solid #bae871;
}

#slide-menu .menu-cnslt li:last-child a {
    border-bottom: 1px solid #75b806;
    /*background: url("../img/common/icon-menu-book.gif") no-repeat 10px center;*/
    background-size: 35px, 28px;
}

#slide-menu .menu-cnslt li:last-child a:before {
	content: "";
    background-image: url(../img/common/icon-spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 48px;
    height: 48px;
    background-size: 48px;
    background-position: 0 -240px;
    position: absolute;
    left: 2px;
}

#slide-menu .menu-cnslt li:last-child:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #75b806;
    border-right: 1px solid #75b806;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -4px 0 0;
}

/*medicine*/
#slide-menu .menu-cnslt li.medicine {
	border-bottom: 3px solid #e1f5fa;
}

#slide-menu .menu-cnslt li.medicine a {
	border-bottom: 1px solid #a1e0f2;
}
#slide-menu .menu-cnslt li.medicine a:before {
	content: "";
    background-image: url(../img/common/icon-spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 48px;
    height: 48px;
    background-size: 48px;
    background-position: 0 -1248px;
    position: absolute;
    left: 2px;
}

#slide-menu .menu-cnslt li.medicine:after {
	content: "";
	width: 8px;
	height: 8px;
	border-top: 1px solid #a1e0f2;
	border-right: 1px solid #a1e0f2;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 15px;
	top: 50%;
	margin: -4px 0 0;
}

/*read_columns*/
#slide-menu .menu-cnslt li.read_columns {
	border-bottom: 3px solid #e1f5fa;
}

#slide-menu .menu-cnslt li.read_columns a {
	border-bottom: 1px solid #a1e0f2;
}
#slide-menu .menu-cnslt li.read_columns a:before {
	content: "";
    background-image: url(../img/common/icon-spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 48px;
    height: 48px;
    background-size: 48px;
    background-position: 0 -1296px;
    position: absolute;
    left: 2px;
}

#slide-menu .menu-cnslt li.read_columns:after {
	content: "";
	width: 8px;
	height: 8px;
	border-top: 1px solid #a1e0f2;
	border-right: 1px solid #a1e0f2;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 15px;
	top: 50%;
	margin: -4px 0 0;
}

#slide-menu .menu-search {
    border-bottom: 2px solid #b6b6b6;
}

#slide-menu .menu-search li {
    height: 48px;
    position: relative;
}

#slide-menu .menu-search li a {
    width: 100%;
    height: 100%;
    padding: 17px 0 0 10px;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 1.5rem;
    color: #535353;
    text-decoration: none;
}

#slide-menu .menu-search li:first-child {
    border-bottom: 1px solid #b6b6b6;
}

#slide-menu .menu-search li:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #9f9f9f;
    border-right: 1px solid #9f9f9f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -4px 0 0;
}

#slide-menu .menu-about li {
    border-bottom: 1px solid #b6b6b6;
    height: 48px;
    position: relative;
}

#slide-menu .menu-about li.lock {
	background: url(../img/common/icon_waku.png) no-repeat 80% center;
	background-size:20%;
}

#slide-menu .menu-about li a {
    width: 100%;
    height: 100%;
    padding: 17px 0 0 10px;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 1.5rem;
    color: #535353;
    text-decoration: none;
}

#slide-menu .menu-about li:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #9f9f9f;
    border-right: 1px solid #9f9f9f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -4px 0 0;
}

#slide-menu .menu-logout {
    margin: 28px 15px 0 0;
    text-align: right;
}

#slide-menu .menu-logout a {
    font-size: 1.5rem;
    color: #11b4df;
}

#slide-menu .menu-summary {
    margin: 28px 15px 24px 0;
    text-align: right;
}

#slide-menu .menu-summary li {
    margin: 0 0 8px 0;
}

#slide-menu .menu-summary li a {
    font-size: 1.2rem;
    color: #11b4df;
}

/* -------------------------------------
header
------------------------------------- */
#header-area.top {
    padding: 0 0 5px;
    margin: 0 0 3px;
}

#header-area {
	position:fixed;
    /*position: absolute;*/
	top:0;
	right:0;
	width:100%;
	z-index:50;
	background:#fff;
	    transition: right 0.3s;
}
.menu-open #header-area {
	right:258px;
}
.pc #header-area {
	position:static;
}

#header-area .logo-area {
    padding: 12px 10px;
}

#header-area .logo-area h1 {
    width: 190px;
    float: left;
}

#header-area .logo-area .logo {
	width: 190px;
	float: left;
}

#header-area .logo-area ul {
    float: right;
    display: table;
}

#header-area .logo-area ul li {
    display: table-cell;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#header-area .logo-area ul li a {
    width: 35px;
    height: 29px;
    display: block;
    text-align: left;
    text-indent: -9999px;
}

#header-area .logo-area ul li:first-child{
    border-right: dotted 1px #269dcd;
}

#header-area .logo-area ul li:first-child a{
    margin: 0 8px 0 0;
    background: url(../img/common/icon-mypage.gif) no-repeat center;
    background-size: 35px 29px;
}

.visiter #header-area .logo-area ul li:first-child a{
    background: url(../img/common/icon-login.gif) no-repeat center;
    background-size: 35px 29px;
}

.visiter #header-area .logo-area ul li:first-child a.non-menber{
    background: url(../img/common/icon-login-non-menber.gif) no-repeat center;
    background-size: 35px 29px;
}

#header-area .logo-area ul li:last-child a{
    margin: 0 0 0 8px;
    background: url(../img/common/icon-menu.gif) no-repeat center;
    background-size: 29px 27px;
}

#header-area .h1-seo h1{
    background: none repeat scroll 0 0 #e6f9ff;
    font-size: 0.8rem;
    padding: 5px;
}

/* -------------------------------------
contents
------------------------------------- */
#contents {
    padding-bottom: 100px;
}

#contents section,
#contents div{
    overflow: hidden;
}
/* ----- ランキング ----- */
#contents .rank-tab-area{
    padding-top:20px;
}
#contents #tab-area{
    width:100%;
}

#contents #tab-area ul{
    width:100%;
    /*
    display: -webkit-box;
    display: -moz-box;
    */
    display:table;
    overflow:hidden;
}
#contents #tab-area li{
	/*
	-webkit-box-flex: 1;
	box-flex: 1;
	width: 34%;
	*/
	display: table-cell;
	width: 33.333%;
	height:auto;
	position:relative;
}

#contents #tab-area li img{
    width:100%;
    height:auto;
    vertical-align:top;
}
#contents #tab-area li a{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}
#contents #tab-area li .none{
    display:none;
}

#contents .rank-tab-area .more{
    padding: 10px 0 0;
    text-align: right;
    position: relative;
}

#contents .rank-tab-area .more a{
    padding: 0 20px 0 0;
    font-size: 1.5rem;
    text-decoration: none;
    position: relative;
}

#contents .rank-tab-area .more a:after{
    display: block;
    width: 6px;
    height: 6px;
    content: "";
    border-top: solid 1px;
    border-right: solid 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -3px 0 0;
    position: absolute;
    right: 10px;
    top: 50%;
}

#contents .rank-day .more a{
    color: #5ec0dd;
}

#contents .rank-day .more a:after{
    border-color: #5ec0dd;
}

#contents .rank-month .more a{
    color: #00acde;
}

#contents .rank-month .more a:after{
    border-color: #00acde;
}

#contents .rank-new .more a{
    color: #54d000;
}

#contents .rank-new .more a:after{
    border-color: #54d000;
}

/* ----- カテゴリ ----- */
#contents .category-area dt{
    padding: 15px 30px 15px 15px;
    line-height: 1.5;
    position: relative;
}

#contents .category-area dt:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -5px 0 0;
}

#contents .category-area dt strong{
    font-size: 1.5rem;
}

#contents .category-area dt span{
    font-size: 1.2rem;
}

#contents .category-area dd{
    padding: 12px 10px;
    display: none;
}

#contents .category-area dd p a{
    display: block;
    padding: 15px 30px 18px 15px;
    color: #ffffff;
    font-size: 1.5rem;
    text-decoration: none;
    position: relative;
}

#contents .category-area dd p a:after{
    display: block;
    width: 6px;
    height: 6px;
    content: "";
    border-top: solid 1px #ffffff;
    border-right: solid 1px#ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -3px 0 0;
}

#contents .category-area dd ul {
    padding: 11px 0 0;
    overflow: hidden;
}

#contents .category-area dd li {
    margin: 0 5px 5px 0;
    float: left;
    border: 1px solid;
}

#contents .category-area dd li a {
    display: block;
    padding: 8px 14px;
    font-size: 1.2rem;
    color: #555555;
    text-decoration: none;
}

#contents .category-area .pinkBox dt{
    border-top: 1px solid #fe96c0;
    background: url(../img/common/bg-topborder-pink.gif) no-repeat top left #ffe4eb;
    background-size: 126px 7px;
}

#contents .category-area .pinkBox dd p a{
    background: #f192b7;
}

#contents .category-area .pinkBox dd li{
    border-color: #f192b7;
}

#contents .category-area .pinkBox dt:after {
    background: url(../img/common/icon-hifun-pink.gif) repeat top left;
    background-size: 10px 10px;
}

#contents .category-area .pinkBox dt.close:after {
    background: url(../img/common/icon-plus-pink.gif) repeat top left;
    background-size: 10px 10px;
}

#contents .category-area .blueBox dt{
    border-top: 1px solid #4dddff;
    background: url(../img/common/bg-topborder-blue.gif) no-repeat top left #e4fbff;
    background-size: 126px 7px;
}

#contents .category-area .blueBox dd p a{
    background: #56cce2;
}

#contents .category-area .blueBox dd li{
    border-color: #56cce2;
}

#contents .category-area .blueBox dt:after {
    background: url(../img/common/icon-hifun-blue.gif) repeat top left;
    background-size: 10px 10px;
}

#contents .category-area .blueBox dt.close:after {
    background: url(../img/common/icon-plus-blue.gif) repeat top left;
    background-size: 10px 10px;
}

/* -------------------------------------
footer
------------------------------------- */
footer{
    margin-top:50px;
    position:absolute;
    bottom: 0;
    display: block;
    width: 100%;
}
#page-top{
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    background-color:#269cbf;
    padding:6px 10px;
    position: absolute;
    right: 9px;
    top:-25px;

}

#page-top:before {
    display: block;
    width: 6px;
    height: 6px;
    content: "";
    margin-top: -3px;
    border-top: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    -webkit-transform: rotate(-44deg);
    transform: rotate(-44deg);
    position: absolute;
    right: 10px;
    top: 45%;
    margin: 0 0px 0 0;
}
#page-top p{
    font-size:1.3rem;
    padding-right: 15px;
}
#page-top p a{
    display:block;
    text-decoration:none;
    color:#ffffff;
}
.company-txt{
    width:100%;
    background-color:#45c8ef;
    text-align:center;
    padding:17px 0;
}
.company-txt a{
    color:#ffffff;
    font-size:1.1rem;
}


/* -------------------------------------
h1
------------------------------------- */

.h1-mail {
    padding: 0 10px;
    background: #10b3de;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1) inset;
}

.h1-mail h1 {
    padding: 0 0 0 56px;
    height: 50px;
    font-size: 1.5rem;
    color: #ffffff;
    background: url(../img/common/icon-question-mail.png) no-repeat left center;
    background-size: 46px 36px;
    display: table-cell;
    vertical-align: middle;
}

.h1-igakusyo {
    padding: 0 10px;
    background: #78bc08;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1) inset;
}

.h1-igakusyo h1 {
    padding: 0 0 0 56px;
    height: 50px;
    font-size: 1.5rem;
    color: #ffffff;
    background: url(../img/common/icon-ttl-book.png) no-repeat left center;
    background-size: 46px 36px;
    display: table-cell;
    vertical-align: middle;
}


.h1-phone {
    padding: 0 10px;
    background: #fbc50f;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1) inset;
}

.h1-phone h1 {
    padding: 0 0 0 37px;
    height: 50px;
    font-size: 1.5rem;
    color: #ffffff;
    background: url(../img/common/icon-ttl-phone.png) no-repeat left center;
    background-size: 29px 37px;
    display: table-cell;
    vertical-align: middle;
}
.h1-etc{
    padding: 10px 10px 8px;
    background-color: #ebebeb;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1) inset;
}
.h1-etc h1{
    font-size:1.5rem;
    color:#535353;
    font-weight:bold;
}

.h1-etc h1{
    font-size:1.5rem;
    color:#535353;
    font-weight:bold;
}
/* -------------------------------------
h2
------------------------------------- */

.h2-white{
    padding: 20px 15px 14px;
}
.h2-white h2{
    font-size: 1.5rem;
}

.h2-aqua-blue{
    background-color:#c3f2ff;
    color:#535353;
    padding:7px 10px;
    font-size:1.5rem;
}
.h2-aqua-blue h2{
    font-size:1.5rem;
    font-weight:normal;
    line-height:1.4;
}
.h2-aqua-blue02{
    background-color:#c3f2ff;
    color:#535353;
    padding:7px 10px;
    font-size:1.5rem;
}
.h2-aqua-blue02 h2{
    font-size:1.5rem;
    font-weight:bold;
    line-height:1.4;
}

.h2-alpine-blue{
    padding: 4px 10px 6px;
    background: #e1f5fa;
}
.h2-alpine-blue .qa-leftbox{
    display: table-cell;
    width: 100%;
    padding-top: 1px;
}

.h2-alpine-blue .qa-title{
    float: left;
    width: 100%;
}
.h2-alpine-blue h2{
    width:100%;
    font-size: 1.5rem;
    text-indent: -1em;
    font-weight: normal;
    padding-top: 2px;
    padding-left: 20px;
    line-height: 1.5;
    box-sizing: border-box;
}
.h2-alpine-blue .category{
    font-size: 1.1rem;
    color: #5ec0dd;
    padding: 1px 3px;
    border: 1px solid #5ec0dd;
    display: inline-block;
    margin: 1px 10px 0 0;
    width: auto;
    float: right;
}
.h2-alpine-blue .category p{
    display: block;
    width: auto;
    padding: 1px 3px;
    text-indent: 0;
    font-size: 1.1rem;
}
.h2-vivid-light-blue{
	background-color:#47d4ff;
	padding:13px 10px 13px;
}
.h2-vivid-light-blue h2{
	color:#ffffff;
	font-size:1.5rem;
}
.h1-etc .category{
    font-size: 1.1rem;
    color: #5ec0dd;
    padding: 1px 3px;
    border: 1px solid #5ec0dd;
    display: inline-block;
    margin: 1px 10px 0 0;
    width: auto;
    float: right;
}
.h1-etc .category p{
    display: block;
    width: auto;
    padding: 1px 3px;
    text-indent: 0;
    font-size: 1.1rem;
}
.h2-alpine-blue p {
    width: 22px;
    padding: 5px 5px 0 0;
    display: table-cell;
    vertical-align: top;
}

.h2-sprout-green {
    padding: 15px;
    background: #e5f4cd;
    display: table;
    table-layout: fixed;
}

.h2-sprout-green h2 {
    width: 100%;
    font-size: 1.5rem;
    color: #535353;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
}

.h2-sprout-green p {
    width: 22px;
    padding: 0 5px 0 0;
    display: table-cell;
    vertical-align: middle;
}

.h2-vivid-blue {
    padding-top:2px;
    display:table;
    width: 100%;
}
.h2-vivid-blue .h2-ttl{
    background-color:#47d4ff;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1) inset;
    padding:0 10px;
    width:73%;
    box-sizing:content-box;
    display:table-cell;
}
.h2-vivid-blue .h2-ttl h2{
    font-size:1.5rem;
    color:#fefefe;
    font-weight:bold;
}
.h2-vivid-blue .search-txt{
    display:table-cell;
    width:27%;
    box-sizing:content-box;
}
.h2-vivid-blue .search-txt p{
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1) inset;
    background-color:#269cbf;
    padding:10px 5px 10px 15px;
    font-size:1.4rem;
}
.h2-vivid-blue .search-txt p a{
    display:block;
    color:#ffffff;
    text-decoration:none;
    background:url(../img/common/ico-arrow-bottom.png) no-repeat 46px 5px;
    background-size:10px 6px;
}
.h2-vivid-green {
    padding-top:2px;
    display:table;
    width: 100%;
}
.h2-vivid-green .h2-ttl{
    background-color:#9cd243;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1) inset;
    padding:7px 10px;
    width:73%;
    box-sizing:content-box;
    display:table-cell;
}
.h2-vivid-green .h2-ttl h2{
    font-size:1.5rem;
    color:#fefefe;
    font-weight:bold;
    line-height: 1.2;
}

.h2-vivid-green ul{
    list-style: none;
    margin-left: 14px;
}

.h2-vivid-green ul li{
    font-size: 1.2rem;
    line-height: 1.2;
    color: #fff;
    font-weight: normal;
}

.h2-vivid-green ul li:before{
    content: ">";
    position: absolute;
    left: 13px;
}

.h2-vivid-green .search-txt{
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1) inset;
    display:table-cell;
    width:27%;
    box-sizing:content-box;
    background: #78bc08;
    vertical-align: middle;
}
.h2-vivid-green .search-txt p{
    padding:10px 5px 10px 15px;
    font-size:1.4rem;
}
.h2-vivid-green .search-txt p a{
    display:block;
    color:#ffffff;
    text-decoration:none;
    background:url(../img/common/ico-arrow-bottom.png) no-repeat 46px 5px;
    background-size:10px 6px;
}

.h2-dark-blue{
    background-color:#5ec0dd;
    padding:13px 10px 13px;
}
.h2-dark-blue h2{
    color:#ffffff;
    font-size:1.5rem;
}
.h2-vivid-greem{
    background-color:#a6d35e;
    padding:13px 10px 13px;
}
.h2-vivid-greem h2{
    color:#ffffff;
    font-size:1.5rem;
}
.h2-vivid-yellow{
    background-color:#ffdc3a;
    padding:13px 10px 13px;
}
.h2-vivid-yellow h2{
    color:#ffffff;
    font-size:1.5rem;
}

.h2-dot-blue h2{
    color:#535353;
    font-size:1.5rem;
    padding-left:17px;
    background:url(../img/common/ico-dot-blue.png) no-repeat left 3px;
    background-size:10px 10px;

}
/* -------------------------------------
h3
------------------------------------- */

.h3-cream-yellow{
padding: 7px 10px;
background: #ffefa5;
}

.h3-cream-yellow h3{
color: #535353;
font-size: 1.5rem;
font-weight: normal;
}
/* -------------------------------------
p
------------------------------------- */

.p-green-txt{
    font-size: 1.5rem;
    color: #77c000 !important;
    line-height:1.4;
}
.p-txt{
    font-size: 1.5rem;
    color: #535353;
    line-height:1.4;
}
.p-txt-redbox{
    border: 1px solid #ff6b6b;
    padding: 14px;
    margin:15px 0;
}
.p-txt-redbox p{
    font-size: 1.5rem;
    color: #ff6b6b;
    line-height:1.4;
}
.p-txt-s{
    font-size: 1.4rem;
    color: #ff6b6b;
    line-height:1.4;
}

/* -------------------------------------
主要コンテンツボタン
------------------------------------- */

.content-button-blue a{
    display:block;
    text-align:center;
    color:#ffffff;
    font-size:1.5rem;
    text-decoration:none;
    background-color:#00bed5;
    border-radius:3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
}
.content-button-blue a p{
    color:#ffffff;
    font-size:1.5rem;
    font-weight:bold;
    padding:16px;
    /*background: url(../img/common/icon-question-mail02.png) no-repeat 19% center;*/
    background-size:45px 34px;

}

.content-button-blue.lock a p{
	color:#ffffff;
	font-size:1.5rem;
	font-weight:bold;
	padding:16px;
	background: url(../img/common/icon_waku.png) no-repeat 78% center;
	background-size:12%;

}

.content-button-yellow a{
    display:block;
    text-align:center;
    color:#ffffff;
    font-size:1.5rem;
    text-decoration:none;
    background-color:#ffc322;
    border-radius:3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
}
.content-button-yellow a p{
    color:#ffffff;
    font-size:1.5rem;
    font-weight:bold;
    padding:16px;

}
.content-button-yellow a.visiter{
    background-color:#DADADA;
}

/* -------------------------------------
機能ボタン
------------------------------------- */
.function-button-bred input{
    -webkit-appearance: none;
    width: 100%;
    padding: 14px 0;
    color: #ff6b6b;
    font-size: 1.7rem;
    border: 1px solid #ff6b6b;
    background: #ffffff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
}

.function-button-bred input[disabled="disabled"]{
    color:#bbb;
    border: 1px solid #bbb;
}

.function-button-creamblue{
  margin:24px 0;
}

.function-button-creamblue a{
    display:block;
    text-align:center;
    color:#ffffff;
    font-size:1.5rem;
    text-decoration:none;
    background-color:#22B3DD;
    border-radius:3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
    margin-left:30px;
    margin-right:30px
}

.function-button-creamblue a p{
    color:#ffffff;
    font-size:1.5rem;
    font-weight:bold;
    padding:16px;
}

.function-button-creamgreen a{
    display:block;
    text-align:center;
    color:#ffffff;
    font-size:1.5rem;
    text-decoration:none;
    background-color:#65dd94;
    border-radius:3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
}

#medical-list .medical-list-item .function-button-creamgreen a p,
.function-button-creamgreen a p{
    color:#ffffff;
    font-size:1.5rem;
    font-weight:bold;
    padding:16px;
}

.function-button-creamorenge a{
    display:block;
    text-align:center;
    font-size:1.5rem;
    text-decoration:none;
    border-radius:3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
}
.course_btn_pre{
	background-color: #ff8440;
	color:#ffffff;
}

.course_btn_pre span{
	color: #f77777;
}
.course_btn_bas {
	background-color:#ffb891;
	color: #f45700;
}

.pt10 {
	padding-top: 10px;
}


.function-button-creamorenge a p{ 
    font-size:1.5rem;
    font-weight:bold;
    padding:16px;

}
.function-button-limegreen.prof-p,
.function-button-creamgreen.prof-p{
    padding:16px 10px 0;
}
.function-button-limegreen.prof-p02{
    padding:10px 10px 0;
}
.function-button-limegreen.prof-p03{
    padding:36px 10px 0;
}

.function-button-limegreen input,
.function-button-limegreen a{
    width: 100%;
    padding: 14px 0;
    text-align: center;
    background-color: #72d10c;
    color: #ffffff;
    font-size: 1.7rem;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
    border: none;
    /*border: 1px solid #72d10c;*/
    -webkit-appearance: none;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.function-button-limegreen a{
    display: block;
    text-decoration: none;
}

.function-button-gray{
    text-align:center;
}
.function-button-gray input{
    padding: 9px 30px 9px 40px;
    text-align: center;
    color: #ffffff;
    font-size: 1.4rem;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: normal;
    border: 1px solid #bababa;
    -webkit-appearance: none;
    background: #bababa url(../img/common/confirm-arr.png) no-repeat 17% center;
    background-size: 10px;
    -webkit-appearance: none;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
}
/* -------------------------------------
リンクボタン
------------------------------------- */

.link-button-lightblue a{
    display:block;
    background-color: #3dd9d9;
    padding: 15px 15px 15px 15px;
    position: relative;
    text-decoration:none;
}
.link-button-lightblue a:after{
    content: "";
    width: 7px;
    height: 7px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 45%;
}
.link-button-lightblue.down a:after{
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.link-button-lightblue a p{
    font-size:1.5rem;
    color: #ffffff;
}

.link-button-skyblue a{
    display:block;
    background-color: #56cce2;
    padding: 15px 30px 18px 15px;
    position: relative;
    text-decoration:none;
}
.link-button-skyblue a:after{
    content: "";
    width: 7px;
    height: 7px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 45%;
}
.link-button-skyblue a p{
    font-size:1.5rem;
    color: #ffffff;
}

.link-button-pink a{
    display:block;
    background-color: #f192b7;
    padding: 15px 30px 18px 15px;
    position: relative;
    text-decoration:none;
}
.link-button-pink a:after{
    content: "";
    width: 7px;
    height: 7px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 45%;
}
.link-button-pink a p{
    font-size:1.5rem;
    color: #ffffff;
}

/* -------------------------------------
QAリスト（用途別）
------------------------------------- */
.rank-day,
.rank-month,
.rank-new{
    padding:0 10px;
}
.rank-day article{
    padding-bottom:9px;
    padding-top:13px;
    border-bottom:1px solid #5ec0dd;
    position: relative;
}
.rank-month article{
    padding-bottom:9px;
    padding-top:13px;
    border-bottom:1px solid #00acde;
    position: relative;
}
.rank-new article{
    padding-bottom:9px;
    padding-top:13px;
    border-bottom:1px solid #54d000;
    position: relative;
}
.rank-day article:before{
    display: block;
    width: 6px;
    height: 6px;
    content: "";
    margin-top: -3px;
    border-top: solid 1px #5ec0dd;
    border-right: solid 1px #5ec0dd;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 10px;
    top: 50%;
}
.rank-month article:before{
    display: block;
    width: 6px;
    height: 6px;
    content: "";
    margin-top: -3px;
    border-top: solid 1px #00acde;
    border-right: solid 1px #00acde;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 10px;
    top: 50%;
}
.rank-new article:before{
    display: block;
    width: 6px;
    height: 6px;
    content: "";
    margin-top: -3px;
    border-top: solid 1px #54d000;
    border-right: solid 1px #54d000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 10px;
    top: 50%;
}
.rank-day article a,
.rank-month article a,
.rank-new article a{
    overflow: hidden;
    padding: 0px 27px 0 0;
    text-decoration:none;
    color:#535353;
    display:table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.rank-day article a .left-tabel-cell,
.rank-month article a .left-tabel-cell{
    display:table-cell;
    vertical-align: middle;
    width: 33px;
}
.rank-day article a .left-tabel-cell img,
.rank-month article a .left-tabel-cell img{
    vertical-align:middle;
    padding-right:9px;
}
.news-tit{
    margin-bottom: 3px;
}
.rank-day .news-tit h3{
    font-size:1.5rem;
    font-weight:bold;
    float:left;
    padding:3px 0;
    color:#5ec0dd;
}
.rank-month .news-tit h3{
    font-size:1.5rem;
    font-weight:bold;
    float:left;
    padding:3px 0;
    color:#00acde;
}
.rank-new .news-tit h3{
    font-size:1.5rem;
    font-weight:bold;
    float:left;
    padding:3px 0;
    color:#54d000;
}
.rank-day .news-tit p,
.rank-month .news-tit p{
    font-size:1.1rem;
    color:#5ec0dd;
    padding:2px 5px;
    border:1px solid #5ec0dd;
    float:right;
}
.rank-new .news-tit p{
    font-size:1.1rem;
    color:#54d000;
    padding:3px 6px;
    border:1px solid #54d000;
    float:right;
}
.rank-day .news-tit p,
.rank-month .news-tit p,
.rank-new .news-tit p{
    position: absolute;
    right: 27px;
}

.rank-day p,
.rank-month p,
.rank-new p{
    font-size:1.2rem;
    line-height: 1.2;
}
.rank-day .time-txt,
.rank-month .time-txt,
.rank-new .time-txt{
    font-size:1.1rem;
    color:#979797;
    padding:3px 0;
    margin-right: 5px;
}
.btn {
    -webkit-appearance: none;
    width: 100%;
    display: block;
    font-size: 15px !important;
    font-weight: bold;
    line-height: 1 !important;
    padding: 7px 0 9px;
    font-size: 16px;
    border: 1px #ccc solid;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 15px;
    background: #fff;
    box-sizing: border-box;
}
/* -------------------------------------
QAリスト（マイページ）
------------------------------------- */
.listmypage-area{
    padding-left:10px;
    padding-right:10px;
}
.list-mypage{
    display: block;
    border-bottom: 1px solid #5ec0dd;
    padding-right: 4px;
    text-decoration: none;
    position: relative;
    margin-top:10px;
}
.list-mypage:first-child{
    margin-top:0px;
}
.list-mypage section{
    display: table;
    overflow: visible;
}
.list-mypage section:after{
    content: "";
    width: 7px;
    height: 7px;
    border-top: 1px solid #9f9f9f;
    border-right: 1px solid #9f9f9f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -4px 0 0;
}

.list-mypage section .txt-left{
    display: table-cell;
    width: 100%;
}
.list-mypage section .txt-left .tit{
    font-size: 1.5rem;
    color: #535353;
    padding-bottom: 6px;
    font-weight: bold;
}
.list-mypage section .txt-left .txt{
    font-size: 1.2rem;
    color: #535353;
    padding-bottom: 6px;
    padding-right: 95px;
}
.list-mypage section .txt-left .txt_min{
	font-size: 1.2rem;
	color: #535353;
	padding-bottom: 6px;
	padding-right: 160px;
}
.list-mypage section .txt-left .time-txt{
    font-size: 1.1rem;
    color: #979797;
    padding-bottom: 10px;
}

.list-mypage section .icc-right{
    display: table-cell;
    vertical-align: middle;
}
.list-mypage section .icc-right p{
    position: absolute;
	top: 50%;
	right: 27px;
	margin-top: -9px;
}
.list-mypage section .icc-right p.secound_icon{
	position: absolute;
	top: 50%;
	right: 94px;
	margin-top: -9px;
}
/* -------------------------------------
QAリスト（サーチ）
------------------------------------- */
.listsearch-area{
    padding-right:10px;
    padding-left:10px;
}
.list-search{
    padding-bottom:9px;
    padding-top:13px;
    position: relative;
}
.list-search.line-b{
    border-bottom:1px solid #5ec0dd;
}
.list-search.line-g{
    border-bottom:1px solid #a6d35e;
}
.list-search.line-y{
    border-bottom: 1px solid #9f9f9f;
    /*border-bottom: 1px solid #f2cb44;*/
}
.list-search.none-arr:before {
    display:none;
}
.list-search:before {
    display: block;
    width: 6px;
    height: 6px;
    content: "";
    margin-top: -3px;
    border-top: solid 1px #a7a7a7;
    border-right: solid 1px #a7a7a7;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 10px;
    top: 50%;
}
.list-search a{
    display: block;
    overflow: hidden;
    padding: 0px 26px 0 0;
    text-decoration:none;
    color:#535353;
}
/* -------------------------------------
医学書リスト
------------------------------------- */
.listigakusyo-area{
    padding-left:10px;
    padding-right:10px;
}
.list-igakusyo{
    text-decoration:none;
}
.list-igakusyo .igakusyo-item {
    display: block;
    padding: 13px 30px 10px 5px;
    border-bottom: 1px solid #9f9f9f;
    position: relative;
}
.list-igakusyo .igakusyo-item.none-arr:after {
    display:none;
}
.list-igakusyo .igakusyo-item:after {
    content: "";
    width: 7px;
    height: 7px;
    border-top: 1px solid #9f9f9f;
    border-right: 1px solid #9f9f9f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -4px 0 0;
}
.list-igakusyo .igakusyo-item .name {
    display: block;
    padding: 0 0 5px;
    color: #535353;
    font-size: 1.5rem;
    font-weight:bold;
}
.list-igakusyo .igakusyo-item .text {
    display: block;
    padding: 0 0 5px;
    color: #535353;
    line-height: 1.3;
    font-size: 1.2rem;
}
.list-igakusyo .igakusyo-item .date {
    display: block;
    color: #979797;
    font-size: 1.1rem;
}
/* -------------------------------------
QAリスト
------------------------------------- */
.qa-tit{
    display: block;
}

.qa-tit:after{
    content: "";
        display: block;
        clear: both;
}

.qa-tit .ttl{
    height: 21px;
    display: block;
    font-size:1.5rem;
    float:left;
    padding:3px 0 0;
    font-weight: bold;
}
.qa-tit .department{
    display: block;
    font-size:1.1rem;
    color:#5ec0dd;
    padding:2px 5px;
    border:1px solid #5ec0dd;
    float:right;
    margin-bottom:5px;
    line-height: 1.2;
}
.qa-tit .department span{
    background: #fff;
}

.qa-tit .department.pinkBox{
    color:#f192b7;
    border:1px solid #f192b7;
}

.qa-text{
    display: block;
    font-size:1.2rem;
    line-height: 1.2;
}

.time-txt,
.naruhodo-count{
    display: inline-block;
    font-size: 1.1rem;
    color: #979797;
    padding: 7px 0 3px;
    line-height: 1.2;
}

.naruhodo-count span{
    display: inline-block;
    font-size: 0.9rem;
    font-weight: bold;
    color: #ff9233;
    background: #ffe68f;
    padding: 3px;
    line-height: 1.0;
}

ul.naruhodo-text{
    display: table;
    margin-top: 7px;
}
ul.naruhodo-text li:first-child{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    display: inline-block;
    font-size: 0.9rem;
    font-weight: bold;
    color: #ff9233;
    background: #ffe68f;
    padding: 3px;
    line-height: 1.0;
}

ul.naruhodo-text li{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    display: inline-block;
    color: #979797;
    font-size: 1.2rem;
    line-height: 1.2;
    padding-left: 3px;
}

/* -------------------------------------
QAリスト（チェック）
------------------------------------- */
.listcheck-area {
    padding-left:10px;
    padding-right:10px;
}
.list-check {
    width: 100%;
    padding: 0 5px;
    border-bottom: 1px solid #9f9f9f;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.list-check input{
    display: none;
}

.list-check label {
    width: 100%;
    padding: 10px 5px 10px 25px;
    display: block;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.list-check input+label:before{
    display: inline-block;
    content: "";
    vertical-align: top;
    background: url(../img/common/icon-check-none.gif) no-repeat left top;
    background-size: 13px;
    width: 13px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -6px 0 0;
}

.list-check input:checked+label:before{
    background: url(../img/common/icon-check-on.gif) no-repeat left top;
    background-size: 13px;
}

.list-check .ttl {
    display: block;
    padding: 0 0 5px;
    color: #535353;
    font-size: 1.5rem;
    font-weight: bold;
}

.list-check .text {
    display: block;
    color: #535353;
    line-height: 1.3;
    font-size: 1.2rem;
}

/* -------------------------------------
QAリスト（チェック）
------------------------------------- */
#search-select div {
    border-bottom: 1px solid #9f9f9f;
}

#search-select div a {
    display: block;
    padding: 19px 15px;
    text-decoration: none;
    font-size: 1.5rem;
    position: relative;
}

#search-select .symptom-search a {
    color: #78bc08;
}

#search-select .symptom-search a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #78bc08;
    border-right: 1px solid #78bc08;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -4px 0 0;
}

#search-select .practice-search a {
    color: #08bc6e;
}

#search-select .practice-search a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #08bc6e;
    border-right: 1px solid #08bc6e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -4px 0 0;
}

#search-select .ifesaving-search a {
    color: #f8801f;
}

#search-select .ifesaving-search a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #f8801f;
    border-right: 1px solid #f8801f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -4px 0 0;
}

.symptom-box {
    border-bottom: 1px solid #9f9f9f;
}

.symptom-box a {
    display: block;
    padding: 19px 15px;
    text-decoration: none;
    font-size: 1.5rem;
    position: relative;
    color: #535353;
}

.symptom-box a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #9f9f9f;
    border-right: 1px solid #9f9f9f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -4px 0 0;
}

.symptom-box-blue {
    border-bottom: 1px solid #5ec0dd;
    line-height: 2rem;
}

.symptom-box-blue a {
    display: block;
    padding: 19px 15px;
    text-decoration: none;
    font-size: 1.5rem;
    position: relative;
    color: #535353;
}

.symptom-box-blue a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #5ec0dd;
    border-right: 1px solid #5ec0dd;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -4px 0 0;
}


/* -------------------------------------
検索
------------------------------------- */
/* ----- 検索共通 ----- */
.qa-search-area .qa-search-inner {
    margin: 0 10px;
    padding: 10px 10px 0;
}

.qa-search-area .qa-search-inner h3 {
    padding: 0 0 14px;
    font-size: 1.7rem;
}

.qa-search-area .qa-search-inner .search-box {
    width: 100%;
    display: table;
}

.qa-search-area .qa-search-inner .search-box .search-input,
.qa-search-area .qa-search-inner .search-box .search-sumit {
    display: table-cell;
}

.qa-search-area .qa-search-inner .search-box .search-input {
    width: 90%;
}

.qa-search-area .qa-search-inner .search-box .search-input input.serch-word {
    -webkit-appearance: none;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 0 0 14px;
    font-size: 1.5rem;
    border-radius: 20px 0 0 20px;
    -webkit-border-radius: 20px 0 0 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.qa-search-area .qa-search-inner .search-box .search-input input.reset{
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    margin: -23px 6px 0 0;
    background: url(../img/common/icon-word-delete.png) no-repeat left center;
    background-size: 16px 16px;
    border: none;
    float: right;
    z-index: 40;
    position: relative;
}

.qa-search-area .qa-search-inner .search-box .search-sumit {
    width: 10%;
}

.qa-search-area .qa-search-inner .search-box .search-sumit input {
    -webkit-appearance: none;
    width: 52px;
    height: 30px;
    margin: 0 0 0 7px;
    padding: 0 14px 0 7px;
    font-size: 1.5rem;
    color: #ffffff;
    border: none;
    border-radius: 0 20px 20px 0;
    -webkit-border-radius: 0 20px 20px 0;
}

.qa-search-area .qa-search-inner .search-exampletxt {
    padding: 5px 0 0 15px;
    font-size: 1.2rem;
    color: #8c8c8c;
}

/* ----- 検索　水色 ----- */
.qa-search-area.lightblue .qa-search-inner {
    border: 1px solid #22ebeb;
}

.qa-search-area.lightblue .qa-search-inner .search-box .search-input input.serch-word {
    border: 1px solid #22ebeb;
}

.qa-search-area.lightblue .qa-search-inner .search-box .search-sumit {
    width: 10%;
}

.qa-search-area.lightblue .qa-search-inner .search-box .search-sumit input {
    background: #3dd9d9;
}

/* ----- 検索　緑 ----- */
.qa-search-area.green .qa-search-inner {
    margin: 0;
    padding: 15px 10px;
    background: #e5f4cd;
    border: none;
}

.qa-search-area.green .qa-search-inner .qa-read {
    font-size: 1.5rem;
    line-height: 1.3;
}

.qa-search-area.green .qa-search-inner h3 {
    padding: 0 0 10px;
    font-size: 1.4rem;
}

.qa-search-area.green .qa-search-inner .search-box .search-input input.serch-word {
    border: 1px solid #78bc08;
}

.qa-search-area.green .qa-search-inner .search-box .search-sumit input {
    background: #78bc08;
}

/* ----- 検索　青 ----- */
.qa-search-area.blue .qa-search-inner {
    margin: 0;
    padding: 15px 10px;
    background: #f1ffff;
    border: none;
}

.qa-search-area.blue .qa-search-inner .qa-read {
    font-size: 1.5rem;
    line-height: 1.3;
}

.qa-search-area.blue .qa-search-inner h3 {
    padding: 0 0 10px;
    font-size: 1.4rem;
}

.qa-search-area.blue .qa-search-inner .search-box .search-input input.serch-word {
    border: 1px solid #22ebeb;
}

.qa-search-area.blue .qa-search-inner .search-box .search-sumit input {
    background: #22ebeb;
}


/* ----- 検索ワード ----- */
.qa-search-area .qa-search-inner .word-list {
    padding: 10px 0 0;
    overflow: hidden;
}

.qa-search-area .qa-search-inner .word-list li {
    margin: 0 5px 5px 0;
    float: left;
    border: 1px solid #22ebeb;
}

.qa-search-area .qa-search-inner .word-list li a{
    display: block;
    padding: 8px 14px;
    font-size: 1.2rem;
    text-decoration: none;
    color: #555555;
}

.qa-search-area .word-disp-btn {
    margin: 0 10px;
    text-align: center;
    border-left: 1px solid #22ebeb;
    border-right: 1px solid #22ebeb;
    border-bottom: 1px solid #22ebeb;
    background: #eeeeee;
}

.qa-search-area .word-disp-btn a {
    display: block;
    padding: 10px 0;
    text-decoration: none;
    position: relative;
}

.qa-search-area .word-disp-btn a span {
    padding: 0 17px 0 0;
    font-size: 1.2rem;
    color: #535353;
}

.qa-search-area .word-disp-btn a span {
    background: url(../img/common/icon-triangle-02.gif) no-repeat right center;
    background-size: 10px 8px;
}

.qa-search-area .word-disp-btn a .open {
    background: url(../img/common/icon-triangle.gif) no-repeat right center;
    background-size: 10px 8px;
}


/* -------------------------------------
入力フォーム
------------------------------------- */
.input-form input[disabled] + label{
    color:#bbb;
}

.input-form{
    padding: 20px 0 0;
}

.input-form .input-box{
    margin: 0 10px 20px;
}

.input-form .input-box dt{
    margin: 0 0 7px;
    font-size: 1.5rem;
    color: #535353;
}

.input-form .input-box dd input{
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 1.5rem;
    border: 1px solid #8c8c8c;
}

.input-form .input-box dd.name input{
    padding: 3px 10px;
}

.input-form .input-box dd.mailadd{
    position: relative;
}

.input-form .input-box dd.mailadd a{
    display: block;
    padding: 10px;
    color: #535353;
    font-size: 1.5rem;
    text-decoration: none;
    border: 1px solid #8c8c8c;
}

.input-form .input-box dd.mailadd:after{
    display: block;
    width: 6px;
    height: 6px;
    content: "";
    margin-top: -3px;
    border-top: solid 1px #5ec0dd;
    border-right: solid 1px #5ec0dd;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 50%;
}

.input-form .select-box{
    margin: 0 10px 20px;
}

.input-form .select-box02{
	margin: 0 10px 20px 0;
}

.input-form .select-box02 .private{
	width: 100%;
	display: table;
}

.input-form .select-box02 .private p{
	display: table-cell;
	vertical-align: middle;
}

.input-form .select-box02 .private p.lock{
	color:#C0C0C0;
}

.private{
	width: 100%;
    display: table;
}

.private_btn{
	display: table-cell;
    vertical-align: middle;
}


.input-form .select-box02 dt{
	margin: 0 0 10px;
	font-size: 1.5rem;
	color: #535353;
}

.input-form .select-box02 dt.lock{
	/*background: url(../img/common/icon_waku.png) no-repeat 60% center;
	background-size: 9%;
	line-height: 1.8em;*/
	color:#C0C0C0;
}

.input-form .select-box dt{
    margin: 0 0 10px;
    font-size: 1.5rem;
    color: #535353;
}
.input-form .select-box dt span,
.input-form .select-box-enquite dt span,
.input-form .input-box dt span{
    font-size: 1.5rem;
        color: #ff4040;
}

.input-form .select-box .reception{
    width: 100%;
    display: table;
}

.input-form .select-box .reception p{
    display: table-cell;
    vertical-align: middle;
}

.input-form .select-box .reception p:last-child{
    width: 25px;
}

.tool-chip-fuki{
    position: relative;
}

/* -------------------------------------
Added At Story1937 Start
------------------------------------- */
.input-form .select-box.select-radio{
    border:1px solid #8c8c8c;
    margin:0 0 20px;
    
}
.input-form .select-box.select-radio select {
    color:#555;
}
.input-form .select-box.select-radio select option {
    color:#555;
}

.input-form .select-box.select-radio .reception{
    border-top:1px solid #8c8c8c;
    padding:15px 10px;
    box-sizing:border-box;
}
.input-form .select-box.select-radio .reception:first-child {
    border-top:none;
    
}

.input-form .select-box.select-radio .reception:nth-child(2) p{
    width: 30%;
}
.input-form .select-box.select-radio .reception:nth-child(2) p:last-child{
    width: 70%;
}
.input-form .select-box.select-radio .reception:nth-child(2) p select{
    width: 100%;
    display:none;
    position:static;
    z-index:auto;
}

.input-form .select-box.select-radio .reception p{
    width: 50%;
}

/*.input-form .select-box.select-radio .reception p.lock{
	background: url(../img/common/icon_waku.png) no-repeat 100% center;
	background-size:18%;
	padding:7px 0px!important;
}*/

.input-form .select-box.select-radio .reception p:last-child{
    width: 60%;
}
/* -------------------------------------
Added At Story1937 End
------------------------------------- */

.input-form .select-box .fukidashi{
    width: 194px;
    height: 121px;
    padding: 10px 10px 30px;
    position: absolute;
    right: 10px;
    top: -125px;
    background: url(../img/common/fukidashi-bg.png) no-repeat left top;
    background-size: 214px 151px;
    display: none;
}

.input-form .select-box .fukidashi p{
    font-size: 1.2rem;
    color: #535353;
    line-height: 1.2;
}

.input-form .select-box .fukidashi a{
    display: block;
    width: 94px;
    margin: 12px auto 0;
    padding: 6px 0;
    font-size: 1.5rem;
    color: #535353;
    text-decoration: none;
    text-align: center;
    border: 1px solid #a7a7a7;
    background: #eeeeee;
}

.input-form.reply-finish .question-form-head p span{
    color: #AFAEAE;
}
.input-form.reply-finish .question-form-head p span.big{
    font-weight: bold;
    color:#555;
    font-size:17px;
}

#reply-finish__finish #question-finish{
    margin: -20px 0 0;
}

/* ----- ラジオボタン　チェックボックス ----- */
.input-form .radio,
.input-form .checkbox{
    display: none;
}


.input-form .radio + label,
.input-form .checkbox + label{
    padding: 0 0 0 17px;
    position: relative;
    font-size: 1.5rem;
    color: #535353;
    display: inline-block;
}

p.lock .radio + label,
p.lock .checkbox + label{
	color: #C0C0C0;
}

.input-form .radio + label:before{
    position: absolute;
    content: "";
    top: 1px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #ffffff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    border: 1px solid;
}

.input-form .radio[type="radio"]:checked + label:after{
    position: absolute;
    content: "";
    top: 4px;
    left: 3px;
    width: 6px;
    height: 6px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    background: #79d8e2;

}

.input-form .checkbox + label:before{
    position: absolute;
    content: "";
    top: 1px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #ffffff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid;
}

.input-form .checkbox[type="checkbox"]:checked + label:after{
    position: absolute;
    content: "";
    top: 4px;
    left: 3px;
    width: 6px;
    height: 6px;
    background: #79d8e2;

}


/*-----------adviser-----------*/

.input-form .adviser .radio + label,
.input-form .adviser .checkbox + label{
    height: 100%;
    padding: 0 0 0 0px;
    position: relative;
    font-size: 1.5rem;
    color: #535353;
    display: inline-block;
    text-align: right;
}

.input-form .adviser p{
    height: 100px;
    width: 50%;
    display: inline-block;
    vertical-align: baseline;
    box-sizing: border-box;
    border-top: #d8d8d8 5px solid;
    border-bottom: #d8d8d8 5px solid;
    margin-top: 10px;
}

.input-form .adviser p.selected{
    position: relative;;
    height: 110px;
    width: 50%;
    border: #79d8e2 10px solid !important;
    border-radius: 3px;
    padding: 0 0 0 0;
    margin-top: 5px;
}

.input-form .adviser p.selected:before {
    content: "";
    position: absolute;
    bottom: -21px; left: 50%;
    margin-left: -9px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 11px 11px 0 11px;
    border-color: #79d8e2 transparent transparent transparent;
    z-index: 0;
}

.input-form .adviser p:nth-of-type(1) img{
    margin-right: 10px;
}
.input-form .adviser p:nth-of-type(1).selected img{
    margin-right: 0px;
}

.input-form .adviser p:nth-of-type(2) img{
    margin-right: 5px;
}
.input-form .adviser p:nth-of-type(2).selected img{
    margin-right: 0px;
}


.input-form .adviser p:nth-of-type(1){
    border-left: #d8d8d8 5px solid;
}

.input-form .adviser p:nth-of-type(2){
    border-right: #d8d8d8 5px solid;
    margin-left: 0px;
}

.input-form .adviser .radio + label{
    width: 100%;
}

.input-form .adviser .radio + label span{
    position: absolute;
    bottom: 32px;
    font-weight: bold;
    font-size: 19px;
    color: #a0a0a0;
}

.input-form .adviser p:nth-of-type(1) label span{
    right: 55%;
}

.input-form .adviser p:nth-of-type(1).selected label span{
    right: 55%;
    color: #10bbd6;
    margin-right: -2px;
}
.input-form .adviser p:nth-of-type(2) label span{
    right: 52%;
}

.input-form .adviser p:nth-of-type(2).selected label span{
    right: 53%;
    color: #10bbd6;
    margin-right: 1px;
}

.input-form .adviser .radio[type="radio"]:checked + label{
    background: #e1fafc;
}

.input-form .adviser .radio + label:before{
    -webkit-border-radius: none;
    border: none;
    background: none;
}

.input-form .adviser .radio[type="radio"]:checked + label:after{
    -webkit-border-radius: none;
    border: none;
    background: none;
}


/* ----- プルダウン ----- */
.input-form .select{
    -webkit-appearance: none;
    appearance: none;
    height: 29px;
    color: #a0a0a0;
    background-color: #fff !important;
    background: url(../img/common/question-form-arr.png) no-repeat 94% center;
    background-size: 10px 6px;
    border: 1px solid #8c8c8c;
    border-radius:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding:0 0 0 8px;
}

.input-form .select.birthday-year{
    width:94px;
    font-size:1.5rem;

}

.input-form .select.birthday-month{
    width:68px;
    font-size:1.5rem;
}

.input-form .select.birthday-day{
    width:68px;
    font-size:1.5rem;
}


.input-form .gender p{
    float: left;
}


.gender .radio + label:before{
    top: 77%;
}
.gender .radio[type="radio"]:checked + label:after{
    top: 82%;
}

.input-form .gender p:first-child{
    margin: 0 45px 0 0;
}

.input-form .gender p img{
    margin: 0 0 0 14px;
}

.input-form .birtyday p{
    float: left;
    margin: 0 10px 0 0;
}

.input-form .birtyday p:last-child{
    margin: 0;
}

.input-form .pref .select{
    width: 100%;
    font-size:1.5rem;
}

.input-form .check-list .select-box{
    margin: 0;
    padding: 15px 10px;
}

.input-form .check-list .select-box:nth-child(odd){
    background: #f1ffff;
}

.input-form .check-list .select-box dd{
    width: 100%;
    display: table;
    table-layout: fixed;
}

.input-form .check-list .select-box dd p{
    display: table-cell;
    vertical-align: middle;
}
.input-form .question-form-head{
    padding:0 10px;
}
.input-form .question-form-head.mlr-10{
    padding:0;
}
.input-form .question-form-head p{
    font-size:1.4rem;
}
.input-form .question-form-head p span{
    font-size:1.5rem;
    color:#ff4040;
}
.input-form .question-form-head p .question-form-01{
    -webkit-appearance: button;
    -moz-appearance: button;
    -ms-appearance: button;
    appearance: button;
    appearance: button;
    width:100%;
    height: 28px;
    color: #a0a0a0;
    background: url(../img/common/question-form-arr.png) no-repeat 96% center;
    background-size: 10px 6px;
    border: 1px solid #8c8c8c;
    margin:8px 0 20px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    padding:0 0 0 8px;
}
.input-form .question-form-head p .question-form-01 ,x:-moz-any-link{
    background: none;
}
.input-form .question-form-head p .question-form-02{
    font-size: 1.5rem;
    width:100%;
    height: 28px;
    border: 1px solid #8c8c8c;
    margin:8px 0 20px;
    border-radius:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding:0 0 0 8px;
}
.input-form .question-form-head p .question-form-03{
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -ms-transition: height 0.2s;
    transition: height 0.2s;
    font-size:1.7rem;
    width:100%;
    height: 160px;
    border: 1px solid #8c8c8c;
    margin:8px 0 20px;
    border-radius:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding:5px;
}

.input-form .question-form-head p .question-form-03.h-80{
    height: 80px;
}

.copy-area{
    padding: 15px 10px 0;
}

.copy-area .copy{
    width: 100%;
    display: table;
}

.copy-area .copy:first-child{
    margin: 0 0 15px;
}

.copy-area .copy p input[type="text"]{
    width: 100%;
    height: 28px;
    padding: 0 10px;
    font-size: 1.3rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #8c8c8c;
}

.error p.error-txt,
p.error-txt
{
    font-size:1.5rem;
    color:#ff4040;
    padding-top:6px;
}

.input-form .question-form-head .error p .question-form-01,
.select-box.error select{
    background-color: #ffdede !important;
    background: url(../img/common/question-form-arr.png) no-repeat 96% center ;
    background-size: 10px 6px;
}

.input-form .question-form-head .error p .question-form-02,
.input-form .question-form-head .error p .question-form-03,
.input-form .error .checkbox + label:before,
.input-form .error .radio + label:before{
    background: #ffdede;
}

.input-form .input-box.error span,
.input-form .select-box.error span{
    font-size:1.5rem;
    color:#ff4040;
}

.input-form .input-box.error input[type="text"],
.error textarea{
    background: #ffdede;
}

.input-form .select-box.error .select{
    background: url(../img/common/question-form-arr.png) no-repeat 96% center #ffdede;
    background-size: 10px 6px;
}

.input-form .select ,x:-moz-any-link{
    background: none !important;
    background: #fff !important;
}

/* -------------------------------------
非会員
------------------------------------- */
#ttl-area {
    position: relative;
}
#ttl-area.b-none{
    border-bottom:none !important;
}

#ttl-area .obi-sample {
    width: 88px;
    position: absolute;
    right: 0;
    top: 0;
}

#ttl-area .sub-ttl {
    padding: 15px;
    background: #e5f4cd;
    display: table;
    table-layout: fixed;
    border-bottom: 1px solid #9f9f9f;
}

#ttl-area .sub-ttl h2 {
    width: 100%;
    font-size: 1.5rem;
    color: #535353;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
}

#ttl-area .sub-ttl p {
    width: 22px;
    padding: 0 5px 0 0;
    display: table-cell;
    vertical-align: middle;
}

#regist-area {
    padding: 15px;
    background: #f2f2f2;
}

#regist-area .read-text {
    font-size: 1.3rem;
    color: #535353;
    line-height: 1.3;
}

#regist-area .btn-regist {
    margin: 20px 0 0;
    text-align: center;
    background: #ff8440;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
}

#regist-area .btn-regist a {
    display: block;
    padding: 13px 0;
    font-size: 1.7rem;
    color: #ffffff;
    text-decoration: none;
}

#regist-area .btn-about {
    margin: 15px 0 0;
    text-align: center;
    background: #65dd94;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
}

#regist-area .btn-about a {
    display: block;
    padding: 10px 0;
    font-size: 1.3rem;
    color: #ffffff;
    text-decoration: none;
}

.mem-Reg-box{
    padding:10px 10px 15px;
    background-color:#eeeeee;
}

.mem-Reg-box p{
    font-size:1.5rem;
    line-height:1.4;
}

.mem-Reg-box .answer-look-txt,
.mem-Reg-box .mem-txt{
    text-align:center;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
}

.mem-Reg-box .answer-look-txt a{
    background-color:#ff8440;
    padding:14px 0;
    font-size:1.7rem;
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;
    display:block;
    margin:16px 0 0;
}

.mem-Reg-box .mem-txt a{
    background-color:#65dd94;
    padding:14px 0;
    font-size:1.7rem;
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;
    display:block;
    margin:16px 0 0;
}


/* -------------------------------------
その他
------------------------------------- */
.tab-content{
    display: none;
}
.tab-content.active{
    display: block;
}
.tab-btn-wrap{
    margin: 0 5px 10px;
}
.tab-btn-table{
    display: table;
    table-layout: fixed;
    width: 100%;
}
.tab-btn{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width: 100%;
    padding: 0 5px;
}
.tab-btn a{
    display: block;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    font-size: 1.4rem;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
    -webkit-appearance: none;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
}
.tab-btn a.active{
    -webkit-appearance: none;
    box-shadow: none;/*1px 2px 3px 0 rgba(0, 0, 0, 0.2);*/
    -webkit-box-shadow: none;/*1px 2px 3px 0 rgba(0, 0, 0, 0.2);*/
    background-image: url(../img/common/qa-arrow.png);
    background-position: center 37px;
    background-repeat: no-repeat;
    background-size: 16px;
}
.tab-btn a#Qreply{
    background-color: #72d10c;
}
.tab-btn a#Qfinish,
.function-button-limegreen input#Qfinish-form-btn{
    background-color: #ff99a3;
}
.tab-btn a {
    padding: 20px 0;
    -moz-transition: padding 0.2s linear 0;
    -webkit-transition: padding 0.2s linear 0;
    -o-transition: padding 0.2s linear 0;
    -ms-transition: padding 0.2s linear 0;
}

.tab-btn a.active {
    padding: 14px 0 26px;
}


.hide{
    display: none;
}

@-webkit-keyframes anime-fi {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes anime-fi{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
.animation-fi{
  -webkit-animation: anime-fi 1s;
  animation: anime-fi 1s;
}
@-webkit-keyframes anime-fo {
    0%   { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes anime-fo{
    0%   { opacity: 1; }
    100% { opacity: 0; }
}
.animation-fo{
  -webkit-animation: anime-fo 1s;
  animation: anime-fi 1s;
}
.animation-fi.active{
    display: block;
}

.tab-tow-column{
    width: 100%;
    display: table;
}

.tab-tow-column li{
    width: 50%;
    display: table-cell;
    vertical-align: bottom;
}

.tab-tow-column li img{
    width: 100%;
    height: auto;
}

#tab-area{
    width:100%;
}

#tab-area ul{
    width:100%;
    display: -webkit-box;
    display: -moz-box;
    overflow:hidden;
}
#tab-area li{
	-webkit-box-flex: 1;
	box-flex: 1;
	width: 34%;
	height:auto;
	position:relative;
}

#tab-area li img{
    width:100%;
    height:auto;
    vertical-align:top;
}

#tab-area li a{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}

#tab-area li .none{
    display:none;
}

#pager{
    padding: 28px 0 0;
    text-align:center;
}

#pager ul{
    display: table;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

#pager li{
    font-size:1.5rem;
    display: table-cell;
    margin: 0 13px;
    display: table-cell;
    border: 2px solid #fff;
}

#pager li a{
    display: inline-block;
    font-size:1.5rem;
    text-decoration:none;
}
#pager.type-b li a{
    color:#5ec0dd;
}
#pager.type-g li a{
    color:#85ca15;
}
#pager.type-lb li a{
    color:#5ec0dd;
}
#pager .prev-link{
    margin-right:7px;
    font-weight:bold;
    text-align: right;
    color: #d2cdcd;
}

#pager.type-b .link-btn{
    background: url(../img/common/bg-line-blue.gif) repeat left top;
}
#pager.type-g .link-btn{
    background: url(../img/common/bg-line-green.gif) repeat left top;
}
#pager.type-lb .link-btn{
    background: url(../img/common/bg-line-blue.gif) repeat left top;
}

#pager .link-btn,
#pager .link-on{
    width: 20px;
}

#pager .link-btn{
    background-size:3px 3px;
    padding:3px 6px;
    margin-left:13px;
}

#pager .link-on{
    padding:3px 6px;
    color:#ffffff;
    margin-left:13px;
}
#pager.type-b .link-on{
    background: #5ec0dd;
}
#pager.type-g .link-on{
    background: #85ca15;
}
#pager.type-lb .link-on{
    background: #5ec0dd;
}
#pager .next-link{
    margin-left:20px;
    font-weight:bold;
    text-align: left;
    color: #d2cdcd;
}

#question-finish{
    padding:20px 10px 0;
}


#question-finish h1{
    color: #77c000;
    font-size:1.7rem;
    border:1px solid #77c000;
    text-align:center;
    padding:14px 0;
    margin-bottom:26px;
    font-weight:normal;
}


.address-regi{
    border:1px solid #ff6b1b;
    padding:0 15px;
    position:relative;
    z-index:50;
    overflow:visible !important;
    margin-bottom:30px;
}

.address-regi .regi-top{
    overflow:visible !important;
}

.address-regi .regi-top .icc-left{
    position:relative;
    z-index:100;
    left: -4px;
    top: -13px;
    float:left;
}

.address-regi .regi-top .tit-right{
    font-size:1.6rem;
    color:#ff6b1b;
    font-weight:bold;
    padding-top:12px;
    line-height:1.3;
}
.address-regi .regi-top .tit-right span{
    font-size:2.4rem;
    color:#ff6b1b;
    font-weight:bold;
}

.address-regi .regi-bottom{
    position: relative;
    top: -8px;
}

.address-regi .regi-bottom{
    position: relative;
    top: -8px;
}

.address-regi .regi-bottom .bottom-txt{
    font-size:1.5rem;
    color:#ff6b1b;
    padding-bottom:16px;
}

.address-regi .regi-bottom .confirm-txt{
    font-size:1.2rem;
    color:#ff6b1b;
    padding-bottom:16px;
}

.address-regi .regi-bottom .address-btn a{
    display:block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color:#ff8440;
    text-align:center;
    padding:16px 0;
    font-size:1.5rem;
    color:#ffffff;
    text-decoration:none;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
}

.mod-text-box{
    margin: 15px 10px;
    padding: 11px 15px;
    border: 1px solid #9b9b9b;
}

.mod-text-box h3{
    font-size: 1.7rem;
    text-align: center;
    line-height: 3rem;
    font-weight: normal;
    margin: 0 -11px;
}

.mod-text-box p,
.mod-text-box ul{
    font-size: 1.5rem;
    line-height: 1.3;
}

.mod-text-box p{
    margin: 10px 0 0;
}

.mod-text-box ul{
    margin-top: 10px;
}

.mod-text-box.mod-text-box-green{
    color: #77c000;
    border: 1px solid #77c000;
}

.mod-text-box.mod-text-box-red{
    color: #ff4040;
    border: 1px solid #ff4040;
}

.error-box-text{
    margin: 15px 10px;
    padding: 15px;
    border: 1px solid #77c000;
}

.error-box-text h3{
    font-size: 1.7rem;
    color: #77c000;
    text-align: center;
    line-height: 3rem;
}

.error-box-text p{
    margin: 10px 0 0;
    font-size: 1.5rem;
    color: #77c000;
    line-height: 1.3;
}

#medical-list .medical-list-item dt {
    padding: 19px 30px 19px 15px;
    line-height: 1.4;
    font-size: 1.5rem;
    position: relative;
    border-bottom: 1px solid #9f9f9f;
}

#medical-list .medical-list-item dt:after {
	content: "";
	width: 10px;
	height: 10px;
	background: url(../img/common/icon-hifun-white.gif) repeat top left;
	background-size: 10px 10px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin: -5px 0 0;
}

#medical-list .medical-list-item dt.close:after {
	background: url(../img/common/icon-plus-white.gif) repeat top left;
	background-size: 10px 10px;
}

#medical-list .medical-list-item dt.disabled{
    color: #c1c1c1;
    border-bottom: 1px solid #ccc;
}

#medical-list .medical-list-item dt.disabled:after {
    background: url(../img/common/icon-plus-white-disable.gif) repeat top left;
    background-size: 10px 10px;
}

#medical-list .medical-list-item dd {
	padding: 15px;
    color: #535353;
    font-size: 1.5rem;
    line-stacking: 1.3;
	border-bottom: 1px solid #9f9f9f;
    display: none;
    line-height: 1.4;
}

#medical-list .medical-list-item dd p {
    font-size: 1.2rem;
}

#medical-list .medical-list-item dd .img {
    margin: 15px 0 0;
    text-align: center;
}

#medical-list .medical-list-item dd img {
    max-width: 100%;
}

/* -------------------------------------
スタイルガイド用
------------------------------------- */
.style-guide-area{
    padding:10px 0;
    width:100%;
    text-align:center;
    background:#fe0000;
}
.style-guide-area p{
    font-size:1.5rem;
    color:#ffffff;
}

.style-guid-ttl{
    padding: 10px 0;
    font-size: 1.5rem;
    color: #ffffff;
    text-align: center;
    background: #fe0000;
}

.mb8{
    margin-bottom: 8px !important;
}

.mt5{
	margin-top: 5px !important;
}

.mt10{
    margin-top: 10px !important;
}

.mt30{
    margin-top: 30px !important;
}

.mb10{
    margin-bottom: 10px !important;
}

.mtb10{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mlr10{
    margin-right: 10px;
    margin-left: 10px;
}

.mt20{
    margin-top: 20px !important;
}

.mt15{
	margin-top: 15px !important;
}

.mt25{
	margin-top: 25px !important;
}

.mb20{
    margin-bottom: 20px !important;
}

.mtb20{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mlr13 {
    margin-right: 13px;
    margin-left: 13px;
}
.mlr15{
    margin-right: 15px;
    margin-left: 15px;
}

.mlr20{
    margin-right: 20px;
    margin-left: 20px;
}

.p0{
    padding: 0 !important;
}

.p10{
    padding:10px!important;
}

.pb10{
    padding-bottom:10px!important;
}

.ptb10{
	padding-top:10px!important;
	padding-bottom:10px!important;
}

.pt20{
	padding-top:20px!important;
}

.pb20{
	padding-bottom:20px!important;
}

.ptb20{
	padding-top:20px!important;
	padding-bottom:20px!important;
}

.plr5{
	padding-right: 5px;
	padding-left: 5px;
}

.plr10{
    padding-right: 10px;
    padding-left: 10px;
}

.plr15{
	padding-right: 15px;
	padding-left: 15px;
}

.tlc{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.list-sq{
    list-style-type: square;
    margin-left: 22px;
}

.list-no{
    list-style-type: none;
    margin-left: 0px;
}

.list-de{
    list-style-type: decimal;
    margin-left: 22px;
}

.list-sq li,
.list-de li,
.list-no li{
    font-size: 1.5rem;
    margin-bottom: 1rem;
    line-height: 1.4;
}

.text-link{
    color: #11b4df;
}

.word-break{
   word-break:break-all;
}
.word-wrap{
    word-wrap:break-word;
}

/* -------------------------------------
退会ページ
------------------------------------- */
.gray-panel{
    background : #fff;
    opacity	: 0.8;
    width	: 100%;
    height	: 99999px;
    position : absolute;
    top	 : 0;
    left	: 0;
    display	: none;
    z-index	: 100;
}

#popup{
    font-size: 1.5rem;
    background: #fff;
    z-index: 200;
    width: 80%;
    border: 1px #ffb54b solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#popup.wide{
    width: 90%;
}

#popup h2{
    text-align: center;
    display: block;
    background: #ffb54b;
    margin: -10px -10px 10px;
    padding: 15px 0;
    color: #F8F8F8;
}

#popup h2,
#popup h3,
#popup p{
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: normal;
}

#popup .function-button-creamgreen a p{
    padding: 13px;
}

#cancel-btn{
    background-color: #C7C7C7;
}

.hl{
    background: rgb(255, 255, 94);
    font-size: 100%;
}

/* -------------------------------------
プロフィール登録ポップアップ
------------------------------------- */
#popup.popup-prof{
    z-index: 200;
    width: 90%;
    border: 1px #ffb54b solid;
}
#popup.popup-prof h2{
    margin: 0;
}

/* -------------------------------------
ローディング画像
------------------------------------- */
.gray-panel2{
    background : #fff;
    opacity	: 0.5;
    width	: 100%;
    height	: 99999px;
    position : fixed;
    top	 : 0;
    left	: 0;
    display	: none;
    z-index	: 300;
}

.gray-panel2 img {
        position:fixed;
        top:50%;
        left:50%;
        margin-top:-40px;
        margin-left:-40px;
}


/* -------------------------------------
凡庸
------------------------------------- */
.animated {
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -ms-transition: height 0.2s;
    transition: height 0.2s;
}

.f-right{
    float: right;
}

.f-left{
    float: left;
}

/* フォント */
.small{
    font-size: 12px !important;
}

.bg_couce{
	background-color: #ddfcff;
	margin: -15px;
	padding: 15px;
}

/* -------------------------------------
ブロック
------------------------------------- */
.block-lgreen{
    padding: 7px 10px;
    background: #e5f4cd;
}

.block-gray{
    padding: 7px 10px;
    background: #ebebeb;
}

.block-dgreen{
    padding: 7px 10px;
    background: #CDF4E0;
}



/* -------------------------------------
PC
------------------------------------- */
body.pc{
    width: 949px;
    margin: 0 auto;
    /*background: url(../img/common/pc-bg.jpg) no-repeat top center; -------Jqueryロード--------- */
}

body.pc.tb{
    width: 775px;
    margin: 0 auto;
    background: url(../img/common/pc-bg.jpg) no-repeat top center;
}

/*.pc #slide-menu, .pc #main-page{
    right: relative !important;
}

.pc #slide-menu{
    position: initial !important;
    display: block !important;
    width: 258px;
    margin-top: 87px;
    float: left;
    position: relative;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    box-shadow: 0px 0 13px rgba(114, 114, 114, 0.2);
    -webkit-box-shadow: 0px 0 13px rgba(114, 114, 114, 0.2);
    -moz-box-shadow: 0px 0 13px rgba(114, 114, 114, 0.2);
    -ms-box-shadow: 0px 0 13px rgba(114, 114, 114, 0.2);
}

.pc #slide-menu .menu-cnslt li{
    height: 68px;
}

.pc #slide-menu .menu-cnslt li a{
    padding: 27px 0 0 49px;
}

.pc #slide-menu .menu-about li{
    height: 54px;
}

.pc #slide-menu .menu-about li a{
    padding: 21px 0 0 10px;
}*/

.pc #main-page {
    position: relative !important;
    float: right;
    width: 500px;
    margin: 0 auto;
    box-shadow: 0px 0 13px rgba(114, 114, 114, 0.2);
    -webkit-box-shadow: 0px 0 13px rgba(114, 114, 114, 0.2);
    -moz-box-shadow: 0px 0 13px rgba(114, 114, 114, 0.2);
    -ms-box-shadow: 0px 0 13px rgba(114, 114, 114, 0.2);
    z-index:20;
}

/*.pc #menu{
    display: none !important;
}*/

.pc #header-area .logo-area ul li:first-child{
    border-right: none !important;
}

.pc #popup.popup-prof,
.pc #popup{
    width: 400px;
}

.pc #popup.wide{
    max-width: 900px;
}

/*
.pc #carrier-area{
    display: none;
}*/

.pc .qa-code{
    position: initial !important;
    width: 154px;
    margin-top: 87px;
    padding: 10px;
    text-align: center;
    float: right;
    position: relative;
    background: #fff;
    border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -ms-border-radius: 0px 5px 5px 0px;
    box-shadow: 0px 0 13px rgba(114, 114, 114, 0.2);
    -webkit-box-shadow: 0px 0 13px rgba(114, 114, 114, 0.2);
    -moz-box-shadow: 0px 0 13px rgba(114, 114, 114, 0.2);
    -ms-box-shadow: 0px 0 13px rgba(114, 114, 114, 0.2);
}

.pc .qa-code p{
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
    line-height: 1.3;
    color: #11b4df;
}

.pc footer{
    width: 500px;
}
.function-button-upload {
    position: relative;
    height: 50px;
}
.function-button-upload .button {
    display:block;
    text-align:center;
    color:#fff;
    font-size:1.7rem;
    font-weight: bold;
    text-decoration:none;
    background-color:#79d8e2;
    border-radius:3px;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
    padding: 13px 0;
}

.function-button-upload input[type="file"] {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    font-size: 100px;
    cursor: pointer;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb25{
    margin-bottom: 25px !important;
}
.mb35{
    margin-bottom: 35px !important;
}

.nowrap {
    white-space: nowrap;
}

/* -------------------------------------
アップロード画像
------------------------------------- */
.uploaded-images {
    text-align: center;
}
.uploaded-images li {
    margin-top: 20px;
}
.uploaded-images li:first-child {
    margin-top: 0;
}
.uploaded-images .image-name {
    font-size: 13px;
}
.uploaded-images .delete {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: #535353;
    border-radius: 10px;
    position: relative;
    margin-left: 8px;
    vertical-align: middle;
    overflow: hidden;
}
.uploaded-images .delete:before {
    content: "×";
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    display: inline-block;
    height: 20px;
    overflow: hidden;
}
.uploaded-images .image {
    margin-top: 10px;
}
.uploaded-images .image img {
    max-width: 220px;
    max-height: 185px;
    width: auto;
    height: auto;
}

#bread {
  padding: 10px;
  margin: 0 0 0 0;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all; }
  #bread:after {
    display: block;
    clear: both;
    content: ''; }

#bread li:not(:first-child):before {
  content: ">";
  margin: 0 5px 0 0; }

#bread li {
  color: #808080;
  margin: 0 5px 0 0;
  display: inline;
  font-size: 12px;
  font-size: 1.2rem; }
  #bread li a {
    color: #808080;
    text-decoration: none; }
/* -------------------------------------*/

.font-bold {
    font-weight: bold;
}