.sp_head_wrap{
        display: flex;
        background: rgba(172, 152, 122, 0.5);
      }
      .sp_logo{
        width: 50%;
      }
      .sp_menu {
        width: 50%;
        margin-left: 20px;
    }
    .lang {
      display: flex;
      margin-top: 5%;
      margin-bottom: -10%;
      margin-left: 16%;
      width:80%;
    }
    .lang label{
      margin-left: -20px;
    }
    .ja-en{
      width:20px;
    }
    #language {
        display: none;
    }
    #language + label::after {
        content: "English";
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 2px 4px;
        background: #eee;
        cursor: pointer;
    }
    #language:not(:checked) + label + .contents *[lang="en"], #language:checked + label + .contents *[lang="ja"] {
        display: none;
    }
      @media screen and (max-width: 767px){
        .pc_header{
          display:none;
        }
        .btn-menu, a.btn-menu {
        color: #fff;
        background: rgb(195,190,178);
        background: radial-gradient(circle, rgba(195,190,178,1) 0%, rgba(172,152,122,1) 61%, rgba(172,152,122,1) 100%);
        }
        a.btn-radius {
        border-radius: 10px;
        width: 150px;
        height: 30px;
        display: block;
        text-align: center;
        }
        }
    @media screen and (min-width: 768px){
        .sp_header{
          display:none;
        }
    }
    @media screen and (max-width: 320px){
      .sp_logo img {
        width: 170px;
      }
      a.btn-radius {
        width: 120px;
    }
    }
    .kisetsu-list h4{
      font-size:35px!important;
      color:rgb(248, 98, 92);
      text-align: center;
    }
    .plan-list h4{
      font-size:35px!important;
      color:rgb(248, 98, 92);
      text-align: center;
    }

#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #fff;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}


/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
.nav_img{
  width: 200px;
  margin:0 auto;
  display: block;
}
/* #nav-content ul{
  background:rgba(172, 152, 122, 0.7);
} */
#nav-content li{
  height: 60px;
  border-top:0.5px solid #f5f5f5;
}
#nav-content li a{
  display: block;
  font-size:20px;
  color:#fff;
  line-height: 3;
  margin-left: 10%;
}
#nav-content ul li img{
  width:60px;
  height: 60px;
}
#nav-content ul li{
  display:flex;
}
.yoyaku{
  margin-top:20px;
}
.icon-li{
  width:30px!important;
  height:30px!important;
  margin-top:15px;
}
.small_a {
    font-size: 14px!important;
    margin-top: 10px;
    margin-left: 60px!important;
}
.langage{
  margin-top:20px;
}
.small_b {
    width: 100%;
    margin-left: 90px!important;
    font-size: 14px!important;
    margin-top: 10px;
}
.gold-tit {
    font-size: 35px;
    color: rgb(248, 98, 92);
    text-align: center;
    border: 5px solid rgb(248, 98, 92);
    border-radius: 20px;
    margin-bottom: 20px;
    margin-top: 60px;
    font-weight: 900;
}
@media screen and (max-width: 320px){
  .coustion h2 {
    width: 85%;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    font-size: 20px;
    background: #008080;
    /* border: 5px solid rgb(248, 98, 92); */
    /* border-radius: 20px; */
    line-height: 2;
    margin-top: 50px;

}}
ul#portrait li.gals-box{
	float: left;
	background: url(../images/boxBG.html) no-repeat top right;
	position: relative;	
	width: 90%;
	height: 450px;
	margin: 0.5% 5%;;
	overflow: hidden;
	z-index: 1;
}
ul#portrait li.gals-box .thum{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
ul#portrait li.gals-box .box-thum img.thum{
	width: 60%;
	max-width: 380px;
}
li.gals-box .thum:hover {
	background-color: rgba(255,255,255,0.5);
	transition: 1.5s;
	-moz-transition: 1.5s;
	-webkit-transition: 1.5s;
	-o-transition: 1.5s;
	-ms-transition: 1.5s;
	opacity: 0.8;
}
li.gals-box .thum .icon-new {
    color: #fff;
    background: url(../images/icon/new.html) center center no-repeat;
	background-size: 100%;
	width: 70px;
    height: 70px;
    position: absolute;
    top: -1.5px;
    right: 0;
	z-index: 12;
}
ul#portrait li.gals-box .box-text{
	background-color: rgba(255,255,255,0.5);
	width: 54%;
	height: 410px;
	position: absolute;
	top: 20px;
	right: 10px;
	padding: 2%;
	z-index: 10;
}
ul#portrait li.gals-box .box-text p{
	position: absolute;
	z-index: 20;

}
ul#portrait li.gals-box .box-text p.name-en{
	font-size: 2em;
	top: 50px;
	left: 22px;
	margin-bottom: 6px;
	color: #535353;
}
ul#portrait li.gals-box .box-text p.date{
	font-size: 0.7em;
	font-weight: bold;
	top: 10px;
	right: 14px;
	margin-bottom: 6px;
	color: #535353;
}
ul#portrait li.gals-box .box-text p.name{
	top: 93px;
	left: 16px;
	line-height: 20px;
}
ul#portrait li.gals-box .box-text p.name span.name-ja{
	font-size: 0.9em;
	margin-bottom: 10px;
	color: #535353;
}
ul#portrait li.gals-box .box-text p.name span.size{
	font-size: 0.7em;
	letter-spacing: 1px;
	color: #535353;
}
ul#portrait li.gals-box .box-text ul{
	width: 186px;
	position: absolute;
	top: 168px;
	z-index: 20;
}
	@media screen and (min-width: 675px) {
		ul#portrait li.gals-box .box-text ul{
			width: 279px;
		}
	}
ul#portrait li.gals-box .box-text ul li{
	font-size: 0.7em;
	letter-spacing: 1px;
	text-align: center;
	border: 1px solid rgb(248, 98, 92);
	width: 84px;
	height: 24px;
	float: left;
	padding: 2px 0;
	margin: 0 3px 2px 0;
	background-color: #fff;
	color: rgb(248, 98, 92);
}
ul#portrait li.gals-box .box-text p.comment{
	font-size: 0.8em;
	line-height: 22px;
	background-color: rgba(172, 152, 122, 0.3);
	width: 95%;
	height: 92px; 
	overflow: auto;
	padding: 8px;
	bottom: 68px;	
}
	@media screen and (min-width: 675px) {
		ul#portrait li.gals-box .box-text p.comment{
			height: 122px; 
			bottom: 70px;	
		}
	}
ul#portrait li.gals-box .box-text .button-box{
	position: absolute;
	bottom: 10px;
	right: 4%;
}

ul#portrait li.gals-box .box-text .clearfix .font-gothic {
    font-size: 0.65em;
}
.button-shine {
	background: url(../images/button-shine.html) no-repeat;
	width: 300px;
	height: 38px;
}
@media screen and (min-width: 675px) {
		ul#portrait li.gals-box .box-text p.comment{
			height: 122px; 
			bottom: 70px;	
		}
  }
  ul#portrait li.gals-box .box-text p.comment {
    font-size: 0.8em;
    line-height: 22px;
    background-color: rgba(172, 152, 122, 0.3);
    width: 95%;
    height: 92px;
    overflow: auto;
    padding: 8px;
    bottom: 68px;
}
.change-border01::before {
	bottom: -2px;
	height: 2px;
	right: -2px;
	width: 0px;
}
.change-border01::after,
.change-border01::before,
.change-border01__inner::after,
.change-border01__inner::before {
	background-color: #8e720f;
	content: '';
	display: block;
	position: absolute;
	z-index: 10;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
}
span.change-border01__inner{
	color: #8e720f;
	font-size: 1.2em;
	letter-spacing: 4px;
	line-height: 35px;
}
.work{
  color:#fff;
  width:35%;
  border-radius:5px;
  background:indianred;
  text-align: center;
  margin-top:-2%;
  font-size: 12px;
}
.tab{
    list-style:none;
    padding:0;
    margin:0 auto 20px auto;
    width:100%;
    display:flex;
}
.tab li{
    width:50%;
    background: #f8c6c6;
    margin-right:5px;
    border:1px solid #dfdfdf;
    text-align: center;
    padding:10px 0;
}
.tab li.active{
  background: rgb(248, 98, 92);
}
/* ページャー */
.tab_sub{
    margin:20px auto;
    padding:0;
    display:flex;
    list-style:none;
}
.tab_sub li{
    padding:5px;
    border:1px solid #dfdfdf;
    margin-right:5px;
}
.tab_sub li.active{
    background:#f79b9b;
}
 
.list .inner,
.list .inner table{
    display:none;
}
.list .inner.active{
    display:block;
}
.list .inner table.active{
    display:table;
}
table tr th {
    background: #efefef;
    width: 30%;
}
table tr th, table tr td {
    padding: 5px;
    border: 1px solid #dfdfdf;
}
.tab li {
    width: 33.3%;
    background: rgba(172, 152, 122, 0.5);
    margin-right: 5px;
    border: 1px solid #dfdfdf;
    text-align: center;
    padding: 10px 0;
    color:#fff;
}
.list table {
    border-collapse: collapse;
    width: 100%;
}
.box{
  width:95%;
  margin:0 auto;
}
@media screen and (max-width: 480px){
  ul#portrait li.gals-box {
    float: left;
    background: url(../images/boxBG.html) no-repeat top right;
    position: relative;
    width: 90%;
    height: 350px;
    margin: 0.5% 5%;
    overflow: hidden;
    z-index: 1;
    /* margin: 40px auto; */
    margin-top: 30px;
}
h2.black-sen {
  height:40px!important;
  text-align: center;
  font-size: 20px!important;
}
.space{
  margin-top:70px!important;
}
}
h2.black-sen {
  height:70px;
  text-align: center;
  font-size: 32px;
  padding: 20px 0 0 0;
}
h2.black-sen span:before {
    display: block;
    content: "";
    height: 8px;
}
h2.black-sen span {
    display: inline-block;
    height: 6px;
    background: #000;
}
.more_btn {
    width: 300px;
    background: rgb(248, 98, 92);
    font-size: 2.4rem;
    font-weight: 100;
    color: #FFF;
    text-align: center;
    padding: 8px;
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 20px!important;
}
.space{
  margin-top:100px!important;
}
#sort {
    width: 100%;
    margin: 0 auto;
    display: flex;
    margin: 30px 0;
}
#sort li {
    list-style: none;
    margin: 0 5px;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    width: 25%;
    cursor: pointer;
    text-align: center;
    background: rgba(172, 152, 122, 0.9);
}
a.link-btn:link, a.link-btn:visited {
    width: 300px;
    background: #C8102E;
    font-size: 2.4rem;
    font-weight: 100;
    color: #FFF;
    text-align: center;
    padding: 8px;
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 60px;
}
.detDay {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    display: flex;
    text-align: center;
    font-size: .75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
.detDay li {
    padding: 0 1px;
    /* flex: 1; */
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    flex: 1 1 0px;
}
dl {
    margin: 0;
}
user agent stylesheet
dl {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.detDay li dl dt {
    display: block;
    background: #f8f2e2;
    color: #8f5d1d;
    text-decoration: none;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.detDay li dl dt span {
    display: block;
    color: #333;
}
.detDay li dl dd {
    /* height: 3.9em; */
    text-align: center;
    color: #2ac186;
    margin: 0;
}
.detDay li dl dd {
    /* height: 3.9em; */
    text-align: center;
    color: #2ac186;
    margin: 0;
    font-size: 12px;
}
.detDay li dl dt span {
    display: block;
    color: #333;
    font-size: 14px;
}
font{
    font-size:16px;
}
/*.top_li{
  width:95%;
  margin:0 auto;
}*/
.top-keyword-search-cont {
                position: relative;
            }
            .top-keyword-search-cont ._input-cont {
                width: 100%;
            }
            .top-keyword-search-cont ._input-cont input[type=text] {
                border-radius: 8px;
                padding: 0 44px 0 15px;
            }
            input[type=text] {
                padding: 0 1rem;
                width: 80%;
                height: 44px;
                border: 1px solid #d4dadd;
            }
            .top-keyword-search-cont ._submit-btn-cont {
                position: absolute;
                top: 0;
                right: 0;
            }
            .top-keyword-search-cont ._submit-btn-cont .btn {
                width: 44px;
                height: 46px;
                line-height: 44px;
                margin-right: -2px;
            }
            .search-contents-container button {
                letter-spacing: .2em;
                width: 150px;
                height: 46px;
                line-height: 40px;
                border-radius: 0 5px 5px 0;
                background-color: #45a898;
                color: #fff;
                font-weight: 700;
                font-size: 16px;
                border: none;
            }
            .btn_ex{
              border-radius: 5px 5px 5px 5px!important;
            }
            .search-contents-container {
              padding: 10px;
              margin-bottom: 0;
            }
            .search-contents-container li {
              display: inline-block;
              margin-right: 6px;
              margin-bottom: 10px;
            }
            .search-contents-container li input[type=checkbox] {
                display: none;
            }
            /*input[type=checkbox] {
                display: inline;
                vertical-align: baseline;
                -webkit-transform: scale(1.5,1.5);
            }*/
            /*input[type="checkbox" i] {
                -webkit-appearance: checkbox;
                box-sizing: border-box;
                background-color: initial;
                margin: 3px 0.5ex;
                padding: initial;
                border: initial;
            }*/
            .search-contents-container li label {
              position: relative;
              display: block;
              padding: 10px;
              font-weight: 700;
              border-radius: 100px;
              background-color: #f6f8f8;
              color: #8e9ba4;
          }
          .searchplus {
              padding: 10px 0;
              display: block;
              font-weight: bold;
              text-align: center;
              text-decoration: none;
              width: 83%;
              margin: 15px auto;
              color: #fff;
              border-radius: 50px;
          }
          .searchplus:hover {
            color: #C8102E;
            background-color: #ffffff;
            border: 1px solid #C8102E;
            transition: all ease-in-out .3s;
          }
          @media screen and (min-width: 1024px){
            .top-keyword-search-cont ._submit-btn-cont {
              position: absolute;
              top: 0;
              right: 4%;
          }
          input[type=text] {
              padding: 0 1rem;
              width: 90%;
              height: 44px;
              border: 1px solid #d4dadd;
          }
          }
          @media screen and (min-width: 600px) and (max-width: 1023px){
            .top-keyword-search-cont ._submit-btn-cont {
              position: absolute;
              top: 0;
              right: 2%;
          }
          input[type=text] {
              padding: 0 1rem;
              width: 90%;
              height: 44px;
              border: 1px solid #d4dadd;
          }
          }
          .black{
            color:#333!important;
          }
          .navigation {
            display: table;
            table-layout: fixed;
            width: 100%;
            border-spacing: 10px 0;
            padding: 5px 0px;
        }
        .navigation>li {
            display: table-cell;
        }
        .navigation a {
            color: inherit;
            text-decoration: none;
            display: block;
            padding: 14px 0 14px 0;
            background-color: #fff;
            font-weight: bold;
            text-align: center;
            border-radius: 4px;
            box-shadow: 0 1px 1px rgba(0,0,0,.3);
            margin: auto;
            position: relative;
            font-size: 13px;
        }
        .ex_wrap{
          max-width:90%;
          margin:0 auto;
        }
        @media screen and (max-width: 320px){
          .navigation a {
              font-size: 11px;
          }
        }
        @media screen and (min-width: 1024px){
          .w100 {
              width: 100%;
              max-width: 1200px;
              margin: 0 auto;
          }
        }
        .coustion{
            display:none;
          }
          ul#portrait li.gals-box .box-text p.comment {
              width: 95%;
              height: 152px;
              padding: 8px;
              bottom: 0px;
          }
          @media screen and (max-width: 480px){
          ul#portrait li.gals-box .box-thum img.thum {
              width: 100%;
              max-width: 380px;
          }
          .work {
              color: #fff;
              width: 35%;
              border-radius: 5px;
              background: indianred;
              text-align: center;
              margin-top: -2%;
              font-size: 12px;
              position: absolute!important;
              top: -45%;
              left: 5%;
          }
          ul#portrait li.gals-box .box-text {
              background-color: rgba(255,255,255,0.5);
              width: 100%;
              height: 410px;
              position: absolute;
              top: 20px;
              right: 0px;
              padding: 2%;
              z-index: 10;
          }
          ul#portrait li.gals-box .box-text ul {
            width: 186px;
            position: absolute;
            top: 168px;
            z-index: 20;
            display: none;
        }
        ul#portrait li.gals-box .box-text p.comment {
            width: 95%;
            height: 152px;
            padding: 8px;
            bottom: 20%;
        }
        table tr th, table tr td {
    padding: 5px;
    border: none;
    font-size: 15px;
}
        }
        table tr th, table tr td {
    padding: 5px;
    border: none;
}
.pink{
  color:#EF5B5C!important;
}
#wrapper {
    min-width: 320px;
    padding-top: 0;
    margin: 0 auto;
    text-align: left;
    position: relative;
    max-width: 100%;
    margin-top: 0;
}
.detDay li dl dt span {
    display: block;
    color:#EF5B5C ;
    font-size: 14px;
}
.ex_wrap {
    max-width: 98%;
    margin: 0 auto;
}
.detDay{
  display:
}
.net{
  margin-top:10px!important;
}
.time_text {
    margin-left: 3px;
    color: red;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
}
.head_btn a {
    color: #fff;
    /* line-height: 2; */
}
.img-wo img {
    /* max-width: 1500px; */
    display: block;
    /* margin: 0 auto; */
    width: 130px!important;
    height: 70px;
    /* height: fit-content; */
    object-fit: contain;
    margin-top: 70px;
}
@media screen and (min-width: 1024px){
  table tr th, table tr td {
    font-size: 16px;
}
main {
    width: 100%;
    margin: 0 auto;
    margin-top: 80px;
}
.img-wo img {
    margin-bottom: 15px;
}
}
@media screen and (max-width: 480px){
.img-wo img {
    /* object-fit: contain!important; */
    width: 100px!important;
}
.ex_wrap {
    max-width: 95%;
    margin: 0 auto;
}
.mem_wrap {
    margin-top:10px;
}
}
/*******************************
	女の子一覧・写メ日記一覧
*******************************/
.com_list_description {
	font-size: 12px;
	padding: 0 10px;
	margin-bottom: 10px;
	color: #999;
}
.com_list.style2 li {
	padding: 20px 0;
}
.com_list.style2 li a {
	background-color: #fff;
	display: block;
	position: relative;
	text-decoration: none;
	overflow: hidden;
}
.com_list.style2 li .com_table {
	width: 100%;
	table-layout: auto;
}

.com_list.style2 li .photo .inner {
    position: relative;
    display: table-cell;
    width: 250px;
    min-width: 120px;
    height: 400px;
    text-align: center;
    vertical-align: middle;
}
.com_list.style2 li .photo.style2 .inner {
	width: 120px;
	min-width: 120px;
	height: 120px;
}
.com_list.style2 li .photo .inner .image {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-top-left-radius: 2px;
	-moz-border-top-left-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	-moz-border-bottom-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
}
.com_list.style2 li .photo .inner .image.style2 {
	background-size: contain;
}
.com_list.style2 li .text {
	position: relative;
	vertical-align: top;
	padding: 5px 5px 5px 10px;
	width: 50%;
}
.com_list.style2 li .photo .standby,
.com_list.style2 li .photo .full,
.com_list.style2 li .photo .finished {
	position: absolute;
	display: block;
	bottom: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}
.com_list.style2 li .photo .standby {
	background-color: rgba(0,0,0,0.5);
}
.com_list.style2 li .photo .full {
	background-color: rgba(204,51,51,0.8);
}
.com_list.style2 li .photo .finished {
	background-color: rgba(127,127,127,0.5);
}
.com_list.style2 li .text .title {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #444;
	margin-bottom: 5px;
}
.com_list.style2 li .text .title.nowrap {
	position: relative;
	height: 27px;
	line-height: 27px;
	overflow: hidden;
}
.com_list.style2 li .text .title.nowrap .inner {
	position: absolute;
	white-space: nowrap;
}
.com_list.style2 li .text .style1 {
	display: block;
	color: #000;
	font-size: 14px;
}
.com_list.style2 li .text .margin_bottom {
	display: block;
	margin-bottom: 20px;
}
.com_list.style2 li .text .style2 {
	display: block;
	font-size: 14px;
}
.com_list.style2 li .text .style2.nowrap {
	position: relative;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
}
.com_list.style2 li .text .style2.nowrap .inner {
	position: absolute;
	white-space: nowrap;
}
.com_list.style2 li .text .style2.margin_bottom {
	margin-bottom: 20px;
}
.com_list.style2 li .text .style3 {
	display: inline-block;
	background-color: #f6f6f6;
	padding: 3px 6px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #000;
	font-size: 12px;
	margin-bottom: 5px;
}
.com_list.style2 li .text .style4 {
	display: block;
	font-size: 12px;
	color: #e10000;
}
.com_list.style2 li .style4 {
	display: block;
	font-size: 12px;
	color: #999;
	line-height: 2.0;
}
.com_list.style2 li .style5 {
	position: absolute;
	right: 10px;
	bottom: 5px;
	font-size: 12px;
	color: #999;
}
.com_list.style2 li .schedule {
	position: absolute;
	display: table;
	border: solid 1px #259c8d;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
	bottom: 5px;
	right: 5px;
	width: 190px;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.com_list.style2 li .schedule .description {
	display: table-cell;
	width: 50%;
	margin-right: 5px;
	background-color: #259c8d;
}
.com_list.style2 li .schedule .hours {
	display: table-cell;
	width: 50%;
	color: #259c8d;
	font-weight: bold;
}
.com_list.style2 li .schedule.full {
	border-color: #cc3333;
}
.com_list.style2 li .schedule.full .description {
	background-color: #cc3333;
}
.com_list.style2 li .schedule.full .hours {
	color: #cc3333;
}
.com_list.style2 li .schedule.finished {
	border-color: #999;
}
.com_list.style2 li .schedule.finished .description {
	background-color: #999;
}
.com_list.style2 li .schedule.finished .hours {
	color: #999;
}
.com_list.style2 li .icons {
	display: block;
	font-weight: normal;
	font-size: 16px;
	margin: 2px 0;
}
.com_list.style2 li .icons .icon {
	text-align: center;
	margin-right: 10px;
}

/*******************************
	一覧共通
*******************************/
.com_list li .title .number {
	display: inline-block;
	font-size: 12px;
	margin-right: 10px;
	line-height: 27px;
	vertical-align: bottom;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	padding: 0 2px;
	min-width: 26px;
	color: #444;
	background-color: #edf1f4;
	font-weight: bold;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.com_list li .title .number.number1 {
	background-color: #f8bb07;
	color: #fff;
}
.com_list li .title .number.number2 {
	background-color: #f85f64;
	color: #fff;
}
.com_list li .title .number.number3 {
	background-color: #279dc5;
	color: #fff;
}
.com_td {
    display: table-cell;
}
@media screen and (max-width: 1024px){
.com_list.style2 {
    max-width: 95%;
    margin: 0 auto;
}
}
@media screen and (max-width: 768px){      
  .com_td {
    display: block;
}
  .com_list.style2 li .photo .inner {
    position: relative;
    display: block;
    width: 380px;
    min-width: 120px;
    height: 460px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
}
      }
@media screen and (max-width: 480px){
.com_list.style2 li .text {
    position: relative;
    vertical-align: top;
    padding: 5px 5px 30px 10px;
    width: 90%;
}
.com_list.style2 li .icons {
    display: block;
    font-weight: normal;
    font-size: 15px;
    margin: 2px 0;
}
}