@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* PCでのロゴの位置 */
.logo {
    text-align: left!important;
}

/* パーティー一覧のレイアウト */
.a-wrap{
	padding:10px;
}

.sex_box{
	width:100%;
	margin:0 0 5px 0!important;
}
.sex_box_in{
	float:left;
	width:50%;
}
.man{
	background-color:#005980;
}
.woman{
	background-color:#FF8080;
}
.man,.woman{
	float:left;
	font-size:1.2em;
	color:white;
	font-weight:bold;
	padding:0.4em 0.5em;
}
.jouken{
	float:left;
	padding: 0.6em;
	line-height:1.1em;
	font-size:0.9em;
}
.zan{
	margin:0.3em 0;
	color:red;
	text-align:right;
}

.party_title{
	color:#333!important;
	margin:5px 0!important;
	padding:0!important;
	background-color:transparent!important;
	font-size:0.94em!important;
}

/* パーティー詳細のレイアウト */
.a-wrap{
	padding:10px;
}

.man2{background-color:#005980;}
.woman2{background-color:#FF8080;}
.man2,.woman2{
	float:left;
	font-size:1.2em;
	color:white;
	font-weight:bold;
	padding: 3em 0.3em;
	margin-bottom: 1em;
}
.jouken2{
	margin: 2px 10px 0 65px;
	line-height:1.4em;
	font-size:0.9em;
}

/* 装飾 */
.tya{
	color:#800000;
	font-weight:bold;
}
.article h2{
	color:#fff;
	background-color:#800000;
	padding:15px;
}
.article h3{
	color:#800000;
	background-color:#DDCDB7;
	border:0;
}
.article h4{
	color:#800000;
	border:0;
}

/* お知らせのレイアウト */
.info {
    background-color:transparent;
    padding: 5px;
}

/* 開催日と会場の枠 */
.shousai{
	width:100%;
}
.shousai_l{
	float:left;
	min-width:80px;
	width:15%;
}
.shousai_r{
	float:left;
	width:85%;
}

/* お申込みボタン */
.mousikomi a{
	width:100%;
    font-size:24px;
    font-weight:bold;
    display:block;
    text-align:center;
    padding:8px 0;
    background-color:#DDCDB7;
    border-radius:10px;
    text-decoration:none;
	color:#800000;
}
.mousikomi a:hover{
	opacity: 0.8;
	transition: all 0.2s linear;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
	.man,.woman{
		font-size:1em;
		padding:0.4em 0.2em;
	}
	.jouken{
		padding: 0.4em;
	}
}

/*1030px以下*/
@media screen and (max-width: 1030px){
}

/*768px以下*/
@media screen and (max-width: 768px){
	.logo{text-align: center!important;}
	.man,.woman{
		font-size:0.8em;
		padding:0.9em 0.1em;
	}
	.jouken{
		font-size: 0.8em;
		padding: 0.5em 0.1em 0 0.3em;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	.man,.woman{
		font-size:1em;
		padding:1em 0.4em;
	}
	.jouken{font-size: 0.8em;}
	.man2,.woman2{
		font-size:1em;
		padding: 4em 0.3em;
	}
	.jouken2{margin: 2px 10px 0 52px;}
}