/*
Theme Name: 野宿野郎が
Theme URL: http://nojukuyaro.com/
Description:
Author:
Version: 1.0

ip：216.73.216.25
ua： mozilla/5.0 applewebkit/537.36 (khtml, like gecko; compatible; claudebot/1.0; +claudebot@anthropic.com)
デバイス： pc
デバイス（詳細）： 
表示サイト： pc
OS： 
URL： https://nojukuyaro.com/wp/wp-content/themes/ga/style.php

*/
@charset "utf-8";



html, body {
margin: 0px;
padding: 0px;
border: 0px;
height: 100%;

}

body {
font-family: 'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','Meiryo','メイリオ','MS Pゴシック Ex+','MS Pゴシック','MS PGothic','ＭＳ ゴシック','MS Gothic','verdana', 'trebuchet ms', 'sans-serif';

text-align: center;
background-color: #777777;
color: #000000;

	font-size: 13px;
	line-height: 160%;

}

a {text-decoration: none;}
a:link{color: #dc0e33; font-weight: bold;}
a:visited{color: #9d0621;}
a:hover{color: #ffcc00;}
a img { border: 0; }
a:focus{outline:none;}

ul, ol {
list-style-type: none;
padding: 0;
margin: 0;
text-align:left;
}

tr, td {
padding: 0;
}


.oomida {
font-weight: bold;

line-height: 133%;

	font-size: 18px;

}

.komida {
font-weight: bold;
line-height: 140%;

	font-size: 15px;

}

.komoji {

line-height: 150%;

	font-size: 12px;

}

.rubi {

line-height: 166%;

	font-size: 10px;

}

.alignright {
text-align: right;
}

.greyout {
color: #999999;

}

.bold {
font-weight: bold;
}

.center {
width: 100%;
text-align: center;
}

.floatright {
float: right;
text-align: right;
margin-left: 20px;

}


.sukima {
height: 4px;

}

.choisuke {
opacity:0.5;
}




.brspnobr::before {
content: "\A";
white-space: pre;
}




.quote {
width:100%;
border-left:2px solid #666666;
padding: 0 0 0 16px;
color: #666666;

}



/* - - - - - - - - - - 構成 - - - - - - - - - - - */



#sotowaku {

text-align: left;
background-color: #444444;
position: absolute;
top: 0px;
left:50%;
margin-top: 0px;
margin-bottom: 0px;

	width: 960px;
	margin-left: -480px;

}


#left {
width: 160px;
height: auto;
background-color: #444444;
margin: 0px;
padding: 0px;
border: 0px;

vertical-align: top;
position: relative;
overflow: hidden;

	display: inline-block;


}

#main {
width: 800px;
height: auto;
background-color: #ffffff;
margin: 0px;
padding: 0px;
border: 0px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;

}


#title {
width: 800px;
height: 160px;
text-align: left;
position: relative;
background-color: #ffffff;
}

#titlehome {
width: 160px;
height: 160px;
margin: 0px;
padding: 0px;
border: 0px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;

}

#titlename {
width: 440px;
height: 160px;
margin: 0px;
padding: 0px;
border: 0px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
background-color: #ffffff;
}

#titlead {
width: 320px;
height: 100px;
margin: 0px;
padding: 30px 20px;
border: 0px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
background-color: #ffffff;
}


#right {
width: 800px;
height: auto;
background-color: #ffffff;
margin: 0px;
padding: 0px;
border: 0px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;

}


#rightad {
width: 728px;
height: 90px;
background-color: #ffffff;
margin: 0px;
padding: 0 36px 36px 36px;
margin: 20px 0 10px 0;
position: relative;
overflow: hidden;


}

#rightad2 {
width: 728px;
height: 90px;
background-color: #ffffff;
margin: 0px;
padding: 0 36px 0px 36px;
margin: 10px 0 40px 0;
position: relative;
overflow: hidden;


}

#rightad3 {
width: 728px;
height: auto;
background-color: #ffffff;
margin: 0px;
padding: 0 36px 20px 36px;
margin: 20px 0 10px 0;
position: relative;
overflow: hidden;


}


#menumenu {
width: 160px;
height: auto;
}




#embed_movie {
width: 800px;
height: 600px;
overflow: hidden;

}


#moviename {
width: 800px;
height: 200px;
overflow: hidden;
position: relative;
}

.movienameinner {
width: 750px;
height: 150px;
padding: 25px;
overflow: hidden;

}


.movienameinnerrb {
width: 550px;
height: 50px;
text-align: right;
overflow: hidden;
position: absolute;
bottom: 25px;
right: 25px;
}


.movienameinnertxt {
width: 750px;
font-weight: bold;
line-height: 150%;

white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;

	font-size: 22px;

}



/* - - - - - - - - - - 中身 - - - - - - - - - - - */

.menu {

	width: 140px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	padding: 0 10px;

}

.menublank {
	width: 280px;
	height: 120px;
	background-color: #444444;

}

.menublank img{
	height: 120px;

}

.menu1 {
background-color: #999999;
transition: 0.3s;
}

.menu1:hover {
background-color: #333333;
}

.menua, .menua:link, .menua:hover, .menua:visited{
color: #ffffff;
font-weight: normal;
}


.menu2 {
background-color: #cccccc;
transition: 0.3s;
}

.menu2:hover {
background-color: #ffffff;
}

.menub, .menub:link, .menub:hover, .menub:visited{
color: #000000;
font-weight: normal;
}





.righttitle {
width: 750px;
height: 40px;
background-color: #666666;
color: #ffffff;

line-height: 40px;
padding: 0 25px;

	font-size: 15px;
overflow: hidden;

}

.righttitlelink:link, .righttitlelink:visited{
color: #ffffff;
font-weight: bold;

}


.sform {
width: 600px;
height: 40px;
margin: 0;
padding: 0;
background-color: #666666;
color: #ffffff;
overflow: hidden;

	font-size: 16px;

}

.searchinput {

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

width: 200px;
margin: 0;
padding: 0;
background-color: #666666;
color: #ffffff;
height: 30px;
border: 1px solid #999999;
border-radius: 0;

	font-size: 15px;

}

.searchsubmit {


	width: 100px;
	height: 30px;
	font-size: 15px;


}


.kenken3 {
height: 40px;
display: inline-block;
vertical-align: middle;
position: relative;
overflow: hidden;
line-height: 40px;

}

.mapselectmenu {

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

background-color: #666666;
color: #ffffff;
height: 30px;
border: 1px solid #999999;
border-radius: 0;

	font-size: 15px;

}


.kijititle {
width: 800px;
height: 160px;
background-color: #dddddd;
}

.eyecatch {
width: 160px;
height: 160px;
background-color: #cccccc;
margin: 0px;
padding: 0px;
border: 0px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;

}

.eyecatch img{
width: 100%;
height: 100%;

}


.kijititletxt {
width: 560px;
height: 120px;
margin: 0px;
padding: 0px 40px;
margin: 20px 0;
border: 0px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;

}



.kijititlemida {
width: 560px;
height: 120px;
font-weight: bold;
display: table-cell;
vertical-align: middle;

	font-size: 22px;
	line-height: 31px;

}

.kijititlemidacms {
width: 560px;
height: 120px;
font-weight: bold;
display: table-cell;
vertical-align: middle;

	font-size: 18px;
	line-height: 28px;

}



.kiji {
width: 640px;
text-align: left;
padding: 80px 80px 80px 80px;
background-color: #ffffff;
}


.nojukunewskiji {
width: 640px;
text-align: left;
padding: 40px 80px 40px 80px;
background-color: #ffffff;
}

.nojukunewskiji2 {
width: 640px;
text-align: left;
padding: 0px 80px 40px 80px;
background-color: #ffffff;
}

.kijifooter {
width: 640px;
min-height: 80px;
text-align: left;
margin: 0;
padding: 0;
list-style-type: none;
overflow: visible;

}


.kijifooter2 {
width: 640px;
min-height: 80px;
text-align: left;
margin: 0;
margin-top: 40px;
list-style-type: none;
overflow: visible;

}


.kijifooter:nth-of-type(2n+1), .kijifooter2:nth-of-type(2n+1) {
background-color: #dddddd;
}

.kijifooter:nth-of-type(2n), .kijifooter2:nth-of-type(2n) {
background-color: #cccccc;
}


.kijifootermap {
width: 640px;
min-height: 80px;
text-align: left;
margin: 0;
margin-top: 20px;
list-style-type: none;
overflow: visible;
background-color: #dddddd;
}



.kijifooterimg {
width: 80px;
height: 80px;
background-color: #aaaaaa;
margin: 0px;
border: 0px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
opacity:0.7;
}

.kijifooterimg img{
width: 100%;
height: 100%;

}

.kijifootertxt {
width: 520px;

border: 0px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;

	min-height: 60px;
	margin: 10px 20px;


}


.kijifootertxt2 {
border: 0px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;

	width: 480px;
	min-height: 60px;
	margin: 10px 20px;


}



.kijifootertxtcom {
width: 520px;
min-height: 60px;
margin: 0px 20px;
padding: 10px 0;
border: 0px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: visible;

}


.jogemiddle {
width: 520px;

white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;

	height: 60px;


}


.jogemiddle2 {
width: 520px;
display: table-cell;
vertical-align: middle;

	height: 60px;


}

.topbottom {
width: 40px;
height: 80px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;

}

.topbottom img{
vertical-align: bottom;
}

.jogemiddlecom {
width: 520px;
min-height: 60px;
overflow: visible;
}




/* - - - - - - - - - - 固定ページ - - - - - - - - - - - */


.mokujiimg {
width: 320px;
height: auto;
border: 0px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;

}

.mokujiimg img{
width: 100%
}

.mokujitxt {
width: 280px;
height: auto;
padding: 0 0 0 40px;
border: 0px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;

}

.mokuji {
width: 600px;
height: auto;
padding: 20px;
border: solid 1px #000000;
position: relative;
overflow: hidden;
margin-bottom: 80px;

}


.wpcf7-text {
width: 100%;

	font-size: 13px;


}

.message1 {
width: 100%;
height: 250px;

	font-size: 13px;


}



.message2 {
width: 100%;
height: 450px;

	font-size: 13px;


}



.intro {
width: 100%;
height: 50px;

	font-size: 13px;


}



.wpcf7-select {

	font-size: 13px;


}

.wpcf7-submit {


	width: 100px;
	height: 35px;
	font-size: 15px;


}


.wpcf7-response-output {
	background-color: #FFFF00;
	font-weight: bold;

	font-size: 13px;


}

.wpcf7-not-valid-tip {
	font-weight: bold;

}


.hissucolor {
	background-color: #fbffbe;
}

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


#preview {


}

form img.thumb {
	max-height:180px;
}


.enq1 {
width: 300px;
height: auto;
margin: 0 5px;
border: solid 1px #000000;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
}

.enq1 img{
width: 100%;
}

.enq1inner {
width: 260px;
height: auto;
padding: 20px;
position: relative;
overflow: hidden;
}

.homekiji {
width: 660px;
padding: 30px 60px 30px 80px;
text-align: left;
background-color: #ffffff;
}

.homebox {
width: 160px;
height: 320px;
margin: 0 0px 0 0;
display: inline-block;
vertical-align: top;
position: relative;
border: solid 0px #000000;
overflow: hidden;
}

.homebox:nth-child(2n+1) {
background-color: #dddddd;
}

.homebox:nth-child(2n) {
background-color: #cccccc;
}

.homeboximg{
width: 160px;
height: 160px;
overflow: hidden;
}


.homeboximg img{
width: 160px;
height: 160px;
}


.homeboxtxt {
width: 120px;
height: 120px;
margin: 20px;
overflow: hidden;
}

.homekijititle {
width: 800px;
height: 160px;
background-color: #ffffff;
}


.homekijititlemida {
width: 640px;
height: 160px;
padding: 0 80px;
display: table-cell;
vertical-align: middle;
}

.actitleback:nth-child(2n+1) {
background-color: #dddddd;
}


.actitleback:nth-child(2n) {
background-color: #cccccc;
}

.actitle160 {
width: 160px;
height: 160px;
display: inline-block;
vertical-align: top;
position: relative;
}

.actitle640 {
width: 560px;
height: 160px;
margin: 0 40px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
}

.ackijititlemida {
width: 560px;
height: 160px;
display: table-cell;
vertical-align: middle;
}


.ackijititlemidatxt {
width: 560px;
font-weight: bold;
line-height: 150%;

white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;

	font-size: 22px;

}


.homekijititlemidatxt {
font-weight: bold;
line-height: 150%;

	font-size: 22px;

}



.homekijititlemida2 {
width: 560px;
height: 120px;
line-height: 150%;
display: table-cell;
vertical-align: middle;

}


.homebookbox {
width: 800px;
height: 320px;
background-color: #888888;
overflow: hidden;
}

.homebookboxlong {
width: 800px;
height: 360px;
overflow: auto;
}

.homebookboxlong2 {
width: 2080px;
height: 320px;
overflow: hidden;
position: relative;

}


.homebookboxlong2ad {
width: 2240px;
height: 320px;
overflow: hidden;
position: relative;

}

.homebookboxlong3 {
width: 1440px;
height: 320px;
overflow: hidden;
position: relative;

}


.homebookboxlong3ad {
width: 1600px;
height: 320px;
overflow: hidden;
position: relative;

}

.homebookboxlong3ad9 {
width: 1440px;
height: 320px;
overflow: hidden;
position: relative;

}

.homebookire {
width: 160px;
height: 320px;
overflow: hidden;
display: inline-block;
vertical-align: top;
position: relative;

}

.homebookire img{
width: 160px;
}

.homebookire0 {
width: 80px;
height: 320px;
overflow: hidden;
display: inline-block;
vertical-align: top;
position: relative;

}


.homebookire9 {
width: 40px;
height: 60px;
overflow: hidden;
display: inline-block;
vertical-align: top;
position: relative;
text-align: center;
padding: 130px 0;
line-height: 60px;
font-size: 18px;
background-color: #cccccc;
}


.homebookire:nth-child(2n+1) {
background-color: #dddddd;
}

.homebookire:nth-child(2n) {
background-color: #cccccc;
}

.homebookiretxt {
width: 120px;
margin: 20px;
position: absolute;
bottom: 0;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}










.homegoodsbox {
width: 800px;
height: 320px;
background-color: #888888;
overflow: hidden;
}

.homegoodsboxlong {
width: 800px;
height: 360px;
overflow: auto;
}


.homegoodsboxlong2ad {
width: 800px;
height: 320px;
overflow: hidden;
position: relative;

}


.homegoodsire {
width: 160px;
height: 320px;
overflow: hidden;
display: inline-block;
vertical-align: top;
position: relative;

}

.homegoodsire img{
width: 160px;
height: 160px;
}

.homegoodsire0 {
width: 80px;
height: 320px;
overflow: hidden;
display: inline-block;
vertical-align: top;
position: relative;

}


.homegoodsire:nth-child(2n+1) {
background-color: #dddddd;
}

.homegoodsire:nth-child(2n) {
background-color: #cccccc;
}








.homekijidark {
width: 800px;
height: 128px;
text-align: center;
padding: 16px 0;
background-color: #bbbbbb;

}



.homekijidark2 {
width: 800px;
padding: 20px 80px;
background-color: #bbbbbb;

}



.homekijidark3 {
width: 800px;
padding: 20px 0;
background-color: #dddddd;

}



.homekijidark4 {
width: 800px;
padding: 20px 0px;
background-color: #bbbbbb;
text-align: center;
}


.homeboxad {
width: 336px;
height: 280px;
margin: 0;
padding: 20px 22px;
display: inline-block;
vertical-align: top;
position: relative;
border: solid 0px #000000;
overflow: hidden;
}

.dragscroll {
    cursor : -webkit-grab;
    cursor : -moz-grab;
    cursor : -o-grab;
    cursor : grab;
}
.dragscroll:active {
    cursor : -webkit-grabbing;
    cursor : -moz-grabbing;
    cursor : -o-grabbing;
    cursor : grabbing;
}






.q100input {



}

.q100textarea {
width: 98%;


	height: 100px;


}

.q100submit {


	width: 100px;
	height: 35px;
	font-size: 15px;


}


.mapimglink {
width: 240px;
height: 180px;
margin: 0 0 10px 20px;
float: right;

}

.mapimglink img{
width: 100%;
height: 100%;
}


.uranaihyoji {
display: inline-block;
	width: 480px;
	height: 128px;
}

.uranaihyoji img{
width: 100%;
}

.ayudate {
width: 120px;
margin: 8px 0;
overflow: hidden;
display: inline-block;
vertical-align: middle;
position: relative;

}

.ayusub {
width: 500px;
margin: 8px 0;
overflow: hidden;
display: inline-block;
vertical-align: middle;
position: relative;

}


.nojustacube {
width: 160px;
height: 160px;
margin: 0px;
padding: 0px;
border: 0px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;

}

.nojustacube img{
width: 100%;
}

.nojustacube:nth-child(2n+1) {
background-image: url("../../../../imgs/nojustagramiconsuke160.png");
background-color: #cccccc;
}


.nojustacube:nth-child(2n) {
background-image: url("../../../../imgs/nojustagramiconsuke160.png");
background-color: #dddddd;
}

.nojustacubeimg {
opacity: 0;
}

.loaded {
opacity: 1;
transition: 1s;
}

.mainboxbk {
width: 100%;
background-color: #f0f0f0;
padding: 80px 0;

}

.mainbox {
width: 480px;
height: auto;
text-align: left;
border: 1px solid #dddddd;
background-color: #ffffff;
position: relative;
left: 50%;
margin-left: -241px;
}


.photohead {
width: 480px;
text-align: left;
overflow: hidden;

	height: 60px;


}

.photoheadnaka {
position: relative;
width: 460px;
padding: 10px;
background-color:  #ffffff;
text-align: center;

	height: 40px;


}

.photoheadnaka img{
height: 100%;
}

.photofoot {
width: 480px;
min-height: 70px;
text-align: left;
overflow: hidden;
}


.photofootnaka {
position: relative;
width: 480px;
height: auto;
padding: 15px;
background-color:  #ffffff;
text-align: left;
}

.photofootnakatxt {
width: 450px;
position: relative;
text-align: left;
overflow: hidden;

	font-size: 13px;

}

#nojustaphoto {
width: 480px;
height: 480px;
background-color:  #cccccc;
}


#nojustaphoto img{
width: 100%;
height: auto;
}


#nojustadate {
color: #777777;
	font-size: 11px;
}

.nojustaplink {
color: #777777;

}


.nojustaplink:link {color: #777777; font-weight: normal;}
.nojustaplink:visited{color: #777777;}
.nojustaplink:hover{color: #ffcc00;}





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



.nav {
width: 160px;
height: 160px;
margin: 0px;
padding: 0px;
border: 0px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
color: #ffffff;

}



.nav1 {
background-color: #666666;
}

.nav2 {
background-color: #444444;
}

.navpage {
width: 40px;
height: 40px;
font-size: 36px;
line-height: 40px;
font-weight: bold;
text-align: right;
}


.navpagenombre {
width: 100px;
position: absolute;
top: 30px;
left: 0px;
text-align: center;
}


.navpagemax {
width: 100px;
position: absolute;
bottom: 30px;
right: 0px;
text-align: center;
}

.qcubebox {
width: 160px;
height: 0px;
position: absolute;
bottom: 160px;
overflow: hidden;
transition: 0.5s;
z-index: 99999;

}


.pagebox {
left: 160px;

}

.qcube {
width: 160px;
height: 32px;
text-align: center;
background: rgba(88, 88, 88, 0.9);
color: #ffffff;
line-height: 32px;
transition: 0.3s;
}

.qcube:hover {
background: rgba(33, 33, 33, 0.9);
}


.navcat {
width: 160px;
height: 40px;
padding: 60px 0;
font-size: 30px;
line-height: 40px;
font-weight: bold;
text-align: center;
}


.navcat2 {
width: 160px;
height: 80px;
padding: 40px 0;
font-size: 30px;
line-height: 40px;
font-weight: bold;
text-align: center;
}


.catbox, .catbox2 {
left: 320px;
}

.navpagebox:hover ~ .pagebox {
height:auto;
}

.pagebox:hover {
height:auto;
}


.navcatbox:hover ~ .catbox {
height: 320px;
}

.catbox:hover {
height:  320px;
}


.navcatbox:hover ~ .catbox2 {
height: 160px;
}

.catbox2:hover {
height: 160px;
}

.navmonth {
width: 80px;
height: 160px;
margin: 0px;
padding: 0px;
border: 0px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
color: #ffffff;
font-size: 36px;
line-height: 160px;
font-weight: bold;

}

.navnen2, .navnen3 {
width: 80px;
height: 160px;
margin: 0px;
padding: 0px;
border: 0px;
position: relative;
overflow: hidden;
color: #ffffff;
font-size: 36px;
line-height: 160px;
font-weight: bold;

}


.navnen {
text-align: right;
}

.navtsuki {
text-align: center;
}

.monthboxnen {
left: 480px;

}

.monthboxtsuki {
left: 480px;

}


.navnen:hover ~ .monthboxnen {
height: 672px;
}

.monthboxnen:hover {
height: 672px;
}


.navtsuki:hover ~ .monthboxtsuki {
height: 384px;
}

.monthboxtsuki:hover {
height: 384px;
}

.qcube0 {
width: 160px;
height: 0px;
overflow: hidden;
}

.monthboxtsuki2 {
position: absolute;
bottom: 0;
margin-top: auto;

}

.kenken {
text-align: center;
}

.kenken2 {
width: 160px;
height: 80px;
padding: 40px 0;
text-align: center;
display: table-cell;
vertical-align: middle;
overflow: hidden;
}


.footercenter {
width: 480px;
height: 160px;
margin: 0px;
padding: 0px;
border: 0px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;

}