@charset "utf-8";
/* CSS Document */

.under-profile-area{
	margin-top:60px;
}

.sf_760{
	display:none;
}
p.profile_midashi_ {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
	letter-spacing: normal;
    font-family: 'HelveticaNeue-Bold';
    color:#fff;

}

h3.profile_top_title {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 15px;
    color:#fff;
}

p.theree-size {
    font-size: 16px;
    margin-bottom: 15px;
}

.theree-size span {
    margin-right: 10px;
    letter-spacing: 1pt;
    color:#fff;
}

h3.message_text_midashi {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    letter-spacing: normal;
    color:#fff;
    font-family: 'HelveticaNeue-Bold';
}

.message_page_text {
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 1.4em;
}

table.message_list {
    width: 100%;
    margin-bottom: 30px;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}


.message_list th {
    vertical-align: middle;
    background-color: #E6E6E6;
    width: 20%;
    font-size: 14px;
    padding: 10px 5px;
    box-sizing: border-box;
    border-right: 1px solid #CCCCCC;
    letter-spacing: 0;
    line-height: 1.5em;
    border-bottom: 1px solid #cccccc;
	font-weight: bold;
}

.message_list td {
    vertical-align: middle;
    width: 80%;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    box-sizing: border-box;
    line-height: 1.5em;
    border-bottom: 1px solid #cccccc;
    letter-spacing: 1px;
    color:#fff;
}

h3.tenntyou_message_text_midashi {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    letter-spacing: normal;
    font-family: 'HelveticaNeue-Bold';
    color:#fff;
}

.middle-profile-area{
	overflow: -webkit-paged-y;
}

/*-------------スライダー---------------*/

.slider_flex{
	height:auto !important;
}

.slider_flex {
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
}


.slider_flex .bx-wrapper {
    width: 72%;
    height: auto;

}


.custom-thumb {
    width: 25%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}





.custom-thumb img {
    height: auto;
}

.bx-wrapper {

    margin-bottom: 30px;

}

.custom-thumb a {
    width: 43.8%;
    margin: 0 5px 15.3px;
	position:relative
}




.custom-thumb a.active:after {
content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: solid 3px #3e2768;
    position: absolute;
    top: 0;
    box-sizing: border-box;
    opacity: 1;
    transition: opasity .2s ease;
}


.linkbutton_flex_group {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
	margin-bottom:20px;
}


a.gure-box {
    color: #fff;
    background-color: #666666;
    padding: 15px;
    width: 33%;
    font-size: 16px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}


a.pink-box {
    color: #fff;
    background-color: #3e2768;
    padding: 15px;
    width: 33%;
    font-size: 16px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}


a.line-box{
    color: #fff;
    background-color: #1dcd00;
    padding: 15px;
    width: 33%;
    font-size: 16px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    display:block;
}

.jyoubu-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
        width: 100%;
}


.jyoubu-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	max-width: 435px;
    width: 100%;
    flex-wrap:wrap;
    margin-bottom:10px;
}

a.gure-box-small {
    color: #fff;
    background-color: #666666;
    padding: 10px;
    width: 49.5%;
    font-size: 12px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    display: block;
	    margin-bottom: 5px;
}

a.pink-box-small {
    color: #fff;
    background-color: #3e2768;
    padding: 10px;
    width: 49.5%;
    font-size: 12px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    display: block;
	    margin-bottom: 5px;
}

a.blue-box-small {
    color: #fff;
    background-color: #00acee;
    padding: 10px;
    width: 49.5%;
    font-size: 12px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    display: block;
	    margin-bottom: 5px;
}


a.pink-box:hover span.yajirusi,
a.gure-box:hover span.yajirusi{
	right:20px;
}


@media screen and (max-width: 1040px){
.linkbutton_flex_group{
	flex-wrap:wrap;
}
.under-profile-area{
	margin-top:30px;
}
a.pink-box-small,
a.blue-box-small,
a.gure-box-small,
a.pink-box,
a.gure-box,
a.line-box{
width:100%;
}

section.main_contents_box {
    margin-top: 60px;
}


.bx-wrapper .bx-next {
    right: 10px;
    background: url(../images/right.png) 0 0px no-repeat;
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(../images/left.png) 0 0px no-repeat;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
}

.jyoubu-area {
    display: block;
}

}


@media screen and (max-width: 760px) {
.pc_760{
	display:none;
}


.sf_760{
	display:block;
}

.sf_profile_img.sf_760 {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 30px;
	padding: 0 20px;
}

span.yajirusi{
right:10px;
}



}


@media screen and (max-width: 700px){
h3.message_text_midashi {
    font-size: 16px;
}

.message_page_text {
    font-size: 14px;
    margin-bottom:40px;
}

.message_list th {
    width: 100%;
    border-right: 0px solid #CCCCCC;
    border-bottom: 1px solid #cccccc;
    display: block;
	font-weight: bold;
}

.message_list td {
    width: 100%;
    display: block;
}

h3.tenntyou_message_text_midashi {
    font-size: 16px;
}

p.profile_midashi_ {
    font-size: 16px;
}

h3.profile_top_title {
    font-size: 26px;
    color:#fff;
}

p.theree-size {
    font-size: 16px;
    color:#fff;
}

div.main_contents_flex {

    padding: 30px 0;
}
div.contents_right_box , div.contents_left_box {

    padding: 0 20px;
    box-sizing: border-box;
}

/*div.bx-wrapper img {
    max-width: 100%;
    display: block;
    height: 600px;
    object-fit: cover;
}*/



.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{
    background: rgb(255, 255, 255);
    border: 2px solid #3e2768;
    border-radius: 10px;
    box-sizing: border-box;
}

 .bx-wrapper .bx-pager.bx-default-pager a:hover {
	    background: rgba(0, 0, 0, 0.7);

 }


a.gure-box {
    font-size: 14px;
   	margin-bottom:15px;

}


a.pink-box {
    font-size: 14px;
	margin-bottom:15px;
}




}



@media screen and (max-width: 400px){
	.jyoubu-right {
    display: block;
	}


	a.gure-box-small {

    width: 100%;

}

a.pink-box-small {

    width: 100%;
}


a.line-box {
    width: 100%;
}


.linkbutton_flex_group {
    display: block;

}


	a.gure-box {

    width: 100%;
	display: block;
	margin-bottom: 15px;

}

a.pink-box {

    width: 100%;
	display: block;

}

}