/***BEGIN PC STYLE***/
	.main-content {
		margin: 0 auto;
		width: 764px;
		background: #edf1f6;
		border-top-left-radius: 20px;
		border-bottom-right-radius: 20px;
		box-shadow: 6px 6px 6px #314463;
		font-weight: bold;
	}

	.wrapper {
		padding: 33px 44px 40px 44px;
	}

	.title {
		margin-bottom: 41px;
		font-size: 12px;
	}

	.form-group {
		margin-bottom: 47px;
	}
	.form-group .help-block-error {
		display: block;
		color: #c00;
		text-align: right;
		font-size: 14px;
		font-weight: normal;
	}

	input {
		height: 31px;
		border: 1px solid #bababa;
	}

	.label, input {
		display: inline-block;
	}

	.label {
		/*width: 197px;*/
		width: 35%;
		text-align: left;
		font-size: 14px;
		/*font-weight: bold;*/
	}

	.w-170 {
		width: 170px;
	}

	.w-70p {
		width: 63%;
	}

	textarea {
		width: 63%;
		height: 147px;
	}
	.textarea{
		height: 147px;
		vertical-align: top;
	}
	.select{ 
	    width: 60px;
		font-size: 13px;
		height: 31px;
	}
	.add-search {
		margin-left: 5px;
		padding: 6px 6px 4px 6px;
		background: #fa8250;
		color: #fff;
		font-size: 13px;
		cursor: pointer;
		line-height:13px;
	}

	.symbol {
		font-size: 14px;
	}

	input#first {
		width: 55px;
	}
	input#second {
		width: 71px;
	}

	button.new {
		position: relative;
		padding-left: 6px;
		background: url(../img/btn1.png) no-repeat;
		width: 71px; 
		height: 21px;
		border: none;
		font-size: 12px;
		font-weight: bold;
		cursor: pointer;
	}

	button.new img {
		position: absolute;
	}

	img.up {
		top: 4px;
		right: 6px;
	}

	img.down {
		bottom: 4px;
		right: 6px;
	}

	input.send {
		display: inline-block;
		height: auto;
		padding: 11px 33px;
		background: #EDF1F6;
		border: none;
		box-shadow: 6px 6px 6px #314463;
		cursor: pointer;
		font-size:17px;
		font-weight: bold;
	}

	.submit-wrap {
		margin-top: 35px;
		text-align: center;
	}

	#submit-message {
		width: 90%;
		max-width: 764px;
		font-weight: bold;
		background-color: #fff;
		margin: auto;
	}
	#submit-message.success {
		color: #090;
		padding: 10px;
		margin-top: 50px;
		border: 1px solid #090;
	}
	#submit-message.error {
		color: #c00;
		padding: 10px;
		margin-top: 50px;
		border: 1px solid #c00;
	}
/***END PC STYLE***/

/***BEGIN SP STYLE***/

/* BEGIN max width 767px */	
@media (max-width: 767px) {
/****BEGIN header & footer****/
	.wrapper {
		padding: 20px 22px;
	}
	.add-search{
		padding:3px;
	}
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	input {height:30px;}
	.textarea {
		height: 30px;
		vertical-align: top;
	}
	.menu-open{
		position: fixed;
    	right: 257px;
	}
	.container{
		width: 100%;
	}
	.top-bar{
		display: none;
	}
	.pre_header{
		position: relative;
		height: 53px;
    	background: #324B73;
	}
	.content{
		margin-top: 22px;
	}
	.logo_wrapper{
		width: calc(100% - 60px - 41px);
		padding: 15.5px 16px 0px 25px;
		float: left;
	}
	.logo img{
		max-width:100%;
		max-height: 32.5px;
	    margin: 0;
	}
	.menu-trigger{
		display: block;
		top: 1px;
	}
	.menu-sep{
		width: 2px;
		height: 32px;
		border-left: 2px solid #fff;
		margin: 11px 55px 0px 0px;
	}
	.footer{
		text-align: center;
		margin-bottom: 34px;
	}
	.footer span.copyright{
		margin: 0 auto;
		float: inherit;
	}
	.sp-nav-wrap ul.nav-bar li:last-child{
		border-bottom: none;
	}
	.sp-nav-wrap .sns_btn_wrapper{
		margin: 0 auto;
	}
	.sp-nav-wrap ul.nav-bar li:last-child i{
		display: block;
	    width: 31px;
	    height: 31px;
	    cursor: pointer;
	    display: inline-block;
	}
	.sp-nav-wrap ul.nav-bar li:last-child i.second-btn{
		margin-left: 25px;
	}
	.sp-nav-wrap i.first-btn{
		background: url(../img/sp/sp_facebook.png) no-repeat;
	}
	.sp-nav-wrap i.second-btn{
		background: url(../img/sp/sp_sns_otherbtn.png) no-repeat;
	}
	
	.top-content{
		margin-bottom: 40px;
	}
	.top-content dt{
		font-size: 26px;
	}
/****END header & footer****/
/****BEGIN content****/
	.main-content {
		width: 90%;
	}
	.submit-wrap button, .form-group .label, .symbol {
		font-size: 14px;
	}
	.title{
		font-size: 12px;
	}
	.title-top, .form-group .label {
		display: block;
	}
	.form-group > input, .form-group > textarea, .form-group .label {
		width: 100%;
	}
	#first, #second, .symbol:nth-child(1) {
		margin: 0 10px;
	}
	button.new {
		font-size: 12px;
	}
/****END content****/
}
/* END max width 767px */

/* BEGIN max width 480px */
@media (max-width: 480px) {
	.logo_wrapper{
		padding-top: 20px;
	}
	.photo-item{
		width: 95%;
	}
	.sp-nav-wrap{
		width: 80%;
	}
	.menu-open{
		right: calc(80%);
	}	
	/*content*/
	.title, .form-group {
		margin-bottom: 20px;
	}
	.label {
		width: 70%;
	}
	#first, #second, .symbol:nth-child(1) {
		margin: 0 2px;
	}
	input {
		height: 30px;
	}
	.add-search {
    	margin-left: 1px;
    }
}
/* END max width 480px */

/***END SP STYLE***/