@charset "utf-8";

/*----------------------------------------------------
 elements
----------------------------------------------------*/
body {
	background: #fff;
	color: #000;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 12px;
	line-height: 1.2;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
}

a {
	-webkit-tap-highlight-color: rgba(200,200,555,.6);
}

a:link {
	color: #ff7200;
	text-decoration: none;
}

a:visited {
	color: #ff7200;
	text-decoration: none;
}
ul { 
    list-style-type: none;
}
.cap {
	padding:4px 0 4px;
	text-align: left;
	color: #ff7200;
	font-size: 100%;
	line-height: normal;
}
h2 {
	text-align: left;
	color: #ff7200;
	font-size: 120%;
	font-weight: bold;
	line-height: normal;
}
/*----------------------------------------------------
 #page
----------------------------------------------------*/
#page {
	overflow: hidden;
	width: 320px;
	margin: 0 auto;
	background: #fff;
}

/*----------------------------------------------------
 ランドスケープ表示
----------------------------------------------------
@media all and (orientation:landscape) {
	#page {
		width: 480px;
	}
}
*/
/*----------------------------------------------------
 main
----------------------------------------------------*/
#container {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width:100%;
}
.header {
	margin: 0 auto;
	width:100%;
	line-height:0;
	margin-bottom: 0.6em;
}
.footer {
    width:100%;
    margin: 0 auto;
    color:#fff;
    background:#FF9415;
    font-size:60%;
    text-align:center;
    display:block;
    text-decoration:none;
    padding:0.5em 0 0.5em 0;
}
contents {
	margin: 0 auto;
	width:100%;
}
.cooyactxt {
    margin: 0 auto;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	width:95%;
	color: #000;
    text-align: center;
	font-size: 60%;
	font-weight:bold;
	line-height: 1.2;
}
.attend {
    margin: 0 auto;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	width:98%;
	color: #777777;
    text-align: left;
	font-size: 60%;
	font-weight:bold;
	line-height: 1.2;
}
/*----------------------------------------------------
 sns
----------------------------------------------------*/
.btnSocialBox {
	padding:0 0 5px;
    text-align:right;
	margin-bottom: 15px;
	border-bottom:solid 1px #000;
	
}
.btnSocial {
    display:inline-block;
    margin-left: 5px;
}
/*----------------------------------------------------
 01
----------------------------------------------------*/
#read {
    margin: 0 auto;
	padding: 8px 0 8px 0;
	margin-bottom: 10px;
	width:100%;
	color: #000;
	font-weight:bold;
    text-align: left;
	font-size: 85%;
	line-height: 1.3;
	box-sizing: border-box;
}
#title {
	width:100%;
	margin: 0 auto;
	margin-bottom: 10px;
	text-align:left;
	color: #000;
	font-weight:bold;
    text-align: left;
	font-size: 140%;
	line-height: 1.3;
}
#text {
    margin: 0 auto;
	margin-bottom: 1em;
	width:100%;
	color: #000;
    text-align: left;
	font-size: 85%;
	line-height: 1.5;
}
/*----------------------------------------------------
 image
----------------------------------------------------*/
.image {
	width:100%;
	margin: 0 auto;
	line-height:0;
}
/*----------------------------------------------------
 btn
----------------------------------------------------*/
.btn {
    margin: 0 auto;
	padding:12px 0 12px 0;
	margin-bottom: 10px;
	width:100%;
	color: #ff7200;
    text-align: center;
	font-size: 80%;
	line-height: 1.2;
	border:solid 2px #ff7200;
	box-sizing: border-box;
}
/*----------------------------------------------------
 profile
----------------------------------------------------*/
.profile {
    margin: 0 auto;
	margin-bottom:30px;
	padding:10px;
	width:100%;
	border:solid 1px #000;
	box-sizing: border-box;
}
.photo {
	width:42%;
	margin: 0 auto;
	line-height:0;
	float:left;
}
.profileTxt {
	padding:0 0 0 3%;
	width:55%;
	color: #000;
    text-align: left;
	font-size: 65%;
	line-height: 1.5;
	float:left;
}
.profileTitle {
	margin-bottom:0.8em;
	padding:0 0 5px 0;
	width:100%;
	color: #000;
    text-align: left;
	font-size: 100%;
	line-height: 1.3;
	border-bottom:solid 1px #000;
}
.name {
	padding:0 0 15px 3%;
	color: #000;
    text-align: left;
	font-size: 95%;
	font-weight:bold;
	line-height: 1.3;
	float:left;
}
.name2 {
	padding:4px 0 15px 0;
	color: #000;
    text-align: left;
	font-size: 55%;
	line-height: 1.3;
	float:left;
}
/*----------------------------------------------------
 box
----------------------------------------------------*/
.bg {
	margin: 0 auto;
	width:100%;
}
.box {
	margin: 0 auto;
	width:100%;
}
.boxIn {
	margin: 0 auto;
	width:92%;
}
.boxBook {
	margin: 0 auto;
	width:100%;
}
/*----------------------------------------------------
 box
----------------------------------------------------*//*----------------------------------------------------
 heading
----------------------------------------------------*/
/*----------------------------------------------------
 list
----------------------------------------------------*/
/*----------------------------------------------------
 hr
----------------------------------------------------*/
.hr {
   margin-bottom: 0.3em;
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #000; /* 線色 */
}
/*----------------------------------------------------
 clear
----------------------------------------------------*/
.clear {
    clear:both;
}
/*----------------------------------------------------
 clearfix
----------------------------------------------------*/
header.global nav ul:after { content: ''; display: block; clear: both; }