繝ｻ*----------------------------------------------------------------- -
 遘狗伐繧ｪ繝ｪ繧ｸ繝翫Ν繧ｳ繝ｳ繝�Φ繝�
----------------------------------------------------------------- */
		/* 閭梧勹逕ｻ蜒上ｒ霑ｽ蜉�縺吶ｋ蝣ｴ蜷�*/
body{background:#fff url(https://www.tokushima-ebooks.jp/wp-content/themes/ebooks/img/subpage/awaodori/bg00.jpg) repeat; margin: 0 auto; }

/* wrapper------------------------------ */
#wrapper {width: 800px;
		background-color: #999;
		margin: 0 auto;
		height: auto !important;height: 100%;min-height: 100%;
		} 

/* subpage
1繧ｫ繝ｩ繝�縺ｮ繧ｳ繝ｳ繝�Φ繝�Ξ繧､繧｢繧ｦ繝�
------------------------------ */
/* #container1Column
------------------------------ */

#container1Column{
width: 1000px;
margin:0 auto;
background:#FFF;
color:#333;
		border-left: 0px solid #006699;
		border-right: 0px solid #006699;
}

/* IE7 */
*:first-child+html #container1Column {
width: 1000px;
}

/* IE8 */
#container1Column{
width: 1000px\9;
}

/* IE9 */
#container1Column:not(:target) {
width: 1000px\9;
}

/* IE莉･螟� */
:root #container1Column {
max-width: 1000px;
width: 100%;
}

:root #container1Column {
max-width: 1000px;
width: 100%;
}


body #container1Column {
    font-family: '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3','Hiragino Kaku Gothic Pro','繝｡繧､繝ｪ繧ｪ',Meiryo,'�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け',sans-serif;
}

#container1Column a:hover img {
	filter: alpha(opacity=50);
	opacity:0.5;
	-ms-filter: "alpha( opacity=50 )";
	background: #fff;
}

/*----------------------------------------------------
    clerfix
----------------------------------------------------*/
.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:1px;
	}

.cf {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .cf {
	height: 1%;
}

.cf {
	display: block;
}
/* End hide from IE-mac */

/*----------------------------------------------------
    譁�ｭ礼ｭ�
----------------------------------------------------*/
.center{
	text-align:center;
	}

#container1Column .mbHem{
	margin-bottom:0.5em;
}

#container1Column .small{
	font-size:80%;
}



/*----------------------------------------------------
    豎守畑逧�↑繝悶ャ繧ｯ讓ｪ荳ｦ縺ｳ繝ｪ繧ｹ繝� 
----------------------------------------------------*/

ul.bookList{
	width:90%;
	margin:0 auto 0 auto;
	text-align:center;
	border:0px solid #900;
	}
ul.bookList li{
	float:left;
	width:120px;
	background:#FFF;
	text-align:center;
	margin:0 6px 10px 6px;
	padding:10px 0;
	}
ul.bookList li div{
	height:60px;
	width: 108%;
	position: relative;
	padding: 110% 0 3% 0;
	}	
ul.bookList li div img{
	border:solid 1px #CCC;
/*-------逕ｻ蜒丞屓霆｢---------------------------------------------
	-webkit-transform: rotate(-5deg);  
    -moz-transform: rotate(-5deg);  
----------------------------------------------------*/
	}		
ul.bookList li p{
	height:3em;
	font-size:80%;
	margin:5px 5px 0 5px;
	}

@media screen and (max-width: 768px) {
ul.bookList{
	width:80%;
	}
}
@media screen and (max-width: 460px) {
ul.bookList{
	width:auto;
	text-align:center;
	}
ul.bookList li{
	float:none;
	display:block;
	width:120px;
	background:#FFF;
	text-align:center;
	margin:0 auto 10px auto;
	padding:10px 0;
	}
}
	
/*----------------------------------------------------
    豎守畑逧�↑繝悶ャ繧ｯ讓ｪ荳ｦ縺ｳ繝ｪ繧ｹ繝医�縺昴��抵ｼ亥ｰ擾ｼ�
----------------------------------------------------*/

ul.bookList2{
	width:90%;
	margin:0 auto 0 auto;
	text-align:center;
	border:0px solid #900;
	}
ul.bookList2 li{
	float:left;
	width:90px;
	background:#FFF;
	text-align:center;
	margin:0 6px 10px 6px;
	padding:2px 0;
	}
ul.bookList2 li div{
	height:130px;
	width: 100%;
	position: relative;
	padding: 80% 0 2% 0;
	}	
ul.bookList2 li div img{
	border:solid 1px #CCC;}
	
ul.bookList2 li p{
	height:3em;
	font-size:80%;
	margin:5px 5px 0 5px;
	}

@media screen and (max-width: 768px) {
ul.bookList2{
	width:80%;
	}
}
@media screen and (max-width: 460px) {
ul.bookList2{
	width:auto;
	text-align:center;
	}
ul.bookList2 li{
	float:none;
	display:block;
	width:120px;
	background:#FFF;
	text-align:center;
	margin:0 auto 10px auto;
	padding:10px 0;
	}
}
	
	
	
	
/*----------------------------------------------------
   菫晉蕗�� 閾ｪ豐ｻ菴薙♀繧医�蝗｣菴薙�蜈ｨ菴薙Μ繧ｹ繝�
----------------------------------------------------*/
ul#listall{
	width:90%;
	margin:0 auto;
	text-align:center;
	border:1px solid #900;
	font-size: 10.5pt;
	}
ul#listall li{
	float:left;
	width:80px;
	background:#FFF;
	text-align:center;
	margin:0 5px 6px 5px;
	padding:5px 0;
	}



/*  ::::::::::::  笆�縺ｨ縺上＠縺ｾ螟上�縺翫∪縺､繧翫�繧､繝吶Φ繝育音髮�蔓  ::::::::::::  */
#pretext{
	text-align: center;
	color:#000000;
	background-color:#fef000;
	margin: 0;
	padding: 0 5px;
	line-height: 2;
	font-weight: bold;
	}
#main01{width: 100%;
	text-align:center;
	margin:0px auto;
	padding:20px 0;
	background: url(/wp-content/themes/ebooks/img/subpage/awa2/bg_gold02.png);
	}
	
#main02{width: 100%;
	text-align:center;
	margin:0px auto;
	padding:20px 0;
	background: url(/wp-content/themes/ebooks/img/subpage/awa2/bg_gold03.png);
	}


#main_column{width: 100%;
	text-align:center;
	margin:0 auto;
	padding: 70px 0 ;
	background: url(https://www.tokushima-ebooks.jp/wp-content/themes/ebooks/img/subpage/awa2/bg_gold2.png) repeat; margin: 0 auto;
	}

/* 2谿ｵ邨�∩繝ｬ繧､繧｢繧ｦ繝� */
.column{
	width: 80%;
	text-align:center;
	margin:0px auto;
	}
	
/* 2谿ｵ邨�∩繝ｬ繧､繧｢繧ｦ繝� 	background: url(https://www.tokushima-ebooks.jp/wp-content/themes/ebooks/img/subpage/awa2/2.png) repeat; margin: 0 auto;*/
.column2{
	width: 100%;
	height: auto;
	text-align:center;
	margin:0px auto;
	padding:15px 0;
	background-color:#c3a745;
	color: #000;

}

.scolumn{float: left;
width:48%;
height:auto;
	}
	
.scolumn_r{float: left;
width:48%;
height:auto;
margin-left: 2%;
}



/* 蜈ｨ菴灘ｹ��縺ｮ縺�■縲∽ｸｭ霄ｫ縺ｮ蟷��閭梧勹濶ｲ */
#awa2{
	width:100%;
	background-color: #fff;
/*	background: url(https://www.tokushima-ebooks.jp/wp-content/themes/ebooks/img/subpage/awa/bg00.jpg) repeat; margin: 0 auto;
 	 	*/
	padding:0;
	}
	
#awa2 a,
#awa2 p
{
	color:#eee;
	text-decoration: none;
	width: 100%;
	margin-left: inherit;
}
	

/* 繝医ャ繝励ち繧､繝医Ν繝ｻ繝ｪ繝ｼ繝牙�繝ｻ繝ｭ繧ｴ */
#awa2 #wrapTopVisual{
	margin:0 auto 0 auto;
	text-align:center;
	}
#awa2 #wrapTopVisual div.ttlAndLead{
	width:56%;
	float:left;
	margin:10% 0 0 2%;
	}
#awa2 #wrapTopVisual div.ttlAndLead h2{
	margin-bottom:0.5em;
	}	
#awa2 #wrapTopVisual div.ttlAndLead p.lead{
	margin-top:1em;
	}		
#awa2 #wrapTopVisual p.logo{
	width:100%;
	float:right;
	}


#awa2 #wrapTopVisual .happ_pc{
	display:block;
}	
#awa2 #wrapTopVisual .happ_sp{
	display:none;
}



/* 繧ｿ繧､繝医Ν逕ｻ蜒上�width:95% */
#awa2 #wrapTopVisual div.ttlAndLead img,
#awa2 #wrapTopVisual p.logo img{
	width:100%;
	}

/* 谿ｵ關ｽ�磯��岼�峨�繧ｿ繧､繝医Ν驛ｨ蛻� */
#awa2 h3{
	width:85%;
	height: 15px;
	padding:8px 2px 8px 25px;
	background-color: #fff;
	color: #000;
	letter-spacing: 0.2em;
	text-align:left;
	margin:2em auto 0.2em auto;
	font-weight:bold;
	font-size: 14pt;
	clear:both;
	border-radius: 25px;
	}

/* URL�亥�蠑上�繝ｼ繧ｸ縺ｸ縺ｮ繝ｪ繝ｳ繧ｯ */
#awa2 .urllink{
	width:87%;
	font-size:90%;
	margin:0 auto 5px auto;
}
#awa2 .urllink a:hover{
	color: #808000 ;}

/*----------- 繝悶ャ繧ｯ繝ｪ繧ｹ繝郁ｨｭ螳�------------- */
#awa2 ul.bookList{
	width:85%;
	font-size:90%;
	line-height:1.2;
	margin:0 auto 3% auto ;
	padding: 1% 0 0 0;
/* 閭梧勹	background-color: #fff; */
	border: 0px solid #aaaaaa ;
	border-radius: 10px;
	}
#awa2 ul.bookList li{
	margin:0 4.5% 3% 5%;
	text-align: center;
	background:none;
	}
	
#awa2 ul.bookList li div a{
	display:block;
	background:#fff;
	width:105%;
	font-size:0;
	line-height:0;
	position: absolute;
	bottom:0;
}
	
	
#awa2 ul.bookList li img{
	width:100%;
}

#awa2 ul.bookList li.EmptyBox img{
	width:100%;
	display:none;
}


#awa2 ul.bookList li p{
	height:2.5em;
	font-size: 10pt;
	width: 110%;
	}
/* ------------------繝悶ャ繧ｯ繝ｪ繧ｹ繝茨ｼ亥ｰ擾ｼ�---------------- */
#awa2 ul.bookList2{
	width:90%;
	font-size:90%;
	line-height:1.2;
	margin:0 auto 5% auto ;
	padding: 0 0 5% 0;
	border: 0px solid #aaaaaa ;
	}
#awa2 ul.bookList2 li{
	margin:0 3% 3% 5%;
	text-align: center;
	background:none;
	}
	
#awa2 ul.bookList2 li div a{
	display:block;
	width:130%;
	background:#fff;
	font-size:0;
	line-height:0;
	position: absolute;
	bottom:0;
}
	
	
#awa2 ul.bookList2 li img{
	width:100%;
}

#awa2 ul.bookList2 li.EmptyBox img{
	width:100%;
	display:none;
}


#awa2 ul.bookList2 li p{
	height:1em;
	font-size: 10pt;
	width: 120%;
	}
	
	
	
/* 蜈ｬ蠑上し繧､繝医∈縺ｮ繝ｪ繝ｳ繧ｯ */
#awa2 div.linkArea{
	background:url(../img/subpage/awaodori/bottom_bg.png);
	background-position:center inherit;
	text-align:center;
	padding:1.5em 0 2em 0;
	clear:both;
	}
#awa2 div.linkArea p.site,
#awa2 div.linkArea p.url{
	margin:0 0 0.2em 0;
	}	
#awa2 div.linkArea p.bnr{
	margin:1em 0 0 0;
	}	

/*縲€繧｢繝励Μ驛ｨ蛻�レ譎ｯ */
#awa2 div#bg_app{
background-color:#FFCC33;
}

/*縲€繧｢繝励Μ譯亥� */
#awa2 div.goApp{
	width:650px; /*縲€縺薙％縺ｯ蜷��繝ｼ繧ｸ縺ｧ螟峨∴繧� */
	margin:0 auto 0 auto;
	padding: 20px 0;
	font-size:80%;
	text-align:center;
	}
	
#awa2 .appBnr{
	width:42%;
	margin:2% auto 0;
}


#awa2 .appBnr .btn_app{
	float:left;
	display:block;
	width:auto;
	text-align:left;
}

#awa2 .appBnr .btn_gp{
	float:right;
	display:block;
	width:auto;
	text-align:right;
}

#awa2 .appBnr img{
	max-width:120px;
	width:90%;
}

	
#awa2 .bnr img{
	max-width:400px;
}


#container1Column #awa2 a:hover img {
	filter: alpha(opacity=50);
	opacity:0.5;
	-ms-filter: "alpha( opacity=50 )";
	background: none;
}



@media screen and (max-width: 800px) {
/* ---------flat隗｣髯､
.scolumn{float: none;
		margin:5px 0 20px;
		width: auto;}
.scolumn_r{float: none;
		margin:5px 0;
		width: auto;}
----------- */

#awa2 .appBnr{
	width:80%;
	margin:2% auto 0;
}


#awa2 .appBnr .btn_app{
	float:left;
	display:block;
	width:46%;
	text-align:right;
}

#awa2 .appBnr .btn_gp{
	float:right;
	display:block;
	width:46%;
	text-align:left;
}
}


	
@media screen and (max-width: 768px) {
/* ---------flat隗｣髯､
.scolumn{float: none;
		margin:5px 0 20px;
		width: auto;}
.scolumn_r{float: none;
		margin:5px 0;
		width: auto;}
----------- */

#awa2 h3{
	width:90%;
	}

#awa2 ul.bookList{
	width:100%;
	}
	
#awa2 ul.bookList li{
    margin: 5px 2% 30px 6%;
	width:100px;
}

#awa2 ul.bookList li div{
	height:50px;
	min-width: 90%;
	}

/* ---------繝悶ャ繧ｯ繝ｪ繧ｹ繝郁ｨｭ螳壹��抵ｼ亥ｰ擾ｼ�----------- */
#awa2 ul.bookList2{
	width:95%;
	}
	
#awa2 ul.bookList2 li{
    margin: 5px 6% 5px 5%;
	width:85px;
}

#awa2 ul.bookList2 li div{
	height:100px;
	min-width: 90%;
	}

/* ---------險ｭ螳�----------- */

#awa2 .urllink{
	width:95%;
	}
#awa2 #subnavi{font-size: 75%;}

	
/* 蜈ｬ蠑上し繧､繝医∈縺ｮ繝ｪ繝ｳ繧ｯ險ｭ螳� */
#awa2 div.linkArea p.site img{
	width:80%;
	max-width:434px;
	}	
#awa2 div.linkArea p.url img{
	width:86%;
	max-width:569px;
	}	
/*縲€繧｢繝励Μ譯亥� */
#awa2 div.goApp{
	width:100%; /*縲€縺薙％縺ｯ蜷��繝ｼ繧ｸ縺ｧ螟峨∴繧� */
	}	
}

#awa2 .evtex{
	width:100%;
	font-size:90%;
	font-weight:bold;
	text-align: center;
	line-height:1.5 ;
	padding:10px 0;
	background-color:#fef000;
}
#awa2 .evtex a:hover{
	color: #FF4500;
}

@media screen and (max-width: 568px) {
.scolumn{float: none;
		margin:5px 0 20px;
		width: auto;}
.scolumn_r{float: none;
		margin:5px 0;
		width: auto;}



#awa2 .goApp .appTxt{
	width:80%;
	margin:auto;
	font-size:12px;
	font-weight:bold;
}

#awa2 h3{
	font-size:14px;
}



}



@media screen and (max-width: 460px) {
.scolumn{float: none;
		margin:5px 0 20px;
		width: auto;}
.scolumn_r{float: none;
		margin:5px 0;
		width: auto;}
	
#awa2 #wrapTopVisual .happ_pc{
	display:none;
}	
#awa2 #wrapTopVisual .happ_sp{
	display:block;
}
	


#awa2 #wrapTopVisual div.ttlAndLead{
	width:88%;
	float:none;
	margin:5% auto 0 auto;
	}
#awa2 #wrapTopVisual div.ttlAndLead h2{
	margin-bottom:0.5em;
	}	
#awa2 #wrapTopVisual div.ttlAndLead p.lead{
	margin-top:1em;
	}		
#awa2 #wrapTopVisual p.logo{
	width:100%;
	float:none;
	margin:auto;
	}
#awa2 #wrapTopVisual div.ttlAndLead img{
	width:100%;
	}

/* 繝悶ャ繧ｯ繝ｪ繧ｹ繝郁ｨｭ螳� */
#awa2 ul.bookList li{
	float:left;
	margin:0.2em auto 1.5em 9%;
	text-align:center;
	width: 120px;
	}	
#awa2 ul.bookList li p{
	height:1.5em;
	font-size: 9pt;
	width: 100%;
	}
	
	
/* 繝悶ャ繧ｯ繝ｪ繧ｹ繝郁ｨｭ螳夲ｼ偵�蟆� */
#awa2 ul.bookList2 li{
	float:left;
	margin:0.2em 25px 0.2em 9%;
	text-align:center;
	width: 95px;
	}
#awa2 ul.bookList2 li p{
	height:1.5em;
	font-size: 9pt;
	width: 110%;

/* 蜈ｬ蠑上し繧､繝医∈縺ｮ繝ｪ繝ｳ繧ｯ險ｭ螳� */
#awa2 div.linkArea p.site img,
#awa2 div.linkArea p.url img,
#awa2 div.linkArea p.bnr img{
	width:90%;
	margin:0 auto;
	max-width:250px;
	}
	
#awa2 .bnr img {
    width: 90%;
}

#awa2 ul.bookList.bookList2 li.EmptyBox{
	display:none;
}
#awa2.evtex{
	font-size:80%;
	font-weight:bold;
	text-align: center;
	height: 65px;
}


}