@charset "utf-8";
/*
Theme Name: travel
Theme URI: http://travel.ren-ch.com/
Description: kakao掲示板専用テーマ！！！！アップデート時注意！！！！コメントカスタマイズのためwp-include/comment-template.php を変更してます。必要なプラグイン　Get Recent Comments。Get Error Message There　は投稿完了ページに行かないため無効化。コメントのjQuery.autopagerのため wp-include/link-template.php の1836行目のa に　rel="next" を追加。jQuery.autopagerのhtml注意点：送るコンテンツ全体を囲ってるものにclass="content"を追加。
Author: Wechat
Version: 2.0
License: Exclusive to the Advan
License URI: license.txt
Tags: yellow
*/
p.comment-form-cookies-consent{display: none;}
@media screen and (min-width: 721px) {/*PC*/
body {margin: 0;padding: 0;color:#333;background: url(images/info.png);font:normal 12px/1.6em Verdana,Arial,sans-serif;}
ol, ul, li{list-style: none;padding-left:0;}
a{color:#38b5eb;text-decoration:none;}a:hover{text-decoration:underline;}
a:active,input:active {outline: none;}
ul.recent li:first-child,ul.recent li:first-child:hover,#header{background: #F6F6F6;}
/*Common Design*/
#header,#container,#respond,#main,ul.catArchive,div.footerlink{border-radius:.6em;}
/* LAYOUT: Two columns DESCRIPTION: Two-column fixed layout with one sidebar right of content*/
#wrapper {padding: 0 ;}
#main,div.footerlink{background:#fff;padding:0 40px 20px;
-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
clear:both;
}
#container {	margin: 0 0 0;width: 100%;background:#fff;}
#content {margin: 0 0 0;}
#container{padding:30px 0 5px;}
#primary{padding:10px 0 20px;}
#primary,
#secondary {
	overflow: hidden;
}
#secondary {
	clear: right;
}
/* =Structure -------------------------------------------------------------- */
/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#main,
#wrapper{margin: 0 auto;width: 880px;}

/*Header*/
#header{position:relative;margin:0 0 10px;background:url(images/header.jpg) center center;}
#masthead{
    background: none repeat scroll 0 0 #352F33;
    border-radius: 0 0 1.6em 1.6em;
    color: #FFFFFF;
    font: 12px/1 helvetica;
    margin: 0 0 19px;
    padding: 15px 30px 15px;
	position: relative;
}
#header .apps{position:absolute;right:32px;top:64px;}

a.iphone {
    background: url("images/ban_iphone.png") repeat scroll 0 0 transparent;
    margin-right: 5px;
    width: 114px;
}
a.android {
    background: url("images/ban_android.png") repeat scroll 0 0 transparent;
    width: 117px;
}
.apps a {
    display: block;
    float: left;
    height: 57px;
    text-indent: -99999px;
}
#content > p.homebottom {
    background:#F7F7F7;
    border-radius: 4px;
    color: #888888;
    font-size: 11px;
    padding: 15px;
}
h1#site-title{margin:0;display:inline;padding:0;font:normal 12px Verdana;}
#site-title a{color:#b3c732;font:normal 12px Verdana;}
#site-description{
	color: #836D7C;
    font-size: 11px;
    padding: 15px 0 10px;
    position: absolute;
    right: 30px;
    text-align: right;
    top: 0;
	}
.menu ul{
    background: url("images/kakaotalk_5757.png") no-repeat scroll left center transparent;
    height: 61px;
    line-height: 61px;
    padding-left: 75px;
	margin-left:40px;
}
.menu ul li{display:inline;padding:0 10px;}
.menu ul li:last-child a{border-right:none;}
.menu ul li a{
	border-right: 1px solid #E2D21B;
    color: #555555;
    font: bold 1.2em helvetica;
    letter-spacing: -1px;
    padding-right: 1em;}
/*Saishin*/
#content h2{margin-bottom:20px;color:#666;}
ul.recent li:first-child {font-weight: bold;padding: 0;height: 30px ;line-height: 30px;border-radius:.3em .3em 0 0;
    background:#F6F6F6;
    color: #CB657D;
}
ul.recent li:first-child  a{color: #CB657D;}
ul.recent li a{padding-left: 0.8em;display: inline-block;max-width: 300px;overflow: hidden;line-height: ;white-space: nowrap;text-overflow: ellipsis;}
ul.recent li{padding:3px 0;}ul.recent li:hover,.commentlist li:hover{background:#f5f8ff;}
ul.recent span{ display: block;float: left;text-indent: 0.8em;font-family:Arial;}
.toukousha{width:155px;border-right:1px white solid;overflow:hidden;height:19px;}ul.recent li:first-child span.toukousha{height: 30px !important;}
.chiiki{width:80px;border-right:1px white solid;}.jikan{width:160px;float:right !important;border-left:1px white solid;}
.adpost a{color:#FF24B2;}
/*Comment*/
h3#comments-title{font:bold 12px helvetica;padding: 7px 0;margin:0;border:2px solid #ccc;color:#999;text-align:center;}
.commentlist li{border-bottom:1px solid #F3F0E8;padding:5px 1px 10px 10px;}
#respond{background:#f4f4f4;border:1px solid #e3e3e3;padding:10px 35px;}
.hizuke{text-align:right;display:block;padding:0px 12px;color:#999 !important;}
#comments .navigation{padding:.7em 0 1.1em;text-align:center;}
.wp-paginate .current{background:#33ffff !important;border: 1px solid #20a317 !important;}
.comment-author img{float:left;margin-right:10px;}
.commeinfo{float:left;line-height:1.7em;color:#777;}
.commeinfo input{border:none;}
.comment-body{margin-left:50px;clear:both;}
.comment-body p{padding:10px 0 0;margin:0 0 3px;}
.lineid form,.kakaoid form,.skypeid form{display:inline;}
/*Comment Edit*/
li.comment {position:relative;}
div.comedit{position:absolute;top:7px;right:8px;}
a.comedit{color:#fff;background:#ddd;padding:3px 6px;border-radius:.3em;font-size:11px;display:inline;}
a.comedit:hover{background:#999;}
p.wrong{border:1px solid yellow;padding:.5em 1em;color:red;}
form.deleteform textarea{width:100%;}
/*Comment Form*/
h3#reply-title{font-size:2em;color:#555;}
form p label{display: ;margin:0 0 5px 5px;font-size:14px;}
form p input,form p select,form p textarea{border-radius:.4em;border:1px solid #999;padding:12px 10px;font-size:14px;}
form p input[type="text"],form p textarea{width:96%;}
input#submit{width:100%;background:#E8E8E8;cursor:pointer;cursor:hand;}input#submit:hover{background:#eee;}input#submit:focus{background:#7ad842;color:#fff;text-shadow:1px 1px #999;}
form>span{color:#FF8400;}
#gemt_error_text{text-align:center;line-height:1.5em;padding:10px;display:block;color:#f00;}
.chuui{margin-top:6px;padding:10px;color:#604A4F; background:#fffeea;border:1px #ffbedb solid;text-align:center;line-height:1.5em;}
/*Content*/
 h1.entry-title{border-bottom:2px solid #333;padding-bottom:5px;margin-bottom:15px;font:bold 16px helvetica;}
.post  .entry-content{display:none;}

/*Side Bar*/
	/*Share links*/
ul.letsshare {
    background: #fff;
	border:1px solid #eee;
    border-radius:10px;
    height: 30px;
    padding: 10px 0 0 15px;
	margin:0;
}
ul.letsshare li {
    float: left;
    margin-right: 10px;
}
/*ul.catArchive li h3{margin-bottom:5px;padding-bottom:2px;border-bottom:1px solid #666;}*/
#primary ul{clear:both;}
ul.catArchive{padding:0 0 20px 20px;width:770px;height:220px;margin:0 auto;background:#f8f8f8;box-shadow: 0 0 8px #999999;}
ul.catArchive li h3{padding:8px 0;color:#555;margin-bottom:3px;}
ul.catArchive>li ul {}
ul.catArchive>li ul li{margin-right:5px;}ul.catArchive>li ul li a{color:#666;}ul.catArchive>li ul li a:hover{color:#78b8dd;}
ul.catArchive>li{width:85px;padding-bottom:5px;float:left;}
ul.sidefoot{clear:both;}
/* Structure the footer area */
#footer {clear: both;width: 100%;margin-top:50px;border-top:1px solid #ccc;padding:20px 0 30px;background:#352F33;}
#footer #colophon{text-align:right;margin:0 auto;}
#site-info a{color:#666;}
#site-generator{color:#999;}
.clear{clear:both;}
.smart{display:none !important;}
/*18K PAGE*/
.shounin18k{width:100%;margin:10px 0;padding:20px 0;background:#F7F7F7;border-radius: 4px; color: #888888;text-align:center;}
.shounin18k a{text-align:center;padding:0 30px;display:inline-block;font-size:14px;height:50px;line-height:50px;background:#666;color:#fff;border-radius: 4px;margin:0 5px;}
.shounin18k a:hover{background:#999;}
/*plugin*/
span.wp_keywordlink a{color:#333;text-decoration:none;}
/*Fake Profile page*/
.userdata {border-bottom: 1px solid #EEEEEE;line-height: 24px;}
.userdata img {float: left;margin: 0 15px 10px 0;}
.userdata span {display: block;}
.fillout{padding:0;background:/*#F5F8FF*/;clear:both;}
.fillout #mail{color:#f00;}
.fillout>div{ padding: 0;border-bottom:1px solid #eee;line-height:28px;clear:both;}.fillout>div:last-child{border:none;}
.fillout>div span textarea{margin:5px 0 10px 2px;}
.fillout>div span input,.fillout>div span select,.fillout>div.subm input{margin:5px 3px 5px 0;}/*for webkit*/
.fillout div h6,.fillout div h5{float:left;font:normal 1em helvetica;width:120px;padding:0 10px;line-height:28px;height:28px;color:#999;}
.fillout div h5{font:bold 1em/28px helvetica;color:#333;margin: 0;}
.fillout > div > span{width:470px;padding-left:15px;border-left:1px solid #fff;display:block;float:left;}
.fillout div span label{margin:0 7px 0 2px;}
a.sendm {
    background: none repeat scroll 0 0 #F25F1B;
    color: #FFFFFF !important;
    display: block;
    margin: 5px 0;
    padding: 7px 0;
    text-align: center;
	border-radius: 0.6em;
}


ul.catebox{
	display: block;
	width: 960px;
	height: 320px;
	margin: 0;
	padding: 0;
	clear: both;
}

ul.catebox div.cate{
	width: 170px;
	height: 300px;
	display: block;
	float: left;
}
ul.catebox div.cate li{
	line-height: 1.4;
}
ul.catebox div.cate div.animation{
	margin-top: 5px;
	padding-top: 6px;
	width: 170px;
	height: 110px;
	display: block;
}
ul.catebox div.cate div.hobby{
	margin-top: 5px;
	padding-top: 6px;
	width: 170px;
	height: 160px;
	display: block;
}
ul.catebox div.category{
	width: 450px;
	height: 300px;
	display: block;
	float: left;
}

ul.catebox div.category li{
	display: block;
	float: left;
	line-height: 1.4;
}
ul.catebox div.category li#soccer{
	width: 430px;
}
l.clear{
	clear: both;
}
.adsense{text-align:center;}
/*footerlink*/
div.footerlink{
background:#fff;
margin-top:10px;
}
div.footerlink .linkcate{
width:170px;
margin:0 20px 0 0;
float:left;
}


}
@media screen and (min-width: 0px) and (max-width: 720px) {/*SP*/
   /* Line Theme for mobile by Ishikawa */
   body{margin:0;padding:0;
      min-height: 320px;
       display: block;
       overflow: visible;
       left: 0;
       position: absolute;
       top: 0;
       width: 100%;
   	font-size:1em;
   	-webkit-text-size-adjust: none;
   }
   ul, li{margin:0;padding:0;list-style:none !important;}
    ul li a{display:block;text-decoration:none;}
    ul li:hover{
   background: -moz-linear-gradient(center top , #ececec, #dadada) repeat scroll 0 0 #dadada;
   background:-webkit-gradient(linear, left top, left bottom, from(#ececec), to(#dadada));
   }
   a{color:#75c029;}
   #site-title a{background:url(images/kakaotalk_5757.png) #eee center center no-repeat;height:50px;width:100%;text-indent:-9999px;display:block;}
   #masthead,#content>form{background:#eee left top no-repeat;}
   #site-description{font-size:11px;color:#333;text-align:center;padding:0 0 5px;}
   #primary{margin-bottom:-1.2em;}
   h1{margin:0;}

   h3{text-align:center;font:normal .9em helvetica;}
   h3,h4,h1.entry-title,h1.page-title,.smart h2,#colophon h2{
   background: -moz-linear-gradient(center top, #474846, #313131) repeat scroll 0 0 #474846;
   background:-webkit-gradient(linear, left top, left bottom, from(#474846), to(#313131));
   margin:0 auto;padding:.4em .5em;color:#fff;display:block;text-decoration:none;font-size:13px;
   }
   h4,.smart h2,/*.smart .box span,*/h3,#colophon h2,h1.entry-title{padding:1em 1.3em;}
   .box h2 a{float:right;border-radius:.8em;border:1px #9CCF38 solid;font-size:.8em;padding:.4em .7em;color:white;text-decoration:none;
   	background: -moz-linear-gradient(center top , #a37d84, #564043) repeat scroll 0 0 #564043;
   	background:-webkit-gradient(linear, left top, left bottom, from(#a37d84), to(#564043));
   }
   #content>form{text-align:center;}
   #content h2{
   	background: -moz-linear-gradient(center top , #494a48, #2f2f2f) repeat scroll 0 0 #2f2f2f;
   	background:-webkit-gradient(linear, left top, left bottom, from(#494a48), to(#2f2f2f));
   margin:0;padding:.5em .4em;color:#fff;font-size:1em;text-shadow:-1px -1px #420010;text-align:center;
   }
   li,#comments .navigation,h3#comments-title,.recent + h5{
   	background: -moz-linear-gradient(center top , #FEFEFE, #EEEEEE) repeat scroll 0 0 #EEEEEE;
   	background:-webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#EEEEEE));
   	padding: 0.7em 15px 0.7em 15px;position: relative;  /*white-space: nowrap;overflow: hidden;*/
       border: 1px solid #CCCCCC;
   	border-bottom:none;
   	border-left:none;
   }
   li.smart{
   	background: -moz-linear-gradient(center top , #FFFAFD, #FAE1F0) repeat scroll 0 0 #FAE1F0;
   	background:-webkit-gradient(linear, left top, left bottom, from(#FFFAFD), to(#FAE1F0));
   }
   h3#comments-title{color:#1161F5;letter-spacing:-1px;}
    ul li a{background:url(images/arr.png) right center no-repeat;}
    ul li span.user a,ul li span.categ a{background:none;display:inline;}
   #content > p.homebottom {
       background:#F7F7F7;
       border-radius: 4px;
       color: #888888;
       font-size: 10px;
       padding: 15px;
   }
   /*Paging*/
   #comments .navigation{padding:0;text-align:center;margin:0 auto;border:none !important;}
   #comments .navigation ol.wp-paginate-comments li{float:left;}
   #respond h3{clear:both;}
   /*List*/
   .chiiki{margin-right:10px;padding-right:10px;border-right:1px solid #ccc;}
   .jikan,.hizuke{display:block;font:italic .8em georgia;text-align:right;color:#666;}
   .hizuke{display:block;font:italic .8em georgia;text-align:right;color:#666;}
   #content h5{margin:0;}
   #content h5 a{display:block;}
   .adpost a{color:#FF24B2;}
   /*Side Bar*/
   ul.catArchive>li{padding:0 !important;}
   /*ads*/
   .ads{padding:10px 20px;}
   .ads p{margin:0;}
   .ads p span{display:block;color:#87E01B;}

   /*Comment*/
   .comment-author img{float:left;margin-right:10px;}
   .commeinfo{float:left;color:#777;font-size:.8em;line-height:1.7em;}
   .commeinfo input{border:none;}
   .comment-body{clear:both;color:#444;}
   .comment-body p{padding:10px 0 0;margin:0 0 3px;}
   /*Comment Ad*/
   .smart p a {background:none;color:#444;}
   /*Comment Form*/
   #respond form{padding:0 15px;}
   form p label{display: ;margin:0 0 2px 5px;}
   form p input,form p select,form p textarea{border-radius:.4em;border:1px solid #999;padding:6px;}
   form p input[type="text"],form p textarea{width:92%;}
   .lineid a,.lineid form{display:inline;}
   .lineid a,.comment-body p a{background:none;}
   input#submit{width:93%;background:#E8E8E8;}input#submit:hover{background:#eee;}
   form>span{color:#FF6200;font-size:10px;}
   #gemt_error_text{text-align:center;line-height:1.5em;padding:10px;display:block;}
   #gemt_error_text{font-size:11px;color:#f00;}
   form .smart label{margin-bottom: 7px;}
   form .smart a{font-size:.9em;margin:0 0 5px;background:-webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#DEDEDE));color:#2FBA00;text-align:center;border-radius:.6em;padding:7px 5px;border:1px solid #999;text-decoration:none;}
   .chuui{font-size:.6em;margin:1.3em;border:1px #FFED26 solid;padding:.6em;background:#FFF0F5;text-align:center;}
   /*WP*/
   .entry-content p,.entry-summary{padding:1em;}
   div.entry-utility,p.nocomments{display:none;}
   /*Comment Edit*/
   li.comment {position:relative;}
   div.comedit{position:absolute;top:7px;right:8px;}
   a.comedit{color:#fff;background:#ccc;padding:3px 7px;border-radius:.3em;font-size:11px;display:inline;}
   form.deleteform{margin:0 1em 2em;}
   p.enterthepass{font-size:11px;}
   p.wrong{border:1px solid yellow;padding:.5em 1em;color:red;margin:0 1em 1em;}
   div.entry-utility,p.nocomments{display:none;}
   form.deleteform textarea{width:100%;height:5em;}
   form.deleteform input.submit{width:100%;}
   /*PAGE*/
   .entry-content{font-size:12px;margin:10px;color:#666;}
   /*18K PAGE*/
   .shounin18k{width:100%;margin:10px 0;padding:20px 0;background:#F7F7F7;border-radius: 4px; color: #888888;text-align:center;}
   .shounin18k a{text-align:center;padding:0 30px;display:inline-block;font-size:14px;height:50px;line-height:50px;background:#666;color:#fff;border-radius: 4px;margin:0 5px;}
   .shounin18k a:hover{background:#999;}
   #site-info{background:#eee;padding:20px 10px;color:#666;border-top:1px solid #999;border-bottom:5px solid #666;font-size:.6em;text-align:center;}
   #site-info a{display:block;text-decoration:none;color:#666;}
   /*UraProfile*/
   .userdata {
       border-bottom: 1px solid #EEEEEE;
   }
   .boshudata, .userdata {
       margin: 5px 10px;
   }
   .userdata img {
       float: left;
       margin: 0 15px 10px 0;
   }
   .userdata span {
       display: block;
       margin-bottom: 5px;
   }

   .fillout {
       padding: 10px 20px;
   }
   .fillout h6, .fillout h5 {
       border-bottom: 1px solid #EEEEEE;
       color: #999999;
       font-size: 0.7em;
       margin: 18px 0 2px;
       padding: 0 0 3px;
   }
   .fillout div span{margin:10px 0;display:block;}
   .sendm, .sendblock {
       border-bottom: 1px solid #EEEEEE;
       border-top: 1px solid #EEEEEE;
       display: block;
       margin: 6px 0;
       padding: 3px 0;
       text-align: center;
   	color:#0066CC;
   }
   div span span.gosignup {
       font-size: 10px;
   }
   .clear{clear:both;}

   /*以下未だ*/

   .datas{display:inline;}

   .kakaotid{display:block;margin: 1em 0;}
   div.widget-content>ul>li>ul{
   border-radius: 0.6em;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
   margin-top:.6em;
   }
   div.widget-content ul li ul li:first-child{
   border-radius:.6em .6em 0 0;
   }
   div.widget-content ul li ul li:last-child{
   border-radius:0 0 .6em .6em;
   }


   div.comments-content{
   	background: -moz-linear-gradient(center top , #f0f9ff, #d8e6ef) repeat scroll 0 0 #d8e6ef;
   	background:-webkit-gradient(linear, left top, left bottom, from(#f0f9ff), to(#d8e6ef));
   	clear:both;
   }
   div.comment-content p{
   color:#0e72b7;
   margin:0;
   }

   /*comment*/

   .comments-header{height:1.2em;}
   .comments-header h2{float:left;margin:0;font-size:1em;}
   .comments-header a{float:right;border-radius:.8em;border:1px black solid;font-size:.8em;padding:.2em .7em;box-shadow:-1px -1px 0px rgba(255, 255, 255, 0.9) inset;color:white;text-decoration:none;
   	background: -moz-linear-gradient(center top , #a38d88, #3e2f32) repeat scroll 0 0 #3e2f32;
   	background:-webkit-gradient(linear, left top, left bottom, from(#878382), to(#3e2f32));
   }
   .user-pic{display:inline;}
   .user-pic img{width:13px;}
   form b{font-size:.8em;}
   h2.comments-open-header{
   font-size:.8em;letter-spacing:-1px;  padding: 1em 0.4em !important;
   }
   #comment-form-url{margin:.5em 0;}
   #comment-form-url label{
   font-size:.7em;letter-spacing:-3px;
   }
   input,select,textarea{
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
   	font-size:.9em;
       padding: 0.2em;
      border-radius: 0.6em;
   }
   option{font-size:.9em;}
   .field-header{height:1.5em;line-height:1.5em;}
   #comment-form-name label,#comments-open-text label, .field-header{width:100px;}
   #comment-form-name label,#comments-open-text label{display:block;float:left;}.field-top-labe{clear:both;}
   #comment-author,#customfield_kakaoid,textarea{width:55%;}
   textarea{height:17em;}
   .field-header{float:left;}
   .field-top-label{clear:both;margin:.25em 0;}
   #comments-open-footer{text-align:center;padding-top:1em;}
   /*Article*/
   .asset-body{margin:.5em 1em;}
   .asset-body p{
       font-size: .4em !important;
   }
   /*Foot Content*/
   #footcontent div p{padding:5px 0 15px;font-size:.8em;border-bottom:1px dotted #ccc;margin-left:1.5em;}
   #footcontent div p a{display:block;}
   /*Footer*/
   div#footer-content ul li{background:#AAEB2A;}
   div#footer-content ul li a{color:black;}

   .pc,.menu ul,#content h2 span,.apps,.post  .entry-content,#userspace form a:first-child,.chatjikan,.age,li.th,#site-generator,ul.recent li:first-child{
   display:none !important;
   }
   .adsense{text-align:center;}
   .clear{clear:both;}
   .banner{width:100%;}
   /*plugin*/
   span.wp_keywordlink a{color:#333;text-decoration:none;}


}