@charset "UTF-8";
/*---------------------------------------------------------
Theme Name: wantedwombat
Theme URI: http://wantedwombat.com
Description: wantedwombat
Author: wantedwombat
Author URI: http://wantedwombat.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: flexible-width, custom-header, custom-menu, editor-style,
Version: 20160610
---------------------------------------------------------*/

#container{width:65%;}
.guide{ width:80%; padding:5px; background-color:#fadd67; border:1px dotted #f7f0bb; margin-top:0px; margin-left:7%; margin-bottom:0px; border-radius:5px;}
.guide {
	position: relative;
	background: #f5f3c2;
	border: 4px solid #f5f3c2;
}
.guide:after, .guide:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.guide:after {
	border-color: rgba(245, 243, 194, 0);
	border-bottom-color: #f5f3c2;
	border-width: 15px;
	margin-left: -15px;
}
.guide:before {
	border-color: rgba(245, 243, 194, 0);
	border-bottom-color: #f5f3c2;
	border-width: 6px;
	margin-left: -6px;
}
#side aside { display:nomal; margin:5px 15px 0px 0px; width: 22%; float:left;}
p, .regular-text, {margin-top:0px; padding:0 auto;}
#nickname,#email,#url,#description {margin:0 auto;}
table tr td {
	padding: 5px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-left-style: solid; 

	border-bottom-color: transparent;
	border-left-color: transparent;
	font-size: 13px;
	line-height: 18px;
}
#create-thread-input-title{width:140%; top:-290px;}

.plan-img-item{width:40%; }
.camera{width:20px; float:left;  margin-left:20%;}
.bin{float:left; width:20px; margin-left:0px;}

#plan_img{display:none;}
#plan-img-show{ float:left; width:25%; margin-left:3px; text-align:left; background-color:transparent; border:1px solid transparent;}
#plan-img-clear{float:left; width:25%; text-align:left; margin-left:5px; background-color:transparent; border:1px solid transparent;}
#plan-img{ width:40%; float:left; clear:none; padding-left:2%;}
#plan-detail{width:52%; padding-right:0px;}
#plan-img-default{width:100%;}

#start_img{display:none; width:100%; margin-bottom:10px;}
#start-img-show{ float:left;  width:25%; margin-left:3px; text-align:left; background-color:transparent; border:1px solid transparent;}
#start-img-clear{float:left; width:25%; text-align:left; margin-left:5px; background-color:transparent; border:1px solid transparent;}
#start-img-output{clear:both; min-width:90%;}
#start-img-default{width:100%;}

#trans_1_img{display:none;}
#trans-1-img-show{ float:left;  width:25%; margin-left:3px; text-align:left; background-color:transparent; border:1px solid transparent;}
#trans-1-img-clear{float:left; width:25%; text-align:left; margin-left:5px; background-color:transparent; border:1px solid transparent;}
#trans-1-img-output{clear:both; min-width:90%;}
#trans-1-img-default{width:100%;}

#trans_2_img{display:none;}
#trans-2-img-show{ float:left;  width:25%; margin-left:3px; text-align:left; background-color:transparent; border:1px solid transparent;}
#trans-2-img-clear{float:left; width:25%; text-align:left; margin-left:5px; background-color:transparent; border:1px solid transparent;}
#trans-2-img-output{clear:both; min-width:90%;}
#trans-2-img-default{width:100%;}

#trans_3_img{display:none;}
#trans-3-img-show{ float:left;  width:25%; margin-left:3px; text-align:left; background-color:transparent; border:1px solid transparent;}
#trans-3-img-clear{float:left; width:25%; text-align:left; margin-left:5px; background-color:transparent; border:1px solid transparent;}
#trans-3-img-output{clear:both; min-width:90%;}
#trans-3-img-default{width:100%;}

#trans_4_img{display:none;}
#trans-4-img-show{ float:left;  width:25%; margin-left:3px; text-align:left; background-color:transparent; border:1px solid transparent;}
#trans-4-img-clear{float:left; width:25%; text-align:left; margin-left:5px; background-color:transparent; border:1px solid transparent;}
#trans-4-img-output{clear:both;  min-width:90%;}
#trans-4-img-default{width:100%;}

#trans_5_img{display:none;}
#trans-5-img-show{ float:left;  width:25%; margin-left:3px; text-align:left; background-color:transparent; border:1px solid transparent;}
#trans-5-img-clear{float:left; width:25%; text-align:left; margin-left:5px; background-color:transparent; border:1px solid transparent;}
#trans-5-img-output{clear:both; min-width:90%;}
#trans-5-img-default{width:100%;}

#trans_6_img{display:none;}
#trans-6-img-show{ float:left;  width:25%; margin-left:3px; text-align:left; background-color:transparent; border:1px solid transparent;}
#trans-6-img-clear{float:left; width:25%; text-align:left; margin-left:5px; background-color:transparent; border:1px solid transparent;}
#trans-6-img-output{clear:both; min-width:90%;}
#trans-6-img-default{width:100%;}

#trans_7_img{display:none;}
#trans-7-img-show{ float:left;  width:25%; margin-left:3px; text-align:left; background-color:transparent; border:1px solid transparent;}
#trans-7-img-clear{float:left; width:25%; text-align:left; margin-left:5px; background-color:transparent; border:1px solid transparent;}
#trans-7-img-output{clear:both; min-width:90%;}
#trans-7-img-default{width:100%;}

#trans_8_img{display:none;}
#trans-8-img-show{ float:left;  width:25%; margin-left:3px; text-align:left; background-color:transparent; border:1px solid transparent;}
#trans-8-img-clear{float:left; width:25%; text-align:left; margin-left:5px; background-color:transparent; border:1px solid transparent;}
#trans-8-img-output{clear:both; min-width:90%;}
#trans-8-img-default{width:100%;}

#trans_9_img{display:none;}
#trans-9-img-show{ float:left;  width:25%; margin-left:3px; text-align:left; background-color:transparent; border:1px solid transparent;}
#trans-9-img-clear{float:left; width:25%; text-align:left; margin-left:5px; background-color:transparent; border:1px solid transparent;}
#trans-9-img-output{clear:both; min-width:90%;}
#trans-9-img-default{width:100%;}

#dest_1_img{display:none;}
#dest-1-img-show{ float:left;  width:25%; margin-left:3px; text-align:left; background-color:transparent; border:1px solid transparent;}
#dest-1-img-clear{float:left; width:25%; text-align:left; margin-left:5px; background-color:transparent; border:1px solid transparent;}
#dest-1-img-output{clear:both; min-width:90%;}
#dest-1-img-default{width:100%;}

#dest_2_img{display:none;}
#dest-2-img-show{ float:left;  width:25%; margin-left:3px; text-align:left; background-color:transparent; border:1px solid transparent;}
#dest-2-img-clear{float:left; width:25%; text-align:left; margin-left:5px; background-color:transparent; border:1px solid transparent;}
#dest-2-img-output{clear:both; min-width:90%;}
#dest-2-img-default{width:100%;}

#dest_3_img{display:none;}
#dest-3-img-show{ float:left;  width:25%; margin-left:3px; text-align:left; background-color:transparent; border:1px solid transparent;}
#dest-3-img-clear{float:left; width:25%; text-align:left; margin-left:5px; background-color:transparent; border:1px solid transparent;}
#dest-3-img-output{clear:both; min-width:90%;}
#dest-3-img-default{width:100%;}

#dest_4_img{display:none;}
#dest-4-img-show{ float:left;  width:25%; margin-left:3px; text-align:left; background-color:transparent; border:1px solid transparent;}
#dest-4-img-clear{float:left; width:25%; text-align:left; margin-left:5px; background-color:transparent; border:1px solid transparent;}
#dest-4-img-output{clear:both; min-width:90%;}
#dest-4-img-default{width:100%;}

#dest_5_img{display:none;}
#dest-5-img-show{ float:left;  width:25%; margin-left:3px; text-align:left; background-color:transparent; border:1px solid transparent;}
#dest-5-img-clear{float:left; width:25%; text-align:left; margin-left:5px; background-color:transparent; border:1px solid transparent;}
#dest-5-img-output{clear:both; min-width:90%;}
#dest-5-img-default{width:100%;}

#dest_6_img{display:none;}
#dest-6-img-show{ float:left;  width:25%; margin-left:3px; text-align:left; background-color:transparent; border:1px solid transparent;}
#dest-6-img-clear{float:left; width:25%; text-align:left; margin-left:5px; background-color:transparent; border:1px solid transparent;}
#dest-6-img-output{clear:both; min-width:90%;}
#dest-6-img-default{width:100%;}

#dest_7_img{display:none;}
#dest-7-img-show{ float:left;  width:25%; margin-left:3px; text-align:left; background-color:transparent; border:1px solid transparent;}
#dest-7-img-clear{float:left; width:25%; text-align:left; margin-left:5px; background-color:transparent; border:1px solid transparent;}
#dest-7-img-output{clear:both; min-width:90%;}
#dest-7-img-default{width:100%;}

#dest_8_img{display:none;}
#dest-8-img-show{ float:left;  width:25%; margin-left:3px; text-align:left; background-color:transparent; border:1px solid transparent;}
#dest-8-img-clear{float:left; width:25%; text-align:left; margin-left:5px; background-color:transparent; border:1px solid transparent;}
#dest-8-img-output{clear:both; min-width:90%;}
#dest-8-img-default{width:100%;}

#dest_9_img{display:none;}
#dest-9-img-show{ float:left;  width:25%; margin-left:3px; text-align:left; background-color:transparent; border:1px solid transparent;}
#dest-9-img-clear{float:left; width:25%; text-align:left; margin-left:5px; background-color:transparent; border:1px solid transparent;}
#dest-9-img-output{clear:both; min-width:90%;}
#dest-9-img-default{width:100%;}



#tips-memories-group{margin-bottom:50px;}
#submit-btn{text-align:center;}
#draft,#publish{width:35%; height:56px; font-size:20px; color:white; border:1px solid transparent; border-radius:8px;}
#draft{background-color: #0073aa; }
#publish{background-color: #87bf31;}

#card-text-mypage{width:57%;}

@media screen and (max-width : 2560px){
#container{width:50%;}
#create-contents{width:100%;}
#side aside {float:right; margin-right:11%;}
}

@media screen and (max-width : 1620px){
#container{left:11%; width:56%;}
}

@media screen and (max-width : 1366px){
#container{left:7%; width:65%;}
#card-mypage { width:100%;}
#card-text-mypage { width:76%;}
#side aside {float:right; margin-right:7%;}
}

@media screen and (max-width : 1280px){
#container{left:5%; width:68%;}
#side aside {float:right; margin-right:5%;}
#start_img_cc, #trans_1_img_cc, #trans_2_img_cc, #trans_3_img_cc, #trans_4_img_cc, #trans_5_img_cc, #trans_6_img_cc, #trans_7_img_cc, #trans_8_img_cc, #trans_9_img_cc, #trans_10_img_cc, #dest_1_img_cc, #dest_2_img_cc, #dest_3_img_cc, #dest_4_img_cc, #dest_5_img_cc, #dest_6_img_cc, #dest_7_img_cc, #dest_8_img_cc, #dest_9_img_cc, #dest_10_img_cc { min-width: 200px; max-width:200px;}
}

@media screen and (max-width : 1025px){
#container{width:60%; left:1%;}
div#create-contents{ width:100%; }
#side aside { margin:5% 5% 0% 0%; width: 25%; padding:1%; float:right;}
#draft, #publish{font-size:18px;}

}

@media screen and (max-width : 774px){
#container{margin:120px 0px 0px 0px ; width:90%; left:5%;}
.page-id-16 #container{margin-top:0%;}
div#create-contents{margin-left:0%; width:97%; }
#plan-overview{width:96%;}
.codebtn1, .codebtn2, .codebtn3, .codebtn4, .codebtn5{padding:0px;}
#create-thread-input-title{width:100%; top:0px; font-size:110%;}
#create-thread-title{position:absolute; top:-100px; left:0%; margin-left:0%;}
.entry-title{width:100%; top:0px; left:0%; font-size:110%;}
#side aside { display:none;}
#draft,#publish{width:100%; margin-bottom:7px;}
.camera { margin-left:20px; }
#card-text-mypage{width:75%;}
#jquery-tab-pager-navi li:last-child{visibility:visible; position:absolute; right:9%;}
}

@media screen and (max-width : 667px){
#plan-img{width:195px;}
#start-img, #trans-1-img, #trans-2-img, #trans-3-img, #trans-4-img, #trans-5-img, #trans-6-img, #trans-7-img, #trans-8-img, #trans-9-img, #dest-1-img, #dest-2-img, #dest-3-img, #dest-4-img, #dest-5-img, #dest-6-img, #dest-7-img, #dest-8-img, #dest-9-img{margin-left:10px; width:200px;}
#card-text-mypage{width:72%;}
}

@media screen and (max-width : 640px){
#plan-img{width:195px; }
#card-text-mypage{width:73%;}
#jquery-tab-pager-navi li:last-child{visibility:visible; position:absolute; right:7%;}
}

@media screen and (max-width : 568px){
#card-text-mypage{width:50%;}
#jquery-tab-pager-navi li:last-child{right:6%;}
#start-img, #trans-1-img, #trans-2-img, #trans-3-img, #trans-4-img, #trans-5-img, #trans-6-img, #trans-7-img, #trans-8-img, #trans-9-img, #dest-1-img, #dest-2-img, #dest-3-img, #dest-4-img, #dest-5-img, #dest-6-img, #dest-7-img, #dest-8-img, #dest-9-img{ width:200px;}
#start_img_cc, #trans_1_img_cc, #trans_2_img_cc, #trans_3_img_cc, #trans_4_img_cc, #trans_5_img_cc, #trans_6_img_cc, #trans_7_img_cc, #trans_8_img_cc, #trans_9_img_cc, #trans_10_img_cc, #dest_1_img_cc, #dest_2_img_cc, #dest_3_img_cc, #dest_4_img_cc, #dest_5_img_cc, #dest_6_img_cc, #dest_7_img_cc, #dest_8_img_cc, #dest_9_img_cc, #dest_10_img_cc { margin-left:10px;}
}

@media screen and (max-width : 480px){
#container, div#create-contents{margin-left:0%; width:100%; left:0%;}
#create-thread-input-title{width:100%; top:0px; font-size:110%;}
#create-thread-title{position:absolute; top:-100px; left:0%; margin-left:0%;}
.entry-title{width:100%; top:0px; left:0%; font-size:110%;}
#plan-detail{width:100%;}
#plan-img{width:100%; }
#start-description, #trans-1, #trans-2, #trans-3, #trans-4, #trans-5, #trans-6, #trans-7, #trans-8, #trans-9, #dest-1,  #dest-2, #dest-3, #dest-4, #dest-5, #dest-6, #dest-7, #dest-8, #dest-9 {margin-top:10px;}
#start-img, #trans-1-img, #trans-2-img, #trans-3-img, #trans-4-img, #trans-5-img, #trans-6-img, #trans-7-img, #trans-8-img, #trans-9-img, #dest-1-img, #dest-2-img, #dest-3-img, #dest-4-img, #dest-5-img, #dest-6-img, #dest-7-img, #dest-8-img, #dest-9-img{ width:270px;}
#start_img_cc, #trans_1_img_cc, #trans_2_img_cc, #trans_3_img_cc, #trans_4_img_cc, #trans_5_img_cc, #trans_6_img_cc, #trans_7_img_cc, #trans_8_img_cc, #trans_9_img_cc, #trans_10_img_cc, #dest_1_img_cc, #dest_2_img_cc, #dest_3_img_cc, #dest_4_img_cc, #dest_5_img_cc, #dest_6_img_cc, #dest_7_img_cc, #dest_8_img_cc, #dest_9_img_cc, #dest_10_img_cc { min-width: 270px; max-width:270px;}
#card-text-mypage{width:70%;}
}

@media screen and (max-width : 432px){
#card-mypage{width:100%;}
#card-text-mypage{width:64%;}
}

@media screen and (max-width : 375px){
#card-text-mypage{width:61%;}
}

@media screen and (max-width : 360px){
#start input, #trans_1_name, #dest_1_name, #trans_2_name, #dest_2_name, #trans_3_name, #dest_3_name, #trans_4_name, #dest_4_name, #trans_5_name, #dest_5_name, #trans_6_name, #dest_6_name, #trans_7_name, #dest_7_name, #trans_8_name, #dest_8_name, #trans_9_name, #dest_9_name, #trans_10_name, #dest_10_name { width:100%;}
#card-text-mypage{width:58%;}
}

@media screen and (max-width : 320px){
#card-text-mypage{width:54%;}
}