@charset "UTF-8";

/*
Theme Name:ONLY SMARTPHONE
Description:スマートフォン専用のWPテーマ
Theme URI:
Author:
Author URI:
Version:
License:
License URI:
*/

/*
ONLY SMARTPHONE
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/



* {
margin: 0;
padding: 0;
}


body{
background:#ffffff url();
font-family:Meiryo, "Hiragino Kaku Gothic Pro", Verdana, sans-serif;
font-size:16px;
line-height:1.7;
color:#000000;
margin:0;
padding:0;
word-break:break-all;
word-wrap:break-word;
}


a{
color:#4d88ef;
text-decoration:none;
}


a:hover{
color:#ff2222;
text-decoration:none;
}


img{
border:none;
}


.clear_both{
clear:both;
}


li{
list-style:none;
}


ul{
list-style:none;
}


form{
margin:0;
padding:0;
}


textarea{
margin:0;
padding:0;
}



/* 1番目のライン
-----------------------------------*/

#first_line{
background:#443228;
height:18px;
border-top:3px double #ffffff;
border-bottom:3px double #bbbbbb; 
}


#first_line_in{
color:#f2f2f2;
font-size:12px;
line-height:18px;
text-align:left;
margin:0;
padding:0 0 0 10px;
}



/* 2番目のライン
--------------------------------------*/

#second_line{
background:url();
height:50px;
text-align:center;
margin:0 auto 0 auto;
padding:0;
}


#logo{
width:171px;
text-align:left;
margin:0;
padding:4px 0px 0px 10px;
}


/* ----------検索エリア-----------------*/

/*検索窓のエリア*/
#sp_top_search_area{
position:absolute;   /*絶対配置*/
z-index:2;   /*最前面に設定。数字は変更可*/
top:30px;
right:5px;
}


/*-----テキスト入力input設定-----*/
#sp_top_search_box{
background:url(https://positen.jp/image/search.png) 0px no-repeat;
background-size:auto 38px;
-moz-background-size:auto 38px;
-webkit-background-size:auto 38px;
-webkit-appearance:none;   /*【必須】SafariやChromeのデフォルトの設定を無効*/
width:38px;   /*テキスト入力エリアが伸びる前の横幅*/
height:38px;
transition:all 0.5s;   /*transitionを使ってスムースに伸ばす*/
outline:none;
cursor:pointer;   /*カーソルを指マークに*/
padding:0 0 0 0;
border:none;
}


/*-----テキスト入力inputにフォーカスした時の形状-----*/
#sp_top_search_box:focus{
background:#ffffff;
width:240px;   /*テキスト入力エリアが伸びる後の横幅*/
height:38px;
font-size:18px;
margin:40px 5px 0px 0px;
padding:0px 10px 0px 10px;
border:1px solid #555555;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}



/* 3番目のライン
-----------------------------------------*/

#third_line{
clear:both;
background:#57493e url(https://positen.jp/image/menubar_02.png) repeat-x;
color:#eeeeee;
height:26px;
margin:0 0 10px 0;
padding:0;
border-top:double 3px #ffffff;
border-bottom:double 3px #ffffff;
}


#third_line_in{
text-align:center;
margin:0 15px 0 15px;
padding:0 0 0 0;
}


#third_line_in ul{
text-align:center;
margin:0 auto 0 auto;
padding:0;
list-style:none;
}


#third_line_in ul li{
line-height:1.0;
float:left;
font-size:12px;
display:inline;
margin:0 auto 0 auto;
padding:7px 0px 0 0px;
}


#third_line_in li.home_area{
width:33.3%;
margin:0 auto 0 auto;
padding:7px 0px 0 0px;
}


#third_line_in li.twitter_area{
width:33.3%;
margin:0 auto 0 auto;
padding:5px 0px 0 0px;
}


#third_line_in li.hatena_area{
width:33.3%;
margin:0 auto 0 auto;
padding:6px 0px 0 0px;
}


#third_line_in a{
color:#eeeeee;
}

#third_line_in a:hover{
color:#cccccc;
}


/*　コンテンツ
---------------------------------------------------------------*/

#wrap{
background:url() repeat-y;
text-align:center;
margin:0 auto 0px auto;
padding:0 0 0 0;
}


#content{
clear:both;
text-align:left;
margin:0 0 50px 0;
padding:0;
}


#content .post{
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}



.entry_header{
margin:0 5px 10px 5px;
padding:8px 0px 4px 0px;
border-top:#bbbbbb 3px double;
border-bottom:#bbbbbb 3px double;
}


.entry_header a{
color:#333333;
}


.entry_head_thumbnail img{
clear:both;
float:right;
width:120px;
height:90px;
margin:0 0 5px 5px;
padding:0 0 0 0;
}


.entry_header h1{
font-size:20px;
line-height:1.2;
margin:0px 0px 0px 0px;
padding:0px 5px 5px 5px;
}


.date{
clear:both;
font-size:14px;
margin:0 0 0 0;
padding:3px 0px 3px 5px;
border-top:#bbbbbb 1px dashed;
}


time{
background:url(https://positen.jp/image/koushin1.png) 0 2px no-repeat;
background-size:auto 16px;
-moz-background-size:auto 16px;
-webkit-background-size:auto 16px;
margin:0 0 0 0;
padding:2px 0 2px 32px;
}


.koukai{
background:url(https://positen.jp/image/koukai1.png) 0 2px no-repeat;
background-size:auto 16px;
-moz-background-size:auto 16px;
-webkit-background-size:auto 16px;
margin:0 0 0 5px;
padding:2px 0 2px 32px;
}


.cat{
background:url(https://positen.jp/image/category_icon.png) 7px 6px no-repeat;
background-size:auto 20px;
-moz-background-size:auto 20px;
-webkit-background-size:auto 20px;
font-size:14px;
margin:0 0 0 0px;
padding:2px 0 1px 32px;
border-top:#bbbbbb 1px dashed;
}


.entry{
clear:both;
margin:0 7px 0 10px;
padding:0;
}


#content h2{
clear:both;
background:#f0ede7;
color:#405888;
line-height:1.2;
font-size:20px;
font-weight:normal;
margin:50px 0px 20px -2px;
padding:8px 5px 7px 10px;
border-style:double;
border-width:3px 0px 3px 0px;
border-color:#d2d0c5;
} 


#content h3{
clear:both;
color:#f75858;
line-height:1.2;
font-size:20px;
font-weight:normal;
margin:30px 0px 15px 0px;
padding:0px 5px 0px 8px;
border-style:dashed;
border-width:0px 0px 2px 0px;
border-color:#cccccc;
} 


#content h4{
clear:both;
color:#000000;
line-height:1.2;
font-size:18px;
font-weight:bold;
margin:20px 0px 0px 0px;
padding:2px 0px 3px 0px;
text-decoration:underline;
} 


.entry p{
margin:0 0 0 0;
padding:0 0 20px 0;
}


.entry ol{
margin:0 0 0px 0;
padding:0px 0 15px 0px;
}


.entry ul{
margin:0 0 0 0;
padding:0px 0px 15px 0px;
list-style: none;
}


.entry li{
background:url(https://positen.jp/image/li_01.png) 0 6px no-repeat;
background-size:auto 18px;
-moz-background-size:auto 18px;
-webkit-background-size:auto 18px;
margin:0 0 9px 0;
padding:0 0 0 22px;
}


.rank{
background:#564940;
color:#dddddd;
font-weight:normal;
padding:2px 3px;
margin:0px 6px 0px 0;
border:#c7c7c7 1px solid;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}


strong{
}


.futoji{
font-weight:bold;
}


.akairo{
color:#fd2c2c;
font-weight:bold;
}


.yohaku{
height:100px;
}


.entry_footer{
clear:both;
background:url(https://positen.jp/image/cat_icon.png) 0 5px no-repeat;
color:#555555;
background-size:auto 18px;
-moz-background-size:auto 18px;
-webkit-background-size:auto 18px;
font-size:15px;
margin:15px 5px 0 10px;
padding:0px 0px 0px 28px;
}



/*　枠【waku】
---------------------------------------------*/

div.waku{
clear:both;
background:#e8f8fd;
margin:0 0 20px 0;
padding:18px 15px 17px 15px;
border-top:#dcf0f7 1px solid;
border-bottom:#dcf0f7 1px solid;
}


div.waku ul{
margin:0 0 0 0;
padding:0px 0 1px 0px;
list-style:none;
}


div.waku li{
background:url(https://positen.jp/image/li_01.png) 0 5px no-repeat;
background-size:auto 18px;
-moz-background-size:auto 18px;
-webkit-background-size:auto 18px;
margin:2px 0px 9px 5px;
padding:0px 0px 0px 22px;
}


div.waku li.noicon{
background:url() !important;
padding:0px 0px 0px 0px;
}



/*　枠その２【waku_second】
---------------------------------------------*/

div.waku_second{
clear:both;
background:#f0f0f0;
margin:0 0 20px 0;
padding:18px 15px 17px 15px;
border-top:#dddddd 1px solid;
border-bottom:#dddddd 1px solid;
}


div.waku_second ul{
margin:0 0 0 0;
padding:0px 0px 1px 0px;
list-style:none;
display:inline;
}


div.waku_second li{
background:url(https://positen.jp/image/li_02_red.png) 0 1px no-repeat;
background-size:auto 14px;
-moz-background-size:auto 14px;
-webkit-background-size:auto 14px;
margin:0px 12px 0px 0px;
padding:0px 0px 0px 17px;
display:inline;
}


div.waku_second li.noicon{
background:url() !important;
padding:0px 0px 0px 0px;
}


/*　センター寄せ
---------------------------------------------*/

.chuo{
text-align:center !important;
margin:auto !important;
}


/*　コンテンツのテーブル
---------------------------------------------*/

.entry table{
width:100%;
font-size:14px;
font-weight:normal;
margin:10px 0px 35px 0px;
padding:0 0 0 0;
border:1px solid #d2d0c5;
border-collapse:collapse;
}


.entry caption{
font-size:16px;
line-height:1.2;
text-align:left;
font-weight:bold;
margin:0 0 0px 1px;
padding:6px 5px 6px 7px;
text-decoration:none;
border-left:#665145 20px double;
}


.entry thead th{
background:#665145;
color:#dddddd;
font-size:14px;
font-weight:normal;
text-align:left;
padding:12px 2px 12px 4px;
border:1px solid #d2d0c5;
white-space:normal;
}


.entry tbody th{
background:#f0ede7;
font-size:12px;
font-weight:normal;
text-align:left;
padding:12px 4px 12px 4px;
border:1px solid #d2d0c5;
white-space:pre;
}


.entry td{
background:#f9f9f9;
font-size:15px;
text-align:left;
font-weight:normal;
padding:12px 3px 12px 5px;
border:1px solid #d2d0c5;
}


.table_under{
color:#999999;
font-size:14px;
line-height:1.4;
margin:-34px 0 0 0;
padding:0 0 20px 0;
}


/*--＜td＞タグに使うけど他も使える--*/
.back_dark{
background:#413934 !important;
}

.back_light{
background:#eeeeee !important;
}



/*--横スクロールの親要素--*/
.table_scroll_box{
overflow-x:scroll;
margin:0 0 15px 0;
padding:0 0 0 0;
}

.table_scroll_box table th,
.table_scroll_box table td{
white-space:nowrap;
}



/*　画像の指定 （重複あり）
---------------------------------------------*/

.entry img{
display:block;
max-width:98%;
height:auto;
text-align:center;
margin:0px auto 0px auto;
padding:0 0 0 0;
}

img.alignleft{
float:left;
margin:1px 8px 4px 0px;
}

img.alignright{
float:right;
margin:1px 0px 4px 8px;
}

img.aligncenter{
display:block;
}


div.img_under{
color:#999999;
font-size:14px;
line-height:1.4;
margin:-18px 0 0 0;
padding:0 0 25px 0;
}



/*　indexとcategoryのエリア
---------------------------------------------*/

.index_entry{
clear:both;
line-height:1.3;
font-size:20px;
font-weight:bold;
padding:0 7px 9px 7px;
margin:0 7px 0 7px;
border-bottom:double 3px #888888;
}


.index_entry a{
color:#594739;
}

.index_entry a:hover{
color:#796759;
}


.index_date{
clear:both;
background:url(https://positen.jp/image/time_icon.png) 0 4px no-repeat;
background-size:auto 18px;
-moz-background-size:auto 18px;
-webkit-background-size:auto 18px;
color:#555555;
font-size:15px;
font-weight:normal;
margin:5px 0 0 0;
padding:3px 0px 10px 23px;
border-top:#cccccc 1px dashed;
}


.index_entry_footer{
clear:both;
font-size:14px;
text-align:right;
margin:0 0 0 0;
padding:6px 6px 0 0;
}


.index_entry_footer a{
color:#ff0000;
font-weight:bold;
}


.index_entry img{
clear:both;
float:right;
width:110px;
height:83px;
margin:0px 0px 5px 3px;
padding:0px;
border:#cccccc 0px solid;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}


.index_entry img:hover{
opacity:0.5;
}


/*　タイトルいろいろ
---------------------------------------------------------------*/

.title2{
clear:both;
background:#eeeeee;
color:#555555;
line-height:1.2;
font-size:20px;
margin:30px 8px 15px 8px;
padding:5px 5px 4px 10px;
border-top:double 3px #aaaaaa;
border-bottom:double 3px #aaaaaa;
} 


/* 関連記事
---------------------------------------------*/

.related_post{
font-size:18px;
line-height:1.2;
margin:0 0 10px 0;
}

.related_post ul{
margin:0 10px 0 15px;
padding:0 0 0 0;
}


.related_post li{
clear:both;
margin:0 0 0 0;
padding:8px 0 8px 0;
border-bottom:1px dashed #cccccc;
}


.related_post img{
clear:both;
float:left;
width:80px;
height:60px;
margin:0 6px 3px 1px;
padding:0 0 0 0;
border:#cccccc 3px double;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}



/*　エントリー記事の下部の最新の記事一覧
---------------------------------------------------------------*/

.recent_entry_area{
line-height:1.2;
font-size:18px;
margin:0 0 60px 0;
padding:0 0 0 0;
}


.recent_entry_area ul{
margin:0 10px 0 15px;
padding:0 0 0 0;
}


.recent_entry_area li{
clear:both;
margin:0 0 0 0;
padding:8px 0 8px 0;
border-bottom:1px dashed #cccccc;
}


.recent_entry_area img{
clear:both;
float:left;
width:80px;
height:60px;
margin:0 6px 3px 1px;
padding:0 0 0 0;
border:#cccccc 3px double;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}



/* YouTube動画の指定
----------------------------*/

.entry .video{
clear:both;
position: relative;
padding-bottom: 54%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin:0 0 30px 0;
}


.entry .video iframe, 
.entry .video object, 
.entry .video embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/*　ad
-------------------------------------------*/

.ad_over{
clear:both;
margin:0px 0px 20px 0px;
padding:0 0 0 0;
}


.ad_top{
clear:both;
margin:-10px auto 0px auto;
padding:0px 0px 5px 0px;
}


.ad_bottom{
clear:both;
margin:0px auto 0px auto;
padding:0px 0px 5px 0px;
}


.ad_text{
clear:both;
color:#cccccc;
text-align:center;
font-size:11px;
padding:0 0 0 0;
margin:0 auto;
}


/*　ナビゲーション
---------------------------------------------------------------*/

.tablenav{
clear:both;
color:#2583ad;
text-align:center;
margin:0 auto;
padding:30px 0px 30px 0px;
}

a.page-numbers,
.tablenav .current{
color:#4d88ef;
padding:10px 13px 10px 13px;
border:solid 1px #cccccc;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}

a.page-numbers:hover{
background:#796759;
color:#dddddd;
}

.tablenav .current{
background:#594739;
color:#ffffff;
font-weight:bold;
border-color:#cccccc;
}

.tablenav .next,
.tablenav .prev{
border:0 none;
background:transparent;
font-size:16px;
}


/*　コメントリスト
---------------------------------------------------------------*/

.comment_area{
margin:0 0 0 0;
padding:0 0 0 0;
}


.comment_area ol{
margin:0 0 0 0px;
padding:0 5px 0 32px;
}


.comment_area li{
font-size:13px;
margin:0 0 15px 0;
padding:0 0 0 0;
}


.comment_text{
font-size:18px;
font-weight:bold;
}


.comment_list_name{
font-weight:normal;
color:#008000;
}


/*　コメントフォームエリア
---------------------------------------------------------------*/

.comment_form{
margin:0 0px 0 0px;
padding:10px 15px 0 15px;
}


.comment_form #author{
background:#ffffff;
width:60%;
height:34px;
font-size:16px;
margin:0 0 15px 0;
padding:3px 5px;
border:1px dashed #aaaaaa;
-webkit-box-shadow:0 10px 6px -6px #777777;
-moz-box-shadow:0 10px 6px -6px #777777;
box-shadow:0 10px 6px -6px #777777;
}


.comment_form #comment{
background:#ffffff;
width:90%;
height:150px;
font-size:16px;
margin:0 0 15px 0;
padding:3px 5px;
border:1px dashed #aaaaaa;
-webkit-box-shadow:0 10px 6px -6px #777777;
-moz-box-shadow:0 10px 6px -6px #777777;
box-shadow:0 10px 6px -6px #777777;
}


.comment_form #submit{
background:#ffffff;
width:60%;
height:34px;
font-size:16px;
margin:0 0 0 0;
padding:3px 5px;
border:1px dashed #aaaaaa;
-webkit-box-shadow:0 10px 6px -6px #777777;
-moz-box-shadow:0 10px 6px -6px #777777;
box-shadow:0 10px 6px -6px #777777;
}



/*　エントリー記事の下部のカテゴリーエリア
---------------------------------------------------------------*/

.category_area{
font-size:18px;
margin:0 0 0 15px;
padding:0 0 0 0;
}


.category_area ul{
margin:0 0 0 0;
padding:0 0 0 0;
}


.category_area li{
background:url();
display:inline;
}


.category_area li a{
display:inline-block;
background:#ffffff url();
border:1px dotted #cccccc;
margin:3px 4px 3px 4px;
padding:2px 5px 2px 5px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}



/* 検索ボタン
------------------------------ */

.search_body{
background:url() 234px 10px no-repeat;
height:100px;
margin:20px 20px 20px 20px;
padding:0 0 0 0;
}


.search_body #s{
background:url();
width:76%;
height:30px;
line-height:30px;
font-size:16px;
margin:0 0 0 0;
padding:0 0 0 0;
border:#aaaaaa 1px solid;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

.search_body #searchsubmit{
background:#564940 url() no-repeat;
color:#eeeeee;
width:20%;
height:30px;
line-height:30px;
font-size:16px;
margin:0 0 0 0;
padding:0 0 0 0;
border:#aaaaaa 1px solid;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}


/* SNSボタン
------------------------------ */

.share_top{
clear:both;
margin:0px 0px 0px 0px;
padding:0 5px 25px 5px;
}


.share_bottom{
clear:both;
margin:0px 0px 0px 0px;
padding:15px 5px 10px 5px;
}


.share_top ul,
.share_bottom ul{
font-size:0;
text-align:center;
margin:0;
padding:0px 0 0 0;
list-style:none;
}


.share_top li,
.share_bottom li{
display:inline-block;
width:22%;
font-size:12px;
margin:0 2px 0 2px;
}


.share_top li a,
.share_bottom li a{
display:block;
padding:2px 0px 2px 0px;
color:#eeeeee;
text-align:center;
}


.share_top ul:after,
.share_bottom ul:after{
content: "";
display:block;
}

.tweet a{
background:#55acee;
border-bottom:2px #338bce solid;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

.facebook a{
background:#315096;
border-bottom:2px #1a3676 solid;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

.pocket a{
background:#f03e51;
border-bottom:2px #a94751 solid;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

.hatena a{
background:#008fde;
border-bottom:2px #025f93 solid;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}


/*　フッター
---------------------------------------------------------------*/

#bottom{
background:#f0ede7;
text-align:center;
font-size:12px;
margin:auto;
padding:6px 0px 6px 0px;
border-top:solid 1px #8f715f; 
}


footer{
clear:both;
background:#443228 url();
color:#eeeeee;
line-height:38px;
font-size:16px;
text-align:center;
margin:0 auto 0 auto;
border-top:3px double #ffffff;
border-bottom:3px double #bbbbbb; 
-webkit-box-shadow:0 10px 6px -6px #777777;
-moz-box-shadow:0 10px 6px -6px #777777;
box-shadow:0 10px 6px -6px #777777;
}