@charset "utf-8";

html {
	font-size: 62.5%;
	height: 100%;
	width: 100%;
	overflow-x:hidden;
}
body {
	-webkit-text-size-adjust: none;
	margin: 0;
	background-color:#ffffff;
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
	/* Safari: ゴシック体にする */
	font-family: sans-serif;
}

* {
	margin: 0px;
	padding: 0px;
}

img{border :0px;
	max-width:100%;
	line-height: 0;
	vertical-align:bottom;}

form{margin:0;
	padding:0;
}

p {	margin-top:0;}

a {
	margin:0;
    padding:0;
    vertical-align:baseline;
    background:transparent;
    color: #0074E8;
    text-decoration: underline;
}
a:hover {
	color: #FF8B19;
	text-decoration: none;
}
a:hover img{
	filter: alpha(opacity=10);
	-moz-opacity:0.8;
	opacity:0.8;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: bottom;
	background: transparent;
}

button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}


/*clearfix*/
.clearfix {zoom: 100%;}
.clearfix:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}



/*----------------------------------------------------
【ヘッダー部分ここから】
------------------------------------------------------*/
/*header*/
#headerWrap {
	width:100%;
	background-color:#3fcbee;
}
#header {
	width:100%;
	max-width:1100px;
	margin:0;
	padding: 1% 0 0.7% 2%;
	display: flex;
	flex-direction: row;
}
#header .header_logo{
	margin-right: 3%;
}
#header nav#gnavi{
	width:auto;
}
#header nav#gnavi ul{
	width:auto;
	display: flex;
	flex-direction: row;
}
#header nav#gnavi li{
	width:130px;
	color:#fff;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #FFFF00;
}
#header nav#gnavi li:last-child{
	border-right: 1px solid #FFFF00;
}
#header nav#gnavi li {
	color: #dcdcdc;
}
#header nav#gnavi li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none;
}
#header nav#gnavi li a:hover{
	color: #fff;
	text-decoration: none;
}
#header nav#gnavi li span{
	display: block;
}
/*投票ナビ*/
#header2{
    background: linear-gradient(90deg, rgba(137,224,7,1) 0%, rgba(255,226,0,1) 35%, rgba(255,130,0,1) 100%);
    padding-bottom: 3px;
}
#header2 nav#votenavi{
	width:auto;
	background-color:#fff;
}
#header2 nav#votenavi ul{
	width:auto;
	height: 72px;
	display: flex;
	flex-direction: row;
}
#header2 nav#votenavi li{
	width:130px;
	color:#fff;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	background-color:#FF8B19;
	border-radius: 6px;
	padding:0.1% 0.5%;
	margin:0.7% 0.5% 0.6% 0;
}
#header2 nav#votenavi li.fst{
	width:7%;
	background-color:#fff;
	margin:1% 0 1% 0;
	text-align: left;
	padding:0 0.5% 0 1%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#header2 nav#votenavi li.pop{
	background-color:#FF1594;
}
#header2 nav#votenavi li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color:#fff;
	text-decoration:none;
}
#header2 nav#votenavi li:hover{
	background-color:#96F0B3;
}
#header2 nav#votenavi li.fst:hover{
	background-color:#fff;
}

/*スマホ用gナビは隠す*/
@media (min-width: 641px) {
	#headerWrap_sp {
	display: none;
	}
}
/*width988px以下の場合*/
@media screen and (max-width: 988px) {
	#header nav#gnavi li{
		width:24%;
		font-size: 12px;
	}
	#header2 nav#votenavi li{
		width:15%;
		padding:0 0.5% 0 1%;
	}
}
/*width884px以下の場合*/
@media screen and (max-width: 884px) {
	#header {
		width:auto;
	}
	#header nav#gnavi li{
		width:19%;
	}
	#header2 nav#votenavi li{
		width:14%;
		padding:0 0.5% 0 1%;
	}
}
/*----------------------------------------------------
【スマホの場合】
------------------------------------------------------*/
@media screen and (max-width: 640px) {
	#headerWrap {
	display: none;
	}
	#headerWrap_sp {
	background-color:#3fcbee;
	}
	#comipa_header_sp .top{
	width: 100%;
	max-width: 100%;
	padding: 1% 0;
	}
	#comipa_header_sp .top .comipa_logo_sp{
	width: 32%;
	float: left;
	padding:2% 3%;
	}
	#comipa_header_sp .top .gnavi{
	width: 62%;
	float: right;
	}
	#comipa_header_sp .top ul.gnavi{
	display: flex;
	flex-direction: row;
	padding-top: 2%;
	}
	#comipa_header_sp .top ul.gnavi li{
	width: 38%;
	color: #fff;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #FFFF00;
	}

	#comipa_header_sp .top ul.gnavi li:last-child {
		width: 26%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#comipa_header_sp .top ul.gnavi li {
		color: #dcdcdc;
	}
	#comipa_header_sp .top ul.gnavi li a {
		display: block;
		width: 100%;
		height: 100%;
		color: #fff;
		text-decoration: none;
	}
	#comipa_header_sp .top ul.gnavi li a:hover {
		color: #fff;
		text-decoration: none;
	}
	#gnavi_spSide button.menu_button {
		display: block;
		width: 36px;
		height: 36px;
		text-align: right;
		border: none;
		z-index: 100;
		background: url(../images/menu.svg) center no-repeat;
		outline: none;
		margin-right: 0;
	}
	#gnavi_spSide .menu_button.menu_button_open {
		background-image: url(../images/close.svg);
	}
	.menu_close{
		background-color: #3FCBEE;
		font-weight: bold;
		color: #fff;
		text-align:center;
	}
	.menu_close button{
		display: block;
		width:100%;
		height: 100%;
		padding: 0.7em 0 1em 0;
	}
	.menu_close img{
		width:30%;
		height: auto;
	}
	/*クリックイベント_スマホ用グローバルナビ*/
	#gnavi_spSide{
		margin: 0;
	}
	#spSideWrap .nav2{
		width:100%;
		display: none;
		top:0;
		left:0;
		background-color: rgba( 27, 27, 27, 0.95 );
		z-index: 1000;
	}
	/*クリックすると出てくる*/
	#spSideWrap .nav2.menu_button_open{
		display: block;
		position: static;
	}
	#spSideWrap nav.nav2 ul.gnavi li{
		width: 94%;
		height: 100%;
		text-align:center;
		padding:3%;
		border-bottom: 1px dotted #ccc;
		font-weight: bold;
		color: #ccc;
	}
	#spSideWrap nav.nav2 ul.gnavi li:last-child{
		border-bottom: none;
	}
	#spSideWrap nav.nav2 ul.gnavi li a{
		display: block;
		width: 100%;
		height: 100%;
		color: #fff;
		text-decoration:none;
	}
	#spSideWrap nav.nav2 ul.gnavi li a:hover{
		text-decoration:underline;
	}
	/*投票ナビ*/
	#header2 nav#votenavi{
		width:auto;
		background-color:#fff;
	}
	#header2 nav#votenavi ul{
		width:98%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	#header2 nav#votenavi li{
		width:17%;
		color:#fff;
		font-size: 62%;
		text-align: left;
		font-weight: bold;
		background-color:#FF8B19;
		border-radius: 6px;
		padding:1%;
		margin:2% 0;
	}
	#header2 nav#votenavi li.fst{
		width:12%;
		margin:1% 0 1% 0;
		text-align: left;
		padding:0.5% 0.5% 0.2% 2%;
	}
	#header2 nav#votenavi li a{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		text-align: center;
		color:#fff;
		text-decoration:none;
	}
	#header2 nav#votenavi li:hover{
		background-color:#96F0B3;
	}
}
/*----------------------------------------------------
【トップへ戻るボタン】
------------------------------------------------------*/
#page_top {
	position: fixed;
	bottom: 4%;
	right: 0;
	z-index: 9999;
}
#page_top a {
	text-decoration: none;
	width: 70%;
	display: block;
}
/*width380px以下の場合*/
@media screen and (max-width: 380px) {
	#page_top {
		position: fixed;
		bottom: 2%;
		right: 0;
	}
	#page_top a {
		width: 70%;
	}
}


/*----------------------------------------------------
【TOPページ】
------------------------------------------------------*/
#contents{
	overflow: hidden;
}
#contents .widM{
	width:100%;
}
#contents .widC{
	max-width:1100px;
	margin:0 auto;
	text-align:center;
}
#mainImg .onepic{
	text-align:center;
	background: url(/comiweb/2021s/images/bg_main.jpg) no-repeat top center;
	background-color: #fff;
}
#mainImg .onepic_sp{
	display: none;
}
#mainImg .slider {
	width: 100%;
	height: 100%;
}
#mainImg .slider{
	position:relative;
}
#mainImg a:hover img{
	filter: alpha(opacity=10);
	-moz-opacity:1;
	opacity:1;
}

#contents .widM.news{
}
#contents .widM.news .widC{
	max-width:100%;
	background-color: #3fcbee;
	color: #000;
	padding:2% 4%;
}
#contents .widC .linkBnr{
	display: flex;
	justify-content: center;
	padding:4% 0;
}
#contents .widC .linkBnr .space{
	margin-right:2%;
}
#contents .widM.news h2{
	font-size: 140%;
}
#contents .widM.news .newWrap{
	width:1000px;
	margin:0 auto;
	background-color: #fff;
	padding: 1.5% 0 2% 0;
	border-radius: 12px;
}
#contents .widM.news .newBox{
	width: 80%;
	height:84px;
	margin:0 auto;
	overflow-x: hidden;
	overflow-y: scroll;
	text-align:left;
}
#contents .widM.news .newCon{
	width: 100%;
}
#contents .widM.news .newBox li{
	display: flex;
	flex-direction: row;
	font-family: 'Raleway', sans-serif;
	/*border-bottom:1px dotted #ccc;*/
	padding: 7px 0;
}
#contents .widM.news .newBox li .day{
	width: auto;
	margin-right: 3%;
	color: #000;
}
#contents .widM.news .newBox li .text{
	width: auto;
}
#contents .widM.news .newBox li .text a{
	color: #FF8B19;
}
#contents .ex_comippa{
	background-image: url(/comiweb/2020s/images/bg_shop.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
	padding-top: 5%;
	padding-bottom: 5%;
}

#contents .widC .copy{
	text-align: left;
	font-size:72%;
	padding: 2% 0;
}

#contents .txt_comippa p.border{
	padding-bottom: 2em;
	border-bottom: 2px dotted #3fcbee;
	margin-bottom: 2em;
}

/* --- 全体のBOX定義 ---------------------------------------- */
#contents .box{
	/*position: fixed;*/
	width: 100%;
	height: 100%;
	z-index: -999;
}
#contents .txt_comippa{
	width:1000px;
	margin:0 auto;
	padding: 4% 0 6% 0;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.9);
	color: #000;
	z-index: 11;
	font-size: 140%;
	line-height: 2;
	text-align: center;
}
#contents .txt_comippa strong{
	color: #B91209;
}
#contents .txt_comippa h3{
	font-size: 160%;
	line-height: 1.5;
	margin-bottom: 3%;
}
#contents .txt_comippa span{
	font-size: 62%;
}
#contents .txt_comippa .spc{
	margin-bottom: 1em;
}
#contents .widM.pj_logo{
	background-color: #EEEEEE;
	padding:1% 0 0 0;
}
#contents .widM.pj_logo ul{
	max-width:988px;
	width: 90%;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#contents .widM.pj_logo li{
	width: auto;
	margin: 0 1% 1.5% 0;
}



/*width640px以下の場合*/
@media screen and (max-width: 640px) {
	#contents{
		width:100%;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
		#mainImg .onepic{
		display: none;
	}
	#mainImg .onepic_sp{
		display: block;
		background: url(/comiweb/2021s/images/bg_mainsp.jpg) no-repeat top center;
		background-color: #fff;
		background-size: cover;
	}
	#mainImg .onepic_sp img{
		width: 100%;
	}
	#contents .widM.news h2{
		font-size: 120%;
		margin-bottom: 0;
	}
	#contents .widM.news .newBox li{
		padding: 2% 0;
	}
	#contents .section{
		width: 96%;
		margin:0 auto;
	}
	#contents .widM.news .widC ul{
		width: 96%;
		height: 120px;
		margin:0 auto;
	}
	#contents .widM.news .widC{
		padding:5% 0 7% 0;
	}
	#contents .widM.news .newWrap{
		width: 96%;
		margin:0 auto;
	}
	#contents .widM.news .newBox{
		width: 80%;
		font-size: 82%;
		height: 52px;
	}
	#contents .widM.news p.tcymLink{
		padding:0 3%;
	}
	#contents .widM.news .newBox li{
		display: block;
	}
	#contents .widC {
		max-width: 100%;
	}
	#contents .txt_comippa {
		width: 84%;
		padding: 6% 6% 8% 6%;
		border-radius: 12px;
		font-size: 94%;
		line-height: 1.7;
		text-align:left;
	}
	#contents .txt_comippa h3{
		font-size: 152%;
		text-align:center;
		line-height: 1.3;
	}
	#contents .txt_comippa span{
		font-size: 72%;
	}
	#contents .ex_comippa {
	background-image: url(/comiweb/2020s/images/bg_shop.jpg);
	transform: translate3d(0, 0, 0);
	padding: 14% 0;
	background-size: contain;
	}
	#contents .widM.pj_logo li{
		width: 30%;
		margin: 0 1% 1.5% 0;
	}
	#contents .widC .copy{
		width: 96%;
		margin: 0 auto;
	}
}

/*----------------------------------------------------
【コミッパとは？ページ】
------------------------------------------------------*/
#contents.comippa{
	background-color: transparent;
}
#contents.comippa .widM.title{
	height: 250px;
	background-image: url(/comiweb/2020s/images/comiweb/bg_shop1.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	display: flex;
	justify-content: center;
	align-items: center;
}
#contents.comippa .widM h2{
	width: 37%;
	margin:0 auto;
	padding: 1%;
	text-align:center;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.9);
	color: #000;
	z-index: 11;
	font-size: 140%;
	font-weight: bold;
}
#contents.comippa .wrap{
	width:100%;
	margin:0 auto;
	text-align:center;
	background-image: url(/comiweb/2021s/images/bg_main_top.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
#contents.comippa .wrapbottom{
	width:100%;
	margin:0 auto;
	text-align:center;
	background-image: url(/comiweb/2021s/images/bg_main_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}
#contents.comippa .pc{
	display: block;
}
#contents.comippa .sp{
	display: none;
}
.comippaWrap{
	width:988px;
	margin:0 auto;
	padding-top:4%;
}
#contents.comippa h3{
	text-align:center;
	margin-bottom: 2%;
}
.comippaWrap p{
	text-align:left;
	font-size: 120%;
	line-height: 1.8;
}
.comippaWrap h3{
	text-align:center;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.8;
	padding: 1.5% 0 1.2% 0;
	color: #fff;
	background-color: #3FCBEE;
	border-radius: 7px;
}
#contents.comippa p.space2{
	margin-bottom: 2%;
}
#contents.comippa p.space{
	margin-bottom: 5%;
	padding:0;
}
.comippaWrap p.chu{
	line-height: 1.2;
}
.comippaWrap p span{
	font-size: 72%;
}
.comippaWrap p.space2{
	margin-bottom: 7%;
}
.comippaWrap p.space3{
	padding-bottom: 7%;
}
.comippaWrap.nospace{
	padding-top: 0;
	padding-bottom: 6%;
}
#contents.comippa.vote2 .webBote ul.votebtn{
	width:900px;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 5%;
}
#contents.comippa.vote2 .webBote ul li{
	width:32%;
	margin-bottom:3%;
}
#contents.comippa.vote2 .webBote ul:after{
	content:"";
	display:block;
	width:32%;
	height:0;
}
/*width1100px以下の場合*/
@media screen and (max-width: 1100px) {
	#contents.comippa .widM.wrap{
		width:100%;
	}
	.comippaWrap{
		width:90%;
		padding-top: 4%;
	}
	#contents.comippa.vote2 .webBote ul.votebtn{
		width:90%;
	}
	.webBote h3{
		width: 90%;
		margin: 0 auto 3% auto;
	}
	.webBote .text{
		width: 90%;
		margin: 0 auto;
		font-size:14px;
	}
}
/*width640px以下の場合*/
@media screen and (max-width: 640px) {
	#contents.comippa .widM.title{
		height: auto;
		background-image: url(/comiweb/2020s/images/comiweb/bg_shop1.jpg);
		background-size:contain;
		padding:12% 0;
	}
	#contents.comippa .wrap{
		background-image: url(/comiweb/2021s/images/bg_mainsp_top.jpg);
		background-size:contain;
	}
	#contents.comippa .wrapbottom{
		background-image: url(/comiweb/2021s/images/bg_mainsp_bottom.jpg);
		background-size:contain;
	}
	#contents.comippa .widM h2{
		width: 80%;
	}
	#contents.comippa .pc{
		display: none;
	}
	#contents.comippa .sp{
		display: block;
	}
	.comippaWrap h3 {
		font-size: 1rem;
	}
	.comippaWrap p{
		text-align:left;
		font-size: 14px;
		line-height: 1.8;
	}
	.comippaWrap p.space{
		margin-bottom: 3%;
	}
	.comippaWrap p span{
		font-size: 72%;
	}
	.comippaWrap p.space2{
		margin-bottom: 7%;
	}
	.webBote p.text{
		font-size:100%;
	}
	.webBote p.text2{
		font-size:100%;
	}
	.comippaWrap.nospace{
		padding-top: 0;
	}
	.comippaWrap.nospace{
		padding-top: 0;
		padding-bottom: 6%;
	}
	.webBote ul.votebtn{
		width:100%;
	}
	#contents.comippa.vote2 .webBote ul.votebtn{
		width:96%;
	}
}


/*----------------------------------------------------
【店舗リストページ】
------------------------------------------------------*/

#contents.shoplist{
	width:100%;
	margin:0 auto;
	text-align: center;
}
#contents.shoplist .wraptop{
	width:100%;
	margin:0 auto;
	background-image: url(/comiweb/2021s/images/bg_main_top.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
#contents.shoplist .wrapbottom{
	width:100%;
	margin:0 auto;
	background-image: url(/comiweb/2021s/images/bg_main_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#contents.shoplist .widM.title{
	padding:2.5% 0 2% 0;
}
#contents.shoplist .widM h2{
	color: #000;
	text-align:center;
	font-size: 210%;
	font-weight: bold;
	padding: 4% 0 2.8% 0;
}
#contents.shoplist .widM.wrap{
	width:1100px;
	margin:0 auto;
	background-color: transparent;
	padding: 0 0 3% 0;
}
#contents.shoplist .widM.wrap .panelBox{
	width:988px;
	margin:0 auto;
	padding:0;
}
#contents.shoplist .widM.wrap .panelBox .panel_btn{
	display:block;
	width:100%;
	height:auto;
	text-align:center;
}
#contents.shoplist .widM.wrap .panelBox .panelWrap{
	width:988px;
	height:auto;
	padding:0;
}
#contents.shoplist .widM.wrap .panelBox p.space{
	margin-bottom:5%;
}
#contents.shoplist .widM.wrap ul.changeWrap{
	background-color: #eeeeee;
	border-radius: 0 0 7px 7px;
	text-align:center;
	padding: 3% 3%;
}

#contents.shoplist .tab-group{
	display: flex;
	justify-content: center;
}
#contents.shoplist .tab{
	flex-grow: 1;
	padding:15px;
	margin-right:2px;
	list-style:none;
	text-align:center;
	cursor:pointer;
	background-color: #3fcbee;
	border-radius: 7px 7px 0 0;
	color: #fff;
	font-weight: bold;
	font-size:92%;
}
#contents.shoplist .tab:last-child{
	margin-right:0;

}
#contents.shoplist .panel-group{
	height:auto;
	border-top:none;
}
#contents.shoplist .panel{
    display:none;
}
#contents.shoplist .tab.is-active{
    background:#FF8B19;
    color:#FFF;
    transition: all 0.2s ease-out;
}
#contents.shoplist .panel.is-show{
    display:block;
}

#contents.shoplist ul.chiikiL{
	width: 100%;
	margin-bottom:3%;
}
#contents.shoplist ul.chiikiL li{
	float: left;
	padding-left:17px;
	margin-right:14px;
	background-image: url(/comiweb/images/icon_link.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;
	text-align:left;
}
#contents.shoplist h3{
	margin-bottom:2%;
	padding:0.5%;
	background-color: #3FCBEE;
	border-radius: 50px;
	color: #fff;
}
#contents.shoplist ul.shopL{
	width:100%;
	display: flex;
	flex-wrap:wrap;
	flex-direction: row;
	border-left:1px solid #ccc;
	font-size:92%;
	margin-bottom:5%;
}
#contents.shoplist ul.shopL.last{
	margin-bottom:0;
}
#contents.shoplist ul.shopL li{
	width:23.89%;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:0.5%;
}
#contents.shoplist ul.shopL li:nth-last-child(-n+4){
	border-bottom:1px solid #ccc;
}
/*width1099px以下の場合*/
@media screen and (max-width: 1099px) {
	#contents.shoplist .widM.wrap{
		width:96%;
		margin:0 auto;
	}
	#contents.shoplist .widM.wrap .panelBox {
		width: 96%;
		height: auto;
		padding: 0;
	}
	#contents.shoplist .widM.wrap .panelBox .panelWrap {
		width: 100%;
		height: auto;
		padding: 0;
	}
	#contents.shoplist .tab{
		font-size: 82%;
		padding:1%;
	}
	#contents.shoplist ul.shopL li{
		width:47.5%;
		font-size: 82%;
	}
	#contents.shoplist ul.shopL li:nth-last-child(-n+2){
		border-bottom:1px solid #ccc;
	}
}
/*width640px以下の場合*/
@media screen and (max-width: 640px) {
	#contents.shoplist .widM.wrap .panelBox{
		width:100%;
		margin:0 auto;
	}
	#contents.shoplist .wraptop{
		background-image: url(/comiweb/2021s/images/bg_mainsp_top.jpg);
		background-size:contain;
	}
	#contents.shoplist .wrapbottom{
		background-image: url(/comiweb/2021s/images/bg_mainsp_bottom.jpg);
		background-size:contain;
	}
	#contents.shoplist .widM.wrap .panelBox .panel_btn{
		display:block;
		width:94%;
		height:auto;
		margin:0 auto;
		text-align:center;
		cursor:pointer;
	}
	#contents.shoplist .widM.wrap .panelBox .panelWrap{
		width:94%;
		height:auto;
		margin:0 auto;
	}
	#contents.shoplist .widM h2{
		font-size: 140%;
	}
	#contents.shoplist .tab{
		font-size: 10px;
	}
	#contents.shoplist ul.shopL li{
		font-size: 10px;
	}
}

/*----------------------------------------------------
【試し読みページ】
------------------------------------------------------*/
#contents.tcym{
	background-color: #fff;
}
#contents.tcym .comippaWrap {
    padding-top: 3%;
}
#contents.tcym .widM.title{
	padding:2.5% 0 2% 0;
}
#contents.tcym .widM h2{
	color: #000;
	text-align:center;
	font-size: 210%;
	font-weight: bold;
	padding: 4% 0 0 0;
}
#contents.tcym .wraptop{
	width:100%;
	margin:0 auto;
	background-image: url(/comiweb/2021s/images/bg_main_top.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
#contents.tcym .wrapbottom{
	width:100%;
	margin:0 auto;
	background-image: url(/comiweb/2021s/images/bg_main_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}
#contents.tcym .widM.wrap{
	width:1100px;
	margin:0 auto;
	padding: 0 0 5% 0;
}
#contents.tcym .widM.wrap .linkBnr{
	width:1100px;
	margin:0 auto;
    display: flex;
    justify-content: center;
    padding: 0 0 0 4%;
}
#contents.tcym .comippaWrap p{
	text-align:center;
	margin-bottom:2%;
}
#contents.tcym .comippaWrap p.space,
#contents.tcym .section.specialWrap p.space{
	margin-bottom:3%;
}
#contents.tcym .section.tcymWrap ul{
	width: 1000px;
	margin:0 auto 4% auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#contents.tcym .section.tcymWrap ul.nospace{
	margin-bottom:0;
}
#contents.tcym .section.tcymWrap ul li{
	width: 174px;
	display: flex;
	flex-direction: column;
	border-radius: 4px;
	background-color: #fff;
	margin-bottom:2%;
	padding:8px;
	display: flex;
	flex-direction: column;
}
#contents.tcym .section.tcymWrap ul li.empty{
	background-color: transparent;
}
#contents.tcym .section.tcymWrap ul li img{
	border:1px solid #CCC;
}
#contents.tcym .section.tcymWrap ul li p.tcymbtn{
	width: 100%;
	background-color: #ff8b19;
	border-radius:5px;
	text-align:center;
	margin-top: auto;
}
#contents.tcym .section.tcymWrap ul li p.tcymbtn a{
	display: block;
	color: #fff;
	font-weight: bold;
	padding:7% 1%;
	width: 100%;
	height: 100%;
}
#contents.tcym .section.tcymWrap ul li p.tcymbtn a:hover{
	color: #FFFF00;
}
#contents.tcym .section.tcymWrap ul li .title,
#contents.tcym .section.tcymWrap ul li .link{
	padding:3%;
}
#contents.tcym .section.tcymWrap ul li .link{
	padding-bottom: 4%;
	margin-top: auto;
}
#contents.tcym .section.tcymWrap ul li .title{
	font-weight:bold;
	font-size:82%;
	line-height: 1.5;
	text-align:left;
}
#contents.tcym .section.tcymWrap ul li a{
	color: #000;
	text-decoration:none;
}
#contents.tcym .section.tcymWrap ul li a:hover{
	color: #04C9FD;
}

#contents.tcym .section.specialWrap{
	width: 988px;
	margin:0 auto;
}
#contents.tcym .section.specialWrap h3{
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.8;
	padding: 1.5% 0 1.2% 0;
	color: #fff;
	background-color: #3FCBEE;
	border-radius: 7px;
	margin-bottom: 1em;
}
#contents.tcym .section.specialWrap p{
	margin-bottom:1em;
}
#contents.tcym .section.specialWrap p{
	margin-bottom:1em;
}
#contents.tcym .section.specialWrap ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#contents.tcym .section.specialWrap ul li{
	width: 48%;
}
#contents.tcym .section.specialWrap ul li img {
    border: none;
}
#contents.tcym .section.specialWrap .nospace {
    margin-bottom:0;
}
#contents.tcym .widM.pj_logo{
	background-color: #EEEEEE;
}

/*width1099px以下の場合*/
@media screen and (max-width: 1099px) {
	#contents.tcym .widM.title{
		width: 100%;
		padding:6% 3%;
	}
	#contents.tcym .widM.title .topview{
		width: 100%;
		margin:0 auto;
	}
	#contents.tcym .widM .comiclist,
	#contents.tcym .widM .comiclistz{
		width: 100%;
	}
	#contents.tcym .widM .comiclist li,
	#contents.tcym .widM .comiclistz li{
		margin-right:10px;
	}
	#contents.tcym .widM .tcymWrap p {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	#contents.tcym .section.tcymWrap ul{
		width: 100%;
	}
	#contents.tcym .widM.wrap .section ul li{
		width: 18%;
		border-radius: 4px;
	}
	#contents.tcym .widM.wrap .section2 ul{
		width:96%;
		margin: 0 auto;
	}
	#contents.tcym .widM.wrap .section2 ul li.tokuten{
		width:48%;
	}
	#contents.tcym .widM.wrap .section2 ul li.kabegami{
		width:37%;
	}
	#contents.tcym .widM.wrap .section2 ul li{
		padding:3%;
	}
	#contents.tcym .widM.wrap .section3 ul li{
		width:48%;
	}
	#contents.tcym .section.tcymWrap.specialWrap{
		width:90%;
		margin:0 auto;
	}
	#contents.tcym .section.tcymWrap ul li {
	    width: 28.5%;
	    border-radius: 4px;
	    padding: 10px;
	    margin-bottom: 1em;
	}
	#contents.tcym .tcymWrap .section.specialWrap p {
	    margin-bottom: 0.5em;
	}
	#contents.tcym .tcymWrap .section ul.otherLink li {
	    padding: 0;
	}
	#contents.tcym .tcymWrap .section.specialWrap h3 {
	    margin-bottom: 0.5em;
	}
}
/*width640px以下の場合*/
@media screen and (max-width: 640px) {
	#contents.tcym .wraptop{
		background-image: url(/comiweb/2021s/images/bg_mainsp_top.jpg);
		background-size: contain;
	}
	#contents.tcym .wrapbottom{
		background-image: url(/comiweb/2021s/images/bg_mainsp_bottom.jpg);
		background-size: contain;
	}
	#contents.tcym .widM.title{
		width: 96%;
		background-color:transparent;
		margin: 0 auto;
		padding: 0 0 5% 0;
	}
	#contents.tcym .widM.title h2{
		padding: 4% 3% 2.8% 3%;
	}
	#contents.tcym .widM.title .comippaWrap{
		width: 94%;
		padding-top:0;
	}
	#contents.tcym .widM.title .comippaWrap h3 {
	    font-size: 140%;
	    padding: 0;
	    margin:3% 0;
	}
	#contents.tcym .widM.title .comippaWrap .section{
		width: 100%;
		margin:0 auto;
	}

	#contents.tcym .widM.title .comippaWrap .section ul li{
		width: 42.5%;
		border-radius: 4px;
		padding:10px;
		margin-bottom:0.7em;
	}
	#contents.tcym .widM.title .comippaWrap .section ul li.empty{
		display: none;
	}

	#contents.tcym .widM.title .comippaWrap .section ul li img{
		width: 100%;
		height: auto;
	}

	#contents.tcym .widM.title .comippaWrap .section.specialWrap ul li{
		width: 49%;
		border-radius: 4px;
		padding:2% 0 0 0;
		margin-bottom:0;
	}
}


/*----------------------------------------------------
【店舗写真ページ】
------------------------------------------------------*/

#contents.comippa.chiiki .wraptop{
	background-image: url(/comiweb/2021s/images/bg_main_top.jpg);
	background-size: contain;
}
#contents.comippa.chiiki .wrapbottom{
	background-image: url(/comiweb/2021s/images/bg_main_bottom.jpg);
	background-size: contain;
}
#contents.comippa.chiiki .widM.wrap p.center {
	text-align: center;
	padding-top: 0;
	margin-bottom:4%;
}
#contents.comippa.chiiki .voteWrap ul {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
    padding: 0;
}
#contents.comippa.chiiki .voteWrap ul li {
	width: 32%;
	margin-bottom: 3%;
}
#contents.comippa.chiiki .voteWrap ul:after{
	content:"";
	display:block;
	width:32%;
	height:0;
}

#contents.shoplist.chiiki .widM.wrap {
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 3% 0;
}
#contents.shoplist.chiiki .widM.chiku h2 {
    font-size: 240%;
    vertical-align: bottom;
    padding: 3%;
}
#contents.shoplist.chiiki .voteWrap ul.chiiki {
	max-width: 988px;
	margin:0 auto;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
#contents.shoplist.chiiki .voteWrap ul.chiiki li {
    width: 23.5%;
    padding: 0;
    border: 3px solid #FF8B19;
	border-radius: 5px;
    background-color: #fff;
    margin-right: 1.19%;
    margin-bottom: 2%;
}
#contents.shoplist.chiiki .voteWrap ul.chiiki li:nth-child(4n) {
    margin-right: 0;
}
#contents.shoplist.chiiki .voteWrap ul.chiiki li.spnone {
    border: none;
    border: 3px solid #fff;
    background-color: #fff;
}
#contents.shoplist.chiiki .voteWrap ul.chiiki li p.title {
    padding: 5% 2% 0 2%;
    font-size: 92%;
    font-weight: bold;
    text-align: center;
}
#contents.shoplist.chiiki .voteWrap ul.chiiki li span {
    font-size: 82%;
}
.sp_spnone{
	display: none;
}
/*width1100px以下の場合*/
@media screen and (max-width: 1100px) {
	#contents.comippa.chiiki .widM.wrap .comippaWrap{
		padding-bottom: 4%;
	}
	#contents.comippa.chiiki .widM.wrap p.center {
		padding-top: 0;
	}
	#contents.shoplist.chiiki .widM.wrap {
		max-width: 96%;
		padding: 0 0 3% 0;
		border-radius: 0;
		margin: 0 auto;
	}
	#contents.shoplist.chiiki .widM.wrap ul.chiiki {
		max-width: 96%;
		margin: 0 auto;
	}
}
/*width640px以下の場合*/
@media screen and (max-width: 640px) {
	#contents.comippa.chiiki .widM.title{
		height: auto;
		background-image: url(/comiweb/2020s/images/comiweb/bg_shop1.jpg);
		background-position: center;
		background-size:contain;
		padding:12% 0;
	}
	#contents.comippa.chiiki .voteWrap ul li{
		width:48.3%;
	}

	#contents.shoplist.chiiki .widM.chiku h2 {
	    font-size: 140%;
	}
	#contents.comippa.chiiki .webBote .text {
	    width: 100%;
	}
	#contents.shoplist.chiiki .webBote .spnone {
		display: none;
	}
	#contents.shoplist.chiiki .voteWrap ul.chiiki{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#contents.shoplist.chiiki .voteWrap ul li{
		width:48%;
	}
	#contents.shoplist.chiiki .voteWrap ul.chiiki li {
	    width: 30.9%;
	    padding: 0;
	    border: 2px solid #FF8B19;
		border-radius: 5px;
	    background-color: #fff;
	    margin-bottom: 2%;
	    margin-right: 0;
	}
	#contents.shoplist.chiiki .voteWrap ul.chiiki:after {
		content: "";
		display: block;
		width: 30.9%;
		height: 0;
	}
	#contents.shoplist.chiiki .voteWrap ul.chiiki li:nth-child(4n) {
	    margin-right: 0;
	}
	#contents.shoplist.chiiki .voteWrap ul.chiiki li p {
	    font-size: 72%;
	}
	#contents.shoplist.chiiki .voteWrap ul.chiiki li p.title {
	    font-size: 72%;
    	padding: 5% 2% 0 2%;
	}
	#contents.shoplist.chiiki .voteWrap ul.chiiki li.sp_spnone{
		display: block;
		border: none;
		background-color:#fff;
	}
}

/*----------------------------------------------------
【結果発表ページ】
------------------------------------------------------*/

#contents.award .widM{
	width: 100%;
	background-color: #3fcbee;
	padding:0 0 0.2% 0;
}
#contents.award .widM.bn{
	padding:0;
}
#contents.award .widM .widC{
	width: 100%;
	max-width: 100%;
	background-color: #fff;
}
#contents.award .widM .comippaWrap{
	width: 988px;
	margin: 0 auto;
	padding-top: 2%;
}
#contents.award .widM .comippaWrap p.center{
	text-align:center;
}
#contents.award .widM .comippaWrap p.space{
	padding-bottom: 2em;
	margin-bottom:0;
}

#contents.award .widM .comippaWrap h3{
	margin-bottom: 1em;
	text-align:center;
}
#contents.award .widM .comippaWrap .col00{
	width: 964px;
	margin: 0 auto 5em auto;
	text-align: center;
	background-image: linear-gradient(to right, #ff8b19 0%, #fcd918 100%);
	padding: 10px;
}
#contents.award .widM .comippaWrap .col00.last{
	margin: 0 auto 3em auto;
}
#contents.award .widM .comippaWrap .col00.first{
	margin: 0 auto 3em auto;
}
#contents.award .widM .comippaWrap .col01 .awaWrap{
	background: url(/comiweb/2021s/images/award/bg_body.jpg) repeat-y; top;
}
#contents.award .widM .comippaWrap .col01 .awaWrap .bgWrap{
	background: url(/comiweb/2021s/images/award/bg_top.png) no-repeat; top;
}
#contents.award .widM .comippaWrap .col00 .awaWrap{
	width: 100%;
	background-color: #fff;
	padding: 0;
}
#contents.award .widM .comippaWrap .awaWrap .texWrap{
	width: 92%;
	margin: 0 auto;
	padding-bottom: 3%;
}
#contents.award .widM .comippaWrap .awaWrap .texWrap .copy{
	font-size: 120%;
	padding-bottom: 3%;
	line-height: 2;
}
#contents.award .widM .comippaWrap .awaWrap .come{
	border: 4px solid #ff8b19;
	padding: 42px 22px 16px 22px;
	background-image: url(/comiweb/2021s/images/award/com_p_img.png);
	background-position: 12px 8px;
	background-repeat: no-repeat;
	text-align: left;
	border-radius: 10px;
	line-height: 1.5em;
	font-size: 120%;
}
#contents.award .nyusho{
	margin-bottom: 3%;
	text-align: center;
}
#contents.award .widM .comippaWrap .awaWrap .photoWrap h4{
	margin-bottom: 1em;
}
#contents.award .widM .comippaWrap .awaWrap .photoWrap{
	padding-top:3%;
}
#contents.award .widM .comippaWrap .awaWrap .photoWrap .big{
	margin-bottom: 2em;
}
#contents.award .widM .comippaWrap .awaWrap .photoWrap .big2{
	margin-bottom: 0;
	padding-bottom: 3em;
}

#contents.award .widM.pj_logo {
    width: 100%;
    background-color: #EEEEEE;
    padding: 1% 0 0 0;
}


/*width1100px以下の場合*/
@media screen and (max-width: 1100px) {
	#contents.award .widM .comippaWrap .awaWrap .come{
		padding: 8% 3% 3% 3%;
	}
}

/*width640px以下の場合*/
@media screen and (max-width: 640px) {
	#contents.award .widM .widC {
	    width: 100%;
	    margin: 0 auto;
	    background-color: #fff;
	    padding: 2% 0;
	}
	#contents.award .widM .comippaWrap{
		width: 92%  !important;
		margin: 0 auto;
	}
	#contents.award .widM .comippaWrap .photoWrap {
		width:100%;
		margin: 0 auto;
	}
	#contents.award .widM .comippaWrap .col00{
		width:96%;
		margin: 0 auto 5em auto;
		text-align: center;
		background-image: linear-gradient(to right, #ff8b19 0%, #fcd918 100%);
		padding: 2%;
	}
	#contents.award .widM .comippaWrap .col01 .awaWrap {
	    background: url(/comiweb/2021s/images/award/bg_body.jpg) repeat-y;
	    background-color: rgba(0, 0, 0, 0);
	    background-size: contain;
	}
	#contents.award .widM .comippaWrap .col01 .awaWrap .bgWrap {
	    background: url(/comiweb/2021s/images/award/bg_top.png) no-repeat;
	    background-size: contain;
	}
	#contents.award .widM .comippaWrap .awaWrap .texWrap {
	    padding-bottom: 6%;
	}
	#contents.award .widM .comippaWrap .awaWrap .texWrap .copy {
	    font-size: 92%;
	}
	#contents.award .widM .comippaWrap .awaWrap .come {
	    font-size: 92%;
	    line-height: 1.8;
	    padding: 12% 3% 3% 3%;
	}
	#contents.award .widM .comippaWrap .awaWrap h3 {
	    width: 80%;
	    margin-bottom:0.7em;
	}
}