*{ 
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	margin:0; padding:0;
	color:#333;
	line-height:1.4;
}
img { border: 0; }
a:link, a:active { text-decoration:none; color:#333; outline:none; }
a:visited  { text-decoration:none; color:#333; }
a:hover { text-decoration:underline; color:#333;}
li {list-style:none;}

body {background:url('../../images/bg.jpg') top center fixed; }

/*=====================================================================
Layout
=====================================================================*/
header { float:left; width:100%; height:158px; position:fixed; top:0; z-index:7; overflow: hidden; background:url('../../images/header/menubg.jpg') repeat-x; }
footer {float:left; width:96%; background:#000; padding:2%;}

#wrapper {width:100%; }
section {float:left; width:100%; padding-bottom:30px;}
section.top-padding-158 {padding-top:158px;}
section.top-padding-250 {padding-top:250px;}
.contents-wrapper {margin:0 auto; width:1200px; }

/*=====================================================================
Index page
=====================================================================*/
#index-wrapper { float:left; width:100%; }
#index-section {margin: 0 auto; width:1200px; }
#index-section .rogo { float:left; width:1200px; margin-top:250px; text-align:center; }
#index-section .button { float:left; width:470px; height:133px; text-align:center; margin:50px 370px 70px; }
#index-section .button li { float:left; margin:0 10px; font-size:12px; }
#index-section .simai-banner { float:left; width:1120px; margin:50px 0; }

#index-section .banner { float:left; width:1200px; text-align:center; margin-top:50px; }
#index-section .adBanner { float:left; width:1200px; text-align:center; margin-bottom:10px; }
#index-section .link { float:left; width:1200px; text-align:center; margin-top:50px; }
#index-section .link .b88 {text-align:center; margin-bottom:10px; }
#index-section .link .b88 img {margin-right:10px; }
#index-section .link .b200 {text-align:center; margin-bottom:10px; }
#index-section .link .b200 img {margin-right:10px; }
#index-section .link .b468 {float:left; width:1000px; margin:0 100px;  }
#index-section .link .b468 li {float:left; margin-right:20px; }

/*=====================================================================
Common
=====================================================================*/
.float-left {float:left;}
.float-right {float:right;}

.text-align-left {text-align:left;}
.text-align-right {text-align:right;}
.text-align-center {text-align:center;}

.tel-new { position:relative; bottom:15px; }

.font30 { font-size:30px; }
.notice-system { text-align:center; color:#ff0000; font-size:30px; font-weight:bold; margin:10px 0 30px;  }
.title {float:left; width:100%; text-align:center; margin-bottom:20px; }


/*=====================================================================
Header
=====================================================================*/
ul.header-info {float:left; width:1200px; height:100px;}
ul.header-info li {float:left; width:600px; height:30px; padding:35px 0;}
.header-menu {
    display: flex; 
    justify-content: space-between;
	align-items: center;
    width: 1200px;
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
}
ul.header-menu-left, ul.header-menu-right {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul.header-menu-left li, ul.header-menu-right li {
    margin: 0 10px;
    font-size: 16px;
    text-align: center;
}
ul.header-menu-left li a, ul.header-menu-right li a {
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 16px;
    position: relative;
	font-family: "Sawarabi Mincho";
}
ul.header-menu-left li a span, ul.header-menu-right li a span {
    display: block; 
    font-size: 9px;
    color: #f7c364c2;
    margin-top: 5px;
}

.logo {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    text-align: center;
    z-index: 10;
} 

/*=====================================================================
Tail
=====================================================================*/
ul.footer-menu {
	display: flex; 
    justify-content: space-between;
	align-items: center;
    width: 1200px;
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
}
ul.footer-menu li {
    margin: 0 10px;
    font-size: 16px;
    text-align: center;
}
ul.footer-menu li a {
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 16px;
    position: relative;
	font-family: "Sawarabi Mincho";
}
ul.footer-menu li a span {
    display: block; 
    font-size: 9px;
    color: #f7c364c2;
    margin-top: 5px;
}

.copyright { margin:0 auto; width:1200px; color:#fff; padding:10px 0; font-size:12px; }
.footer-simai-banner { display:flex; margin:0 auto; width:1200px; }


.footer-widget {
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 30px 0;
}

/*=====================================================================
Top page
=====================================================================*/
.top-banner {float:left; width:100%;}

#simai { float:left; width:1200px; margin-bottom:20px;  }

#simai-banner { float:left; width:1120px; margin:20px 0; }


#news {float:left; width:370px; margin-right:10px;}
#news .subject {float:left; width:370px; height:60px; padding-bottom:10px;}
#news .contents {float:left; width:350px; height:500px; background:#efefef; overflow:auto;}
#news .contents li {float:left; width:310px; padding:5px; margin-bottom:5px; border-bottom:1px dotted #666;}
#news .contents li dt {float:left; width:100%; font-size:12px;}
#news .contents li dt b {font-size:14px; margin-left:5px; color:#666;}
#news .contents li dl {float:left; width:100%;}
#news .contents li dl dd {float:left; width:100%;}
#news .contents li dl dd img{ max-width:320px;}
#news .contents li dl dd a.news-girl {  float:left; width:100px; margin-right:4px; text-align:center; color:#0080ff;}
#news .contents li dl dd a img { width:100px;  border:1px solid #0080ff;}

#topixs {float:left; width:540px; }
#topixs .subject {float:left; width:370px; height:60px; padding-bottom:10px;}
#topixs .contents {float:left; width:540px; height:500px; overflow:auto;}
#topixs .contents li {float:left; width:510px; padding:5px; margin-bottom:5px; border-bottom:1px dotted #666;}
#topixs .contents li dt {float:left; width:510px; margin-bottom:10px; }
#topixs .contents li dt b {font-size:14px; margin-left:5px; color:#666;}
#topixs .contents li dl {float:left; width:110px;}
#topixs .contents li dl.image img {float:left; width:100px; margin-right:10px; }
#topixs .contents li dl dd {float:left; width:100%;}


#diary {float:right; width:270px; }
#diary .subject {float:left; width:270px; height:60px; padding-bottom:10px;}
#diary .contents {float:left; width:270px; height:500px; background:#efefef; }

#widgetWrapper { float:left; width:1200px;  }
#widgetWrapper li { position:relative; float:left; width:590px;  }
#widgetWrapper li:last-child { position:relative; float:right; width:590px;  }

/*=====================================================================
Compnaion List
=====================================================================*/
.schedule-date {float:left; width:1200px; text-align:center; font-size:24px; font-weight:bold; color:#666; padding-top:30px;}
.schedule-date span {font-size:20px; font-weight:bold;}
.schedule-date a {float:left; width:130px; background:#ccc; text-align:center; border-radius:10px; display:block; padding:10px; margin:10px; color:#fff; font-size:16px;}
.schedule-date a.selected {background:#333;}

.companion-list { 
	width: 100%;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(290px, max-content));
	gap: 15px;
	justify-content: center;
}
.companion-list li { width:290px; height:385px; background:#efefef; position: relative; overflow: hidden;}
.companion-list li .recommend { position:relative;  }
.companion-list li .recommend .icon {   position: absolute; top: 260px; right: 0; bottom: 0; left: 0; margin: auto; text-align:center; }
.companion-list li dt {float:left; width:290px; height:385px;}
.companion-list li dt img {width:290px; height:385px;}
.companion-list li dl {
	width: 100%;  
    height: 70px; 
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px;
} 
.companion-list li dl dd {color:#fff;} 
.companion-list li dl dd.name { display:flex; justify-content: space-between; font-size:16px; font-weight:bold; padding-right:10px; }  

.companion-list li dl dd.name img {float:right; margin:5px 5px 0 0; text-align:right; }  
.companion-list li dl dd.profile {color:#fff;} 
.companion-list li dl dd.worktime {color:#fff;} 

/*=====================================================================
schedule group
=====================================================================*/
.scheduleGroup-list { 
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, max-content));
    gap: 15px;
    justify-content: center;
}

.scheduleGroup-list li {
    width: 290px;
}

.scheduleGroup-list li a {
    display: block;
    width: 290px;
    background: #efefef;
    position: relative;
    overflow: hidden;
}

.scheduleGroup-list li a figure {
    width: 290px;
    height: 385px;
    margin: 0;
}

.scheduleGroup-list li a figure img {
    width: 290px;
    height: 385px;
}

.scheduleGroup-list li a dl {
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px;
}

.scheduleGroup-list li a dl dd {
    color: #fff;
	font-size: 14px;
	line-height: 1.6;
}

.scheduleGroup-list li a dl dd.name {
    display: flex;
    justify-content: space-between;
    font-size: 17px;
    font-weight: bold;
    padding-right: 10px;
}
.scheduleGroup-list li a dl dd.icon-scheduleGroup {
	text-align: center;
	margin-bottom: 10px;
}
.scheduleGroup-list li a dl dd.icon-scheduleGroup img {
	height: 30px;
}

.scheduleGroup-list li a dl dd.profile {
    color: #fff;
}

.scheduleGroup-list li a dl dd.worktime {
    color: #fff;
}

.scheduleGroup-list li .scheduleGroup-icon {
   padding-top: 3px;
}

/*=====================================================================
mailmaga
=====================================================================*/
.mailmaga {float:left; width:1200px; }
.mailmaga dl {float:left; width:900px; margin:20px 150px; }
.mailmaga dl dt {float:left; width:880px; padding:10px; text-align:center; font-size:20px; color:#fff; margin-bottom:10px; border-radius:10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3e2c7+0,c19e67+50,b68d4c+51,e9d4b3+100;L+Brown+3D */
background: #f3e2c7; /* Old browsers */
background: -moz-linear-gradient(top, #f3e2c7 0%, #c19e67 50%, #b68d4c 51%, #e9d4b3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=0 ); /* IE6-9 */}
.mailmaga dl dd {float:left; width:880px; padding:10px; text-align:center; font-size:18px; color:#000; }
.mailmaga dl dd {float:left; width:880px; padding:10px; text-align:center; font-size:18px; color:#000; }
.mailmaga dl dd input[type=text] {width:500px; padding:5px; margin-right:5px;}
.mailmaga dl dd input[type=submit] {width:70px; height:30px; padding:5px 5px; margin-top:5px; }

.mailmaga dl dd .spamMail { float:left; width:820px; padding:20px 30px; background:#f6c500; text-align:left; margin-bottom:30px;}
.mailmaga dl dd .spamMail h3 { font-size:20px; color:red; text-decoration:underline; text-align:center; margin-bottom:15px;}

/*=====================================================================
Profile
=====================================================================*/
.profile-name {float:left; width:100%; padding:5px; text-align:center; font-size:36px; font-weight:bold; margin-top:30px;}
.profile-name img {margin-left:5px; }
.profile-3size {float:left; width:100%; padding:5px; text-align:center; font-size:24px; font-weight:bold;}

#profile-bimage {float:left; width:1200px; height:800px; text-align:center; margin-bottom:10px; overflow: hidden;}
#profile-bimage li {width:1200px; height:800px;}
#profile-bimage li img { height:800px;}

#profile-timage {float:left;  width:1200px; margin-bottom:50px;}
#profile-timage li {margin-right:5px; width:200px; height:133px; }
#profile-timage li:hover {cursor:pointer;}
#profile-timage li img {margin-right:5px; width:200px; }

.profile-interview {float:right; width:350px; height:450px; margin-bottom:30px; }
.profile-interview .contents{float:left; width:350px; height:430px; overflow:auto;} 

.profile-movie {float:right; width:400px; height:240px; margin-bottom:30px;}

.profile-message {float:left; width:580px; height:240px; margin-bottom:30px;}
.profile-message .contents{float:left; width:580px; height:190px;  overflow:auto; font-size:16px;} 

.profile-comment {float:left; width:580px; height:180px;}
.profile-comment .contents{float:left; width:580px; height:130px; overflow:auto; font-size:16px;} 

.profile-diary {float:right; width:220px; margin-left:25px; font-size:16px; }

.profile-schedule {float:left; width:1200px;}
.profile-schedule .contents{float:left; width:1200px; height:300px; } 

/*=====================================================================
Ranking page
=====================================================================*/
#ranking-tab-wrapper {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
}
#ranking-tab-wrapper a {
	text-decoration:none;
	padding:10px 15px;
	width:200px;
	text-align:center;
	color:#fff;
	margin:50px 10px 10px;
	border-radius:5px;
	background: rgb(190,190,190);
	background: linear-gradient(16deg, rgba(190,190,190,1) 0%, rgba(228,228,228,1) 100%);
}
#ranking-tab-wrapper a:hover{
	background: rgb(11,11,11);
	background: linear-gradient(0deg, rgba(11,11,11,1) 0%, rgba(88,88,88,1) 100%);
}
#ranking-tab-wrapper a.active{
	background: rgb(11,11,11);
	background: linear-gradient(0deg, rgba(11,11,11,1) 0%, rgba(88,88,88,1) 100%);
}

#ranking {float:left; width:1200px; }
#ranking .subject {float:left; width:1200px; height:51px; padding:15px 0 0; margin:40px 0 30px; text-align:center; font-size:20px; color:#000; background:url('../../images/ranking/title_ranking.png') top center no-repeat; }

#ranking li.legend {
	float:left;
	width:543px; height:380px; padding:20px; margin:0 300px 20px; 
	text-align:center;
	background: #FDE08D;
	background: -webkit-linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);
	background: linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);
	border:#8f6B29 2px solid;
 }
#ranking li.legend .image {float:left; width:240px; height:360px; }
#ranking li.legend .image img { width:240px; height:360px; }
#ranking li.legend .profileWrap {float:right; width:290px; }
#ranking li.legend .profileWrap .icon {float:left; width:290px; }
#ranking li.legend .profileWrap .name {float:left; width:290px; font-size:28px; }
#ranking li.legend .profileWrap .size {float:left; width:290px; font-size:18px; margin-bottom:10px; }
#ranking li.legend .profileWrap .gcmt {
	float:left; 
	width:280px; 
	background:#000; 
	padding:3px 5px; 
	color:#fff;
	display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    line-height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
	font-size:14px; 
	margin-bottom:10px; 
}
#ranking li.legend .profileWrap .mcmt {float:left; width:290px; height:210px; overflow: hidden; font-size:14px; }

#ranking li.rank1 {float:left; width:543px; height:380px; padding:20px; margin:0 0 20px; background:#fff; border:1px solid #f2f2f2; }
#ranking li.rank1 .image {float:left; width:240px; height:360px; }
#ranking li.rank1 .image img { width:240px; height:360px; }
#ranking li.rank1 .profileWrap {float:right; width:290px; }
#ranking li.rank1 .profileWrap .icon {float:left; width:290px; }
#ranking li.rank1 .profileWrap .name {float:left; width:290px; font-size:28px; }
#ranking li.rank1 .profileWrap .size {float:left; width:290px; font-size:18px; margin-bottom:10px; }
#ranking li.rank1 .profileWrap .gcmt {
	float:left; 
	width:280px; 
	background:#000; 
	padding:3px 5px; 
	color:#fff;
	display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    line-height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
	font-size:14px; 
	margin-bottom:10px; 
}
#ranking li.rank1 .profileWrap .mcmt {float:left; width:290px; height:210px; overflow: hidden; font-size:14px; }

#ranking li.rank2 {float:right; width:543px; height:380px; padding:20px; margin:0 0 20px; background:#fff; border:1px solid #f2f2f2; }
#ranking li.rank2 .image {float:left; width:240px; height:360px; }
#ranking li.rank2 .image img { width:240px; height:360px; }
#ranking li.rank2 .profileWrap {float:right; width:290px; }
#ranking li.rank2 .profileWrap .icon {float:left; width:290px; }
#ranking li.rank2 .profileWrap .name {float:left; width:290px; font-size:28px; }
#ranking li.rank2 .profileWrap .size {float:left; width:290px; font-size:18px; margin-bottom:10px; }
#ranking li.rank2 .profileWrap .gcmt {
	float:left; 
	width:280px; 
	background:#000; 
	padding:3px 5px; 
	color:#fff;
	display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    line-height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
	font-size:14px; 
	margin-bottom:10px; 
}
#ranking li.rank2 .profileWrap .mcmt {float:left; width:290px; height:210px; overflow: hidden; font-size:14px; }

#ranking li.rank3 {float:left; width:370px; margin-right:10px; padding:10px; background:#fff; border:1px solid #f2f2f2; margin-bottom:30px; }
#ranking li.rank3 .image {float:left; width:200px; height:300px; }
#ranking li.rank3 .image img { width:200px; height:300px; }
#ranking li.rank3 .profileWrap {float:right; width:165px; }
#ranking li.rank3 .profileWrap .icon {float:left; width:165px; }
#ranking li.rank3 .profileWrap .name {float:left; width:165px; font-size:20px; }
#ranking li.rank3 .profileWrap .size {float:left; width:165px; font-size:14px; margin-bottom:10px; }
#ranking li.rank3 .profileWrap .gcmt {float:left; width:155px; height:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;background:#000; padding:5px; color:#fff; font-size:12px; margin-bottom:5px; }
#ranking li.rank3 .profileWrap .mcmt {
	float:left; width:165px; 
	font-size:12px; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 10; 
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.4em;
	height: 13.3em;
}

#ranking li.rank4 {float:left; width:370px; padding:10px; background:#fff; border:1px solid #f2f2f2; margin-bottom:30px; }
#ranking li.rank4 .image {float:left; width:200px; height:300px; }
#ranking li.rank4 .image img { width:200px; height:300px; }
#ranking li.rank4 .profileWrap {float:right; width:165px; }
#ranking li.rank4 .profileWrap .icon {float:left; width:165px; }
#ranking li.rank4 .profileWrap .name {float:left; width:165px; font-size:20px; }
#ranking li.rank4 .profileWrap .size {float:left; width:165px; font-size:14px; margin-bottom:10px; }
#ranking li.rank4 .profileWrap .gcmt {float:left; width:155px; height:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;background:#000; padding:5px; color:#fff; font-size:12px; margin-bottom:5px; }
#ranking li.rank4 .profileWrap .mcmt {
	float:left; width:165px; 
	font-size:12px; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 10; 
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.4em;
	height: 13.3em;
}
#ranking li.rank5 {float:right; width:370px; padding:10px; background:#fff; border:1px solid #f2f2f2; margin-bottom:30px; }
#ranking li.rank5 .image {float:left; width:200px; height:300px; }
#ranking li.rank5 .image img { width:200px; height:300px; }
#ranking li.rank5 .profileWrap {float:right; width:165px; }
#ranking li.rank5 .profileWrap .icon {float:left; width:165px; }
#ranking li.rank5 .profileWrap .name {float:left; width:165px; font-size:20px; }
#ranking li.rank5 .profileWrap .size {float:left; width:165px; font-size:14px; margin-bottom:10px; }
#ranking li.rank5 .profileWrap .gcmt {float:left; width:155px; height:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;background:#000; padding:5px; color:#fff; font-size:12px; margin-bottom:5px; }
#ranking li.rank5 .profileWrap .mcmt {
	float:left; width:165px; 
	font-size:12px; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 10; 
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.4em;
	height: 13.3em;
}

/*=== table css				============================================================================================================*/
table.tableInterview {width:350px; height:400px; border-collapse: collapse; }
table.tableInterview th {width:130px; vertical-align:middle; padding:5px 0; text-align:right; font-size:14px; border-bottom:1px dotted #ccc; font-weight:normal; color:#ff0000; }
table.tableInterview td { vertical-align:middle; padding:5px 0 5px 20px; text-align:left; border-bottom:1px dotted #ccc;}

table.tableSchedule {width:1200px; border-collapse: collapse;}
table.tableSchedule th {width:171px; height:50px;vertical-align:middle; padding:5px; text-align:center;  border:1px solid #222; font-size:16px;}
table.tableSchedule td {height:50px; vertical-align:middle; padding:5px; text-align:center;  border:1px solid #222; font-size:16px;}