@charset "utf-8";

* {
	margin:0;
	padding:0;
	line-break:strict;
	font-family:Meiryo, sans-serif;
	box-sizing:border-box;
}
html { font-size:62.5%; height:100%; }

body { background-color:#ffffff; color:#000000; font-size:14px; font-size:1.4em; line-height:1em; height:100%; }


/* SP/TB */
@media screen and (max-device-width:1000px) {
	* { font-family:Hiragino Kaku Gothic Pro W3, sans-serif; }
	html { -webkit-text-size-adjust:100%; }
}

ul { list-style-type:none; }

img { width:100%; height:auto; border:none; vertical-align:bottom; line-height:0; font-size:0; }

a:link { color:#0FA599; text-decoration:none; outline:none; }
a:visited { color:#0FA599; text-decoration:none; outline:none; }
a:active { color:#0FA599; text-decoration:none; outline:none; }
a:hover { color:#0FA599; text-decoration:underline; outline:none; }

.arr {
	background-image:url("/img/2016_com_arr01.png");
	background-position:left 0.4em;
	background-repeat:no-repeat;
	background-size:12px;
	padding-left:18px;
	line-height:1.4em;
}
.taka a:link { color:#D42717; text-decoration:none; outline:none; }
.taka a:visited { color:#D42717; text-decoration:none; outline:none; }
.taka a:active { color:#D42717; text-decoration:none; outline:none; }
.taka a:hover { color:#D42717; text-decoration:underline; outline:none; }

p, dt, dd { line-height:1.8em; }

.wrapper { width:100%; position:relative; min-height:100%; text-align:center; }
.container { padding-bottom:80px; }
#top { outline:none; }


/* =========================== ico =========================== */

#ico #slide_panel1 { top:150px; right:0px; position:fixed; }
#ico #slide_panel2 { top:200px; right:0px; position:fixed; }
#ico #slide_panel3 { top:250px; right:0px; position:fixed; }
#ico #slide_panel4 { top:300px; right:0px; position:fixed; }
#ico #slide_panel5 { top:350px; right:0px; position:fixed; }
#ico #slide_panel6 { top:400px; right:0px; position:fixed; }
#ico #slide_panel7 { top:450px; right:0px; position:fixed; }

#ico #slide_panel1,
#ico #slide_panel2,
#ico #slide_panel3,
#ico #slide_panel4,
#ico #slide_panel5,
#ico #slide_panel6,
#ico #slide_panel7 { width:58px; height:40px; }
#ico .wrap{ width:58px; }

#ico span { display:block; float:left; width:18px; height:40px; cursor:pointer; }

#ico #panel1,
#ico #panel2,
#ico #panel3,
#ico #panel4,
#ico #panel5,
#ico #panel6,
#ico #panel7 { float:left; width:40px; height: 40px; }

/* =========================== head =========================== */

#head { width:1000px; margin:0 auto; }

#head .pchead .box01 .col01 { float:left; width:110px; padding-top:20px; margin-right:10px; }
#head .pchead .box01 .col02 { float:left; width:740px; padding-top:75px; margin-right:10px; }
#head .pchead .box01 .col03 { float:left; width:130px; padding-top:20px; }
#head .pchead .box01 .col01 span { display:block; padding-bottom:10px; }

/* ---------- nav ---------- */

#head .box01 .col02 #nav li { display:inline; font-size:15px; font-size:1.5rem; line-height:1.4em; font-weight:bold; padding:0 22px; }

#head .box01 .col02 #nav a:link { color:#000000; text-decoration:none; }
#head .box01 .col02 #nav a:visited { color:#000000; text-decoration:none; }
#head .box01 .col02 #nav a:active { color:#000000; text-decoration:none; }
#head .box01 .col02 #nav a:hover { color:#0FA599; text-decoration:none; }

/* ---------- current ---------- */
.ojisun-news-nv .nav-ojisun-news a { color:#0FA599 !important; border-bottom:solid #BC2125 2px; }
.look-nv .nav-look a { color:#0FA599 !important; border-bottom:solid #BC2125 2px; }
.shop-nv .nav-shop a { color:#0FA599 !important; border-bottom:solid #BC2125 2px; }


/* TB */
@media screen and (max-width:1000px) {
	#head { width:100%; padding:0 25px; }
	#head .pctb .box01 .col01 { width:12%; margin-right:1%; padding-top:20px; }
	#head .pctb .box01 .col02 { width:70%; margin-right:1%; padding-top:70px; text-align:center; }
	#head .pctb .box01 .col03 { width:16%; }
	#head .box01 .col02 #nav li { font-size:1.3rem; padding:0 10px; }
}

/* SP */
@media screen and (max-width:760px) {
	#head { width:100%; padding:0; }
	#head .sphead { width:100%; position:fixed; z-index:5; }

	#head .sphead .box01 .col01 { text-align:left; background-color:#000000; }
	#head .sphead .box01 .col02 { position:fixed; right:0; top:0; background-color:#000000; }

	#head .sphead .box01 .col01 .accordion ul { display:none;}
	#head .sphead .box01 .col01 .accordion p { cursor:pointer; padding:10px; width:60px; }
	#head .sphead .box01 .col01 .accordion p span { display:block; }
	#head .sphead .box01 .col01 .accordion li li a { padding:20px; border-top:dotted #ffffff 1px; }
	#head .sphead .box01 .col01 .accordion .sns { padding:20px; border-top:dotted #ffffff 1px; }
	#head .sphead .box01 .col01 .accordion .sns a { padding:0; border:none; }
	#head .sphead .box01 .col01 .accordion .sns .c01 { float:left; width:40px; margin-right:10px; }
	#head .sphead .box01 .col01 .accordion .sns .c02 { float:left; width:40px; }

	#head .sphead .box01 .col02 a { width:60px; margin:0 0 0 auto; padding:10px; }

	#head .sphead a { display:block; }
	#head .sphead a:link { color:#ffffff; text-decoration:none; }
	#head .sphead a:visited { color:#ffffff; text-decoration:none; }
	#head .sphead a:active { color:#ffffff; text-decoration:none; }
	#head .sphead a:hover { color:#ffffff; text-decoration:none; }
}


/* =========================== honbun =========================== */

#honbun { width:1000px; margin:0 auto; text-align:left; padding-bottom:20px; }

#honbun .side { float:left; width:160px; padding-top:20px; margin-right:60px; }
#honbun .main { float:right; width:780px; padding-top:20px; }

#honbun .side p { font-size:16px; font-size:1.6rem; line-height:1.4em; font-weight:bold; margin-bottom:10px; }
#honbun .side ul { margin-left:10px; }
#honbun .side li { font-size:12px; font-size:1.2rem; line-height:1.4em; margin-bottom:5px; }

#honbun .side ul.newe { margin-left:2px; }
#honbun .side .newe li {
	background-image:url("/img/2016_com_dot.png");
	background-position:left 0.3em;
	background-repeat:no-repeat;
	background-size:3px;
	padding-left:8px;
	margin-bottom:8px;
}
#honbun .side .bk { font-size:12px; font-szie:1.2em; }

#sidenv { outline:none; }


/* TB */
@media screen and (max-width:1000px) {
	#honbun { width:100%; padding:0 25px 0 10px; }
	#honbun .side { width:20%; margin-right:3%; }
	#honbun .main { width:77%; }
}

/* SP */
@media screen and (max-width:760px) {
	#honbun { width:100%; padding:70px 10px 0 10px; }
	#honbun .main { float:none; width:100%; }
	#honbun .side { float:none; width:100%; margin:30px 0 20px 0; padding:70px 0 0 0; border-top:solid #BCE1E7 5px; }
	#honbun .side li { font-size:1.4rem; }
	#honbun .tosidenv { padding:10px 0 0 0; }
}

/* =========================== h =========================== */

h1 { margin-bottom:40px; }
h1.txt { margin-bottom:20px; font-size:20px; font-size:2.0rem; line-height:1.4em; }

h1.txt a:link { color:#000000; text-decoration:none; }
h1.txt a:visited { color:#000000; text-decoration:none; }
h1.txt a:active { color:#000000; text-decoration:none; }
h1.txt a:hover { color:#0FA599; text-decoration:none; }

h2.txt { border-bottom:dotted #000000 1px; margin:30px 0 15px 0; padding-bottom:5px; font-size:15px; font-size:1.5rem; line-height:1.4em; }

/* =========================== index =========================== */

.index #ico { display: none; }

.index #indexhead {}
.index #indexhead .pchead { display:none; width:100%; background-color:#E9F5F8; padding-bottom:10px; position:fixed; z-index:5; }
.index #indexhead .pchead .box01 { width:1000px; margin:0 auto; }
.index #indexhead .pchead .box01 .col01 { float:left; width:210px; padding:10px 10px 0 0; }
.index #indexhead .pchead .box01 .col02 { float:left; width:660px; padding:50px 20px 0 0; text-align:right; }
.index #indexhead .pchead .box01 .col03 { float:left; width:120px; padding-top:5px; }

/* ---------- nav ---------- */

.index #indexhead .pchead .box01 .col02 #nav li { display:inline; font-size:14px; font-size:1.4rem; line-height:1.4em; font-weight:bold; padding:0 10px; }

.index #indexhead .pchead .box01 .col02 #nav a:link { color:#000000; text-decoration:none; }
.index #indexhead .pchead .box01 .col02 #nav a:visited { color:#000000; text-decoration:none; }
.index #indexhead .pchead .box01 .col02 #nav a:active { color:#000000; text-decoration:none; }
.index #indexhead .pchead .box01 .col02 #nav a:hover { color:#0FA599; text-decoration:none; }


/* TB */
@media screen and (max-width:1000px) {
	.index #indexhead .pchead .box01 { width:100%; padding:0 10px; }
	.index #indexhead .pchead .box01 .col01 { width:20%; margin-right:1%; padding-top:20px; }
	.index #indexhead .pchead .box01 .col02 { width:65%; margin-right:1%; text-align:center; }
	.index #indexhead .pchead .box01 .col03 { width:13%; }
	.index #indexhead .pchead .box01 .col02 #nav li {  font-size:1.3rem; }
}

/* ---------- h ---------- */

.index h1 { font-size:30px; font-szie:3.0rem; line-height:1.4em; margin-bottom:30px; font-weight:lighter; text-align:center; }

/* SP */
@media screen and (max-width:760px) {
	.index h1 { font-size:3.0rem; margin-bottom:20px; }
}

/* ---------- btn ---------- */

.index .btn { margin-bottom:40px; text-align:center; }
.index .btn a { display:block; background-color:#0FA599; width:14em; padding:5px 0; border-radius:30px; margin:0 auto; font-size:16px; font-size:1.6rem; line-height:1.4em; }

.index .btn a:link { color:#ffffff; text-decoration:none; }
.index .btn a:visited { color:#ffffff; text-decoration:none; }
.index .btn a:active { color:#ffffff; text-decoration:none; }
.index .btn a:hover { color:#ffffff; text-decoration:none; background-color:#0D9389; }

/* ---------- arrdw ---------- */

@keyframes arr { 50% { transform:translate(0px,5px); } }
@-o-keyframes arr { 50% { -o-transform:translate(0px,5px); } }
@-ms-keyframes arr { 50% { -ms-transform:translate(0px,5px); } }
@-moz-keyframes arr { 50% { -moz-transform:translate(0px,5px); } }
@-webkit-keyframes arr { 50% { -webkit-transform:translate(0px,5px); } }

.index .top .arrbox01 {
	animation-name:arr;
	-o-animation-name:arr;
	-ms-animation-name:arr;
	-moz-animation-name:arr;
	-webkit-animation-name:arr;

	animation-duration:0.5s;
	-o-animation-duration:0.5s;
	-ms-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	-webkit-animation-duration:0.5s;

	animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;

	transition-timing-function:ease-in;
	-o-transition-timing-function:ease-in;
	-ms-transition-timing-function:ease-in;
	-moz-transition-timing-function:ease-in;
	-webkit-transition-timing-function:ease-in;
}

.index .arrdw { width:70px; padding:0 10px; margin:0 auto; }
.index .arrup { width:70px; padding:0 10px; margin:0 auto; }

.index .arrbox02 { width:140px; margin:0 auto; }
.index .arrbox02 .arrdw { float:left; }
.index .arrbox02 .arrup { float:left; }

/* =========================== top =========================== */
/* SP */
@media screen and (max-width:760px) {
	.index #honbun { width:100%; padding:0 10px; }
}
/* =========================== top =========================== */

.index .top { width:100%; height:100vh; padding-top:110px; background-color:#BCE1E7; text-align:center; }
.index .top .box01 { width:300px; margin:0 auto 10px auto; }
.index .top .box02 { width:200px; margin:0 auto 30px auto; }
.index .top p { font-size:11px; font-szie:1.1rem; line-height:1.4em; margin-bottom:40px; }

/* SP */
@media screen and (max-width:760px) {
	.index .top {padding-top:100px; }
	.index .top .box01 { width:60%; }
	.index .top .box02 { width:50%; }
	.index .top p { margin-bottom:20px; }
}

/* =========================== index-about =========================== */

.index #about { padding:110px 0 80px 0; text-align:center; outline:none; }
.index #about .box01 { width:650px; margin:0 auto 40px auto; padding-top:20px; text-align:left; }
.index #about .box01 .col01 { float:left; width:200px; margin-right:50px; }
.index #about .box01 .col02 { float:left; width:400px; font-size:16px; font-size:1.6rem; }
.index #about .box01 .col02 h2 { width:250px; margin-bottom:40px; }

/* TB */
@media screen and (max-width:1000px) {
	.index #about .box01 { width:100%;  }
	.index #about .box01 .col01 { width:30%; margin-right:5%; }
	.index #about .box01 .col02 { width:65%; }
	.index #about .box01 .col02 h2 { width:50%; margin-bottom:20px; }
}

/* SP */
@media screen and (max-width:760px) {
	.index #about { padding:80px 0 30px 0; }
	.index #about .box01 { padding-top:0; }
	.index #about .box01 .col01 { float:none; width:100%; margin:0 0 20px 0; }
	.index #about .box01 .col02 { float:none; width:100%; }
}

/* =========================== index-news =========================== */
.index #news { padding:110px 0 80px 0; text-align:center; outline:none; }
.index #news .box01 { width:900px; margin:0 auto 40px auto; text-align:left; }
.index #news .box01 .col01 { float:left; width:300px; padding:0 30px; }
.index #news .box01 .col01 .date { font-size:11px; font-size:1.1rem; line-height:1.4em; margin-bottom:5px; }
.index #news .box01 .col01 .pho { margin-bottom:15px; }
.index #news .box01 .col01 h2 { font-size:12px; font-size:1.2rem; line-height:1.4em; margin-bottom:5px; }
.index #news .box01 .col01 .txt { font-size:11px; font-font:1.1rem; line-height:1.6em; margin-bottom:5px; }
.index #news .box01 .col01 .more { font-size:11px; font-size:1.1rem; line-height:1.4em; text-align:right; }

/* SP/TB */
@media screen and (max-width:1000px) {
	.index #news .box01 { width:100%; }
	.index #news .box01 .col01 { width:31%; padding:0 2%; }
}

/* SP */
@media screen and (max-width:760px) {
	.index #news { padding:80px 0 30px 0; }
	.index #news .box01 { margin:0 auto }
	.index #news .box01 .col01 { float:none; width:100%; padding:0 0 20px 0; margin-bottom:20px; border-bottom:dotted #C3E1E7 1px; }
}

/* =========================== index-look =========================== */

.index #look { padding:110px 0 80px 0; text-align:center; outline:none; }
.index #look .box01 { width:610px; margin:0 auto 40px auto; padding-left:40px; }
.index #look .box01 .col01 { float:left; width:150px; margin-right:40px; }
.index #look .box01 a { display:block; }
.index #look .box01 span { display:block; }
.index #look .box01 .pho { margin-bottom:20px; }
.index #look .box01 .txt p { line-height:1.4em; }

/* SP/TB */
@media screen and (max-width:1000px) {
	.index #look .box01 { width:60%; }
	.index #look .box01 .col01 { width:29%; margin-right:4%; }
	.index #look .box01 .col02 { width:29%; }
}

/* SP */
@media screen and (max-width:760px) {
	.index #look { padding:80px 0 30px 0; }
	.index #look .box01 { width:100%; }
	.index #look .box01 .col01 { width:30%; margin-right:3%; }
	.index #look .box01 .col02 { width:30%; }
	.index #look .box01 .pho { margin-bottom:10px; }
	.index #look .box01 .txt { font-size:1.2rem; }
}

/* =========================== index-shop =========================== */

.index #shop { padding:110px 0 80px 0; text-align:center; outline:none; }
.index #shop .box01 { margin-bottom:40px; text-align:left; }
.index #shop .box01 .col01 { float:left; width:500px; margin-right:30px; }
.index #shop .box01 .col02 { float:left; width:470px; }
.index #shop .box01 .col01 #map_canvas { border:solid #000000 5px; }
.index #shop .box01 .col02 div { width:300px; margin-bottom:20px; }

/* TB */
@media screen and (max-width:1000px) {
	.index #shop .box01 .col01 { width:55%; margin-right:5%; }
	.index #shop .box01 .col02 { width:40%; }
	.index #shop .box01 .col02 div { width:80%; }
}

/* SP */
@media screen and (max-width:760px) {
	.index #shop .box01 .col01 { float:none; width:100%; margin-bottom:20px; }
	.index #shop .box01 .col02 { float:none; width:100%; }
	.index #shop .box01 .col02 div { width:50%; }

}

/* =========================== kiji =========================== */

.kiji { border-bottom:solid #BCE1E7 5px; padding-bottom:30px; margin-bottom:30px; }
.kiji .date { font-szie:12px; font-size:1.2rem; line-height:1.4em; margin-bottom:10px; }
.kiji .cate { font-szie:12px; font-size:1.2rem; line-height:1.4em; margin-top:10px; text-align:right; }
.kiji img { width:auto; max-width:760px; }

.subtit { font-szie:12px; font-size:1.2rem; line-height:1.4em; border:dotted #666666; border-width:1px 0; padding:5px; margin-bottom:20px; }

/* TB/SP */
@media screen and (max-width:1000px) {
	.kiji img { width:auto; max-width:100%; }
}

/* =========================== postnav =========================== */

.newsin .postnav p { float:left; width:50%; }
/* スマホ */
@media screen and (max-width:760px) {
	.newsin .postnav p { font-size:1.1rem; }
}

/* =========================== LOOK =========================== */
.look .listp { margin-bottom:30px; }
.look .listp li { float:left; width:25%; padding:0 2%; }
.look .listp img { display:block; margin-bottom:5px; }
.look .listp span { display:block; font-size:12px; font-size:1.2rem; line-height:1.4em; text-align:center; }

.look .bxslider li { z-index:3 !important; }
.look .bxslider li img { width:auto; height:auto; max-height:848px; display:block; margin:0 auto; }
.look .bxslider li .comment { display:block; line-height:1.7em; background-color:#f5f5f5; padding:10px; margin-top:20px; }

/* SP */
@media screen and (max-width:760px) {
	.look .listp { margin-bottom:0; }
	.look .listp li { float:none; width:100%; padding:0 10%; margin-bottom:30px; }
	.look  .side { display:none; }
	.look .bxslider li img { height:auto; max-width:70%; }
}

/* =========================== SHOP =========================== */

.shop h1 { margin-bottom:10px; font-size:15px; font-size:1.5rem; line-height:1.4em; }

.shop .box01 .col01 { float:left; width:400px; margin-right:30px; }
.shop .box01 .col02 { float:left; width:310px; }
.shop .box01 .col01 #map_canvas { border:solid #000000 5px; }
.shop .box01 .col02 div { width:300px; margin-bottom:20px; }

.shop .anchor li { display:inline; font-size:12px; font-size:1.2rem; line-height:1.7em; color:#999999; }

.shop dl { line-height:1.7em; margin-bottom:20px; }
.shop dt { font-weight:bold; }

/* TB */
@media screen and (max-width:1000px) {
	.shop .box01 .col01 { width:50%; margin-right:5%; }
	.shop .box01 .col02 { width:45%; }
	.shop .box01 .col02 div { width:80%; }
}

/* SP */
@media screen and (max-width:760px) {
	.shop .box01 .col01 { float:none; width:100%; margin-bottom:20px; }
	.shop .box01 .col02 { float:none; width:100%; }
	.shop .box01 .col02 div { width:50%; }
	.shop .anchor li { font-size:1.4rem; line-height:1.9em; }
	.shop h2 { padding-top:70px; }
}

/* =========================== cont =========================== */

.cont h1 { margin-bottom:20px; }
.cont .box01 { margin-bottom:20px; }
.cont .box01 .col01 { float:left; width:150px; }
.cont .box01 .col02 { float:left; width:400px; }

.cont .txt01 { font-weight:bold; }
.cont .txt01 span { font-weight:lighter; font-szie:12px; font-size:1.2rem; }

.cont .txt02 { font-szie:12px; font-size:1.2rem; }

.cont .come { padding:10px; background-color:#f5f5f5; }

.cont .w100 { width:100%; }

/* TB */
@media screen and (max-width:1000px) {
	.cont .box01 .col02 { float:left; width:300px; }
}


/* SP */
@media screen and (max-width:760px) {
	.cont h1 { width:100%; }
	.cont .box01 { width:100%; }
	.cont .box01 .col01 { float:none; width:100%; }
	.cont .box01 .col02 { float:none; width:100%; }
}

/* =========================== TOTOP =========================== */
.container { position:relative; }
.totop { position:fixed; right:0; bottom:0; padding:0 10px 10px 0; z-index:5; }
.totop a { display:block; background-color:#000000; padding:10px; border-radius:5px; opacity:0.7; font-size:12px; font-size:1.2rem; }

.totop a:link { color:#ffffff; text-decoration:none; }
.totop a:visited { color:#ffffff; text-decoration:none; }
.totop a:active { color:#ffffff; text-decoration:none; }
.totop a:hover { color:#ffffff; text-decoration:none; }

/* =========================== foot =========================== */

#foot { width:100%; height:80px; position:absolute; bottom:0; background-color:#BCE1E7; font-size:11px; font-size:1.1rem; z-index:4; }
#foot .inner { width:1000px; margin:0 auto; padding-top:10px; }

#foot a:link { color:#000000; text-decoration:none; }
#foot a:visited { color:#000000; text-decoration:none; }
#foot a:active { color:#000000; text-decoration:none; }
#foot a:hover { color:#000000; text-decoration:underline; }

#foot .box01 .col01 { float:left; width:50%; text-align:left; }
#foot .box01 .col02 { float:left; width:50%; text-align:right; }

#foot .box01 .col01 li { display:inline; padding-right:20px; }

/* TB */
@media screen and (max-width:1000px) {
	#foot .inner { width:100%; padding:10px; }
}

/* SP */
@media screen and (max-width:760px) {
	#foot .box01 { padding:0 15px; }
	#foot .box01 .col01 { float:none; width:100%; text-align:center; margin-bottom:10px; }
	#foot .box01 .col02 { float:none; width:100%; text-align:center; font-size:1.0rem; }

}

/* =========================== com =========================== */

.mb03 { margin-bottom:3px; }
.mb05 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }

.mb1em { margin-bottom:1em; }

.right { text-align:right; }
.center { text-align:center; }

.fontS { font-size:12px; font-size:1.2rem; line-height:1.6em; }
.fontM { font-size:18px; font-size:1.8rem; }
.fontL { font-size:22px; font-size:2.2rem; }

.red { color:#D42717; }

.old {  background-color:#f5f5f5; padding:10px; margin-bottom:20px; }

table { border-collapse:collapse; border-spacing:0; }

/* PC-on TB/SP-off */
.pc { display:block; }
@media screen and (max-width:1000px) { .pc { display:none; } }

/* PC/TB-on SP-off */
.pctb { display:block; }
@media screen and (max-width:760px) { .pctb { display:none; } }

/* PC/TB-off SP-on */
.sp { display:none; }
@media screen and (max-width:760px) { .sp { display:block; } }


/* =========================== clearfix =========================== */
.cf { zoom:1; }
.cf:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }