@charset "UTF-8";
html, body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color:#000;
    background-color:#000;
    width:100%;
    height:100%;
	margin:0;
	padding:0;
	box-sizing:border-box;
	word-break:normal;
    line-height: 200%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
.center{text-align:center;}
span{display:inline-block;}

.wrap-ul{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.wrap-center{-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

.sp_nav{display:none;}

#header{width:100%; background-color:rgba(0,0,0,0.8); padding:2% 1%; position:fixed; z-index:100; box-sizing:border-box;}
#header2{width:80%; margin:0 10%;}
.wrap_h_sns{width:15%; margin-left:auto; text-align:right;}
.wrap_h_menu{width:85%; text-align:center; display:inline-block; margin:0 auto;}
.wrap_h_menu li{width:16%; text-align:center;}
#header2 nav .sp_h_sns{display:none;}
nav ul{line-height:200%;}
nav ul img{width:50%;}
.header_sns,.footer_sns{display:block;}
.header_sns li ul{visibility:hidden; width:100%; position:absolute;}
.header_sns li:hover ul{visibility: visible; opacity:1; position:absolute; top:100%; width:100%; line-height:0; background:rgba(0,0,0,0); -webkit-transition: all .2s ease; transition: all .2s ease; padding:0; margin:0;}
.header_sns li ul li img{width:100%;}
.header_sns img,.footer_sns img{width:50%;}
#menu li{display:inline-block; margin:0 auto;}
#header ul,
#footer ul,
#footer2 ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	width:100%;
	margin:0;
	padding:0;
}
#header ul li,#footer ul li,#footer2 ul li{list-style:none;}

a:link{color:#fff; text-decoration:none; outline:none;}
a:visited{color:#fff; text-decoration:none; outline:none;}
a:hover{color:#f00; text-decoration:underline; outline:none;}
a:active{color:#f00; text-decoration:none; outline:none;}



#footer{
    width:100%;
    color:#000;
    padding:2% 1%;
    height:auto;
    box-sizing:border-box;
}

.foot_info{
    margin:1% auto 0;
    text-align:left;
    vertical-align:top;
}
.comp_name{width:150px; vertical-align:top;}

.waku{
    text-align:center;
    border:1px solid #000;
    color:#fff;
    font-size:15px;
    box-sizing:border-box;
}
.waku img{
    width:8%;
    vertical-align:bottom;
}
.copyright{color:#fff; padding:1% 0 10px;}

#sns_area{
    padding:1% 0.5% 1% 0.5%;
    width:2%;
    z-index:100;
    position:fixed;
    right:0;
    top:30%;
    text-align:right;
    background-color:#3b3b3b;
    border-radius:10px 0 0 10px;
}

#sns_area img{width:100%;}

.small{font-size:12px;}
.sp_br{display:none;}

.top_img{
    width:100%;
    background-image:url("../img/top_back.jpg");
    background-size:cover;
    position: relative;
}
.top_img img{
    width:85%;
    margin:0 7.5%;
    vertical-align:bottom;
}
.top-item{
    position:absolute;
    opacity:0.9;
    top:15%;
    right:10%;
    font-size:0;
}
.top-item li{
    list-style:none;
    display:inline-block;
}
.top-item li img{
    width:90%;
    margin:0 5%;
}
.top-item li:hover{opacity:0.8; transition-duration:0.5s;}

.banner{width:100%; display:inline-block; font-size:0;}
.banner img{margin:0 1%;}

.red{color:#f00;}

.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {-webkit-box-sizing:border-box; box-sizing:border-box;}
.cp_arrows {position:fixed; display:flex; left:15%; bottom:0; height:150px;}
.cp_arrows .cp_arrow {
	position:relative;
	display:inline-block;
	padding-top:1.8em;
	-webkit-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
	-webkit-animation: arrow-move06 2s 1s ease-in-out infinite;
    animation: arrow-move06 2s 1s ease-in-out infinite;
	text-decoration:none;
	color:#fff;
	border-color:#fff;
}
.cp_arrows .cp_arrow:before {
	font-size: 2em;
	line-height: 1.9em;
	position: absolute;
	top:0;
	left:50%;
	width:2em;
	height:2em;
	margin-left:-0.7em;
	content:'▼';
	-webkit-transition: transform 0.5s ease-in;
	transition: transform 0.5s ease-in;
	text-align:center;
	border:0.13em solid #ffffff;
	border-color:inherit;
	border-radius:10em;
}
.cp_arrows .cp_arrow:hover {color:#ff0; border-color:#ff0;}
.cp_arrows .cp_arrow:hover:before {transform: rotate(360deg);}
@-webkit-keyframes arrow-move06 {
	0% {top:1%; opacity:0.1;}
	70% {top:5%; opacity:1;}
	100% {top:1%; opacity:0.3;}}
@keyframes arrow-move06 {
	0% {top:1%; opacity:0.1;}
	70% {top:5%; opacity:1;}
	100% {top:1%; opacity:0.3;}
}

#layer_board_area img{max-width:90%;}
#layer_board_area .btn_close img{max-width:100%; margin-right:5%;}
/********************* artist *********************/

#main{background-color:#fff; box-sizing:border-box;}

#artist{
    width:100%;
    background-image:url("../img/line_back.jpg");
    background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
}
#artist .a_pic{
    width:100%;
    font-size:0;
    padding:0 6% 2%;
    box-sizing:border-box;
}
#artist .a_pic img{width:100%; vertical-align:bottom;}

.a_title{display:inline-block; margin:3% 0;}
.a_title img{vertical-align:bottom;}
.a_main{
    display:inline-block;
	width:100%;
	padding:2% 1%;
    margin:0;
    background-color:rgba(0,0,0,0.7);
    box-sizing:border-box;
    display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.act{
    width:33.3333%;
    display:inline-block;
    font-size:12px;
    padding:0 1%;
    box-sizing:border-box;
    vertical-align:top;
}
.link{display:block;}
.link{color:#fff; text-decoration:none; outline:none;}
.link:hover{color:#fff; background-color:#f00; text-decoration:none; outline:none; transition-duration:0.5s;}

#artist .a_left,#artist .a_right{display:inline-block; width:50%; font-size:0; margin:0; padding:0; box-sizing:border-box;}
#artist .a_left .link:hover{color:#000; background-color:#ff0;}

.a_center{
    width:50%;
	padding:0 1.5% 0 3%;
    margin:0 auto;
    background-color:#000;
    box-sizing:border-box;
}
.a_default{
    width:80%;
	padding:0;
    margin:0 auto;
    background-color:#000;
    box-sizing:border-box;
}
#artist .a_pic img:hover{opacity:0.8;}

.event_date-1,.event_date-2{width:98%; font-size:30px; color:#fff; background:linear-gradient(-45deg,rgba(253, 190, 190, 0.8),rgba(255,0,0,0.8),rgba(255,0,0,0.8),rgb(253, 190, 190, 0.8)); font-family:'ヒラギノ角ゴ Std',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-style:italic; letter-spacing:3px; padding:1% 0; margin:0 1% 2%;}
.event_date-1{background:linear-gradient(-45deg,rgba(255, 255, 191, 0.8),rgba(255,255,0,0.8),rgba(255,255,0,0.8),rgb(255, 255, 191, 0.8));}
.a_name{line-height:200%; font-size:18px; color:#fff; margin:0;}

.order-line{width:100%; padding:0 1%; box-sizing:border-box; font-size:12px; text-align:right; color:#fff;}

/********************* information *********************/

#information{
    width:100%;
    background:linear-gradient(90deg, #000,#333);
    /* background-color:#000; */
    padding:0 2% 3%;
    box-sizing:border-box;
}
#information img{max-width:100%;}

.info-waku{width:100%; margin:2% 0 0 0; padding:2%; font-size:18px; font-weight:bold; box-sizing:border-box; color:#f00; background-color:#ff0; text-align:center;}

.frame-w{
    width:80%;
    margin:0 10% 3%;
    padding:2% 5%;
    color:#fff;
    border:1px solid #666;
    text-align:left;
    box-sizing:border-box;
}
.n-title{font-size:22px; margin-bottom:2%;}
.w_title{
    font-size:20px;
    font-weight:bold;
    color:#ff0;
    margin-bottom:2%;
}
.line-w{
    border:1px solid #666;
    margin:3% 0;
}

.w-wrap{width:100%; font-size:0;}
.w-left{
    display:inline-block;
    width:70%;
    word-break:normal;
}

.detail-w{display:inline-block; width:28%; position:relative; margin:2% 0 0 1%; vertical-align:top;}
.detail-w img{vertical-align:bottom;}
.detail-en{width:100%; position:absolute; top:-4%; right:-6%; text-align:right;}
.detail-en img{vertical-align:bottom;}
.detail-w a:hover{opacity:0.8;}

.frame-wrap{
    width:100%;
    border-bottom:1px dotted #666;
    padding:3% 0;
    box-sizing:border-box;
}
.frame-title img{width:15%;}
.frame-left{width:20%; display:inline-block; vertical-align:top;}
.frame-right{width:80%; display:inline-block;}

.wrap_cd{
    width:100%;
    padding:2%;
    border:1px dotted #666;
    box-sizing:border-box;
    line-height:150%;
    font-size:12px;
    word-break:break-all;
}

#booth{
    margin:2% 0;
    padding:2%;
    border-top:1px solid #666;
    border-bottom:1px solid #666;
    background-image:url("../img/booth-back.jpg");
    background-size:cover;
    background-attachment:fixed;
}

.booth-box1,.booth-box2{width:100%; margin:0 0 1% 0; padding:1% 0; box-sizing:border-box; font-size:0;}
.booth-box1{border-bottom:1px dotted #666;}
.booth-box1 li,.booth-box2 li{width:50%; font-size:16px; color:#fff; list-style:none; display:inline-block; vertical-align:top; box-sizing:border-box; word-break:normal; margin:1% 0; padding:0 1% 0 0;}
.booth-name{color:#ff0;}

.booth-day-1,.booth-day-2{width:100%; padding:0 2%; color:#fff; background-color:rgba(0,0,255,0.3); box-sizing:border-box;}
.booth-day-2{background-color:rgba(255,0,0,0.3);}

#booth .detail-w{width:100%;}
.cd-waku{width:100%; background-color:rgba(255,255,255,0.2); padding:2%;}

/********************* access *********************/

#access{
    width:100%;
    box-sizing:border-box;
    background-color:#000;
}
.access_main{
    padding-bottom:2%;
}

.g_map{position:relative; width:80%; padding-top: 56.25%; margin:0 auto;}
.g_map iframe{position:absolute; top:0; right:0; width:100% !important; height:100% !important;}

.access_item{
    width:80%;
    margin:0 10%;
    margin-top:2%;
    padding:1% 2%;
    color:#fff;
    border:1px solid #fff;
    box-sizing:border-box;
}
.access_item2{
    text-align:left;
}

.wrap-img{width:80%; margin:0 auto 2%;}
.wrap-img img{max-width:100%; margin:0 auto; vertical-align:bottom;}

/********************* history *********************/

#history{
    width:100%;
    box-sizing:border-box;
    padding-bottom:2%;
    background-image:url("../img/line_back.jpg");
    background-repeat:no-repeat;
	background-attachment:fixed;
    background-size:cover;
    word-break:normal;
}
.history_main,.history_area{
    width:80%;
    margin:0 10%;
    padding:2%;
    background-color:rgba(255,255,255,0.8);
    box-sizing:border-box;
}
.history_area{padding:1% 2%;}
.history_live{
    color:#fff;
    margin-bottom:1%;
}

.history_label{
    width:100%;
    margin:0;
    padding:1% 0;
    display:block;
    color:#fff;
    background-color:#000;
    cursor:pointer;
    box-sizing:border-box;
}

.history_label:hover{opacity:0.7;}

.history_img{
    width:100%;
    background-color:#333;
    border:1px solid #333;
    box-sizing:border-box;
}
.history_img img{
    width:100%;
    margin:0;
    vertical-align:bottom;
    box-sizing:border-box;
}
.history_item{
    color:#fff;
    background-color:#000;
    width:100%;
    margin:0;
    padding:5%;
    box-sizing:border-box;
}
.history_item2{
    padding-top:2%;
    text-align:left;
}

input[type="checkbox"].on-off{
    display:none;
}
input[type="checkbox"].on-off + ul{
    height:0;
    overflow:auto;
}
input[type="checkbox"].on-off:checked + ul{
	height:auto;
}
.history_area .history_main{width:100%; margin:0; padding:0;}
.history_area .history_item{padding:2% 5%;}

.history_area ul{
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    margin:0;
    padding:0;
	list-style: none;
}

/********************* photo *********************/

#w_new{width:78%; color:#000; background-color:#eee; padding:2% 11%;}
#w_new .date{color:#000;}
#w_new ul{margin:0; padding:0; display:block; height:150px; background-color:#fff; border-top:1px solid #000; overflow:auto;}
#w_new ul li{list-style: none; font-size:14px; line-height:180%; text-align:left; color:#fff; padding:1% 2%; border-bottom:1px dotted #000;}

#photo_sp{display:none;}
#photo{
    width:100%;
    box-sizing:border-box;
    padding-bottom:3%;
    background-image:url("../img/photo_back.jpg");
	background-size:100%;
}

.choose{width:80%; margin:0 10%; padding:0; box-sizing:border-box; font-size:0;}
.choose li{width:8.3333%; list-style:none; display:inline-block; padding:0; box-sizing:border-box; margin-bottom:1%; position:relative;}
.choose .a-button{width:8.3333%;}
.choose li img{width:80%; vertical-align:bottom;}

.up_p,.soon_p{font-size:10px; color:#fff; background-color:#f00; position:absolute; top:5%; right:0; line-height:100%; padding:3% 5%;}
.soon_p{background-color:#638cc4; opacity:0.8;}

.choose li a{display:block; box-sizing:border-box; border-radius:50%; padding:10% 0; margin:0 1%;}
.choose li a:link{color:#fff; background-color:#fff; text-decoration:none; outline:none;}
.choose li a:visited{color:#fff; background-color:#fff; text-decoration:none; outline:none;}
.choose li a:hover{position:relative; top:-10px; color:#000; background-color:#ff0; opacity:0.8; text-decoration:none; outline:none;}
.choose li a:active{color:#000; background-color:#ff0; text-decoration:none; outline:none;}

.choose li .active_icon:link{background-color:#ff0;}

.c_label{margin:0; padding:0;}
.choose .c_label li{font-size:12px; color:#fff; text-align:left; padding:0 1%; margin:0 0.5%; box-sizing:border-box; line-height:180%;}


.photo_main{
	width:80%;
	background-color:#fff;
	margin:0 auto;
}
.photo_main ul{margin:0; padding:0; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; padding:1% 0.5% 0;}
.photo_main ul li{list-style-type:none; overflow:hidden; width:24%; height:auto; position:relative; margin:0 0.5% 1%;}
.photo_main ul li:before {content:""; display:block; padding-top:100%;}
.photo_main ul li a{display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;}
.photo_main ul li a:before{ content:""; height:100%; vertical-align:middle; width:0; display:inline-block;}
.photo_main ul li a > *{vertical-align:middle; display:inline-block;}
.photo_main ul li a img{max-width:250%; height:auto; max-height:250%; position:absolute; top:70%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.photo_main ul li a img:hover{opacity:0.8;}

.p_label{background-color:#000; color:#fff; text-align:left; padding:1% 2%;}
.soon{display:inline-block; text-align:center; padding:5% 0; margin:0 auto;}
.soon img{width:100%;}

.p_archive{width:80%; margin:3% 10% 0; font-size:0;}
.p_archive a{width:14.6666%; font-size:16px; margin:0 1%; display:inline-block; color:#fff; background-color:#000; padding:1% 5%; box-sizing:border-box;}

.p_archive a:link{color:#fff; background-color:#000; text-decoration:none; outline:none;}
.p_archive a:visited{color:#fff; background-color:#000; text-decoration:none; outline:none;}
.p_archive a:hover{opacity:0.9;}
.p_archive a:active{opacity:0.9;}


/********************* enquete *********************/

#enquete{width:100%; color:#221815; background-color:#fff; box-sizing:border-box;}

.e_title{width:100%; margin:0 auto; padding:0 0 1%; font-size:24px; border-bottom:1px solid #221815;}
.big{font-size:42px; padding:1% 0 3%;}

.form_group{width:80%; display:inline-block; margin-top:2%; padding:2%; text-align:left; vertical-align:top; border:1px solid #221815; box-sizing:border-box;}
.form_group label{display:block; padding:1% 2%; color:#fff; background-color:#221815;}

.check_item{padding:2%;}

.error{margin:0; color:#f00;}

.radio_b,
.check_b{margin:1% 3% 0 0; display:inline-block;}
.check_b2{margin:1% 0; display:inline-block;}

input[type=text]:focus{outline:0;}

.c_submit{width:15%; margin:3% 0; padding:1% 0; font-size:16px; color:#fff; background-color:#221815; border:1px solid #221815; cursor:pointer;}
.c_submit:hover{color:#221815; background-color:#fed53b; border:1px solid #fed53b;}

.confirmation_title{color:#221815;}
.confirmation{padding:2%;}
.formarea{border:1px solid #fff; padding:5px 10px;}
.formarea label{text-align:left;}
#other_text{display:none;}
#other_text input[type=text]{width:100%; height:auto; font-size:18px; margin:0;}

.notes{width:99%; margin:0 auto; border:1px solid #221815; box-sizing:border-box;}
.notes_title{padding:2%; font-size:18px; text-align:left;}
.notes img{width:96%; margin:0 2% 2%; vertical-align:bottom;}

/************thanks*************/

.thanks_title{font-size:28px; color:#221815; padding:2% 0;}
.thanks_item{padding:2% 0; border-top:1px dotted #fff;}

.home{margin:2% 0;}
.home a:link{color:#fff; background-color:#221815; padding:2% 3%; text-decoration:none; outline:none;}
.home a:visited{color:#fff; background-color:#221815; text-decoration:none; outline:none;}
.home a:hover{color:#221815; background-color:#fed53b; text-decoration:none; outline:none;}
.home a:active{color:#221815; background-color:#fed53b; text-decoration:none; outline:none;}


/************404*************/

#not-found{
    width:100%;
    color:#fff;
    background-color:#000;
    padding:10% 0;
}
#not-found a:link,#not-found a:visited{color:#fff; text-decoration:underline; outline:none;}

/********************* ▼960pxまで適応 *********************/

@media screen and (max-width: 960px) {
html, body {font-size:12px;}

.sp_nav{display:block;}

#menu li{
    width:50%;
    margin:0;
    font-size:12px;
}

#layer_board_area img{max-width:100%;}
#layer_board_area .btn_close img{max-width:100%; margin-right:2%;}

#sns_area{
    padding:2% 1% 2% 1%;
    width:5%;
    top:10%;
    border-radius:5px 0 0 5px;
}

#sns_area img{width:100%;}
.pc_br{display:none;}
.sp_br{display:block;}

.small{font-size:10px;}

.top_img img{
    width:98%;
    margin:0 1%;
}

.top-item{
    width:25%;
    top:10%;
    right:2%;
}
.top-item li{
    list-style:none;
    display:inline-block;
}
.top-item li img{
    width:80%;
    margin:5% 0;
}

.comp_name{width:100px;}
.waku img{width:20%; vertical-align:middle;}

/* ここから */
#header{position:static; margin-top:1%;}
.logo img{width:100%;}
.top_img img{margin:0 1%;}
.sp_nav{display:block;}
.wrap_h_sns{display:none;}
.wrap_h_menu{display:none;}
#header2 nav .sp_h_sns{
    display:block;
    width:100%;
    text-align:center;
    margin:0 auto;
}
.sp_h_sns img{
    width:10%;
    margin-right:10px;
    vertical-align:middle;
}
#menu li,#header2 nav .sp_h_sns li{width:100%; text-align:center; background-color:#000; border-bottom:1px solid #fff;}
#menu li a,#header2 nav .sp_h_sns a{color:#fff; display:block; padding:10px 0; width:100%;}

nav li a:hover{background-color:#bdca44; text-decoration:none;}

.banner{width:100%; display:inline-block; font-size:0;}
.banner img{width:50%; margin:0; padding:1%; box-sizing:border-box;}
/********************* artist *********************/
#artist{padding-top:0; padding:1% 0;}
.a_center{width:98%; padding:0; margin:0 1%;}
.a_default{width:98%; padding:0; margin:0 1%;}
#artist .a_name a{margin:0;}

.a_name{font-size:12px; margin:0; padding:2% 10%;}

.waku{font-size:10px;}

#artist .a_pic{padding:0 2% 2%;}
.a_title{margin:1% 0; padding:0;}

.a_main{
    display:block;
	width:100%;
	padding:1% 0;
    background-color:rgba(0,0,0,0.8);
    border:none;
}
.act{font-size:10px; width:50%;}

#artist .a_left,#artist .a_right{display:block; width:100%;}

.event_date-1,.event_date-2{font-size:18px; background-color:#f00; margin-bottom:1%; letter-spacing:2px;}
.order-line{font-size:10px;}
/********************* information *********************/

#information{padding:0 2% 1%;}

.frame-w{width:100%; margin:0 0 1%; padding:2%;}
.n-title{font-size:16px; margin-bottom:1%;}
.w_title{font-size:14px; margin-bottom:1%;}
.line-w{margin:2% 0;}

.w-left{display:block; width:100%;}

.detail-w{display:block; width:100%; position:relative; margin:0;}
.detail-en{display:none;}

.frame-wrap{padding:2%;}
.frame-title img{width:25%;}
.frame-left{width:100%; display:block; vertical-align:middle;}
.frame-right{width:100%; display:block;}

.booth-box1,.booth-box2{width:100%; margin:0 0 1% 0; padding:1% 0; box-sizing:border-box; font-size:0;}
.booth-box1{border-bottom:1px dotted #666;}
.booth-box1 li,.booth-box2 li{font-size:12px; padding:0 0.5% 0 0;}

.wrap_cd{font-size:10px;}

/********************* access *********************/

#access{background-color:#000;}
.access_main{
    padding-bottom:1%;
}

.g_map{position:relative; width:98%; padding-top: 56.25%; margin:0 auto;}
.g_map iframe{position:absolute; top:0; right:0; width:100% !important; height:100% !important;}

.access_item{
    width:98%;
    margin:0 1%;
    margin-top:1%;
    padding:1% 1%;
    box-sizing:border-box;
}
.access_item2{text-align:left;}

.wrap-img{width:98%; margin:0 auto 2%;}
/********************* history *********************/
.history_main,.history_area{width:98%; margin:0 1%; padding:1%;}
.history_item{width:100%; margin:0; padding:3%;}
.history_item2{padding-top:0%;}

.history_label{width:100%; margin:0; padding:1% 1%;}
.history_area .history_item{padding:2% 3%;}
/********************* photo *********************/

#photo{padding-bottom:1%;}

.choose{width:98%; margin:0 1%;}
.choose li{width:20%;}
.choose .a-button{width:12.5%;}

.photo_main{width:98%; margin:0 1%;}
.soon{padding:2% 0;}
.soon img{width:100%;}

.p_archive{width:98%; margin:1% 1% 0;}
.p_archive a{padding:1% 0; font-size:10px;}


/************ enquete *************/

.e_title{font-size:12px;}
.big{font-size:14px; padding:1% 0 2%;}
.form_group{width:98%; margin-top:1%; padding:1%;}
.c_submit{width:40%; margin:2% 0; padding:2% 0; font-size:12px;}

#other_text input[type=text]{font-size:13px;}

.notes{width:100%;}
.notes_title{padding:0 2%; font-size:12px;}
.notes img{width:96%;}

/************thanks*************/

.thanks_title{font-size:12px; font-weight:bold;}


/* とじ */
}