@charaset "utf-8";
/*//////////////////////////////////////////////////////////////////////////////////////////////
共通
//////////////////////////////////////////////////////////////////////////////////////////////*/
.main {
	text-align: center;
}

/* 「投票する」などのフォームボタン */
.formInput {
	padding:1em 2em;
	background-color:#f95299;
	border-radius: 5px;
	color:#fff;
	font-weight:bold;
	border:#fff solid 2px;
	cursor: pointer;
	font-size: 120%;
}

.formInput:hover {
	background-color: var(--green);
}

/* フォームボタン（投票済みの場合） */
#IPerror{
	border: 2px solid #9E0B0D;
	background-color:#C52B2D;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 5px;
	color:#fff;
}

.borderBox {
	width: 100%;
	max-width:1300px;
	margin: auto;
	padding: 30px;
	line-height: 1.5;
}


/*////////////////////////////////////////////////////////////////////////
企画
////////////////////////////////////////////////////////////////////////*/
#kikaku .txtAria{
	padding: 0 0 5%;
}

#kikaku .kikakuBox{
	border-radius: 30px;
	padding: 3em;
	background-color: var(--white);
	margin: 0 auto 2em;
}

#kikaku .txtAria h4{
	background-color: var(--green);
	color: var(--white);
	padding: 0.5em;
	text-align: center;
	border-radius: calc(1px / 0);
	display: block;
	margin: 0 auto 1em;
	width: 10em;
	font-size: 120%;
}

#kikaku .txtAria .limit{
	border: double 3px var(--green);
	padding: 1em;
	text-align: center;
}

#kikaku .txtAria .title{
	background-color: var(--orange);
	color: var(--white);
	padding: 1em;
	text-align: center;
	display: block;
	font-weight: bold;
	border:  double 6px var(--white);
	margin-bottom: 1em;
}

#kikaku .txtAria .title small{
	background-color: var(--white);
	border-radius: calc(1px / 0);
	display: block;
	padding: 0.5em;
	color: var(--orange);
	margin-bottom: 0.5em;
}

#kikaku .txtAria ul{
	text-align: center;
}

#kikaku .txtAria ul li{
	display: inline-block;
	width: 48%;
	margin: 1%;
	background-color: var(--blue);
	color: #fff;
	padding: 2em;
	border: solid 3px var(--white);
	border-radius: 30px;
	vertical-align: middle;
}

#kikaku .txtAria ul strong{
	border-top: 3px double var(--green);
	border-bottom: 3px double var(--green);
	display: block;
	padding: 1em;
	font-size: 110%;
	letter-spacing: 0.1em;
	line-height: 1.2em;
}

#kikaku .txtAria ul strong small{
	font-size: 70%;
	opacity: 0.7;
	display: block;
	line-height: 1.2em;
	font-weight: normal;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////
投票画面
//////////////////////////////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------
ラジオボタン
---------------------------------------------------------*/
#index #objAll{
}

#index #objAll .obj {
}

#index #objAll input[type=radio] {
	transform: scale(1.9);
	margin: 0 1em 0 0;
	vertical-align: middle;
	display: inline-block;
}


#index #objAll .selected {
	border: solid 3px var(--orange);
}

/*---------------------------------------------------------
 チェックボックス
---------------------------------------------------------*/
#index #objAll .obj .txt{
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
}

#index #objAll input[type=checkbox] {
	transform: scale(2.5);
	margin: 0 6px 0 0;
	vertical-align: middle;
	display: inline-block;
}


/*---------------------------------------------------------
 投稿フォーム部分
---------------------------------------------------------*/



/*//////////////////////////////////////////////////////////////////////////////////////////////
確認画面
//////////////////////////////////////////////////////////////////////////////////////////////*/
#preview .box {
	
}

#preview dt, #preview dd{
}

#preview dt {
	display: block;
	font-weight: bold;
	margin-bottom: 1em;
	letter-spacing: 0.2em;
}

#preview dd .cat{
	background-color: var(--orange);
	color: var(--white);
	padding: 0.5em;
	margin-bottom: 1em;
}

#preview dd {
	display: block;
	padding:0 0 1em;
	border: solid 2px var(--orange);
	margin-bottom: 1.5em;
}



/*---------------------------------------------------------
 エラー部分
---------------------------------------------------------*/
#preview #Error {
	border: 4px double #ff5c89;
	padding: 30px;
	font-weight: bold;
	margin-bottom: 40px;
	background-color: #fff;
	color: #071d2d;
	text-align: left;
}

#preview #Error ul {margin-left: 10px;}

#preview #Error li {
	list-style: circle;
	line-height: 1.2;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}



/*//////////////////////////////////////////////////////////////////////////////////////////////
投票完了画面
//////////////////////////////////////////////////////////////////////////////////////////////*/
.backBt{
	background-color:#f95299;
	border-radius: 5px;
	color:#fff;
	font-weight:bold;
	border:#fff solid 2px;
	cursor: pointer;
	font-size: 120%;
	display: inline-block;
	margin: 2em auto;
}

.backBt a{
	color:#fff;
	display: inline-block;
	padding:1em 2em;
}

.backBt:hover {
	background-color: var(--green);
}


/*######################################################################
メディアクエリ
######################################################################*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 768px) {
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
#kikaku .kikakuBox{
	padding: 2em;
}
	
#kikaku .txtAria .title small{
	border-radius: 10px;
	padding: 1.5em;
	margin-bottom: 1em;
}

#kikaku .txtAria ul li{
	display: block;
	width: 100%;
	margin: 1% auto;
	border-radius: 10px;
}
		

	
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
}@media screen and (max-width: 480px) {

body {
	font: 12px/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
	
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
}
/*//////////////////////////////////////////////////////////////////////////////////////////////*/