/*
Theme Name: gallery-2
Description: オリジナルテーマ
Author: 管理人
*/

/*-------レイアウト--------- */
html,
body             {background-color: #ffffff; height: 100%;
                  color: #666666; margin: 10px;}

#container       {width: 100%; margin: auto; min-height: 100%;}

#content         {margin: 20px 0;
                  overflow: auto; padding-bottom: 30px;}

#content img     {max-width: 100%; height: auto;}

#head, #leftcontent, #rightcontent, #foot
                 {background-color: #dd6600;}



/*-------リンク-------------*/


a img            {border: none;}


/*-------ヘッダー------------*/
#head             {background: none;}


#head h1        {font-size: 26px; 
                font-family: 'Life Savers', cursive;
                  margin: 0;}

#head h1 a       {color: #999999; text-decoration: none;}
.subinfo          {text-align: right; margin:-32px 0 5px;
                   border-bottom: solid 2px #999999;
                   padding-bottom: 8px;
                   }



/*--------フッター------------*/
#foot             {
                   background: none;　height: 30px;
                   
                   margin-top: -30px; position: relative;
                   bottom:0;
                   border-top: solid 2px #999999;
                   padding-top: 10px;
                   padding-bottom:20px;}

#foot p           {font-size: 14px;
                   margin: 0; text-align: center;}

/*========ナビゲーションバー=========*/
.menu, menu ul     {list-style-type: none;
                    margin: 0 0 30px;
                    padding: 0;
                    overflow: hidden;}

.menu li           {float: left;}

.menu li a         {text-decoration: none;
                    color: #999999;
                    font-size: 12px;
                    margin-right:15px;
                   display: inline-block;
                   height: 28px;
                   background-image: url(images/mark2.png);
                   background-repeat: no-repeat;
                   background-position: -200px 0;}

.menu li a:hover   {color: #ffaa00;
                    background-position: center bottom;}

.menu li.current-post-parent a,
.menu li.current-menu-item a
                   {background-position: center bottom;}

#content           {clear: both;}


/*--------コンテンツ-------------*/
#content h2        {font-size: 18px;
                    margin-bottom :0;}

#content p          {font-size: 12px;
                    line-height: 1.5;}

#content .postdate  {color: #aaaaaa;
                     margin-top: 8px;}

#content .postdate a {color: #2b76cc;}

#content .postdate a:hover {color: #9c343d;}


#leftcontent        {background: none;
                     text-align :center;}



#rightcontent img   {margin-right: 10px;
                     margin-bottom: 10px;}

#rightcontent .lineed img {margin-right: 0;}

#rightcontent       {background:none;}


/*==-==カテゴリー====------*/
.category #leftcontent        {width: auto;}
 
.category #leftcontent h2     {margin: 0; padding: 20px; border: dotted 1px #dddddd;}

.category #leftcontent p      {margin: 30px 0 0;}

.category #rightcontent        {width: auto;}


/*=====個別ページ============*/
.photo,.post                 {text-align: center;
                               margin: 0; 
                               overflow: hidden;
                              }


.prev                         {float: left;
                               margin: 0;
                              }

.next                         {float: right;
                               margin: 0;
                              }


/*-----about----------*/
.page #leftcontent          {margin:10px; 
                              font-family: 'Life Savers', cursive;
                              width: auto;
                               border: solid 1px #999999;
                               padding: 50px 0;
                              border-radius: 5px;
                              box-shadow: 2px 2px 1px #cccccc,
                                          0px 0px 2px 2px #ffffff inset;
                              background-color: rgba(255,255,255, 0.5);}


.page #leftcontent h2        {margin: 0;}

.page #leftcontent         {background-image:
                        url(images/circle.png),url(images/circle-yellow.png);
                       background-repeat: no-repeat;
                       background-position: 2px 5px, 54px 82px;
                       background-size: 80px 80px, 30px 30px;}

.page #rightcontent          {padding: 5px; overflow: hidden;}

.page #favorite              {text-align: center;
                              border: solid 1px #444444;
                              padding: 10px;
                              margin: 20px 0;}

.page #favorite h3            {font-size: 14px;
                               color: #ffffff;
                               background-color: #444444;
                               padding: 5px;
                               margin: 0 0 30px;}



/* FontAwesame */
.fa      {font-size: 26px; color:#5bce45; }

/*======前後ページへのリンク======== */
#prevnext1       {font-size: 12px;
              overflow :hidden;}
#prevnext1 table  {width: 100%;}

#prevnext1 table a  {color: #2b76cc;}

#prevnext1 table a:hover  {color: red;}

#prevnext1 table td.prev {text-align: left;}

#prevnext1 table td.next {text-align: right;}

p.pagenation    {font-size: 0.75em;
                 overflow: hidden}

p.pagenation a  {text-decoration: none;}

span.oldpage    {float: left;}

span.newpage    {float: right;}

/*ページ番号リンク*/
p.pagenum       {text-align: center;}

p.pagenum a    {background-color: #b84252;}

p.pagenum span {background-color: #d57748;}

p.pagenum a, p.pagenum span  {padding: 3px 6px;
                              color: #ffffff;} 


/*====タグクラウド=============*/
#tagclouds   { padding:0; margin:0;
              line-height:1.6em;  margin-bottom: 20px;}

#tagclouds a {color: #2b76cc;}

#tagclouds a:hover {color: #9c343d;}

#tagclouds h4 {background-color: #5bce45;text-align:left;
               color: #ffffff; padding: 2px 0 2px 20px;}


/*====カテゴリーページタグクラウド=============*/
#tagclouds2   {width: auto; padding:0; margin:0;
              line-height:1.6em; }

#tagclouds2  a {color: #2b76cc;}

#tagclouds2 a:hover {color: #9c343d;}

#tagclouds2 h4 {background-color: #5bce45;text-align:left;
               color: #ffffff; padding: 2px 0 2px 20px;}




/*==-==タグ====------*/
.tag #leftcontent        {border: dotted 1px #999999;
                          }
 
.tag #leftcontent h2     {margin: 0;}

.tag #leftcontent p      {margin: 30px 0 0;}

.tag #rightcontent        {width: auto;}


/*====検索フォーム===*/
#searchform, #searchform div  {display: inline;}

#searchform label  {display: none;}

#s          {border: solid 1px #aaaaaa;
             border-radius: 5px;
             padding: 3px 8px;}

#s:hover, #s:focus {background-color: #eeeeee;}

#searchsubmit      {background-color: #666666;
                    border-radius: 5px;
                    color: #ffffff;
                    border: solid 1px #aaaaaa;
                    padding: 2px 8px;
                    margin-right: 10px;}

#searchsubmit:hover {background-color: #aaaaaa;}

div#subinfo img     {vertical-align: bottom;}



/*==-==検索結果====------*/
.search #leftcontent        {border: dotted 1px #ffffff;
                            width: auto;}
 
.search #leftcontent h2     {margin: 0;}

.search #leftcontent p      {margin: 30px 0 0;}

.search #rightcontent        {width: 560px;}


/* メールフォーム */
.wpcf7 input,
.wpcf7 textarea    {width: 100%; padding: 5px;
                    -moz-box-sizing: border-box;
                    -web-kit-box-sizing: border-box;
                    box-sizing: border-box;}

.wpcf7 input[type="submit"]
                   {width: 200px; padding: 10px;
                    border: none; background-color: #e6cc1c;
                    -webkit-appearance: none;
                     cursor: pointer;}

/wpcf7 input[type="submit"]:hover
                   {background-color: #ffaa00;}


/* PC用セッティング */




/* ２段組*/
@media (min-width: 768px) {

#container       {width: 960px;}
#leftcontent     {float: left; width:60%;}

#rightcontent    {float: right; width:35%;}

.page #leftcontent     {float: left; width:30%;}

.page #rightcontent    {float: right; width:65%;}
#foot            {clear: both;}

.category #leftcontent     {float: left; width:30%;}

.category #rightcontent    {float: right; width:65%;}
}
/* @media */


/ *スマホ */
@media (max-width: 600px;} {



#rightcontent .lineed img {margin-right: 0;}

}