@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
}
ol, ul {
  list-style-type: none;
}
h1,h2,h3,h4,h5 {
/*	font-size:1rem;	
*/}
.display-none {
	display:none;
}
html{
    font-size: 90%;
}
body {
	margin:0;
	padding:0;
	color: #666666;
	font-family: "Noto Sans Japanese";
/*	background-image: url(../img/contents/back_img.jpg);
	background-repeat: repeat-x;
  overflow-x: hidden !important;
  overflow-y:scroll;*/
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

a{/*リンクされた文字*/
	color:#2BA8A8;
	font-style:normal;
	text-decoration:underline;
}
a:link {/*未訪問のリンク*/
	color:#2BA8A8;
	font-style:normal;
	text-decoration:none;
}
a:visited {/*訪問後のリンク*/
    color:#2BA8A8;
    text-decoration:none;
}
a:hover {/*マウスをのせたとき*/
	color:#A7E9E9;
}
a:active {/*クリック中*/
    text-decoration:none;
}
a:hover img {
    opacity: 0.7;
}

.fade_off {
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}

.fade_on {
    opacity: 1;
}

input {
	margin:3px;
}
img {
	border:none;
}
.m_t10 {
	margin-top: 10px;	
}

.m_t20 {
	margin-top: 20px;	
}
.m_t50 {
	margin-top: 50px;	
}
.m_l10 {
	margin-left: 10px;	
}
.m_l20 {
	margin-left: 20px;	
}
.m_l30 {
	margin-left: 30px;	
}

.m_tb30 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.m_b10 {
	margin-bottom: 10px;	
}

.m_b50 {
	margin-bottom: 50px;	
}

.p_top10{
	padding-top:10px;
}

.p_top20{
	padding-top:20px;
}

.p_top30{
	padding-top:30px;
}

.p_top40{
	padding-top:40px;
}
.p_top80{
	padding-top:80px;
}
.p_right10{
	padding-right:10px;
}

.p_right20{
	padding-right:20px;
}

.p_right30{
	padding-right:30px;
}

.p_right40{
	padding-right:40px;
}

.p_bottom10{
	padding-bottom:10px;
}

.p_bottom20{
	padding-bottom:20px;
}

.p_bottom30{
	padding-bottom:30px;
}

.p_bottom40{
	padding-bottom:40px;
}

.p_left10{
	padding-left:10px;
}

.p_left20{
	padding-left:20px;
}

.p_left30{
	padding-left:30px;
}

.p_left40{
	padding-left:40px;
}

.p_10{
	padding:10px;
}

.p_20{
	padding:20px;
}

.p_30{
	padding:30px;
}

.p_40{
	padding:40px;
}

.w90 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;	
}

.w80 {
	width: 80%;
	margin-right: auto;
	margin-left: auto;	
}

.harf {
	width: 42%;
	margin: 2%;
	padding: 2%;
	float: left;
}

.center {
	text-align: center;	
}
.bold {
	font-weight: bold;	
}
.txt_small {
		font-size: 75%;
		vertical-align: 10%;
}
.txt_small2 {
		font-size: 85%;
		vertical-align: 5%;
}
.under {
	text-decoration: underline;	
}

.red {
	color: #FF0000;	
}

/*.wabun {
		font-size: 1.3rem;
		line-height: 2rem;
		font-family: 'Noto Serif JP', serif;
		padding-top: 20px;
		padding-right: 0;
		padding-bottom: 20px;
		padding-left: 0;
}*/	

.wabun {
		font-size: 1.3rem;
		line-height: 2rem;
	font-weight:bold;
	color: #03A9F4;
	text-shadow: 
		0 0 0.05em #FFF59D,
		0 0 0.06em #FFF59D,
		0 0 0.07em #FFF59D,
		0 0 0.08em #FFF59D,
		0 0 0.09em #FFF59D,
		0 0 0.20em #FFF59D,
		0 0 0.20em #FFF59D,
		0 0 0.20em #FFF59D,
		0 0 0.50em #FFF59D;
/*	text-shadow: 
		0.04em 0.02em 0 #B0BEC5, 
		0.08em 0.05em 0 rgba(0, 0, 0, 0.6);*/
	font-family: 'Noto Serif JP', serif;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}	

#ContentsBody .subpage p {
    margin-bottom: 10px;
    padding-top: 0;
    padding-right: 5px;
    padding-left: 5px;
}
/* Navigation
----------------------------------------------- */
#Navigation {
		margin-bottom: 10px;
		min-height: 20px;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 8px;
		padding-left: 0px;
}

/* clearfix
----------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* .pagination
---------------------------------------------------*/
.pagination {
	margin-top: 30px;
}


.pagination a {
	display: table-cell;
}

.pagination .disabled {
	display:none;
}
.pagination .number,
.pagination .prev,
.pagination .next,
.pagination .current{
	padding:5px 8px;
	border:1px solid #e2e2e2;
	margin:0 2px;
	line-height: 3em;
}

/* Header
----------------------------------------------- */
#Header {
		height: 80px;
		margin-bottom: 0px;
		padding: 10px;
		/*width: 80vw;*/
		margin-right: auto;
		margin-left: auto;
/*		background:rgba(255,255,255,0.5);*/
}

ul#h_sub li.c-mini  a {
    font-size: 0.9rem;
		vertical-align: 2%;
}
ul#h_sub li.c-mini  span,
ul#h_sub li span {
		font-size: 0.6rem;
		vertical-align: 2%;
}
#Header h1 {
	float: left;
	padding-top: 0px;
	padding-left: 2%;
	max-width: 48%;
}
#Header h1 img {
		width:100%;
}
#Header h1 a{
	display: block;
}
#Header h1 a:hover {
    opacity: 0.8;

}

#Header h1 img {
		width:100%;
}

/* header_menu
----------------------------------------------- */
.back_wrap {
		width: 100%;
		background-color: #2b76cc;
}

ul#h_menu{
		width: 80vw;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		height: 49px;
		z-index: 999;
		position: relative;
		font-size: calc(1rem + ((1vw - 0.9rem) * 0.6944));
		padding-right: 10px;
		padding-left: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
}
ul#h_menu li{
	float:left;
	width:16.666%;
	height:48px;
	background-color:#2b76cc;
	list-style:none;
	text-align:center;
	box-sizing: border-box;
	font-weight: bold;
}

ul#h_menu li+ li {
      border-left: 1px solid #333;
}

ul#h_menu ul#h_sub li+ li {
      border-left: none;
}

ul#h_menu li a{
	display:block;
	height:100%;
	line-height:48px;
	color:#fff;
	text-shadow:-1px -1px #555;
	text-decoration:none;
}
ul#h_menu li a:hover {
		background-color:#80AFE3;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-bottom-color: #036;
		color:#333;
		text-shadow:none;
}
ul#h_sub li{
		float:none;
		background-color: #FFFFFF;
		width:100%;
		opacity:0.8;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #06C;
}
ul#h_sub li a {
		color: #333;
		text-shadow:none;
		height:100%;
		text-align: left;
		font-size: 0.9em;
		padding-top: 1%;
		padding-right: 1%;
		padding-bottom: 1%;
		padding-left: 0.5rem;
}

ul#h_sub li a::before {
    content: ' ';
}
ul#h_sub li a:hover {
		background-color: #C6F1FF;
		color: #039;
		text-shadow:none;
		border-bottom: none;
}
/*Pagetop
----------------------------------------------- */
#Pagetop,#Page {
		padding: 10px;
		width: 80vw;
		margin-right: auto;
		margin-left: auto;
		font-size: 1.1em;
		margin-bottom: 50px;
}
#Pagetop {
		margin-top: 50px;
}

/* Footer
----------------------------------------------- */
#Footer {
    color: #fff;
		padding: 10px;
		width: 80vw;
		margin-right: auto;
		margin-left: auto;
}
#footertop {
		width: 80vw;
		background-color: #2b76cc;
		color: #fff;
		margin-bottom: 0;
		padding: 5px;
		margin-left: auto;
		margin-right: auto;
}

.footer_menu1 {
    margin-bottom: 30px;
		overflow: hidden;
		font-size: 0.9em;
}
.footer_menu2 {
    margin-bottom: 30px;
		overflow: hidden;
		font-size: 0.9em;
}
.foot_list {
    float: left;
    padding: 2.5%;
    width: 20%;
}
.foot_list2 {
    float: left;
    padding: 2.5%;
    width: 20%;
}
.foot_m_tit {
	background-image: url(../img/top/foot_m_tit_back.png);
	background-position: left center;
	background-repeat: no-repeat;
	border-bottom: 1px dashed #ace2ff;
	color: #dff4ff;
	line-height: 30px;
	margin-bottom: 5px;
	padding-left: 30px;
}
#Footer .s_name {
		text-align: center;
		margin-top: 10px;
}
.list_A {
    line-height: 20px;
    list-style-position: inside;
    list-style-type: none;
    padding-left: 0;
}
.list_A a::before {
    content: "● ";
}
.list_A a {
    color: #dff4ff;
    text-decoration: none;
}
.list_A a:hover {
    color: #7dd1ff;
}
#footertop .copy {
    color: #dff4ff;
    line-height: 1.5rem;
    padding: 5px;
}

#Footer .name {
		font-family: 'Noto Serif JP', serif;
		font-size: 1.5em;
    margin-bottom: 10px;
}

.GotoTop {
	bottom: 20px;
	right: 20px;
	float: right;
	position: fixed;
	z-index: 2;
}
.GotoTop a:hover {
	color: #FFF;
	bottom: 20px;
	right: 20px;
	float: right;
	position: fixed;
}

/* News
----------------------------------------------- */
#news {
    padding:  10px;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
}
 
.news1,.news2,.news3 {
		padding: 1%;
		width: 31.333%;
}
.news4,.news5 {
		padding: 1%;
		width: 48%;
}
#oshirase {
		padding: 10px;
		background-color: #FFFEF2;     /* 背景色指定 */
		height: 40vh;
		overflow-y: scroll;
		margin-top: 10px;
}
.news2 ul,.news3 ul,.news4 ul,.news5 ul {
		padding: 10px;
		background-color: #FFFEF2;     /* 背景色指定 */
		height: 40vh;
		overflow-y: scroll;
		margin-top: 10px;
}
#news ul li {
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #333;
		padding-bottom: 10px;
		margin-bottom: 10px;
}
#news h2,
#Page .news4 h2,
#Page .news5 h2 {
		font-size: 1.6rem;		
}
#Page .news4 h2,
#Page .news5 h2 {
		text-align: left;
}
.news1 h2 {
		color: #06C;
}
.news2 h2,
#Page .news4 h2 {
		color: #096;
}
.news3 h2,
#Page .news5 h2 {
		color: #936;
}
#news ul li .title {
		padding-left: 1em;
}
.news1,.news2,.news3,.news4,.news5 {
    position: relative;
}
.news_list a {
		position: absolute;
		right: 15px;
		top: 20px;
		font-size: 1rem;
		color: #666;
}

.news2 .seiseikan1 a,.news4 .seiseikan1 a,
.news2 .grow a,.news4 .grow a,
.news2 .career a,.news4 .career a,
.news2 .jidousya a,.news4 .jidousya a,
.news2 .seikatsu a,.news4 .seikatsu a,
.news2 .eisei a,.news4 .eisei a,
.news2 .beauty a,.news4 .beauty a,
.news3 .syokuinshitsu a,.news5 .syokuinshitsu a,
.news3 .seitokai a,.news5 .seitokai a,
.news3 .sports a,.news5 .sports a,
.news3 .culture a,.news5 .culture a {
		font-size: 0.7em;
		color: #FFF;
		display: inline-block;
		text-decoration: blink;
		margin-bottom: 2px;
		padding-top: 2px;
		padding-right: 5px;
		padding-bottom: 2px;
		padding-left: 5px;
		border-radius:5px;
	}
	
.news1 .pickup a {
		font-size: 0.65em;
		color: #FFF;
		display: inline-block;
		text-decoration: blink;
		margin-bottom: 2px;
		padding-top: 2px;
		padding-right: 5px;
		padding-bottom: 2px;
		padding-left: 5px;
		border-radius:5px;
		background-color: #0066FF;
}
	.news1 .pickup a:hover {
		opacity: 0.7;
}
.news1 .release a {
		display: none;
}	
	
.meta .seiseikan1 a,
.meta .grow a,
.meta .career a,
.meta .jidousya a,
.meta .seikatsu a,
.meta .eisei a,
.meta .beauty a,
.meta .syokuinshitsu a,
.meta .seitokai a,
.meta .sports a,
.meta .culture a {
		color: #FFF;
		display: inline-block;
		text-decoration: blink;
		margin-bottom: 2px;
		padding-top: 2px;
		padding-right: 5px;
		padding-bottom: 2px;
		padding-left: 5px;
}
.news2 .seiseikan1 a {
		font-size: 0.65em;
		background-color: #008742;
}
.news4 .seiseikan1,
.meta .seiseikan1 {
		background-color: #008742;
}
.news2 .grow a,
.news4 .grow a,
.meta .grow a {
		background-color: #014da1;
}
.news2 .career a,
.news4 .career a,
.meta .career a {
		background-color: #008cdb;
}
.news2 .jidousya a,
.news4 .jidousya a,
.meta .jidousya a {
		background-color: #26b7aa;
}
.news2 .seikatsu a,
.news4  .seikatsu a,
.meta  .seikatsu a {
		background-color: #f39801;
}
.news2 .eisei a,
.news4 .eisei a,
.meta .eisei a {
		background-color: #ef859b;
}
.news2 .beauty a,
.news4 .beauty a,
.meta .beauty a {
		background-color: #E3002E;
}
.news3 .syokuinshitsu a,
.news5 .syokuinshitsu a,
.meta .syokuinshitsu a {
		background-color: #a67c52;
		letter-spacing: 0.5em;
		padding-left: 10px;
}
.news3 .seitokai a,
.news5 .seitokai a,
.meta .seitokai a {
		background-color: #cc291a;
		letter-spacing: 0.5em;
		padding-left: 10px;
}
.news3 .sports a,
.news5 .sports a,
.meta  .sports a {
		background-color: #0a3d70;
		letter-spacing: 0.5em;
		padding-left: 10px;
}
.news3 .culture a,
.news5 .culture a,
.meta .culture a {
		background-color: #9e005d;
		letter-spacing: 0.5em;
		padding-left: 10px;
}
.seiseikan1 a:hover,.grow a:hover,.career a:hover,.jidousya a:hover,
.seikatsu a:hover,.eisei a:hover,.beauty a:hover,.syokuinshitsu a:hover,
.seitokai a:hover,.sports a:hover,.culture a:hover {
	opacity:0.7;
}

.tit_movie {
		font-size: 1.8rem;
		color: #EE0202;
		margin-top: 50px;
		text-align: center;
}
.news_list a:hover {
		transform: translateX(-50%);
		opacity: 0.7;
}
#movie-box {
	padding: 10px;             /* 余白指定 */
	display: flex;              /* フレックスボックスにする */
	background-image: linear-gradient(
		-45deg,
		#f5eeed 25%,
		#f4e2de 25%,
		#f4e2de 50%,
		#f5eeed 50%,
		#f5eeed 75%,
		#f4e2de 75%,
		#f4e2de);
		background-size: 20px 20px;
		background-attachment: fixed;
}
.movie-tube {
		padding: 1%;
		width: 31.333%;
		text-align: center;
		font-size: 1.6rem;
}
#movie-box .movie-tube  a{
	color: #E00;
	text-shadow:0 0 10px #FF0;
}
.movie-tube img {
		width: 100%;
}

.movie-tube:hover {
	transition: 0.5s;
	transform: scale(1.1, 1.1);
}
#top_banner {
		display: flex;              /* フレックスボックスにする */
		margin-top: 20px;
		margin-bottom: 10px;
}
.op_banner {
		padding: 1%;
		width: 48%;
}
.chara_banner {
	width: 48%;
	padding-top: -10px;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
}

.op_banner img{
    width: 100%;		
}
.chara_banner img{
    width: 100%;		
}

/* Page
----------------------------------------------- */
#ContentsBody h2 {
		border-radius: 4px 4px 4px 4px;
		background-color: #2b76cc;
		margin-bottom: 20px;
		color: #FFFFFF;
		font-size: 2rem;
		letter-spacing: 0.2em;
		font-weight: bold;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		text-align: center;
}
#tit_img img {
		width: 100%;
}
#tit_img {
		position: relative;
}
.titl_name {
		position: absolute;
		top: 50%;
		left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
		font-size: 2.5rem;
		text-shadow:2px 2px 3px #333333;
		color: #fff;
}
/*#Page h2 {
		position: relative;
		text-align: center;
		margin-bottom: 2em;
		font-size: 2rem;
		font-weight: 700;
		color: #2b76cc;
}
#Page h2:before {
		content: '';
		position: absolute;
		bottom: -15px;
		display: inline-block;
		width: 4rem;
		height: 2px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: #2b76cc;
		border-radius: 2px;
}
*//*#Hayablo #Page h2 {
		color: #990033;
}
#Hayablo #Page h2:before {
		background-color: #990033;
}*/
#course h2::before,
#club_sp h2::before,
#club_cl h2::before,
#Blog h2::before,
#Hayablo .blog-widget h2::before {
		display: none;		
}
.housin {
		font-family: 'Noto Serif JP', serif;
		font-size: 1.5em;
		margin-bottom: 10px;
		color: #096;
		text-align: center;
}
.named {
		font-family: 'Noto Serif JP', serif;
		font-size: 1.2em;
		text-align: right;
		margin-top: 10px;
}
#Introduction p img {
		padding: 10px;		
}
table.type01 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
}
table.type01 th {
	width: 30%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
}
table.type01 td {
	width: 70%;
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}

table.type02 {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.type02 th {
	width: 30%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.type02 td {
	width: 70%;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.type03 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 3px solid #369;
}
table.type03 th {
	width: 30%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #153d73;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

}
table.type03 td {
	width: 70%;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.type04 {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}
table.type04 th {
	width: 30%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}
table.type04 td {
	width: 70%;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}


table.type05 {
	text-align: left;
	line-height: 1.5;
}
table.type05 th {
	width: 18%;
	padding: 5px;
	font-weight: bold;
	vertical-align: top;
}
table.type05 td {
	padding: 5px;
	vertical-align: top;
}
.kouka {
		font-family: 'Noto Serif JP', serif;
}
.meco_back {
		background-color: #F7F7F7;
		padding: 2%;
}
#index_menu {
    display: flex;
	flex-direction: row;
    flex-wrap: wrap;
}
#index_menu li {
		width: 21%;
		text-align: center;
		background-color: #FFF;
		padding-top: 1%;
		padding-right: 1%;
		padding-bottom: 20px;
		padding-left: 1%;
		margin: 1%;
}
#index_menu li.corse02 {
	background-color: #008742;
}
#index_menu li.corse02:hover {
  background: #008742;
  opacity: 0.7;
 }
 #index_menu li.corse03 {
	background-color: #014DA1;
}
#index_menu li.corse03:hover {
  background: #014DA1;
  opacity: 0.7;
 }

#index_menu li.corse04 {
	background-color: #008CDB;
}
#index_menu li.corse04:hover {
  background: #008CDB;
  opacity: 0.7;
 }

#index_menu li.corse05 {
	background-color: #E3002E;
}
#index_menu li.corse05:hover {
  background: #E3002E;
  opacity: 0.7;
 }

#index_menu li.corse06 {
	background-color: #26B7AA;
}
#index_menu li.corse06:hover {
  background: #26B7AA;
  opacity: 0.7;
 }

#index_menu li.corse07 {
	background-color: #F39801;
}
#index_menu li.corse07:hover {
  background: #F39801;
  opacity: 0.7;
 }

#index_menu li.corse08 {
	background-color: #EF859B;
}
#index_menu li.corse08:hover {
  background: #EF859B;
  opacity: 0.7;
 }

#index_menu li.corse02:after,
#index_menu li.corse03:after,
#index_menu li.corse04:after,
#index_menu li.corse05:after,
#index_menu li.corse06:after,
#index_menu li.corse07:after,
#index_menu li.corse08:after {
    background: #FFFFFF;
}

#index_menu li img {
		width: 100%;
}
#index_menu li:hover {
		background-color: #F2FDFF;
}
#index_menu li a {
		font-size: 1.4rem;
		font-weight: 400;
		color: #333;		
}
#index_menu li a:hover {
		opacity: 0.7;
}
#index_menu li:after {
    content: " ";
    display: block;
    margin: 10px auto 0;
    width: 95px;
    height: 1px;
	background: #2b76cc;
}
/*.nenpyou {
		background-image: url(../img/page/nenpyou_back.png);
		background-repeat: no-repeat;
		background-position: right bottom;		
    text-shadow: 1px 1px 2px #FFFFFF, 0 0 2em #FFFFFF, 0 0 0.5em #FFFFFF;
}*/
.nenpyou .L{
		width: 65%;
		float: left;
}
.nenpyou .R{
    width: 35%;
		float: left;
}
.nenpyou .R img {
    width: 100%;
}
/*各科ページ
----------------------------------------------- */
#course h2{
	padding:0;
	text-align: center;
}

#course .type_one {
	background-color: #008742;
}
#course .type_two {
	background-color: #609C0E;
}
#course .type_G {
	background-color: #014da1;
}
#course .type_A {
	background-color: #008cdb;
}
#course .type_B {
	background-color: #E3002E;
}
#course .type_C {
	background-color: #f39801;
}
#course .type_J {
	background-color: #26b7aa;
}
#course .type_N {
	background-color: #ef859b;
}

.c_b_icon {
		margin-top: -100px;
}
.c_photo,
.c_photo2,
.c_photo3-1,
.c_photo3-2 {
	text-align: center;
	float: left;
	line-height: 1em;
	padding-bottom: 10px;
}
.c_photo {
	width: 50%;
}
.c_photo2 {
	width: 33%;
}
.c_photo3-1 {
	width: 40%;
}
.c_photo3-2 {
	width: 30%;
}
.c_photo4 {
	width: 40%;
	text-align: center;
	float: left;
	line-height: 1em;
	padding-bottom: 10px;
	margin-right: 5%;
	margin-left: 5%;
}
.c_photo3-2 .balloon-bottom_pink {
	margin-top: 60px;
	margin-bottom: 30px;
}

.flow2 {
	text-align: center;
	float: left;
	line-height: 1em;
	padding-bottom: 10px;
	width: 50%;
}

.flow2 img {
	width: 90%;
}

.c_photo img,
.c_photo2 img,
.c_photo3-1 img,
.c_photo3-2 img {
	border-radius: 10px;
    -moz-border-image: border-radius: 10px;
    -webkit-border-image: border-radius: 10px;
	width: 90%;
}
.c_photo4 img {
	border-radius: 20px;
    -moz-border-image: border-radius: 20px;
    -webkit-border-image: border-radius: 20px;
	width: 90%;
}
#course h3,
#course h4 {
	font-size: 1.3em;
	letter-spacing: 0.1em;
	color: #990033;
	font-weight: bolder;
	font-family: 'Noto Serif JP', serif;
}

#ContentsBody .subpage #course h3 {
	margin-top: 30px;
	margin-bottom: 10px;
}

#course h4 {
	margin-top: 20px;
}
#course h3 .obi {
	color: #FFFFFF;
	background-color: #990033;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
}

#course ul,
#course ol {
	padding-left: 40px;	
	padding-bottom: 10px;
}

#course li {
	clear: both;
}

#course .f_L {
	float: left;
	width: 70%;
}
#course .f_R {
	text-align: center;
	line-height: 1em;
	float: right;
	width: 28%;
	margin-bottom: 15px;
}
#course .f_R img {
	width: 100%;	
}

#course .f_L2 {
	float: left;
}
#course .f_L2 img {
	width: 200px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
}
#course .f_R2 {
		/*float: right;*/
		padding-top: 30px;
		padding-left: 100px;
}

#course  #Career .f_L2 {
	padding-top: 30px;
}
#course dt {
		color: #990033;
		letter-spacing: 0.1em;
		margin: 10px;
		font-weight: bold;
}
#course dt .obiobi {
		color: #ffffff;
		background-color: #5ea139;
		padding-top: 2px;
		padding-right: 5px;
		padding-bottom: 2px;
		padding-left: 5px;
}
#course dd {
	padding-left: 20px;	
	padding-bottom: 10px;
}
#course .bg_result {
		background-color: #F5FBF2;
		background-image:
		repeating-linear-gradient(-45deg,#fff, #fff 7px, transparent 0, transparent 14px);
		padding: 5px;
}
.grow_box {
	background-color: #014da1;
}

.beauty_box {
	background-color: #E3002E;
}
.jidousya_box{
	background-color: #26b7aa;
}
.seikatsu_box {
	background-color: #f39801;
}
.nurse_box {
	background-color: #ef859b;
}

.grow_box,
.beauty_box,
.jidousya_box,
.seikatsu_box,
.nurse_box {
	font-size: 1.4em;
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	margin-bottom: 10px;
	line-height: 1.2em;
}

.syu100 {
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF3300;
	border: 2px solid #FFFFFF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
/*学校生活
----------------------------------------------- */
.event_tit .eventL {
		float: left;		
		width: 18%;
}
.event_tit .eventL img {
		width: 100%;
}
.event_tit .eventR {
		float: right;
		width: 80%;
		font-size: 1.2rem;
		margin-top: 50px;
}
.event_mon {
    display: flex;
		flex-direction: row;
    flex-wrap: wrap;
		font-size: 1.1rem;
}
.mon_box {
		width: 23%;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 20px;
		padding-left: 0;
		background-color: #EEEEEE;
		position: relative;
		margin-top: 1%;
		margin-right: 1%;
		margin-bottom: 20px;
		margin-left: 1%;
}
.e04,.e05,.e06,.e07,.e08,.e09,.e10,.e11,.e12,.e01,.e02,.e03 {
		border-top-width: 5px;
		border-top-style: solid;
}
.e04 {
		border-top-color: #427a3d;
}
.e05{
		border-top-color: #648035;
}
.e06 {
		border-top-color: #3e4d84;
}
.e07 {
		border-top-color: #4c7eb3;
}
.e08 {
		border-top-color: #cf352b;
}
.e09 {
		border-top-color: #51a993;
}
.e10 {
		border-top-color: #e48936;
}
.e11 {
		border-top-color: #e17f8c;
}
.e12 {
		border-top-color: #872e6e;
}
.e01 {
		border-top-color: #776453;
}
.e02 {
		border-top-color: #d85831;
}
.e03 {
		border-top-color: #89b13e;
}
.mon_tit {
		width: 30%;
		position: absolute;
		left: -20px;
		top: -30px;
}
.mon_tit img {
		width: 100%;
}
.mon_box ul {
		width: 65%;
		padding-left: 30%;
		padding-top: 10px;
}
#pickup {
    display: flex;
		flex-direction: row;
    flex-wrap: wrap;
		font-size: 1.1rem;
}
#pickup  h3 {
		font-size: 1.5rem;
		text-align: center;
		padding-bottom: 30px;
		letter-spacing: 0.2em;
		color: #990000;
}
#pickup  h3:after {
		content: " ";
		display: block;
		margin: 10px auto 0;
		width: 110px;
		height: 1px;
		background-color: #990000;
}
.pickup_box {
		width: 31%;
		margin: 1%;
		background-color: #FFFAF2;
}
.pick_txt {
		padding: 1%;
		background-color: #FFFAF2;
}
#ContentsBody .subpage #pickup .pickup_box img {
		width: 100%;
		padding: 0;
}
.owl-carousel{
	overflow: hidden;
	width: 100%;
		padding-left: 0;
}
.item{
		color: #fff;
		padding: 10px;
		min-width: 100px;
		min-height: 200px;
		list-style: none;
		font-size: 50px;
}
#sei-box {
		position: relative;
		margin-bottom: 50px;
}
.check00 {
		position: absolute;
		right: 0px;
		bottom: -50px;
		z-index: 0;
}
.waku_wear {
	border: 5px solid #33cccc;
	padding: 10px;
}


#life #seiseikan,
#life #honkan {
	font-size: 2em;
	line-height: 1em;
	text-align: center;
	letter-spacing: 1.5em;
}

#life #seiseikan .sub_tit {
	font-size: 0.6em;
	letter-spacing: 0.2em;
	margin-left: -2em;
}

#life #seiseikan {
	color: #33cccc;
}
#life h3 {
	margin-bottom: 10px;		
}

#life .ict h3 {
	margin-bottom: 1.2rem;
	background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
	background-repeat: no-repeat;
	background-size: 100% 10%;
	background-position: bottom;
	font-family: 'Noto Serif JP', serif;
	font-size: 1.4em;
	margin-top: 30px;
	color: #17B5A5;
	letter-spacing: 0.2em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#life #honkan {
	color: #33cccc;
/*	margin-top: 50px;
	padding-top: 50px;*/
}

#life #honkan .sub_tit {
	font-size: 0.5em;
	letter-spacing: 0.1em;
	margin-left: -2em;
}

.sub_tit2 {
	font-size: 0.6em;
	line-height: 1em;
	padding-left: 5px;
}

.wear_check {
	padding-left: 50px;
	margin-bottom: 10px;
}

.wear_check li {
	font-size: 1.3em;
	color: #33CCCC;
	line-height: 1.8em;
	font-weight: bold;
	list-style-position: outside;
	list-style-image: url(../img/page/life/list_icon.png);
}
.balloon-bottom_pink {
	background-color: #FF66CC;
}
.balloon-bottom_blue {
	background-color: #0099FF;
}

.balloon-bottom_green {
	background-color: #339999;
}
.balloon-bottom_pink:after {
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #FF66CC transparent transparent transparent;
}

.balloon-bottom_blue:after {
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #0099FF transparent transparent transparent;
}
.balloon-bottom_green:after {
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #339999 transparent transparent transparent;
}
.balloon-bottom_pink,
.balloon-bottom_blue,
.balloon-bottom_green {
	position: relative;
	display: inline-block;
	width: auto;
	min-width: 115px;
	height: 40px;
	color: #FFFFFF;
	line-height: 40px;
	text-align: center;
	z-index: 0;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
.balloon-bottom_pink:after,
.balloon-bottom_blue:after,
.balloon-bottom_green:after {
	content: "";
	position: absolute;
	bottom: -10px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
}
/*鞆和会お知らせ
----------------------------------------------- */
dl.tomowanews {
	overflow: hidden;
	zoom: 1;
	margin-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-top: 15px;
	padding-bottom: 10px;
}
dl.tomowanews dt {
	font-size: 1em;
	width: 150px;
	float: left;
	clear: both;
	font-weight: bold;
	margin-top: 10px;
}
dl.tomowanews dd.tomowatit {
	padding: 0 0 5px 170px;
	font-weight: bold;
	margin-top: 10px;
}
dl.tomowanews dd.tomowacoment {
	padding: 10px;
	background-color: #FFC;
	margin-bottom: 5px;
	margin-left: 180px;
}
dl.tomowanews dd.tomowacoment2 {
		padding: 10px;
		background-color: #FFE1E1;
		margin-bottom: 5px;
		margin-left: 180px;
}

#tomowa_menu {
		text-align: center;
		margin-top: 0;
		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin-bottom: 20px;
}
#tomowa_menu li {
	width: 20%;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	list-style-type: none;
	text-align: center;
}

#tomowa_menu li a {
	margin: 2px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	color: #FFFFFF;
	background-color: #35B6CC;
	border: 1px solid #2C86A0;
	display: block;
}

#tomowa_menu li a:hover {
	background-color: #62C6D7;
	color: #FFFF00;
	border: 1px solid #FFFF00;
}

.kaichoL,
.kaichoR {
	float: left;	
}

.kaichoL {
	text-align: center;
	width: 20%;
	font-weight: bold;
}
.kaichoL img {
		width: 80%;
		padding-right: 10%;
		padding-left: 10%;
}
.kaichoR {
	width: 80%;
}

#tomowa h3 {
	color: #660066;
	font-size: 1.5em;
	margin-bottom: 5px;
}

#tomowa h4 {
	margin-bottom: 10px;
	margin-top: 5px;
}
.sousoku dl {
	margin-bottom: 10px;
}
.sousoku dt {
	font-weight: bold;
	text-align: center;
	float: left;
	width: 10em;
}
.sousoku dd {
	margin-left: 10em;
	margin-bottom: 5px;
}

.sousoku .sub {
	text-align: left;
}
.d_poster  {
	width: 45%;
}
.d_kokuchi {
	width: 48%;
}
.d_poster,
.d_kokuchi {
	float: left;
	padding: 5px;
}
.d_poster img  {
	width: 90%;
}
.kokuchi_box {
	background-color: #E8F9F2;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 30px;
	font-weight: bold;
}

table.d_katsudou {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-collapse: collapse;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
table.d_katsudou th,
table.d_katsudou td {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 10px;
}
table.d_katsudou th {
	background-color: #FFFAF2;
	text-align: center;
}

table.d_katsudou td {
	text-align: center;
}
#Graduate .year {
	font-size: 1.5em;
	color: #339900;
	margin-top: 5px;
	margin-bottom: 20px;
	padding-bottom: 0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #339900;
	background: none;
	border-radius:0;
	text-align: right;
}

/*同窓会アルバム
----------------------------------------------- */
ul.tomowa {
	display: block;
	list-style-type: none !important;
	margin-bottom: 50px;
	width: 90%;
	padding-top: 10px;
	padding-right: 3%;
	padding-bottom: 0;
	padding-left: 3%;
	font-weight: bold;
	background-color: #FFFFCC;
	margin-right: auto;
	margin-left: auto;
}
ul.tomowa li a {
	color: #fff;
	display: inline;
	float: left;
	margin-bottom: 10px;
	margin-left: 5px;
	text-align: center;
	width: 88px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #5BADC1;
	margin-right: 5px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
ul.tomowa li a:hover {
	opacity: 0.7;
}


.tomowa_contents, .tomowa_contents2 {
	background-color: #EEFFF4;
	width: 97%;
	margin-bottom: 50px;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 2%;
}

#ContentsBody .subpage .tomowa_contents img {
	width: 17%;
	border: 2px solid #FF0;
	margin: 1%;
	padding: 0;
}

#ContentsBody .subpage .tomowa_contents2 img {
	max-width: 800px;
	padding: 0;
	margin-top: 1%;
	margin-bottom: 1%;
}

#ContentsBody .subpage .tomowa_contents2 .yukari_contents img {
	width: 29%;
	border: 2px solid #FF0;
	margin: 1%;
	padding: 0;
}

#ContentsNavi  {
	text-align: center;	
}
#tomowa .dialy h3 {
	color: #333333;
	text-align: left;
	margin-left: 5px;
}
.bakan {
	background-color: #0099FF;
}
.bunka {
	background-color: #FF33CC;
}
.tomo {
	background-color: #CC00CC;
}

.bakan,
.bunka,
.tomo  {
	color: #FFFFFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-right: 10px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.daialy_box,
.daialy_box2 {
	float: left;
	margin: 1%;
	padding: 2%;
	width: 44%;
	background-color: #EEFFF4;
	text-align: center;
}
.daialy_box {
	min-height: 500px;
}

.daialy_box2 {
	min-height: 550px;
}

.daialy_box img,
.daialy_box2 img {
	width: 80%;
}

/* 同窓会下部メニュー
----------------------------------------------- */
.d_menu {
	text-align: center;
	margin-top: 30px;	
}

/* 2018制服
----------------------------------------------- */
#seifuku {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.seifuku-box{
    width: 46%;
    padding-top: 1%;
    padding-right: 1%;
    padding-bottom: 20px;
    padding-left: 1%;
    margin: 1%;
}

.seihuku_slide {
  width: 100%;
  margin: 0 auto;
  padding: 40px 0
}
.seihuku_slide  .main,
.seihuku_slide  .main li,
.seihuku_slide  .main2,
.seihuku_slide  .main2 li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.seihuku_slide  .main,
.seihuku_slide  .main2 {
	margin-bottom: 2em;
}
.sei_tit {
	font-size: 1.3em;
	color: #33CCCC;
	line-height: 1.8em;
	font-weight: bold;
}
.seihuku_slide  .main,
.seihuku_slide  .main2 {
	float: left;
	width: 75%;
	text-align: center;
}
.seihuku_slide  .main li,
.seihuku_slide  .main2 li {
  overflow: hidden;
}
.seihuku_slide  .main li img,
.seihuku_slide  .main2 li img {
  width: 90%;
}
.seihuku_slide  .main li.item2,
.seihuku_slide  .main li.item3,
.seihuku_slide  .main li.item4,
.seihuku_slide  .main2 li.item6,
.seihuku_slide  .main2 li.item7,
.seihuku_slide  .main2 li.item8,
.seihuku_slide  .main2 li.item9,
.seihuku_slide  .main2 li.item10 {
  display: none;
}
.seihuku_slide  .main li:hover img,
.seihuku_slide  .main2 li:hover img  {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.seihuku_slide  .thumb,
.seihuku_slide  .thumb li,
.seihuku_slide  .thumbb,
.seihuku_slide  .thumbb li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.seihuku_slide  .thumb,
.seihuku_slide  .thumbb {
	width: 22%;
	float: right;
	margin-top: 60px;
}

.seihuku_slide  .thumb li,
.seihuku_slide  .thumbb li {
	display: inline-block;
	height: auto;
	overflow: hidden;
	cursor: pointer;
	vertical-align: bottom;
	text-align: center;
	margin-bottom: 5px;
}
.seihuku_slide  .thumb li img,
.seihuku_slide  .thumbb li img  {
	width: 90%;
	padding: 0;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border: 1px solid #00CCFF;
}
#ContentsBody .subpage .seihuku_slide  .thumb li img,
#ContentsBody .subpage .seihuku_slide  .thumbb li img  {
	padding: 0;
}


.seihuku_slide  .thumb li:hover img,
.seihuku_slide  .thumbb li:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.seihuku_slide  .thumb li:hover,
.seihuku_slide  .thumbb li:hover {
	border: 3px solid #00CCFF;
}

/*部活動
----------------------------------------------- */
h3.sports_tit,h3.culture_tit {
		-webkit-transform: skew(-15deg);
		transform: skew(-15deg);
		color: #fff;
		letter-spacing: 0.2em;
		margin-bottom: 10px;
		padding: 1rem 3rem;
		font-size: 1.4rem;
}

h3.sports_tit {
		background-image: -webkit-gradient(linear, left top, right top, from(#209cff), to(#68e0cf));
		background-image: -webkit-linear-gradient(left, #209cff 0%, #68e0cf 100%);
		background-image: linear-gradient(to right, #209cff 0%, #68e0cf 100%);
}
h3.culture_tit {
		margin-top: 50px;
		background-image: -webkit-gradient(linear, left top, right top, from(#b70b7c), to(#f48be1));
		background-image: -webkit-linear-gradient(left, #b70b7c 0%, #f48be1 100%);
		background-image: linear-gradient(to right, #b70b7c 0%, #f48be1 100%);
}
.club_menu1,.club_menu2 {
    display: flex;
		flex-direction: row;
    flex-wrap: wrap;
}
.club_menu1 li,.club_menu2 li {
		width: 21%;
		text-align: center;
		background-color: #FFF;
		padding-top: 1%;
		padding-right: 1%;
		padding-bottom: 20px;
		padding-left: 1%;
		margin: 1%;
}
.blogin {
		border: 1px solid #F63;
		margin-top: 10px;
		display: inline-block;
}

.club_time dt {
  float: left;
  width: 80px;
  padding: 2px;
}
.club_time:after {
    content: "";
    clear: both;
    display: block;
}

.club_time dd {
	margin-left: 90px;
	font-weight: bold;
	color: #3FA9F5;
	padding-top: 20px;
}

.club_menu1 li .blogin a,.club_menu2 li .blogin a {
		font-size: 1.1rem;
		color: #E00;
		padding-top: 0;
		padding-right: 10px;
		padding-bottom: 0;
		padding-left: 10px;
		background-color: #FFF;
}
.club_menu1 li .blogin a:hover,.club_menu2 li .blogin a:hover {
		color: #FFF;
		background-color: #E00;
}
.club_menu1 li img, .club_menu2 li img{
		width: 100%;
}
.club_menu1 li:hover {
		background-color: #F2FDFF;
}
.club_menu2 li:hover {
		background-color: #FEEFF9;
}
.club_menu1 li a,.club_menu2 li a {
		font-size: 1.2rem;
		font-weight: 400;
		color: #333;		
}
.club_menu1 li a:hover,.club_menu2 li a:hover {
		opacity: 0.7;
}
.club_menu1 li .li_txt:after,.club_menu2 li .li_txt:after {
    content: " ";
    display: block;
    margin: 10px auto 0;
    width: 95px;
    height: 1px;
}
.club_menu1 li .li_txt:after {
    background: #2b76cc;
}
.club_menu2 li .li_txt:after {
    background: #b70b7c;
}

.senseki table {
	width: 100%;
	border-collapse: collapse;
}
.senseki table th {
  background: #e9727e;
	border: 1px solid #bbb;
	background-color: #f5f6f2;
  padding: 10px;
	width: 20%;
}
.senseki table td {
	border: 1px solid #bbb;
  padding: 10px;
}
.senseki h4{
		color: #494949;/*文字色*/
		background: #f4f4f4;/*背景色*/
		border-left: solid 5px #7db4e6;/*左線*/
		border-bottom: solid 3px #d7d7d7;/*下線*/
		font-size: 1.2em;
		letter-spacing: 0.2em;
		margin-bottom: 15px;
		margin-top: 50px;
		padding-top: 0.4em;
		padding-right: 0.5em;
		padding-bottom: 0.4em;
		padding-left: 0.5em;
}
.bloginpos  {
		border: 1px solid #F63;
		display: inline-block;
		float: right;
		margin-top: -40px;
}
.bloginpos a {
		font-size: 1.5rem;
		color: #FFF;
		background-color: #E00;
		padding-top: 0;
		padding-right: 10px;
		padding-bottom: 0;
		padding-left: 10px;
}
.bloginpos a:hover {
		color: #E00;
		background-color: #FFF;
}


#club_sp .tit,
#club_cl .tit {
/*	background-image: url(../img/page/club/club_back_sp.png);
	background-repeat: repeat;*/
	padding: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #33cccc;
	position: relative;
	margin-top: 20px;
	margin-bottom: 50px;
}

#club_sp h2,
#club_cl h2 {
	color: #FFFFFF;
	line-height: 1.3em;
	letter-spacing: 0.2em;
	text-align: center;
}
#club_sp h2 div {
	background-color: #0099FF;
	height: 80px;
	width: 100px;
	border: 5px solid #92C8FA;
	position: absolute;
	margin-top: -10px;
	padding-top: 20px;
}

#club_cl h2 div {
	background-color: #CC0066;
	height: 80px;
	width: 100px;
	border: 5px solid #CC6699;
	position: absolute;
	margin-top: -10px;
	padding-top: 20px;
}

#club_sp h3,
#club_cl h3,
#club h3 {
	font-size: 2em;
    font-weight: bold;
    letter-spacing: 0.8em;
    line-height: 1.3em;
	color: #33cccc;
	text-align: center;	
}

#club h3 {
	padding: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #33cccc;
	margin-bottom: 10px;
}


#club_sp .subpage,
#club_cl .subpage,
#club_ .subpage  {
    margin-bottom: 20px;
    padding: 0 10px 20px;
}

.b_b_icon {
	text-align: right;
	margin-top: 10px;
}

.b_b_icon a {
	font-weight: bold;
	color: #05649c;
}

.b_b_icon a:hover {
	opacity:0.7;
}
.left_item40 {
	padding: 1%;
	float: left;
	width: 48%;	
}

.left_item40 img {
	width: 98%;	
}
.right_item60 {
	padding: 1%;
	float: left;
	width: 48%;	
}
.right_item60 p {
	margin-bottom: 1em;
}
.bukatsu_photo2 img {
	padding: 1%;
	width: 47.5%;	
}
.bukatsu_photo3 img {
	padding: 1%;
	width: 30.5%;	
}
.bukatsu_photo4 img {
	padding: 1%;
	width: 22.5%;	
}
.bukatsu_photo5 img {
	padding: 1%;
	width: 17.5%;	
}
.bukatsu_photo80 img {
	padding: 1%;
	width: 80%;	
}
.result {
	font-weight: bold;
	margin-top: 10px;
}
.result dl {
	margin-bottom: 15px;
}
.result dt:before {
	content: "・";
}
.result dt {
	color: #33CC99;
}
.result p {
	font-size: 1.1em;
}
.result dd {
	padding-left: 1em;
	margin-bottom: 5px;
}
#club_sp #ContentsNavi,
#club_cl #ContentsNavi,
#club_sp .contents-navi,
#club_cl .contents-navi {
	text-align: center;
	margin-top: 100px;
}
.list_icon {
	width: 21%;
	margin: 2%;
	text-align: center;
	float: left;
}

.list_icon a {
	font-weight: bold;
	color: #33cccc;
}

.list_icon a:hover {
	color: #AAEAEA;
}
.list_icon img {
	width: 100%;
	border-radius: 50%;
	border: 2px solid #33cccc;
}
.menu_club {
	float: left;
	margin: 10%;
	width: 30%;
}

.menu_club img {
	width: 100%;
}

.Cmenu_back {
	background: url(../img/page/club/icon/Cmenu_back.png) no-repeat center center;
	background-size:contain;
}

/*施設案内
----------------------------------------------- */
/*.shisetsu {
	background-color: #FFFFE8;
	margin: 5px;
}
.shisetsu li {
	margin: 1%;
	padding: 1%;
	float: left;
	width: 21%;
	list-style-type: none;
	text-align: center;
	background-color: #FFFFFF;
	font-weight: bold;
}
.shisetsu div {
	margin: 1%;
	padding: 1%;
	float: left;
	width: 21%;
}
*/
.shisetsu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
		background-color: #FFFFE8;
}
#ContentsBody .subpage .shisetsuimg img {
	width: 100%;
	padding:0px;
}
.shisetsu li {
    width: 21%;
		list-style-type: none;
		text-align: center;
		background-color: #FFFFFF;
		font-weight: bold;
    padding-top: 1%;
    padding-right: 1%;
    padding-bottom: 20px;
    padding-left: 1%;
    margin: 1%;
}
.shisetsu div {
    width: 21%;
		list-style-type: none;
		text-align: center;
    padding-top: 1%;
    padding-right: 1%;
    padding-bottom: 20px;
    padding-left: 1%;
    margin: 1%;
}

#ContentsBody .subpage .shisetsu li img,
.shisetsu div img {
	width: 100%;
	padding: 0px;
}

/*ブログ
----------------------------------------------- */
#Hayablo #Alfa {
	width:23%;
	left:0px;
	float:left;
	padding-right: 1%;
	padding-left: 1%;
}
#Hayablo #Beta {
	width:70%;
	float:right;
}

.b_top img {
	width: 100%;
}
#ContentsBody .subpage img {
    padding: 5px;
}
#ContentsBody .subpage .post .b_date, #ContentsBody .subpage .b_date {
	text-align: right;
	padding-right: 30px;
}

#ContentsBody .subpage .post .p_t {
    padding-top: 10px;
}

.post_title {
	font-size: 16px;
	font-weight: bold;
}

#ContentsBody .subpage #post-detail table {
    background-color: #ffffff;
    border-collapse: collapse;
    border-left: 1px solid #333333;
    border-spacing: 0;
    border-top: 1px solid #333333;
    font-size: 12px;
    width: 100%;
}
#ContentsBody .subpage #post-detail th {
    background-position: left top;
    border: 1px solid #333333;
    color: #333333;
    padding: 0.3em 1em;
    text-align: center;
}
#ContentsBody .subpage #post-detail td {
    border: 1px solid #333333;
    padding: 5px;
}

table.blog-calendar {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1.2rem;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

table.blog-calendar tr {
    border-bottom: 1px solid #eee;
}
.month {
    font-size: 16px;
    height: 30px;
}
.txt_bold {
    font-size: 90%;
    font-weight: bold;
}
table.blog-calendar a {
    color: #31C4C4;
}
table.blog-calendar th {
    border-bottom: 1px solid #E5E5E5;
    font-weight: normal;
    text-align: center;
		padding-top: 3px;
		padding-bottom: 3px;
}
table.blog-calendar td {
		text-align: center;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #E5E5E5;
		padding-top: 3px;
		padding-bottom: 3px;
}
table.blog-calendar .sunday {
    color: #ff0000;
}
table.blog-calendar td.today {
	color: #003333;
	font-size: 110%;
	font-weight: bold;
}


.blog_img {
	margin-bottom: 15px;	
}

.widget-blog-calendar{
		background-color: #FDFDFD;
		margin-top: 20px;
		padding-top: 20px;
		padding-bottom: 20px;/*		border: 2px solid #33cccc;
		width: 238px;
*/
}
table.blog-calendar th {
		background-color: #F3FCFC;
}
table.blog-calendar td center {
	font-size: 1.2em;
	font-weight: bold;
	color: #31C4C4;
	padding-bottom: 5px;
}

#Hayablo #sidebox {
    margin-left: 5px;	
}
.more{
	margin-top: 10px;
	text-align: right;
}
.more span a {
	color: #FFFFFF;
	background-color: #0061A2;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 1.1em;
	letter-spacing: 0.2em;
}
.more span a:hover {
	opacity:0.5;
}
#BlogComment{
	padding:20px;
	border: 1px #ccc solid;
	margin: 10px;
    border-radius: 4px 4px 4px 4px;
}
#BlogCommentList{
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 20px;
}
#BlogComment h4{
    font-size: 16px;
}
#BlogComment .submit{
    text-align: center;
}

#contentsNavi{
	text-align:center;
	font-size: 0.9em;
}
#ContentsBody .meta , .tag{
	text-align:right;
	padding-top: 5px;
}

#ContentsBody .post{
	margin: 5px 5px 30px;
}
/*#ContentsBody .meta{
    margin-top: 20px;
}*/

#Hayablo .post{
	margin: 5px 5px 30px;
}
#ContentsBody .post h3.contents-head,
#ContentsBody h3.contents-head,
#ContentsBody .post h4{
		color: #494949;/*文字色*/
		background: #f4f4f4;/*背景色*/
		border-left: solid 5px #7db4e6;/*左線*/
		border-bottom: solid 3px #d7d7d7;/*下線*/
		margin-bottom: 10px;
		padding-top: 0.4em;
		padding-right: 0.5em;
		padding-bottom: 0.4em;
		padding-left: 0.5em;
}
#ContentsBody .date{
    float: left;
}

.list_box img {
    float: left;
    margin-right: 10px;
}

#Hayablo #ContentsBody .list_box img {
	width: 200px;
    padding:3px;
    border:1px solid #ccc;
    background:#fff;
    box-shadow: 1px 1px 5px rgba(20,20,20,0.2);/* ドロップシャドウ */
  }
#News #ContentsBody .single,
#Saiyou  #ContentsBody .single {
	width: 70%;
	margin-right: auto;
	margin-left: auto;	
}

#Hayablo .meta,
#Hayablo #ContentsBody .meta {
	margin-top: 0px;
	margin-bottom: 30px;
}
#Hayablo #ContentsBody .post h4,
#Hayablo h3.contents-head {
	margin-bottom: 0px;	
}
#Hayablo h3.contents-head,
#Hayablo h4 {
		font-size: 1.8em;
		padding-bottom: 3px;
}
#Hayablo h3.contents-head a,
#Hayablo h4 a {
		color: #1F5694;
}
#Hayablo h3.contents-head a:hover {
		opacity:0.5;
}
.meta .tag a {
	color: #FF3366;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	border: 1px solid #FF3366;
	letter-spacing: 0.2em;
	display: inline-block;
	margin: 3px;
}

.meta a:hover {
	opacity:0.5;
}

.widget-blog-monthly-archives,
.widget-blog-recent-entries {
	background-color: #FDFFFF;
	padding-top: 10px;
	padding-bottom: 20px;
/*	width: 223px;
*/	margin-top: 20px;
	margin-bottom: 10px;
}
	
.widget-blog-monthly-archives h2,
.widget-blog-recent-entries h2 {
	margin-top: 5px;
}


#Hayablo .blog-widget h2{
		margin-top: 5px;
		margin-bottom: 5px;
		font-size: 1.2em;
		font-weight: bolder;
		color: #31C4C4;
		text-align: center;
}
.blog-widget ul{
	list-style: none;
	margin-left: 10px;
	margin-right: 15px;
}

.blog-widget ul li {
		border-bottom-width: 1px;
		border-bottsom-style: dotted;
		border-bottom-color: #999;
		font-size: 1.2rem;
		background-color: #ECFBFB;
		background-image: url(../img/blog/allow.gif);
		background-repeat: no-repeat;
		background-position: 5px 7px;
		border-bottom-style: dotted;
}
.blog-widget ul li a {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 25px;
		display: block;	
}
.blog-widget ul li a:hover {
		background-color: #F3F3F3;
}
.blog_newsbox {
	margin: 10px;
	padding: 10px;
	background-color: #FFFFF7;
	float: left;
	width: 410px;
	min-height: 220px;
	border: 2px solid #33cccc;
}
#blog_side img {
		padding: 0;
		width: 100%;
		display: block;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 5px;
		margin-left: 0;
}

#blog_topmenu {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin: 10px;
}
.b_menu {
		width:  calc(25% - 6px);
		padding-right: 3px;
		padding-left: 3px;
}
.b_menu img {
		width: 100%;
}


#B_top h2 {
	font-size: 1.2em;
}

#B_top .tit00 {
	color: #a67c52;	
}

#B_top .tit10 {
	color: #cc291a;	
}

#B_top .tit01 {
	color: #008742;	
}
#B_top .tit02 {
	color: #5a8f35;	
}
#B_top .tit03 {
	color: #014da1;	
}
#B_top .tit04 {
	color: #008cdb;	
}
#B_top .tit05 {
	color: #26b7aa;	
}
#B_top .tit06 {
	color: #f39801;	
}
#B_top .tit07 {
	color: #ef859b;	
}
#B_top .tit08 {
	color: #0a3d70;	
}
#B_top .tit09 {
	color: #9e005d;	
}
#B_top .tit11 {
	color: #E3002E;	
}

.illust_L {
	float: left;
	width: 30%;
}

.illust_R {
	width: 30%;
	float: right;
	text-align: right;
}
#Header .blog-Link {
    float: right;
    padding-top: 5px;
    padding-right: 10px;
    margin-bottom: 0;
	display: flex;
	width:46%;
   	align-items: flex-end;
}

#Header .blog-Link .instapic {
		width:40%;
		padding-right: 5px;
}
#Header .blog-Link .blogpic {
		width:52%;
}
#Header .blog-Link img {
		width:100%;
}

#ContentsBody .subpage .b03 img,
 #ContentsBody .subpage .j_icon {
	padding: 0;
	vertical-align: text-bottom;
}
#ContentsBody .subpage .ict_tit img {
  width: 100%;
  padding: 0;
}

@media screen and (max-width: 640px){
#opc .cor_t {
    font-size: 1.4em;
}
.panf_box2 {
	width: 96%;
}	
}
.news_contents  {
	padding-left: 3em;
}
.news_contents dt {
	float: left;
}
.news_contents dd {
	padding-left: 10%;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
    margin-bottom: 50px;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
table.d_katsudou td.cancel {
		font-weight: bold;
		color: #F00;
		background-color: #FFEAEB;
}
.chushi {
		background-color: #FAFAFA;
		padding: 50px;
		margin: 50px;
		font-size: 1.1em;
		color: #000;
}

#after_box {
		font-size: 1.1em;
		background-color: #DFF9FF;
		padding: 50px;
		margin-top: 50px;
		margin-right: 100px;
		margin-bottom: 50px;
		margin-left: 100px;
}
/* 同窓会写真購入
----------------------------------------------- */
#cart_button,.cart_button2 {
	text-align: center;	
}
.cart_button2 {
	margin-bottom: 100px;
}
.cart_info {
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	background-color: #CCE8FF;
	margin-top: 50px;
	margin-bottom: 10px;
}
/*オープンキャンバステーブル
----------------------------------------------- */
#opc {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
#ContentsBody .subpage .opc_tit img {
	width: 100%;
	padding:0;
}
#opc .info_box {
	background-color: #dfeeff;
	border: 1px solid #ccc;
	padding: 30px;
	width: 80%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#opc .info_box2 {
	background-color: #E2F5E2;
	border: 1px solid #ccc;
	margin-top: -40px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 30px;
	width: 80%;
}
#opc .info_box h3 {
	color: #069;
}

#opc .info_box2 h3 {
	color: #396;
}
#opc .cor_t {
		font-size: 1.8em;
		text-align: center;
		color: #069;
		margin-bottom: 10px;
		margin-top: 15px;
}
#opc .cor_sub {
	font-size: 1.1em;
	color: #F30;
}

#opc .change_txt .op_t,
#opc .change_txt .op_t2 {
    border-spacing: 0;
    font-size: 1em;
    width: 100%;
}
#opc .change_txt .op_t th,
#opc .change_txt .op_t td {
	border: 1px #258 solid;
	padding: 3px;
}
#opc .change_txt .op_t {
	border: 1px #258 solid;
    border-radius: 5px;
}
#opc .change_txt .op_t th {
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(34, 85, 136, 0.7), rgba(34, 85, 136, 0.9) 50%) repeat scroll 0 0;
/*    border-bottom: 1px solid #258;
    border-left: 1px solid #258;
    border-top: 1px solid #258;
*/    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
    color: #fff;
    font-weight: bold;
    line-height: 120%;
    padding: 5px;
    text-shadow: 0 -1px 0 rgba(34, 85, 136, 0.9);
}
#opc .change_txt .op_t th:first-child {
    border-radius: 5px 0 0;
}
#opc .change_txt .op_t th:last-child {
    border-radius: 0 5px 0 0;
/*    border-right: 1px solid #258;
*/    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.3) inset;
*/}
#opc .change_txt .op_t tr td {
/*    border-bottom: 1px solid #84b2e0;
*/    border-left: 1px solid #84b2e0;
}
#opc .change_txt .op_t tr td:last-child {
/*    border-right: 1px solid #84b2e0;
*//*   box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
*/}
#opc .change_txt .op_t tr {
    background: #fff none repeat scroll 0 0;
}
#opc .change_txt .op_t tr:nth-child(2n+1) {
/*    background: #f1f6fc none repeat scroll 0 0;
*/}
#opc .change_txt .op_t tr:last-child td {
/*    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
*/}
#opc .change_txt .op_t tr:last-child td:first-child {
    border-radius: 0 0 0 5px;
}
#opc .change_txt .op_t tr:last-child td:last-child {
    border-radius: 0 0 5px;
}
/*#opc .change_txt .op_t tr:hover {
    background: #bbd4ee none repeat scroll 0 0;
    cursor: pointer;
}*/

/*///////////////////////*/
#opc .change_txt .op_t2 th {
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(145, 184, 121, 0.7), rgba(145, 184, 121, 0.9) 50%) repeat scroll 0 0;
    border-bottom: 1px solid #258;
    border-left: 1px solid #258;
    border-top: 1px solid #258;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
    color: #fff;
    font-weight: bold;
    line-height: 120%;
    padding: 5px;
    text-shadow: 0 -1px 0 rgba(34, 85, 136, 0.9);
}
#opc .change_txt .op_t2 th:first-child {
    border-radius: 5px 0 0;
}
#opc .change_txt .op_t2 th:last-child {
	border-radius: 0 5px 0 0;
	box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.3) inset;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #006633;
}
#opc .change_txt .op_t2 tr td {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #009933;
	border-left-color: #009933;
}
#opc .change_txt .op_t2 tr td:last-child {
	box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #009933;
}
#opc .change_txt .op_t2 tr {
    background: #fff none repeat scroll 0 0;
}
#opc .change_txt .op_t2 tr:nth-child(2n+1) {
	background-attachment: scroll;
	background-color: #EEFFF0;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}
#opc .change_txt .op_t2 tr:last-child td {
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
}
#opc .change_txt .op_t2 tr:last-child td:first-child {
    border-radius: 0 0 0 5px;
}
#opc .change_txt .op_t2 tr:last-child td:last-child {
    border-radius: 0 0 5px;
}
#opc .change_txt .op_t2 tr:hover {
	cursor: pointer;
	background-attachment: scroll;
	background-color: #E2F5DA;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}

/*///////////////////////*/
.t_center {
    text-align: center;
}
#opc .change_txt dt {
	float: left;
	width: 30%;
	font-weight: bold;
}
#opc .change_txt dd {
	width: 65%;
	padding-left: 35%;
}
#opc .change_txt2 dt {
	float: left;
	width: 20%;
	font-weight: bold;
}
#opc .change_txt2 dd {
	width: 75%;
	padding-left: 25%;
}

#opc .change_txt3 dt {
	font-weight: bold;
}
#opc .change_txt3 dd {
	padding-left: 1em;
}

#opc .box-info {
	float: right;
	font-size: 0.9em;
	display: inline-block;
	border: 1px solid #666;
	margin-top: 10px;
	padding: 1em;
	background-color: #F7FBFF;
}

#opc .t_right {
    text-align: right;
}


#opc .info_box,
#opc .info_box2 {
	font-size: 16px;		
}

#opc .info_box .p_l100,
#opc .info_box2 .p_l100 {
    padding-left: 8em;
}
#opc .pl2 {
    padding-left: 7em;
}
#opc .pl3 {
    padding-left: 1em;
}
.pdf {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}

#ContentsBody .subpage #opc_album {
	text-align: center;	
}


#ContentsBody .subpage #opc_album img {
	padding: 0;
	width: 9%;
	max-width: 110px;
}

#ContentsBody .subpage .j_box img {
	padding: 0;
}


#opc_box {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
}

#opc .j_box {
	float: left;
	width: 290px;
	background-color: #F3F3F3;
	margin-top: 10px;
	margin-right: 41px;
	min-height: 310px;
	margin-bottom: 10px;
	margin-left: 41px;
}
#yoko table th {
	padding-left: 1em;
}

#yoko .coment {
	margin-top: 20px;	
}

#yoko .coment div {
	padding: 1em;
}
.panf_box {
	width: 46%;
	float: left;
	padding: 1%;
	margin: 1%;
}
.panf_box2 {
	width: 46%;
	float: left;
	padding: 1%;
	margin: 1%;
	text-align: center;
}
.panf_box2 img {
	width: 80%;
}
.panf_box ul li a {
	display: block;
}


.panf_box p {
	text-align: center;	
}

.panf_box .small {
	font-size: 0.8em;	
}

.panf_box ul,
.siryo_box ul {
    color: #2db3b3;
	padding-left: 3em;	
}


.panf_box li,
.siryo_box li {
	padding: 0.6em;	
}

.siryo_box {
	margin-top: 10px;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
}

.tit_syorui {
	font-size: 1.2em;
	color: #FFFFFF;
	background-color: #339999;
	text-align: center;
	width: 90%;
	padding-top: 1%;
	padding-right: 5%;
	padding-bottom: 1%;
	padding-left: 5%;
	font-weight: bold;
}
.ca_hyo {
	width: 48%;
	float: left;
	padding-top: 0%;
	padding-right: 1%;
	padding-bottom: 0%;
	padding-left: 1%;
}

#kokuban2 {
	background-image: url(/theme/base_template/img/contents/kokuban2.png);
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	height: 630px;
	width: 660px;
	padding-left: 10px;
	background-repeat: no-repeat;
	margin-top: 20px;
}
#ContentsBody .subpage #kokuban2 table td,
#ContentsBody .subpage #kokuban2 table tr {
	padding:0;	
}

.course_menu {
/*	background-color: #E6E6E6;
*/	width: 210px;
	margin-top: 20px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#hiyou,
#ryo,
#syomei,
#yoko,
#life .ict {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

#hiyou h3,
#ryo h3,
#syomei h3,
#yoko h3 {
    background-color: #faf2ba;
    color: #333;
		margin-top: 10px;
		margin-bottom: 10px;
    padding: 5px;
}

#hiyou h4,
#ryo h4,
#syomei h4,
#yoko h4 {
	color: #0C9;
	margin-top: 10px;
	padding: 5px;
	line-height: 1.1em;
}
#Student .name {
		font-family: 'Noto Serif JP', serif;
		font-size: 1.2em;
		margin-left: 25px;
		letter-spacing: 0.2em;
}
#yoko table.no-block th {
		text-align: left;
		padding-left: 2em;		
}
#syomei h4 {
	font-size: 1.2em;	
}
.indent-3 {
	margin-left:3em;
	padding-left:3em;
	text-indent:-3em;
}
.indent-2 {
	margin-left:2em;
	padding-left:2em;
	text-indent:-2em;
}
.indent-1 {
	margin-left:1em;
	padding-left:1em;
	text-indent:-1em;
}
.indent {
	padding-left:1em;
	text-indent:-1em;
}

#ContentsBody .subpage #hiyou p {
	margin-bottom: 5px;
	margin-left: 2em;	
}

#ContentsBody .subpage #ryo p,
#ContentsBody .subpage #syomei p {
	margin-bottom: 5px;
}

#ryo .syo_box dt {
	font-weight: bold;
	float: left;
	width: 5em;
}
.syo_box {
	padding: 2%;
	margin-left: 10px;
	border: 2px solid #0C9;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 55%;
}
.syo_box2 {
	padding: 2%;
	margin-left: 10px;
	border: 2px solid #0C9;
	margin-top: 20px;
	margin-bottom: 20px;
}
#ryo .syo_box dd {
	margin-left: 6em;
}
#ryo .syo_box  dl {
	color: #0C9;
	font-weight: bold;
}

#ryo .syo_box2  dl {
	color: #0C9;
	font-weight: bold;
	margin-bottom: 20px;
}
#ryo dt {
		font-weight: bold;
		float: left;
		width: 9em;
		color: #FFF;
		background-color: #0C9;
		padding: 2px;
		border-radius: 10px;
		text-align: center;
}

#ryo dd {
	margin-left: 12em;
}

#ryo .pic_box {
		font-weight: bold;
		color: #339966;
		text-align: center;
		padding: 5%;
		float: left;
		width: 40%;
		display: block;
}
table.kounou,
#yoko table {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-collapse: collapse;
	width: 80%;
	margin-left: 1em;	
}
table.kounou2 ,
#yoko table,
#ryo table
 {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-collapse: collapse;
	width: 95%;
	margin-left: 1em;	
}
#yoko table,
#ryo table
 {
		margin-top: 10px;		
		margin-bottom: 10px;		
}
#yoko table.no-block,
#ryo table .no-block]
 {
		width: 55%;		
}
table.kounou th,
table.kounou td,
table.kounou2 th,
table.kounou2 td,
#yoko table th,
#yoko table td,
#ryo table th,
#ryo table td
 {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 3px;
}
table.kounou th,
table.kounou2 th,
#yoko table th,
#ryo table th
 {
	background-color: #FFFAF2;
	text-align: center;
}

table.kounou td {
  text-align: right;
}
table.kounou2 td,
#yoko table td,
#ryo table td
 {
  text-align: center;
}

#ryo table .erase
 {
border-bottom: none;
padding--bottom: 0;
}

#yoko .left_moji {
  text-align: left;
}

#yoko .left_moji3 {
		padding-left: 0.5em;
}
#yoko .nonbox {
		background-color: #E8E8E8;
}
ol#shien_list ,
#yoko .ban_list {
	margin-left: 2em; /* サイトに合せて調整 */
}
 
ol#shien_list li,
#yoko .ban_list li {
	list-style-type: none;
	counter-increment: cnt;
	position: relative;
}
 
ol#shien_list li:before,
#yoko .ban_list li:before {
	content: "(" counter(cnt) ")";
	display: inline-block;
	margin-left: -3.5em; /* サイトに合せて調整 */
	width: 3em; /* サイトに合せて調整 */
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}

#ContentsBody  #yoko p {
		margin-bottom:5px;
}

.p_link {
		margin-top: 50px;
		font-size: 1.8rem;
}
.p_link a {
	color: #FFFFFF;
	background-color: #2db3b3;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	border-radius:5px;
}
.p_link a:hover {
	opacity:0.7;
}

#syomei table {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-collapse: collapse;
	width: 80%;
	margin-left: 1em;	
}
#syomei table th,
#syomei table td {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 3px;
}
#syomei table th {
	background-color: #FFFAF2;
	text-align: center;
}

#syomei table td {
	text-align: center;
}
#syomei ul {
		padding-left: 2em;
		margin-bottom: 10px;
		list-style-type: disc;
}

/*contact
----------------------------------------------- */
.mail-description {
		font-size: 1rem;
}
.contact-form,
#MailMessageConfirmForm {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.form_style {
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	background-color: #F1F7FE;
	padding: 15px;
}

.form_style input,
.form_style select,
.auth-captcha input,
.auth-captcha select {
    font-size: 16px;
}

.form_style select {
	margin-left: 3px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}


.form_style input,
.form_style textarea,
.auth-captcha input {
	padding:5px;
}
.form_style textarea {
    font-size: 16px;
}
.auth-captcha{
    text-align: center;
}
.auth-captcha-image{
    vertical-align:middle;
}
#ContentsBody .submit{
	text-align:center;
}
#ContentsBody .required{
	color: #FF0000;
}
#flashMessage {
	color: #FF0000;
	border:5px solid #FF0000;
	padding:15px;
	margin-bottom: 30px;
}
.form-error{
	background: #FFCCCC;
}
.error-message{
	font-size: 16px;
	color: #FF0000;
}
div.submit {
	margin-top: 30px;
}

.submit .button {
	color:#333;
	border:1px solid #CCC;
	cursor:pointer;
	text-shadow:rgba(255,255,255,0.4) 1px 1px 0;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.4);
	-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.4);
	-o-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.4);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,0.4);
	background:#F3F3F3;
	background:-moz-linear-gradient(top,#FFF,#F3F3F3);
	background:-webkit-gradient(linear,left top,left bottom,from(#FFF),color-stop(100%,#F3F3F3));
	background:-o-linear-gradient(top,#FFF,#F3F3F3);
	margin:10px;
	padding:3px 40px;
	font-weight: bold;
	font-size: 1.0em;
	white-space: nowrap;
	line-height: 24px;
}
.submit .button:hover {
	border:1px solid #CCC;
	text-decoration:none;
	background:#f4f4f4;
	background:-moz-linear-gradient(top,#f4f4f4,#dfdfdf 100%);
	background:-webkit-gradient(linear,left top,left bottom,from(#f4f4f4),color-stop(100%,#dfdfdf));
	background:-o-linear-gradient(top,#f4f4f4,#dfdfdf 100%);
}
.submit .button:active {
	border:1px solid #CCC;text-decoration:none;
	background:#cdcdcd;
	background:-moz-linear-gradient(top,#cdcdcd,#eee 100%);
	background:-webkit-gradient(linear,left top,left bottom,from(#cdcdcd),color-stop(100%,#eee));
	background:-o-linear-gradient(top,#cdcdcd,#eee 100%);
}
.submit .button[disabled] {
	opacity:.5
}
.submit a.button {
	padding-top:5px;
	padding-bottom:5.5px;
}
*:first-child+html .submit a.button {
	position:absolute;
	top:1px;
	padding-top:3px;
	padding-bottom:3px;
}

.col-input ul li {
	list-style-position: outside;
	list-style-type: none;	
}

/*#Error #ContentsBody p {
	margin-bottom: 20px;
}*/
#Error #ContentsBody .error {
	color:#F00;
}
#Error #ContentsBody pre {
	margin-bottom: 20px;
	background-color: #EFEFEF;
}
#Error #ContentsBody .notice {
	font-size: 14px;
	color:#CCC;
}
#Error #ContentsBody .cake-stack-trace {
	font-size: 14px;
	list-style-position: inside;
	margin-bottom: 20px;
	padding-left:20px;
	padding-right:20px;
}
#Error #ContentsBody .cake-stack-trace li {
	margin-top:5px;
	margin-bottom: 5px;
}

#Saiyou .no-data {
		font-size: 1.1rem;
		text-align: center;		
}
#course .mokuhyo ul {
    font-size: 1.2rem;
		background: #fff;
		border-radius: 8px;
		width: 75%;
		text-align: center;
		margin-top: -200px;
		margin-right: auto;
		margin-left: auto;
		box-shadow: 0 0 20px rgba(0,0,0,.1);
		padding-top: 50px;
		padding-right: 10px;
		padding-bottom: 50px;
		padding-left: 10px;
		color: #2099f6;
}
#course .mokuhyo ul  li {
		padding-bottom: 5px;
}
#course .mokuhyo {
		font-family: 'Noto Serif JP', serif;
		padding-top: 120px;
		margin-top: 200px;
		padding-bottom: 50px;
		background-image: linear-gradient( 135deg, #ABDCFF 10%, #0396FF 100%);
}
#course .mokuhyo .mokuhyo_up,
#course .osusume .osusume_up {
		position: relative;
}
#course .mokuhyo h3{
    text-align: center;
    line-height: 4;
    color: #fff;
    font-size: 1.8rem;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
	background-color: #2099f6;
}

#course .osusume ul {
	font-size: 1.2rem;
	background: #fff;
	border-radius: 8px;
	width: 75%;
	margin-top: -200px;
	margin-right: auto;
	margin-left: auto;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 50px;
	padding-left: 20px;
	color: #333333;
}
#course .osusume ul li {
		padding-bottom: 5px;
}
#course .osusume {
		font-family: 'Noto Serif JP', serif;
		padding-top: 120px;
		margin-top: 200px;
		padding-bottom: 50px;
		background: rgb(255,255,255);
		background: linear-gradient(164deg, rgba(255,255,255,1) 0%, rgba(255,164,243,1) 100%);
}


#course .osusume h3 {
	text-align: center;
	color: #fff;
	font-size: 1.8rem;
	position: absolute;
	top: -50px;
	left: 10px;
	border-radius: 20px 0px 20px 0px;
	background-color: #FF6699;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.chara_icon {
	position: absolute;
	right: 10px;
	width: 20%;
	bottom: -10px;
}
.chara_icon img {
	width: 75%;
}
#course .tokucho,#course .tokucho2 {
    padding-top: 120px;
    margin-top: 50px;
    padding-bottom: 50px;
}
#course .tokucho_up {
    background-image: linear-gradient( 135deg, #FFF720 10%, #3CD500 100%);
    padding-bottom: 50px;
}
#ContentsBody .subpage #course h3.curriculum {
		font-size: 2rem;
		font-family: 'Noto Serif JP', serif;
		text-align: center;
		margin-top: 50px;
		margin-bottom: 50px;
}

.curriculum_img img {
	width: 100%;
}

#ContentsBody .subpage #course h3.point,
#ContentsBody .subpage #course h3.point2,
#ContentsBody .subpage #course h3.curriculum {
		font-size: 2rem;
		font-family: 'Noto Serif JP', serif;
		text-align: center;
		margin-top: 50px;
		margin-bottom: 50px;
}
#ContentsBody .subpage #course h3.point,
#ContentsBody .subpage #course h3.curriculum {
		color: #5ea139;
}
#ContentsBody .subpage #course h3.point2 {
		color: #EE0000;
}

#ContentsBody .subpage #course h3.point:after,
#ContentsBody .subpage #course h3.point2:after,
#ContentsBody .subpage #course h3.curriculum:after {
    content: " ";
    display: block;
    margin: 10px auto 0;
    width: 95px;
    height: 1px;
}
#ContentsBody .subpage #course h3.point:after,
#ContentsBody .subpage #course h3.curriculum:after {
    background: #5ea139;
}
#ContentsBody .subpage #course h3.point2:after {
    background: #EE0000;
}
#course .tokucho ol,#course .tokucho2 ol {
	display: flex;
	justify-content: space-between;
}

.pic_point {
	padding-top: 20px;
	margin-top: auto;
}

.pic_point img {
	box-shadow: 5px 5px 2px #ccc ;
}
.tokucho li {
	display: flex;
	flex-direction: column;
    width: 28%;
    background-color: #FFF;
	position: relative;
    border-radius: 8px;
    margin-top: -80px;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    padding-top: 50px;
    padding-right: 1%;
    padding-bottom: 10px;
    padding-left: 1%;
}
.tokucho2 li {
	display: flex;
	flex-direction: column;
    width: 45%;
    background-color: #FFF;
	position: relative;
    border-radius: 8px;
    margin-top: -80px;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    padding-top: 50px;
    padding-right: 1%;
    padding-bottom: 50px;
    padding-left: 1%;
}
.p_small {
    font-size: 1.1rem;
}
.p_small2 {
    font-size: 1rem;
}
.marcker {
		font-family: 'Noto Serif JP', serif;
		text-align: center;
		color: #fff;
		font-size: 1.8rem;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		position: absolute;
		top: -70px;
		left: 50%;
		transform: translateX(-50%);
		background-color: #FF6633;
}
.pic_box {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 0px;
}
.pic_item {
		width: 31.3%;
		position: relative;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
}
.pic_item img {
	width: 100%;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
}

 .mark_line {
    background: linear-gradient(transparent 60%,#e2f76f 0);
    padding-bottom: 3px;
}
.green_box {
		background-color: #F5FBF2;
		background-image:
     repeating-linear-gradient(-45deg,#fff, #fff 7px, transparent 0, transparent 14px);
		width: 80%;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 10px;
		padding-right: 10%;
		padding-left: 10%;
		padding-top: 20px;
}
.green_box2 {
		background-color: #F5FBF2;
		background-image:
     repeating-linear-gradient(-45deg,#fff, #fff 7px, transparent 0, transparent 14px);
		width: 90%;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 10px;
		padding-right: 5%;
		padding-left: 5%;
		padding-top: 20px;
}
#ContentsBody .subpage .green_box p {
    margin-bottom: 0;
}
.round img {
    width: 200px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
}
.pic_box dd {
		text-align: left;		
}
#course h4.line-style {
		font-family: 'Noto Serif JP', serif;
		text-align: center;
		margin-top: 50px;
		margin-bottom: 20px;		
}

#result h4 {
		position: relative;
		color: #333;
		text-shadow: 0 0 2px white;
		margin-bottom: 15px;
		margin-left: 10px;
		margin-top: 50px;
}
#result h4:before {
		content: "";
		position: absolute;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		top: 50%;
		/* border: dashed 1px white; */
  left: -15px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: -1;
		background-color: #CBE7BC;
		;
}
.txt_center {
		text-align: center;		
}
.greentxt {
		color: #5ea139;
		font-weight: bolder;
		letter-spacing: 0.2em;
}
.p_tit {
		font-family: 'Noto Serif JP', serif;
		color: #5ea139;
		font-weight: bolder;
		letter-spacing: 0.2em;
		text-align: center;
		font-size: 1.2rem;
}
#ContentsBody .subpage .tokucho_up img {
		margin: 0px;
		padding: 0px;
		width: 100%;		
}
.foodbox table {
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 10px;
}
.foodbox table th {
  background: #e9727e;
	border: 1px solid #bbb;
	background-color: #f5f6f2;
  padding: 10px;
	width: 20%;
}
.foodbox table td {
	border: 1px solid #bbb;
  padding: 10px;
}

.f_list {
		background-color: #F5FBF2;
		background-image:
		repeating-linear-gradient(-45deg,#fff, #fff 7px, transparent 0, transparent 14px);
		padding: 10px;
		margin: 10px;
}
.f_list li {
		font-size: 1.2rem;
		list-style-position: outside;
		list-style-type: circle;
		width: 80%;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 5px;
}

#course .food_hyo dt {
	font-size: 1.5rem;
	font-family: 'Noto Serif JP', serif;
	color: #5ea139;
	margin-top: 50px;
}
 .c_photo3 {
    width: 33%;
		text-align: center;
    float: left;
    line-height: 1em;
    padding-bottom: 10px;
}
.c_photo3 img {
    border-radius: 10px;
    -moz-border-image: border-radius: 10px;
    -webkit-border-image: border-radius: 10px;
    width: 90%;
}
.greentxt2 {
		color: #FF0033;
}
.tit_beauty {
		color: #5ea139;
		font-weight: bold;
		font-size: 1.1rem;
}
.tit_beauty {
		font-family: 'Noto Serif JP', serif;
		color: #5ea139;
		font-weight: bold;
		font-size: 1.2rem;
}
.tit_beauty:before {
content: "★";
}
.pic_total img {
		width: 97%;
}

/*ビューティコース
----------------------------------------------- */

#ContentsBody .subpage #beauty img {
	padding: 0;
}

#beauty {
	width: 100%;
}

.text01 {
	font-size: 1.2em;
	font-weight: bold;
	color: #06C;
}
.text02 {
	font-size: 1.1em;
	font-weight: bold;
	color: #F00;
}
.text03 {
	font-size: 1.1em;
	color: #06C;
	font-weight: bold;
}
.text04 {
	font-size: 1.1em;
	font-weight: bold;
	color: #090;
}
.text05 {
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
}

.text06 {
	font-size: 1.1em;
	font-weight: bold;
	color: #F00;
}

.text07 {
	font-size: 1.1em;
	font-weight: bold;
	color: #F36;
}

.box_beauty1 {
	background-color: #FFE8FF;
	padding: 4px;
	width: 90%;
	border: 1px solid #F69;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	margin-right: auto;
	margin-left: auto;
}

.box_beauty2 {
	background-color: #E6FFE6;
	padding: 8px;
	width: 90%;
	border: 1px solid #060;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
}

#beauty ul li {
	list-style-position: outside;
	list-style-image: url(../img/contents/star.png);
	list-style-type: none;	
}

#beauty ul {
	width: 90%;
	padding: 5px;
	margin-bottom: 20px;
	margin-left: 30px;
}

.qa_box {
		background-color: #fbf2f7;
		background-image:
		repeating-linear-gradient(-45deg,#fff, #fff 7px, transparent 0, transparent 14px);
		padding: 5px;
}

.qa_box h4 {
		margin-bottom: 10px;
}
.a_text {
	margin-left: 40px;
}
.sugo_box {
		padding: 20px;
		background-color: rgba(255,255,255,0.5);
		text-align: center;
		font-size: 1.2rem;
		width: 80%;
		margin-right: auto;
		margin-left: auto;
		border: 1px solid #906;
}
.sugoi {
		background: linear-gradient(transparent 60%,#e2f76f 0);
		padding-bottom: 3px;
		font-size: 1.5rem;
		line-height: 2em;
		color: #06F;
}
.pay_box {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
}

.pay_box table {
		border-collapse: collapse;
		padding: 0;
		width: 100%;
		box-shadow: 0 0 15px -6px #00000073;
		margin-top: 10px;
		margin-bottom: 20px;
}

.pay_box table tr {
  background-color: #fff;
}

.pay_box table th,
.pay_box table td {
  padding: 20px 0;
  border: 1px solid #eee;
}

.pay_box table  th {
		padding: 10px 0;
		font-size: 1.2rem;
		padding: 15px;
		background-color: #66CC66;
		color:#fff;
}
.pay_box table  td {
		text-align: right;
		padding-right: 1em;
}
.pay_box table tr{
  text-align: center;
  padding: 20px 0;
  background-color: #fff;
  color:#3a3a3a;
}
.hi-ha- {
		padding: 12px 15px;
		font-size: 1.2em;
		color: #FFF;
		text-align: center;
		font-family: 'Noto Serif JP', serif;
		background-color: #EE0000;
}
.merimeri {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0px;
}
.merimeri li {
		width: 45%;
		background-color: #FFF;
		border-radius: 8px;
		margin-right: auto;
		margin-left: auto;
		box-shadow: 0 0 20px rgba(0,0,0,.1);
		padding-top: 0;
		padding-right: 1%;
		padding-bottom: 50px;
		padding-left: 1%;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
}

.meri_tit  {
		font-size: 2rem;
		font-family: 'Noto Serif JP', serif;
		margin-top: 10px;
		margin-bottom: 10px;
		color: #EE0000;
}

.meri_tit:after {
    content: " ";
    display: block;
    margin: 10px auto 0;
    width: 95px;
    height: 1px;
    background: #EE0000;
}
.shinro {
		width: 70%;
		margin-right: auto;
		margin-left: auto;
		margin-top: 20px;
		margin-bottom: 20px;
}
.shinro img {
    width: 100%;
}
#ContentsBody .subpage .wakuwaku-a img,
#ContentsBody .subpage .wakuwaku-b img,
#ContentsBody .subpage .wakuwaku-c img {
    padding: 0;
}
.wakuwaku-a {
		width: 31%;
		float: left;
}
.wakuwaku-b {
		padding-bottom: 10px;		
}
.wakuwaku-b,.wakuwaku-c {
    width: 68.666%;
		float:right
}
.wakuwaku-c {
		text-align: center;
}
.wakuwaku-b .b1 {
    width: 40.8%;
		float: left;
}
.wakuwaku-b .b2 {
	width: 58%;
	float:right
}
.wakuwaku-d {
		width: 53%;
		float: left;
}
.wakuwaku-e {
		width: 46%;
		float: right;
}
.tomowa_3bun img {
		width: 30%;
		padding: 1%;
}
.tomowa_2bun img {
		width: 48%;
		padding: 1%;
}
.w80box {
		width: 80%;
		margin-right: auto;
		margin-left: auto;
		margin-top: 10px;
		margin-bottom: 10px;
}
.w80box2 {
		width: 80%;
		margin-right: auto;
		margin-left: auto;
}
.w100box {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		margin-top: 10px;
		margin-bottom: 10px;
}
.w100box2 {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
}
.w80box img,
.w80box2 img,
.w100box img,
.w100box2 img {
		width: 100%;
}
#opc .change_txt .op_t  #nonline th,#opc .change_txt .op_t #nonline td {
		border: none;
}
#opc .change_txt .op_t  #nonline th,#opc .change_txt .op_t #nonline2 td {
		border: none;
}

.web_flow .leftt_box {
	float: left;
	width: 75%;
}

.web_flow .right_box {
	float: right;
	width: 25%;
}
.plusseed img {
	width: 31%;
	padding: 1%;
}
#yoko table #left_style {
	text-align:left;
}
.red_box {
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
	padding: 10px;
	text-align: center;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (max-width: 640px){
	#cart_button img,.cart_button2 img {
		width: 100%;
	}
	.cart_info {
		font-size: 1em;
		width: 95%;
	}	
	.chushi {
		padding: 2%;
		margin: 1%;
}
#after_box {
		padding: 2%;
		margin: 1%;
		text-align: center;
}
#ContentsBody .subpage .opc_tit img {
    max-width: 100%;
}
.w80box {
		width: 100%;
}
.w80box2 {
		width: 80%;
}
#opc .txt03 {
		font-size: 1.4em;
		margin-bottom: 0px;
}
.web_flow .leftt_box {
	float: none;
	width: 100%;
}

.web_flow .right_box {
	float: none;
	display: none;
}
.plusseed img {
	width: 98%;
	padding: 1%;
}

}