@charset "utf-8";
/*
Theme Name: atooshi-today
Theme URI: http://www.atooshi.com/
Description: atooshi
Version: 1.00β
Author: atooshi
Author URI: http://www.atooshi.com/
*/

/*---base---*/
* { margin:0px; padding:0px;}
body { font-family:"RyuminPro Regular","A-OTF リュウミン Pro R-KL","Ryumin Regular KL","リュウミン R-KL","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; line-height: 1.65; font-size: 75%;  text-align: center; color:#000; background: #FFF;}
html>/**/body { font-size: 13px;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: normal;} img { border:0; vertical-align:bottom;} li { list-style:none;} table { border:none; border-collapse:collapse; font-size:100%;} table caption { display:none;} td,th { text-align:left; line-height: 1.75;}
a:link,a:visited { color:#000000; text-decoration:underline}
a:active,a:hover { color:#b5b5b5; text-decoration:underline}

img { max-width: 100%;}


/*--- frame layout---*/
#wrapper { width:1017px; margin:0px auto;}
#mainBox { width:1017px; float:left; padding: 0 0 0; text-align:left;}
#main    { width:800px; float: left; margin: 0 52px 0 0;}
#side    { width:165px; float:right;}

/*--- header ---*/
#header    { position: relative; float: left; width:1017px; height: 184px; margin: 0 0 25px; background: url(images/pc_head_bg.jpg) no-repeat left top;}
h1         { position: absolute; top: 23px; left: 1px;  width:1017px; height: 184px; z-index: 100;}
h1 a       { display: block;  width:1017px; height: 184px; background: url(images/pc_title.png) no-repeat left top; text-indent: -9999px;}
h1 a:hover { background: url(images/pc_title_on.png) no-repeat left top;}
#pcHeadTxt { position: absolute; top: 77px; left: -2px; height: 75px; width: 402px;}
#spHeadTxt { display: none;}

#spMenu { display: none;}

/*---- side ---*/
#side dl { padding: 19px 0 0;}
#side dt { line-height: 1; padding: 0 0 19px; overflow: hidden;}
#side dt#sideSns { padding: 0 0 9px;}
#side dt span { display: block; padding-bottom: 12px; border-bottom: #000000 solid 1px; overflow: hidden;}
#side dd { padding: 0 0 45px;}
#side dd.pT02 { padding: 0 0 33px;}
#side li a {  text-decoration: none;}

#side #books { overflow: hidden; padding: 9px 0 6px; font-size: 71.4%; line-height: 1.4;}
	#side #books ul { overflow: hidden; padding: 0 0 8px;}
		#side #books ul li { float: left;}
		#twitterBtn { padding-top: 0px;}
		#side #books ul li:nth-child(even) { float: right;}
	#side #books a:link,#side #books a:visited { text-decoration: none;}
	#side #books a:active,#side #books a:hover { text-decoration: none;}

#side #sideStores { padding: 9px 0 3px;}
.storeLink { display: block; text-decoration: none !important; height: 56px; padding: 89px 0 0;}

.storeLink:link,.storeLink:visited { background: url(images/side_stores_off.jpg) no-repeat left top;}
.storeLink:active,.storeLink:hover { background: url(images/side_stores_on.jpg) no-repeat left top;}

.snsBtns { overflow: hidden; margin: -12px 0 2px 0; line-height: 1;}
	.snsBtns li { margin: 12px 0 0 0; float: left;}
	.snsBtns li:nth-child(even) { float: right;}
#side li a { text-decoration: none;}



/*---- footer ---*/
div#footer { clear: both; padding: 55px 0 0; text-align: left;}
address { font-size: 8px; font-style: normal; font-family: Adobe Garamond, serif; padding: 6px 0 43px;}
address a { color: #000000;}


/*---post---*/
div.section            { width: 746px; _width: 800px; border: solid 1px #000000; padding: 18px 26px 8px; margin: 0 0 52px; overflow: hidden;}
div.section h2         { background-repeat: no-repeat; border-bottom: solid 1px #000000; padding-bottom: 5px; margin-bottom:19px; font-weight: bold;}
div.section h2 a       { text-decoration: none; color: #000000;}
div.section p          { margin-bottom: 30px;}
div.section p.postinfo { float: right; color: #000000; text-align: right; margin: -20px 0 0; clear: both;}


/*--- page link ---*/
p.pagelink a  { color: #000000;}
span.pageprev { float: left;}
span.pagenext { float: right;}

.wp-pagenavi a,.wp-pagenavi span { padding: 0 15px 0 0;}

.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.snsBtnsS { float: left; line-height: 1; margin-top: -19px; margin-left: 0px;}
	.snsBtnsS li { float: left; margin-right: 2px;}

@media screen and (max-width: 641px) {
/* SPレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/


/*--- frame layout---*/
#wrapper { width: auto; margin: 0 3%;}
#mainBox { width: auto; float: none; padding: 0;}
#main    { width: auto; float: none; margin: 0;}
#side    { width: 100%; float: none; overflow: hidden;  padding: 1.4em 0 0;}

/*--- header ---*/
#header    { position: relative; float: none; overflow: hidden; width: 100%; height: auto; margin: 1em 0 0;  background: url(images/sp_header_off.jpg) no-repeat left top; background-size: 100% auto;}
	#header:active,#header:hover { background: url(images/sp_header_on.jpg) no-repeat left top; background-size: 100% auto;}
h1         { position: relative; top: auto; left: auto; height: 100%; width: 100%;}
h1 a       { display: block; height: 100%; width: 100%; background: none; text-indent: -9999px; background-size: auto 100%;}
h1 a:hover { background: url(images/sp_title_on.gif) no-repeat left bottom;}
#pcHeadTxt { position: relative; top: 0; left: 0; height: auto; width: auto; display:none;}
#spHeadTxt { position: absolute; top: 0px; left: 0: display: block; width;100%;}
	#spHeadTxt img { display: block; width;100%;}

#spMenu { display: block; position: relative; margin: 0 0 1em;}
	#spMenu dt { display: block; width: 44px; height: 44px; background: url(images/sp_menu.png) center center no-repeat; background-size: 100% auto; text-indent: -1000em;}
		#spMenu dd { display: none; position: absolute; top: 45px; left: 0; width: 100%; background: #FFF; text-align: left; box-sizing: border-box;}
			#spMenu dd a { display: block; padding: 19px 1.28em 22px; box-sizing: border-box; text-decoration: none; border: #231815 solid 1px; border-bottom: none; z-index: 1000; line-height: 1;}
			#spMenu dd ul { border-bottom: #231815 solid 1px;}
				#spMenu dd ul ul { border-bottom: none;}

/*---- side ---*/
#side dl { padding: 1.4em 0 0;}
#side dt { line-height: 1; padding: 0 0 1.4em;}
#side dd { padding: 0 0 3.2em;}
#side li a { text-decoration: none;}

#side #books { padding: .64rem 0 .42rem;}
	#side #books ul { padding: 0 0 .57rem;}
		#side #books ul li { float: left;}
		#side #books ul li:nth-child(even) { float: left; margin-left: 3px;}
	#side #books a:link,#side #books a:visited { text-decoration: none;}
	#side #books a:active,#side #books a:hover { text-decoration: none;}

/*---- footer ---*/
div#footer { clear: both; padding: 3.9em 0 0; text-align: left;}
address { font-size: 8px; font-style: normal; font-family: Adobe Garamond, serif; padding: 0.4em 0 3em; text-align: center;}
address a { color: #000000;}


/*---post---*/
div.section            { width: auto; _width: auto; border: solid 1px #000000; padding: 1.2em 1.8em 0.5em; margin: 0 0 3.7em; overflow: hidden;}
div.section h2         { background-repeat: no-repeat; border-bottom: solid 1px #000000; padding-bottom: 0.3em; margin-bottom: 1.3em; font-weight: bold;}
div.section h2 a       { text-decoration: none; color: #000000;}
div.section p          { margin-bottom: 2.1em;}
div.section p.postinfo { float: right; color: #000000; text-align: right; margin: 0; clear: both;}
	/*div.section p.postinfo a { white-space: nowrap; }*/



.snsBtnsS { float: right; clear: both; line-height: 1; padding-bottom: 0.5em; margin-left: 1px; clear: both;}
	.snsBtnsS li { float: left; margin-right: 2px;}


}




























}