/*
Theme Name: photo 7
Theme URI: http://photohikaku.com/
Description: This is my sample theme.
*/

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ','Meiryo','Verdana','ＭＳ Ｐゴシック',sans-serif;
	color: #111111;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
}

img {
    max-width: 100% !important;
}


/* リンク設定 */

a:link {
	color: #1111cc;
}

a:visited {
	color: #1111cc;
}

a:hover {
	color: #FF4500;
}

a:active {
	color: #FF3300;
}

/* コンテナ */
div#container	{
	width: 100%;
	max-width: 950px;
	background: #ffffff;
	margin: auto;
}

/* ヘッダー */
div#header h1	{
	font-size: 1.75em;
	margin: 5px 10px 5px 10px;
	padding: 0 0 0 50px;
	background: url(icon_4b_48.png) left center no-repeat #ffffff;
	float: left;
}

div#header h1 a	{
	text-decoration: none;
	color: #ff8c00;
}

div#header p#desc	{
	font-size: 0.875em;
	color: #696969;
	padding: 5px 10px 0 0;
	text-align: right;
	margin: 0;
}

div#header	{
	border-bottom: none;
	padding-bottom: 0;
	margin: 0 10px 5px 10px;
}

div#header p#image	{
	margin: 8px 0 0 12px;
}


/* ナビゲーションバー */
div#nav	{
	clear:both;
	width: 100%;
	max-width:950px;
	font-size: 0.938em;

	margin: 0;
}


div#nav ul	{
	background: url(film.jpg) repeat-x #ffffff;
	padding: 15px 0 20px 90px;
	margin: 0 0 10px;
}

div#nav li	{
	display: inline;
	list-style-type: none;
	border-right: solid 1px #000000;
	padding: 0 25px 0;
}

div#nav li a	{color: #1111cc;
	text-decoration: none;
}

div#nav li a:hover	{
	color: #FF4500;
	text-decoration: underline;
}
 
/* フィルム画像挿入 */
.top-bottom-gazou	{
	clear:both;
	width: 100%;
	max-width:940px;
	height: 50px;
	font-size: 0.938em;
	background: url(film.jpg) repeat-x #ffffff;
	padding: 0;
	margin: 0 0 5px 5px;
}




/* パンくず */
div.breadcrumb	{font-size: 0.875em;
	background: #ffffff;
	color: #000000;
	padding: 0px 0 5px  20px;}

/* コンテンツ */
div#content	{
	width: 100%;
	max-width: 645px;
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
}

p#pagetitle	{
	font-size: 0.875em;
	font-weight: bold;
	background: #ffffff;
	color: #000000;
	border: dotted 1px #ff8c00;
	text-align: center;
	padding: 10px 0;
	margin: 5px 20px 0;
}


/* スマホページのみ表示 */
.mobile-top	{
	font-size: 1.0em;
	line-height: 1.7;
	background: #ffffff;
	color: #000000;
	border: solid 1px #c0c0c0;
	text-align: left;
	padding: 15px 15px 15px;
	margin: 10px 0 15px;
	border-radius: 0.75em;	
}

.mobile-top2	{
	font-size: 1.0em;
	line-height: 1.6;
	background: #fffaf0;
	color: #000000;
	border: solid 1px #c0c0c0;
	text-align: left;
	padding: 10px 10px 10px 15px;
	margin: 5px 0 15px;
}



.mobile-top-center	{
	font-size: 0.875em;
	background: #fff5ee;
	color: #000000;
	border: solid 1px #000000;
	text-align: center;
	padding: 10px 10px 10px;
	margin: 5px 0 15px;
}

.mobile-top-center2	{
	font-size: 0.875em;
	background: #ffffff;
	color: #000000;
	text-align: center;
	padding: 0px 10px ;
	margin: 0px 5px 20px;
}


/* 記事 */
div.post	{
	background: #ffffff;
	padding: 0px 20px 10px 20px;
	margin: 0 0 5px 0;
}

div.post h2	{
	background: url(head010_06.gif) no-repeat left center #ffffff;
	font-size: 1.0em;
	padding: 5px 0 7px 22px;
	margin: 10px 0 5px;
}

div.post h2 a	{text-decoration: none;
	color: #000000}

div.post p	{
	font-size: 1.0em;
	line-height: 1.7;
	margin-top: 15px;
}

/* 注意書き小文字 */
div.post p.komoji	{
	font-size: 0.875em;
	line-height: 1.2;
}

/* ランキング */
div.post p.one {
	line-height: 1.7;
	margin: 0 0 3px 5px;
	padding: 0 0 0 34px;
	background: url(https://photohikaku.com/wp/wp-content/uploads/2017/03/e_point_280.png) no-repeat left center #ffffff;
}

div.post p.two {
	line-height: 1.7;
	margin: 0 0 3px 5px;
	padding: 0 0 0 34px;
	background: url(https://photohikaku.com/wp/wp-content/uploads/2017/03/e_point_281.png) no-repeat left center #ffffff;
}

div.post p.three {
	line-height: 1.7;
	margin: 0 0 3px 5px;
	padding: 0 0 0 34px;
	background: url(https://photohikaku.com/wp/wp-content/uploads/2017/03/e_point_282.png) no-repeat left center #ffffff;
}

div.post p.four	{
	line-height: 1.7;
	margin: 0 0 3px 5px;
	padding: 0 0 0 34px;
	background: url(https://photohikaku.com/wp/wp-content/uploads/2017/03/e_point_289.png) no-repeat left center #ffffff;
}

div.post p.five	{
	line-height: 1.7;
	margin: 0 0 3px 5px;
	padding: 0 0 0 34px;
	background: url(https://photohikaku.com/wp/wp-content/uploads/2017/03/e_point_283.png) no-repeat left center #ffffff;
}


p.title	{
	background: url(ico05-006.gif) no-repeat left center #ffffff;
	color: #000000;
	padding: 5px 0 5px 20px;
	margin: 0 0 15px 0;}

p.title2	{
	background: url(head010_03.gif) no-repeat left center #ffffff;
	color: #000000;
	padding: 5px 0 7px 22px;
	margin: 0 0 15px 0;
}





div.post p.postinfo	{
	font-size: 0.875em;
	color: #000000;
	background: url(ico05-006.gif) no-repeat right bottom;
	text-align: right;
	margin: 5px 0;
	padding: 0 20px 0 0;
	border-bottom: dotted 1px #696969;
	clear: both;
}

p.postinfo a	{text-decoration: none;
	color: #000000}

/* 記事内の画像 */
.aligncenter	{display: block;
	margin-left: auto;
	margin-right: auto}

div.post img	{border: none}

.alignleft	{float: left;
	margin-right: 10px;
	margin-bottom: 10px}

.alignright	{float: right;
	margin-left: 10px;
	margin-bottom: 10px}

.wp-caption	{border: solid 1px #aaaaaa;
	text-align: center;
	padding-top: 5px}

.note {
	margin: 1em 0;
	padding: 0 0 0 23px;
	font-size: 1.0em;
	background: url("note01-007.gif") no-repeat left top;
}

.photo150r {
	width: 150px;
	float: right;
	margin: 5px 10px;
	text-align: center;
}

.photo150l {
	width: 150px;
	float: left;
	margin: 5px 10px;
	text-align: center;
}

.photo200r {
	width: 200px;
	float: right;
	margin: 5px 10px;
	text-align: center;
}

.photo200l {
	width: 200px;
	float: left;
	margin: 25px 20px 15px 5px;
	text-align: center;
}


.photo240r {
	width: 240px;
	float: right;
	margin: 5px 10px;
	text-align: center;
}

.photo300r {
	width: 300px;
	float: right;
	margin: 0 0 0 5px;
	text-align: center;
}

.kanren {
	margin: 1em;
	padding: 10px  15px;
	border: solid 1px #ff8c00;
	background: #F7F7F7;
}

/* ページ内テーブル */
table.photo {
	width: 100%;
	border: 1px #C0C0C0 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table.photo tr.irowake {
	background: #F5F5F5;
}

table.photo th {
	font-size: 0.875em;
	text-align: center;
	border: #C0C0C0 solid;
	border-width: 0 0 1px 1px;
	background: #FFEFD5;
	font-weight: bold;
	line-height: 150%;
	padding: 8px 0;
}

table.photo td {
	font-size: 0.875em;
	border: 1px #C0C0C0 solid;
	border-width: 0 0 1px 1px;
	padding: 8px 0;
	text-align: center;
}

table.photo td.irowake-td {
	background: #F5F5F5;
}

table.photo a:link {text-decoration: none;
	color: #1111cc;
}

table.photo a:visited {text-decoration: none;
	color: #1111cc;
}

table.photo a:hover {text-decoration: underline;
	color: #FF4500;
}

/* ページリンク */
span.oldpage	{
	float: left;
}

span.newpage	{
	float: right;
}

p.pagelink a	{
	font-size: 0.875em;
	color: #1111cc;
}

p.pagelink	{
	margin: 0 0 10px 25px; 
	overflow: hidden;
	width: 90%;
}


/* コメント */
#comments	{padding: 0 18px;
	margin: 20px 0}

#comments h3	{font-size: 0.875em;
	border-bottom: solid 1px #ff8c00;
	padding-bottom: 3px;
	margin-top: 20px}

#comments p	{font-size: 0.75em}

#comments p a	{color: #0c8bcd}

#comments input, #comments textarea
	{display: block}

#comments textarea	{width: 450px}

#comments .required	{color: #ff0000}

#comments code	{display: block;
	margin-top: 5px;
	font-size: smaller}

#comments ul	{margin: 0;
	padding: 0}

#comments li.compost	{list-style-type: none;
	border-bottom: dotted 1px #0c8bcd;
	margin-bottom: 20px;}

#comments p.cominfo	{text-align: right}

#comments #comfeed a	{background-image: url(feed-icon-12x12.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 17px;
	line-height: 1em;
	color: #000000;
	text-decoration: none}

#comments #comfeed	{background-color: #a3d2f2;
	padding: 8px;
	margin-top: 30px}

#comments #trurl	{background-color: #a3d2f2;
	padding: 8px;
	margin-bottom: 30px}


/* サイドバー */
div#sidebar {
	font-size: 0.938em;
	width: 100%;	
	max-width: 295px;
	margin: 0;
	float: left;

}

div#sidebar ul	{
	margin: 0 0 25px;
	padding: 0 0 0 5px;
}

div#sidebar li	{list-style-type: none}

div#sidebar .widget	{
	background: #ffffff;
	padding: 5px 0 5px 10px;
	margin: 0;
}

div#sidebar h2	{
	font-size: 1.0em;
	background: url(head010_06.gif) no-repeat left center #ffffff;
	color: #000000;
	padding: 5px 0 8px 24px;
	margin: 0 0 15px;
}

div#sidebar li li	{
	margin: 8px 0 8px 10px;
	background-image: url(arrow09-081.gif) ;
	background-repeat: no-repeat;
	padding: 0 0 0 17px;
	background-position: 0 1px;/*背景画像の縦位置の指定。*/
}

div#sidebar li li a	{text-decoration: none;
	color: #1111cc}

div#sidebar li li a:hover {text-decoration: none;
	color: #FF4500;
}

div#sidebar p	{font-size: 0.875em;
	color: #000000;
	padding: 0;
	margin: 10px 0 0}

div#sidebar .menu1 {
	font-size: 1.0em;
	font-weight: bold;
	background: url(head010_06.gif) no-repeat left center #ffffff;
	color: #000000;
	padding: 7px 0 8px 22px;
	margin: 5px 20px 15px 0;
}



div#sidebar .menu2	{
	font-size: 1.0em;
	font-weight: bold;
	background: url(icon_6m_32.png) left center no-repeat #FFEFD5;
	border: solid 3px #f5deb3;
 	padding: 10px 0 10px 35px;
	margin: 10px 5px 15px 0;
	border-radius: 1.5em;	
}




.sidetag {background: #ffffff;
	padding: 10px 10px 15px;
	margin: 0 10px 15px;
	border: solid 1px #ff8c00;
}



/* サイドバースマホ用 */
div#sidebar-sm {
	font-size: 1.0em;
	width: 98%;	
	margin: 0;
	float: left;

}

div#sidebar-sm ul	{
	margin: 0 0 25px;
	padding: 0 0 0 5px;
}

div#sidebar-sm li	{list-style-type: none}

div#sidebar-sm .widget	{
	background: #ffffff;
	padding: 5px 0 5px 10px;
	margin: 0;
}

div#sidebar-sm h2	{
	font-size: 1.0em;
	background: url(head010_06.gif) no-repeat left center #ffffff;
	color: #000000;
	padding: 5px 0 8px 24px;
	margin: 0 0 15px;
}

div#sidebar-sm li li	{
	margin: 8px 0 8px 10px;
	background-image: url(arrow09-081.gif) ;
	background-repeat: no-repeat;
	padding: 0 0 7px 17px;
	background-position: 0 1px;/*背景画像の縦位置の指定。*/
}

div#sidebar-sm li li a	{text-decoration: none;
	color: #1111cc}

div#sidebar li li a:hover {text-decoration: none;
	color: #FF4500;
}

div#sidebar-sm p	{font-size: 0.875em;
	color: #000000;
	padding: 0;
	margin: 10px 0 0}

div#sidebar-sm .menu1 {
	font-size: 1.0em;
	font-weight: bold;
	background: url(head010_06.gif) no-repeat left center #ffffff;
	color: #000000;
	padding: 7px 0 8px 22px;
	margin: 5px 20px 15px 0;
}



div#sidebar-sm .menu2	{
	font-size: 1.0em;
	font-weight: bold;
	background: url(icon_6m_32.png) left center no-repeat #FFEFD5;
	border: solid 3px #f5deb3;
 	padding: 10px 0 10px 35px;
	margin: 10px 5px 15px 0;
	border-radius: 1.5em;	
}








/* サイドバー2 */
div#sidebar2 	{
	width: 100%;
	max-width: 900px;
	margin: 0 10px 20px 10px;
	clear: both;
}

div#sidebar2 ul	{
	margin: 0;
	padding: 0;
}

div#sidebar2 li	{
	list-style-type: none;
}

div#sidebar2 .widget	{
	background: #ffffff;
	padding: 0px 20px 20px;
	margin: 0 0 10px;

}

div#sidebar2 h2	{
	font-size: 1.0em;
	background: url(head010_06.gif) no-repeat left center #ffffff;
	color: #000000;
	padding: 5px 0 8px 24px;
	margin: 0 0 10px;
}

ul.footer2 {float: left;
	margin: 0;
	padding: 0;}

div#sidebar2 li li	{
	font-size: 0.875em;
	margin: 8px 10px 8px 5px;
	background-image: url(arrow09.gif) no-repeat #ffe4c4;
	padding: 0 0 0 17px;
}

div#sidebar2 li li a	{text-decoration: none;
	color: #0000ff}

div#sidebar2 li li a:hover {text-decoration: none;
	color: #FF4500;
}

div#sidebar2 p.tophe 	{font-size: 0.75em;
	color: #000000;
	padding: 5px 10px 0 0;
	margin: 0;
	text-align: right;
}

div#sidebar2 p.gedan 	{
	font-size: 0.875em;
	color: #000000;
	line-height: 1.6;
	padding: 5px 10px 0;
	margin: 0 0 5px;
	font-weight: bold;
}

div#sidebar2 ul.camera-icon	{
	margin: 0;
	padding: 0;
	position: relative;
}

div#sidebar2 ul.camera-icon li	{
	display: inline;
	margin: 5px 5px ;
	line-height: 1.8;
	background: url(icon_6m_24.png) no-repeat  #ffffff;
	padding: 5px 0 10px 25px;
}


/* カレンダー */
.widget_calendar h2	{display: none}

#wp-calendar	{font-size: 0.75em;
	color: #ffffff;
	width: 100%}

#wp-calendar a	{color: #ffffff}

#wp-calendar td, #wp-calendar th
	{text-align: center}

#wp-calendar caption	{font-weight: bold;
	text-align: left;
	border-bottom: solid 1px #ffffff;
	padding-bottom: 8px;
	margin-bottom: 8px}

#wp-calendar #prev	{text-align: left;
	padding-top: 3px}

#wp-calendar #next	{text-align: right;
	padding-top: 3px}

/* フィード */
p.feed	{font-size: 0.75em;
	font-family: Verdana, Helvetica, sans-serif;
	border: solid 1px #ffa500;
	padding: 5px;
	margin: 0px 0}

p.feed a	{color: #444444;
	text-decoration: none}

p.feed img	{vertical-align: middle;
	margin-right: 8px}

/* フッター */
div#footer	{
	clear: both;
	border-top: solid 1px #ffa500;
	background: #ffffff;
	text-align: center;
	padding: 6px 0;
}

address	{font-size: 0.875em;
	font-style: normal;
	font-family: Verdana, sans-serif;
	margin: 0}

address a	{color: #000000}

/* 固定ページ */
div#content.page	{
	width: 100%;
	max-width: 645px;

}

/* サイドバー無し固定ページ */
div#content.pagekotei	{
	width: 100%;
}

/* トップページ */
div#topcontent p	{
	line-height: 1.5;
	padding: 0 5px;
	margin: 0 0 20px;
}

/* コンテンツの背景 */
div.post,
p.feed,
#comments	{background-color: #ffffff}




/* スマホページ */
.mobile-title	{
	clear: both;
	font-size: 1.0em;
	background: url(head010_06.gif) no-repeat left center #ffffff;
	color: #000000;
	padding: 5px 0 8px 22px;
	margin: 10px 15px 10px 5px;
	font-weight: bold;
}

.mobile-banner	{
	text-align: center;
	padding: 0;
	margin: 5px 0 20px;
}


.mobile-banner-text	{

	clear: both;	
	text-align: center;
	padding: 0;
	margin: 5px 0 20px;

}


ul.gedan	{
	margin: 0;
	padding: 0 20px 10px;
	font-size: 0.9em;
}

ul.gedan li	{
	list-style-type: none;
}



/* フルフラットページの画像 */

.flat-gazou {

	font-size: 0.85em;
	padding: 0;
	margin: 10px 0;
	border: solid 1px #ff8c00;
}




/* 注意文挿入 */

.annotation {
	font-size: 0.85em;
	line-height: 1.6;
	margin: 10px 0;
	padding: 12px 14px;
	border: solid 1px #ff8c00;
	background: #FFFAFA;
}


/* フリーソフト、スマホ、自動レイアウト記事の囲い */

.free-kakoi {
	margin: 10px 0 15px;
	padding: 0px 15px;
	border: solid 1px #ff8c00;
}


/* スマホ上ul */

ul.mobile-u	{
	margin: 0 0 15px 10px;
	padding: 0 10px 0 0;
	list-style-type: none;

}

ul.mobile-u li	{

	font-size: 0.938em;
	margin: 5px 5px 8px 0;
	background: url(arrow09-081.gif) left center no-repeat;
	padding: 0 0 0 17px;
	line-height: 1.7;
}



/* スマホ上ul2 */

.mobile-title2	{
	clear: both;
	font-size: 1.0em;
	background: url(head010_03.gif) no-repeat left center #ffffff;
	color: #000000;
	padding: 5px 0 8px 22px;
	margin: 20px 10px 10px 5px;
	font-weight: bold;
}


ul.mobile-u2	{
	margin: 0 0 25px 0;
	padding: 0 10px 0 0;
	list-style-type: none;

}

ul.mobile-u2 li	{
	font-size: 0.938em;
	margin: 5px 5px 8px 0;
	padding: 0 0 0 5px;
	line-height: 1.6;
}




/* トップページCSS */
.photo-top-oowaku {
	font-size: 1.0em;
	font-weight: bold;
	background: #fdf5e6;
	border: solid 3px #f5deb3;
	padding: 0.5em;
	margin: 10px 5px 10px 0;
	border-radius: 2.0em;	
	text-align: center;
	clear: both;
}


.photo-top-kakoi	{
	font-size: 1.0em;
	text-align: left;
	width: 98%;
	max-width: 450px;
	margin: 0 10px 15px 10px;
	float: left;
}


.photo-top-title	{
 	position: relative;
 	padding: 10px 0 10px 55px;
	background: url(icon_4b_48.png) left center no-repeat #fcecca;
	border-radius: 1.0em;
	margin: 0 0 15px;
	font-weight: bold;

}

.photo-top-title:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #fcecca;
	width: 0;
	height: 0;
}


/* 個別ページの記事下バナー */
.page-bottom-banner	{
	text-align: center;
	padding: 0;
	margin: 0 0 20px;
}

/* お薦めフォトブックの挿入囲い */

.photo-kakoi {
	font-size: 0.938em;
	line-height: 1.6;
	margin: 10px 0 20px;
	padding: 12px 14px 12px 25px;
	border: solid 1px #ff8c00;
	background: #FFFAFA;
	border-radius: 1.0em;
}





/* お薦めフォトブックのリンク */

.link-photo {
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
	width: 300px;
	line-height: 1.6;
	margin: 10px auto 20px;
	padding: 12px 0 12px;
	border: solid 1px #ff8c00;
	background: #FFFFFF;
	border-radius: 0.5em;
}


/* スマホページ上部のランキング */
.one-sp {
	line-height: 1.7;
	margin: 0 0 3px 5px;
	padding: 0 0 0 34px;
	background: url(https://photohikaku.com/wp/wp-content/uploads/2017/03/e_point_280.png) no-repeat left center #ffffff;
}

.two-sp {
	line-height: 1.7;
	margin: 0 0 3px 5px;
	padding: 0 0 0 34px;
	background: url(https://photohikaku.com/wp/wp-content/uploads/2017/03/e_point_281.png) no-repeat left center #ffffff;
}

.three-sp {
	line-height: 1.7;
	margin: 0 0 3px 5px;
	padding: 0 0 0 34px;
	background: url(https://photohikaku.com/wp/wp-content/uploads/2017/03/e_point_282.png) no-repeat left center #ffffff;
}