@charset "utf-8";

.color_chips_1{ color: #d72b17; }
.color_chips_2{ color: #fcae3d; }
.color_chips_3{ color: #fbfb7b; }
.color_chips_4{ color: #cb304d; }
.color_chips_5{ color: #2993de; }
.color_chips_5{ color: #ffe0bc; }

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: #fcae3d;
	text-decoration: underline;
}
a:hover {
	color: #d72b17;
	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;
	font-feature-settings: "palt";
}

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

.pc{
	display: block;
}
.sp{
	display: none;
}

@media screen and (max-width: 640px) {
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
}

/*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:#ffffff;
}
#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:#ffffff;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #929a9f;
}
#header nav#gnavi li:last-child{
	border-right: 1px solid #929a9f;
}
#header nav#gnavi li {
	color: #d72b17;
	position: relative;
}
#header nav#gnavi li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #d72b17;
	text-decoration: none;
}
#header nav#gnavi li a:hover{
	color: #d72b17;
	text-decoration: none;
}
#header nav#gnavi li span{
	display: block;
}

#header nav#gnavi li.off{
	opacity: 0.3;
	cursor: default;
}
	#header nav#gnavi li.off::after{
		content: "";
		background-image: url("../images/gnavi_comingsoon.png");
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		pointer-events: none;
	}
#header nav#gnavi li.new{
	opacity: 1;
}
	#header nav#gnavi li.new::after{
		content: "";
		background-image: url("../images/gnavi_new.png");
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		pointer-events: none;
	}
/*投票ナビ*/
#header2 nav#votenavi{
	width:auto;
	background-color:#d72b17;
}
#header2 nav#votenavi ul{
	width:auto;
	height: 72px;
	display: flex;
	flex-direction: row;
}
#header2 nav#votenavi li{
	width:130px;
	color:#d72b17;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	background-color:#ffffff;
	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:#ffffff;
	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 a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color:#494d4f;
	text-decoration:none;
}
#header2 nav#votenavi li:hover a{
	color:#ffffff;
}
#header2 nav#votenavi li:hover{
	background-color:#F49CC4;
}
#header2 nav#votenavi li.fst{
	background-color:transparent;
}
#header2 nav#votenavi li.fst:hover{
	background-color:transparent;
}

/*スマホ用gナビは隠す*/
@media (min-width: 641px) {
	#headerWrap_sp {
	display: none;
	}
}
/*width999px以下の場合*/
@media screen and (max-width: 999px) {
	#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:#ffffff;
	}
	#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: #d72b17;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #929a9f;
	}

	#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: #d72b17;
		position: relative;
	}
	#comipa_header_sp .top ul.gnavi li a {
		display: block;
		width: 100%;
		height: 100%;
		color: #d72b17;
		text-decoration: none;
	}
	#comipa_header_sp .top ul.gnavi li a:hover {
		color: #d72b17;
		text-decoration: none;
	}
	
	#comipa_header_sp .top ul.gnavi li.off{
		opacity: 0.3;
		cursor: default;
	}
		#comipa_header_sp .top ul.gnavi li.off::after{
			content: "";
			background-image: url("../images/gnavi_comingsoon.png");
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
			pointer-events: none;
		}
	#comipa_header_sp .top ul.gnavi li.new{
		opacity: 1;
	}
		#comipa_header_sp .top ul.gnavi li.new::after{
			content: "";
			background-image: url("../images/gnavi_new.png");
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
			pointer-events: 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: #d72b17;
		font-weight: bold;
		color: #ffffff;
		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 #00000021;
		font-weight: bold;
		color: #00000021;
	}
	#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: #ffffff;
		text-decoration:none;
	}
	#spSideWrap nav.nav2 ul.gnavi li a:hover{
		text-decoration:underline;
	}
		#spSideWrap nav.nav2 ul.gnavi li.off{
			color: rgba(255, 255, 255, 0.3);
		}
	/*投票ナビ*/
	#header2 nav#votenavi{
		width:auto;
		background-color:#ffffff;
	}
	#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:#ffffff;
		font-size: 62%;
		text-align: left;
		font-weight: bold;
		background-color:#d72b17;
		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:#ffffff;
		text-decoration:none;
	}
	#header2 nav#votenavi li:hover{
		background-color:#fd9fae;
	}
}
/*----------------------------------------------------
【トップへ戻るボタン】
------------------------------------------------------*/
#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;
	background-color: #ffffff;
	background: url(/comiweb/2025s/images/bg_base.jpg);
	background-size: 100% auto;
	background-position: top center;
}
#contents .widM{
	width:100%;
}
#contents .widC{
	max-width:1100px;
	margin:0 auto;
	text-align:center;
}
#mainImg .onepic_sp{
	display: none;
}
#mainImg{
	background-color: #929a9f;
}
#mainImg .onepic{
	text-align: center;
	background: url(/comiweb/2025s/images/bg_main.jpg) no-repeat center center;
	background-size: cover;
}
#mainImg a:hover img{
	filter: alpha(opacity=10);
	-moz-opacity:1;
	opacity:1;
}

#contents .widM.body{
	text-align:center;
}
#contents .widM.body .nar{
	width: 852px;
	margin: 0 auto 2em auto;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	font-weight: bold;
	font-size: 140%;
	line-height: 2;
	padding-top: 1em;
	letter-spacing: 0.05em;
}
#contents .widM.body .nar span.red{
	color: #86c856;
	font-weight: bold;
}
#contents .widM.body .nar span.red.big{
	font-size: 180%;
	line-height: 1.4em;
	padding: 0 0.2em;
}
#contents .space1{
	margin-bottom: 1em;
}
#contents .space2{
	margin-bottom: 2em;
}
#contents .space4{
	margin-bottom: 4em;
}
#contents .widM.body .stroke p{
	text-align:left;
	line-height: 2;
}
#contents .widM.body .stroke p.center{
	text-align:center;
}
#contents .widM.body .twok{
	width: 860px;
	margin: 0 auto;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	text-align: left;
}
#contents .twok .news{
	width: 46%;
}
#contents .twok .link{
	width: 46%;
}
#contents .twok .news dl{
	margin-bottom: 0.5em;
}
#contents .twok .news dt span{
	background-color: #72797e;
	padding: 2px 6px;
	color: #ffffff;
	font-weight: bold;
}
#contents .twok .news dt{
	margin-bottom: 0.3em;
}
#contents .twok .news dd{
	margin-bottom: 1em;
}
#contents .widC .copy{
	width: 860px;
	margin: 2em auto 1em auto;
	font-size: 74%;
}


#contents .twok .news > div, #contents .twok .link > div{
	margin-bottom: 5%;
}
#contents .twok .news > div, #contents .twok .twok_title{
	width: 40%;
}


hr.wid_HR{
	width: 100%;
	height: 10px;
	border: none;
	background: linear-gradient(to right, #d72b17 0%, #fcae3d 50%, #fbfb7b 100%);
	margin: 0;
	padding: 0;
	line-height: 0;
}

#contents h2{
	font-size: 3em;
	margin-bottom: 0.7em;
	line-height: 1.3em;
	border-bottom: 10px solid;
	display: inline-block;
	border-image: linear-gradient(to right,#d72b17,#fcae3d) 1;
}

@media screen and (max-width: 640px) {
	#contents h2{
		font-size: 2em;
		margin-top: 0.5em;
		border-bottom: 6px solid;
	}
}

/*ボーダーが緩やかにつく アニメーション*/
.stroke {
	background: #ffffff;
	max-width: 860px;
	height: 100%;
	margin: 0 auto 2em auto;
	position: relative;
	padding: 0;
}
.stroke .naka .texWrap{
	padding: 0 6% 3% 6%;
}
.nyusho .stroke .naka .texWrap{
	padding: 0 6% 0 6%;
}
.stroke .border {
	content: "";
	position: absolute;
	opacity: 0;
}
.stroke .border.top,
.stroke .border.bottom {
	width: calc(100%);
}
.stroke .border.top {
	border-top: 10px solid;
	border-image: linear-gradient(to right,#d72b17,#fcae3d) 1;
	right: 0;
	top: 0;
}
.stroke .border.bottom {
	border-bottom: 10px solid;
	border-image: linear-gradient(to right,#fcae3d,#fbfb7b) 1;
	left: 0;
	bottom: 0;
}
.stroke .border.right,
.stroke .border.left {
	height: calc(100%);
}
.stroke .border.right {
	border-right: 10px solid;
	border-image: linear-gradient(to bottom,#fcae3d,#fbfb7b) 1;
	right: 0;
	top: 0;
}
.stroke .border.left {
	border-left: 10px solid;
	border-image: linear-gradient(to bottom,#d72b17,#fcae3d) 1;
	left: 0;
	bottom: 0;
}
.stroke.is-animated .border {
	opacity: 1;
}
.stroke.is-animated .border.top,
.stroke.is-animated .border.bottom {
	animation: stroke-width 1.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.stroke.is-animated .border.right,
.stroke.is-animated .border.left {
	animation: stroke-height 1.8s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes stroke-width {
	0% {
	width: 0;
	opacity: 1;
	}
	100% {
	width: calc(100%);
	opacity: 1;
	}
}
@keyframes stroke-height {
	0% {
	height: 0;
	opacity: 1;
	}
	100% {
	height: calc(100%);
	opacity: 1;
	}
}
/*ボーダーが緩やかにつく アニメーション　ここまで*/


/*フェードアップ アニメーション*/
.scroll_up {
	transition: 0.8s ease-in-out;
	transform: translateY(30px);
	opacity: 0;
}
.scroll_up.on {
	transform: translateY(0);
	opacity: 1.0;
}
/*フェードアップ アニメーション　ここまで*/

#contents .widC .copy p{
	text-align: left;
}


/* --- 全体の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: #000000;
	z-index: 11;
	font-size: 140%;
	line-height: 2;
	text-align: center;
}
#contents .txt_comippa strong{
	color: #cb304d;
}
#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: #929a9f;
	padding:2% 0 1% 0;
}
#contents.shoplist .widM.pj_logo{
	background-color: #92999F;
	padding:2% 0 1% 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;
}
#howcomiweb.stroke {
	background: #ffffff;
	max-width: calc(860px - 4% - 4%);
	height: auto;
	margin: 0 auto 2em auto;
	position: relative;
	padding: 3% 4%;
}
#contents .widM .bnrlink{
	margin-bottom:2em;
}

/*width1140px以下の場合*/
@media screen and (max-width: 1140px) {
	#contents{
		width:100%;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
		#mainImg .onepic{
		display: none;
	}
	#mainImg .onepic_sp{
		display: block;
		background: url(/comiweb/2025s/images/bg_main.jpg) no-repeat top center;
		background-color: #ffffff;
		background-size: cover;
	}
	#contents .widM.body {
		background-size: cover;
	}
	#mainImg .onepic_sp img{
		width: 100%;
	}
	#contents .widM.body .nar{
		width: 96%;
		margin: 0 auto 2em auto;
		font-family: YuMincho, 'Yu Mincho', serif;
		font-size: 100%;
		line-height: 2;
		padding-top: 2em;
	}
	#contents .widM.body{
		width: 96%;
		margin: 0 auto;
	}
	#howcomiweb.stroke {
		background: #ffffff;
		max-width: 92%;
		height: auto;
		margin: 0 auto 2em auto;
		position: relative;
		padding: 5% 4%;
	}
	#contents .widM.body .twok {
		width: 100%;
		margin: 0 auto 1em auto;
		display: block;
		border-top: 2px dotted #929a9f;
		padding-top: 2em;
	}
	#contents .widM.body .twok .news{
		width: 100%;
		margin-bottom: 2em;
		padding-bottom: 1em;
		border-bottom: 2px dotted #929a9f;
	}
	#contents .widM.body .twok .link{
		width: 100%;
	}
	#contents .space4{
		margin-bottom: 2em;
	}
	#contents .widM .bnrlink{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#contents .widM .bnrlink p{
		width: 49%;
	}
	#contents .widM.pj_logo{
		background-color: #929a9f;
		padding:4% 0 2% 0;
	}
	#contents .widM.pj_logo li{
		width: 30%;
		margin: 0 1% 1.5% 0;
	}
	#contents .widC .copy{
		width: 96%;
		margin: 0 auto 1em auto;
		font-size: 74%;
	}
}

/*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/2025s/images/bg_main.jpg) no-repeat top center;
		background-color: #ffffff;
		background-size: cover;
	}
	#contents .widM.body {
		background-size: cover;
	}
	#mainImg .onepic_sp img{
		width: 100%;
	}
	#contents .widM.body .nar{
		width: 96%;
		margin: 0 auto 2em auto;
		font-family: YuGothic, 'Yu Gothic', sans-serif;
		font-size: 100%;
		line-height: 2;
		padding-top: 2em;
	}
	#contents .widM.body{
		width: 96%;
		margin: 0 auto;
	}
	#howcomiweb.stroke {
		background: #ffffff;
		max-width: 92%;
		height: auto;
		margin: 0 auto 2em auto;
		position: relative;
		padding: 5% 4%;
	}
	#contents .widM.body .twok {
		width: 100%;
		margin: 0 auto 1em auto;
		display: block;
		border-top: 2px dotted #929a9f;
		padding-top: 2em;
	}
	#contents .widM.body .twok .news{
		width: 100%;
		margin-bottom: 2em;
		padding-bottom: 1em;
		border-bottom: 2px dotted #929a9f;
	}
	#contents .widM.body .twok .link{
		width: 100%;
	}
	#contents .space4{
		margin-bottom: 2em;
	}
	#contents .widM .bnrlink{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#contents .widM .bnrlink p{
		width: 49%;
	}
	#contents .widM.pj_logo{
		background-color: #929a9f;
		padding:4% 0 2% 0;
	}
	#contents .widM.pj_logo li{
		width: 30%;
		margin: 0 1% 1.5% 0;
	}
	#contents .widC .copy{
		width: 96%;
		margin: 0 auto 1em auto;
		font-size: 74%;
	}
}

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

#contents.shoplist{
	width:100%;
	margin:0 auto;
	text-align: center;
	background-color: #ececec;
}
#contents.shoplist .wraptop{
	width:100%;
	margin:0 auto;
	padding-top: 3em;
}
@media screen and (max-width: 640px) {
	#contents.shoplist .wraptop{
		padding-top: 0;
	}
}
#contents.shoplist .wrapbottom{
	width:100%;
	margin:0 auto;
}

#contents.shoplist .widM.title{
	padding:2.5% 0 2% 0;
}
#contents.shoplist .widM .h2{
	color: #d72b17;
	text-align: center;
	/* font-size: 210%; */
	font-weight: bold;
	padding: 4% 0 0 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: #fff7f3;
	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: #929a9f;
	border-radius: 7px 7px 0 0;
	color: #ececec;
	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:#d72b17;
	color:#ffffff;
	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: #d72b17;
	border-radius: 50px;
	color: #ffffff;
}
#contents.shoplist ul.shopL{
	width:100%;
	display: flex;
	flex-wrap:wrap;
	flex-direction: row;
	border-left:1px solid #00000021;
	font-size:92%;
	margin-bottom:5%;
}
#contents.shoplist ul.shopL.last{
	margin-bottom:0;
}
#contents.shoplist ul.shopL li{
	width:23.8%;
	border-top:1px solid #00000021;
	border-right:1px solid #00000021;
	padding:0.5%;
}
#contents.shoplist ul.shopL li:nth-last-child(-n+4){
	border-bottom:1px solid #00000021;
}
/*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 #00000021;
	}
}
/*width640px以下の場合*/
@media screen and (max-width: 640px) {
	#contents.shoplist .widM.wrap .panelBox{
		width:100%;
		margin:0 auto;
	}
	#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: #92999f;
}
#contents.tcym .wraptop{
	padding: 2% 0;
}
#contents.tcym .widM.wrap{
	background-color: #ffffff;
}
#contents.tcym .comippaWrap {
	padding-top: 3%;
}
#contents.tcym .widM.title{
	padding:2.5% 0 2% 0;
}
#contents.tcym .widM .tcym_mv{
	color: #000000;
	text-align:center;
	font-size: 210%;
	font-weight: bold;
	padding: 4% 0 0 0;
}
#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: #ffffff;
	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 #00000021;
}
#contents.tcym .section.tcymWrap ul li p.tcymbtn{
	width: 100%;
	background-color: #d72b17;
	border-radius:5px;
	text-align:center;
	margin-top: auto;
}
#contents.tcym .section.tcymWrap ul li p.tcymbtn a{
	display: block;
	color: #ffffff;
	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: #000000;
	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: #ffffff;
	background-color: #000000;
	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: #F3F3F3;
}

/*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 .widM.title{
		width: 96%;
		background-color:#ffffff;
		margin: 0 auto;
		padding: 0 0 5% 0;
	}
	#contents.tcym .widM.title .tcym_mv{
		padding: 4% 3% 2.8% 3%;
	}
	#contents.tcym .widM.title .comippaWrap{
		width: 94%;
		padding-top:0;
		margin: 0 auto;
	}
	#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{
	background-color: #ececec;
}
#contents.comippa.chiiki .widM.pj_logo {
	background-color: #92999F;
}
.comippaWrap {
	width: 1100px;
	margin: 0 auto;
	padding-top: 4%;
}

#contents.comippa .widM.title{
	height: 250px;
	background-image: url(/comiweb/2025s/images/bg_shop1.jpg);
	background-repeat: repeat;
	background-position: center center;
	background-size: contain;
	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: #000000;
	z-index: 11;
	font-size: 140%;
	font-weight: bold;
}

#contents.comippa.chiiki .widM.wrap p.center {
	text-align: center;
	padding-top: 0;
	margin-bottom:4%;
	color: #000000;
	font-weight: bold;
}
#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 {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#contents.shoplist.chiiki .voteWrap ul.chiiki {
	width: 100%;
	max-width: 988px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin-top: 2em;
	justify-content: space-between;
}
#contents.shoplist.chiiki .voteWrap ul.chiiki li {
	width: 23.5%;
	padding: 0;
	border: 3px solid #d72b17;
		border-radius: 5px;
	background-color: #ffffff;
	/* margin-right: 1.19%; */
	margin-bottom: 2%;
	position: relative;
	transition: all 0.4s;
}
	#contents.shoplist.chiiki .voteWrap ul.chiiki li.moreitems {
		display: none !important;
	}
	#contents.shoplist.chiiki .voteWrap ul.chiiki li.spc {
		height: 1px;
		border: none;
		margin: 0;
	}


/* search */
#contents.shoplist.chiiki .voteWrap input[type="text"] {
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
}

#contents.shoplist.chiiki .voteWrap .search_wrap{
	position: relative;
	width: 50%;
}
#contents.shoplist.chiiki .voteWrap .search_wrap input {
	color: #111;
	border: 1px solid #777777;
	background: #ffffff;
	border-radius: 10px;
	width: calc(100% - 2em - 1.8em);
	padding: 0.8em 0;
	font-size: 18px;
	background: url(../images/serach_icon.png) 0.5em center no-repeat #ffffff;
	background-size: 1em;
	padding-left: 2em;
	padding-right: 1.8em;
	margin-top: 1.2em;
}

#contents.shoplist.chiiki .voteWrap .search_wrap input::-webkit-input-placeholder {
	color: #777777;
}

#contents.shoplist.chiiki .voteWrap .search_wrap input::-moz-placeholder {
	color: #777777;
}

#contents.shoplist.chiiki .voteWrap .search_wrap input:-ms-input-placeholder {
	color: #777777;
}

#contents.shoplist.chiiki .voteWrap .search_wrap input:placeholder-shown {
	color: #777777;
}

#contents.shoplist.chiiki .voteWrap .reset_btn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	padding: 0.2em;
	position: absolute;
	right: 0.2em;
	/* top: 0; */
	bottom: 0.3em;
	margin: auto;
	font-size: 20px;
	color: #a1a1a1;
	cursor: pointer;
}
#contents.shoplist.chiiki .voteWrap .reset_btn:hover{
	opacity: .8;
}

/*width640px以下の場合*/
@media screen and (max-width: 640px) {
	#contents.shoplist.chiiki .voteWrap .search_wrap{
		width: 80%;
		margin-bottom: 2em;
	}
	#contents.shoplist.chiiki .voteWrap .search_wrap input:placeholder-shown {
		background-size: 1em;
		font-size: 1em;
	}
	#contents.shoplist.chiiki .voteWrap .reset_btn {
		bottom: 0.2em;
	}
}



#contents.shoplist.chiiki .voteWrap .photo_more {
	position: absolute;
	width: 100%;
	height: 150px;
	bottom: 0;
	display: flex;
	align-items: end;
	justify-content: center;
	background: linear-gradient(transparent,white);
	border-bottom: 40px solid #ffffff;
}
	#contents.shoplist.chiiki .voteWrap .btn_more {
		background-color: #d72b17;
		padding: 20px 100px;
		color: #FFFFFF;
		font-weight: bold;
		border-radius: 40px;
		cursor: pointer;
	}
	
#contents.shoplist.chiiki .voteWrap ul.chiiki li:after{
	content: "";
	display: block;
	width: 30%;
	height: 20%;
	position: absolute;
	background-image: url(../../common/images/photo_zoom.png);
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;
	bottom: 0;
	left: 0;
	pointer-events: none;
}
#contents.shoplist.chiiki .voteWrap ul.chiiki li:nth-child(4n) {
	position: relative;
}
#contents.shoplist.chiiki .voteWrap ul.chiiki li.spnone {
	border: none;
	border: 3px solid #ffffff;
	background-color: #ffffff;
}
#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/2025s/images/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 #d72b17;
		border-radius: 5px;
		background-color: #ffffff;
		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:#ffffff;
	}
}


/*----------------------------------------------------
【コミッパとは？】
------------------------------------------------------*/

#contents.howcomiweb .widM{
	padding-top: 4em;
}
@media screen and (max-width: 640px) {
	#contents.howcomiweb .widM{
		padding-top: 0;
	}
}

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

#contents.award .widM{
	width: 100%;
	/* padding:0 0 0.2% 0; */
}
#contents.award .widM .widC{
	width: 100%;
	max-width: 100%;
	/* background-color: #ffffff; */
}
#contents.award .widM .comippaWrap{
	width: 860px;
	margin: 0 auto;
	padding-top: 0;
}
#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: 2em;
	text-align:center;
}
#contents.award .widM .comippaWrap .imgtx{
	margin: 1.5em 0 1em 0;
}
#contents.award .widM .comippaWrap .copy{
	width: 100%;
	margin: 0 auto 1em auto;
	text-align: left;
	line-height: 2em;
	font-size: 110%;
}
#contents.award .widM .comippaWrap .come{
	border: 4px solid #fd9fae;
	background-image: url(/comiweb/2025s/images/award/com_p_img.jpg);
	background-position: 20px 15px;
	background-repeat: no-repeat;
	text-align: left;
	border-radius: 10px;
	line-height: 1.5em;
	font-size: 110%;
	background-color: #ffffff;
	padding: 6% 3% 2%;
}
#contents.award p.nyusho{
	margin-bottom: 3%;
	text-align: center;
}
#contents.award .nyusho .stroke .naka{
	padding: 2.2% 0 2.2% 0;
}

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

.naka{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.naka .txt_na{
	width: 74%;
	text-align: justify !important;
}
@media screen and (max-width: 640px) {
	.naka .txt_na{
		width: 90%;
		text-align: justify !important;
	}
}
.naka .annotation{
	opacity: 0.6;
	font-size: 0.8em;
}

#kikan{
	padding: 60px;
	max-width: calc(860px - 120px);
}
@media screen and (max-width: 640px) {
	#kikan{
		padding: 30px;
		max-width: calc(860px - 120px);
	}
}

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

/*width640px以下の場合*/
@media screen and (max-width: 640px) {
	#contents.award .widM .widC {
		width: 100%;
		margin: 0 auto;
		background-color: #ffffff;
		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 .copy {
		font-size: 92%;
	}
	#contents.award .widM .comippaWrap .come {
		font-size: 84%;
		padding: 2.5em 3% 1em 3%;
		background-size: 40%;
		line-height: 1.7;
	}
	#contents.award .widM .comippaWrap h3{
		margin-bottom: 1em;
	}
}