.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}


body {font-family:;
background-image:url(../images/background.jpg);}

p {margin:0;}

ul {margin:0;
padding:0;}

dd {margin:0;}

@media screen and (min-width: 480px){
div.wrap {width:1000px;
margin-left:auto;
margin-right:auto;}

div#hamb {display:none !important;}

}

@media screen and (max-width: 479px){
div.wrap {width:98%;
margin-left:auto;
margin-right:auto;}
}


/*----------------------------------------------------------*/
/*------------------------- header -------------------------*/
/*----------------------------------------------------------*/
@media screen and (min-width: 480px){

header {background:#FFFFFF;}

header article {background-color:#000;
overflow:hidden;
padding-bottom: 10px;}

header div.top {width:1000px;
margin-left:auto;
margin-right:auto;
padding:15px 0px;}

header div.top p {color:#FFFFFF;
margin:0;
float:right;
font-size: 12px;
margin-right: 60px;}
header div.top ul {
list-style:none;
overflow:hidden;
float:right;
margin:0;}

header div.top ul li {float: left;
height: 10px;
font-size: 12px;
padding: 0 5px;
margin-bottom: 5px;
border-left: 1px solid #FFF;}

header div.top ul li:first-child {border-left:none;}

header div.top ul li a {text-decoration:none;
color:#FFF;
display:block;
height:100%;}

header div.top ul li a:hover {text-decoration:underline;}

header aside {width:1000px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}

header aside a {overflow:hidden;
white-space:nowrap;
text-indent:100%;
width:150px;
height:45px;
float:right;}
header aside a:hover {opacity:0.7;}
header aside a.tofax {background:url(../images/header_button2.jpg) no-repeat;}
header aside a.toweb {background:url(../images/header_button.jpg) no-repeat;
margin-right:2px;}

header div.number {width:300px;
margin:0 auto;
padding-left:160px;
padding-right:520px;
background:url(../images/sample_number.jpg) no-repeat;
background-position:right bottom;
margin-bottom:20px;}

header div.number span {color: #FFFFFF;
    display: block;
    background-color: #ED9859;
    padding: 5px;
    border-radius: 10px;
    font-size: 13px;
 /*   text-align: center;*/padding-left: 10px;
    width: 260px;
    margin-top: 5px;}

header nav {background-image:url(../images/background.jpg);}

header nav div {width:1000px;
margin:0 auto;
position:relative;
padding-top:20px;}

header nav div img {position:absolute;
margin-top: -145px;}

header nav ul {list-style: none;
    overflow: hidden;
	margin:0;
	float:right;}

header nav ul li {float: left;
height: 104px;
font-size: 12px;
border-left: 1px solid #FFF;}

header nav ul li:last-child {border-right: 1px solid #FFF;}

header nav ul li a {overflow:hidden;
white-space:nowrap;
text-indent:200%;
display:block;
width:38px;
padding: 0 32px;
height:104px;
}

header nav ul li a:hover {opacity:0.6;}

a.nav1 {background:url(../images/nav1.jpg) no-repeat;
background-position:center;}
a.nav2 {background:url(../images/nav2.jpg) no-repeat;
background-position:center;}
a.nav3 {background:url(../images/nav3.jpg) no-repeat;
background-position:center;}
a.nav4 {background:url(../images/nav4.jpg) no-repeat;
background-position:center;}
a.nav5 {background:url(../images/nav5.jpg) no-repeat;
background-position:center;}
a.nav6 {background:url(../images/nav6.jpg) no-repeat;
background-position:center;}
a.nav7 {background:url(../images/nav7.jpg) no-repeat;
background-position:center;}
a.nav8 {background:url(../images/nav8.jpg) no-repeat;
background-position:center;}

}

@media screen and (max-width: 479px){

header {background:#FFFFFF;}

header article {background-color:#000;
overflow:hidden;
padding-bottom: 10px;
display:none;}

header div.top {
margin-left:auto;
margin-right:auto;
padding:15px 0px;}

header div.top p {color:#FFFFFF;
margin:0;
float:right;
font-size: 12px;
margin-right: 60px;}
header div.top ul {
list-style:none;
overflow:hidden;
float:right;
margin:0;}

header div.top ul li {float: left;
height: 10px;
font-size: 12px;
padding: 0 5px;
margin-bottom: 5px;
border-left: 1px solid #FFF;}

header div.top ul li:first-child {border-left:none;}

header div.top ul li a {text-decoration:none;
color:#FFF;
display:block;
height:100%;}

header div.top ul li a:hover {text-decoration:underline;}

header aside {display: none;
margin-left:auto;
margin-right:auto;

}

header aside a {overflow:hidden;
white-space:nowrap;
text-indent:100%;
width:150px;
height:45px;
display:block;
float:right;}
header aside a:hover {opacity:0.7;}
header aside a.tofax {background:url(../images/header_button2.jpg) no-repeat;}
header aside a.toweb {background:url(../images/header_button.jpg) no-repeat;
margin-right:2px;}

header div.number {    padding-bottom: 40px;
    background: url(../images/sample_number.jpg) no-repeat;
    background-size: 95%;
    background-position: center 90%;
    margin-bottom: 20px;
    clear: both;
    padding-top: 10px;
	display:none;}

header div.number p {text-align:center;}

header div.number span {color: #FFFFFF;
    display: block;
    background-color: #ED9859;
    padding: 5px;
    border-radius: 10px;
    font-size: 14px;
    /* text-align: center; */
    padding-left: 10px;
    width: 280px;
    margin-left: auto;
    margin-top: 5px;
    margin-right: auto;}

header nav {background-image:url(../images/background.jpg);
display: none;}

header nav div {width:1000px;
margin:0 auto;
position:relative;
padding-top:20px;}

header nav div img {position:absolute;
margin-top: -145px;
display:none;}

header nav ul {list-style: none;
    overflow: hidden;
	margin:0;
	float:right;}

header nav ul li {float: left;
height: 104px;
font-size: 12px;
border-left: 1px solid #FFF;}

header nav ul li:last-child {border-right: 1px solid #FFF;}

header nav ul li a {overflow:hidden;
white-space:nowrap;
text-indent:200%;
display:block;
width:38px;
padding: 0 32px;
height:104px;
}

header nav ul li a:hover {opacity:0.6;}

a.nav1 {background:url(../images/nav1.jpg) no-repeat;
background-position:center;}
a.nav2 {background:url(../images/nav2.jpg) no-repeat;
background-position:center;}
a.nav3 {background:url(../images/nav3.jpg) no-repeat;
background-position:center;}
a.nav4 {background:url(../images/nav4.jpg) no-repeat;
background-position:center;}
a.nav5 {background:url(../images/nav5.jpg) no-repeat;
background-position:center;}
a.nav6 {background:url(../images/nav6.jpg) no-repeat;
background-position:center;}
a.nav7 {background:url(../images/nav7.jpg) no-repeat;
background-position:center;}
a.nav8 {background:url(../images/nav8.jpg) no-repeat;
background-position:center;}

}


/*----------------------------------------------------------*/
/*------------------------- footer -------------------------*/
/*----------------------------------------------------------*/
@media screen and (min-width: 480px){
footer {background-color:#000;}

footer div.wrap {overflow:hidden;
    padding-bottom: 50px;}


footer article {height:159px;
padding:20px;
padding-left:170px;
background:url(../images/footerlogo.jpg) no-repeat;
background-position:20px;
width:400px;
color:#FFF;
float:left;}

footer article p {display:none;}

footer article span {line-height:160%;}

footer article p {
	padding-top:45px;
	background:url(../images/footertel.jpg) no-repeat;
	background-position:left 5px;}


footer aside {float:left;
width:300px;
height:159px;
padding-top:20px;
overflow:hidden;}

footer aside a.icon {overflow:hidden;
white-space:nowrap;
text-indent:100%;
width:140px;
height:43px;
float:left;}
footer aside a:hover {opacity:0.7;}
footer aside a.tofax {background:url(../images/footer_button2.jpg) no-repeat;}
footer aside a.toweb {background:url(../images/footer_button.jpg) no-repeat;
margin-right:5px;}

footer aside p, footer aside p a {color:#FFFFFF;
line-height:160%;
padding-top:10px;
clear:both;}

footer nav {border-top:1px solid #FFF;
clear:both;
overflow:hidden;
    padding-top: 10px;}

footer nav ul {list-style:none;
float:left;
width:200px;
padding-left:0;
}

footer nav ul:first-child {width:180px;
margin-left:15px;}

footer nav ul li {color:#FFF;
margin-top:5px;
margin-bottom:5px;
font-size: 14px;}

footer nav ul li a {color:#FFFFFF;
text-decoration:none;}

footer nav ul li a:hover {text-decoration:underline;}

ul.categorylist {width:580px;}
ul.categorylist li {float:left;
margin-right:10px;}

ul.categorylist li:first-child {float:none;}
}


@media screen and (max-width: 479px){
footer {background-color:#000;}

footer div.wrap {overflow:hidden;
    padding-bottom: 50px;}


footer article {height: 149px;
    padding: 20px 10px;
    padding-left: 160px;
    background: url(../images/footerlogo.jpg) no-repeat;
    background-position: 20px;
    /* width: 400px; */
    color: #FFF;}

footer article p {display:none;}

footer article span {line-height:160%;}

footer article p {
	padding-top:45px;
	background:url(../images/footertel.jpg) no-repeat;
	background-position:left 5px;}


footer aside {
padding-top:20px;
overflow:hidden;}

footer aside a.icon {overflow:hidden;
white-space:nowrap;
text-indent:100%;
width:140px;
height:43px;
float:left;
display:block;}
footer aside a:hover {opacity:0.7;}
footer aside a.tofax {background:url(../images/footer_button2.jpg) no-repeat;}
footer aside a.toweb {background:url(../images/footer_button.jpg) no-repeat;
margin-right:5px;
margin-left: 10%;}

footer aside p, footer aside p a {color:#FFFFFF;
line-height:160%;
padding-top:10px;
clear:both;
padding-left: 15px;
    font-size: 14px;}

footer nav {border-top:1px solid #FFF;
clear:both;
overflow:hidden;
    padding-top: 10px;
	display:none;}

footer nav ul {list-style:none;
float:left;
width:200px;
padding-left:0;
}

footer nav ul:first-child {width:180px;
margin-left:15px;}

footer nav ul li {color:#FFF;
margin-top:5px;
margin-bottom:5px;
font-size: 14px;}

footer nav ul li a {color:#FFFFFF;
text-decoration:none;}

footer nav ul li a:hover {text-decoration:underline;}

ul.categorylist {width:580px;}
ul.categorylist li {float:left;
margin-right:10px;}

ul.categorylist li:first-child {float:none;}
}


/*----------------------------------------------------------*/
/*------------------------ sidebar -------------------------*/
/*----------------------------------------------------------*/

@media screen and (min-width: 480px){
section#main {width:1000px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
overflow:hidden;}



section.sidebar {width:240px;
float:left;}


section.sidebar dt {display:block;
white-space:nowrap;
text-indent:101%;
overflow:hidden;
width:240px;
height:45px;
cursor:pointer;}

section.sidebar dl.yosan dt {background:url(../images/sideabar/yosan.jpg) no-repeat;}
section.sidebar dl.shidashi dt {background:url(../images/sideabar/shidashi.jpg) no-repeat;}
section.sidebar dl.keicho dt {background:url(../images/sideabar/keicho.jpg) no-repeat;}
section.sidebar dl.sushi dt {background:url(../images/sideabar/sushi.jpg) no-repeat;}
section.sidebar dl.youto dt {background:url(../images/sideabar/youto.jpg) no-repeat;}
section.sidebar dl.main dt {background:url(../images/sideabar/main.jpg) no-repeat;}
section.sidebar dd {background:#FFFFFF;
margin:0;}


section.sidebar ul {list-style:none;}

section.sidebar li {background:url(../images/sideabar/vector.jpg) no-repeat;
background-position: 93% center;
padding:0 15px;
}

section.sidebar li:hover {background-color:#F3F3F3;}

section.sidebar li:last-child a {border:none;}

section.sidebar li a {color:#000000;
text-decoration:none;
display:block;
width:100%;
padding:15px 0px;
border-bottom:1px solid #A0A0A0;}


section.sidebar p {
/*	background-image:url(../images/sideabar/face.jpg);*/
background-repeat:no-repeat;
background-color:#FFFFFF;
background-position:center 10px;
padding:20px 10px 20px 10px;
margin-bottom:10px;
color:#4F2305;
font-size: 14px;
    text-align: justify;}

section.sidebar p span {display:block;
text-align:center;
color:#CC3334;
text-decoration:underline;
margin-top:10px;}


section.sidebar a.sidelink {height:62px;
width:240px;
display:block;
white-space:nowrap;
text-indent:101%;
overflow:hidden;
margin-bottom:10px;}
section.sidebar a.sidelink:hover {opacity:0.7;}

section.sidebar a.top {background:url(../images/sideabar/top.jpg) no-repeat;
background-size:contain;}
section.sidebar a.otoiawase {background:url(../images/sideabar/toiawase.jpg) no-repeat;
background-size:contain;}
section.sidebar a.blog {background:url(../images/sideabar/blog.jpg) no-repeat;
background-size:contain;}
section.sidebar a.travel {background:url(../images/sideabar/travel.jpg) no-repeat;
background-size:contain;}
section.sidebar a.catering {background:url(../images/sideabar/catering.jpg) no-repeat;
background-size:contain;
height:42px;
width:240px;}
section.sidebar a.corporate {background:url(../images/sideabar/corporate.jpg) no-repeat;
background-size:contain;
height:42px;
width:240px;}



section.sidebar dl dd {
display:none;
}
section.sidebar dl dt.open + dd {
display:block;
}

}

@media screen and (max-width: 479px){
section#main {
margin-left:auto;
margin-right:auto;
margin-top:10px;
overflow:hidden;}



section.sidebar {width:240px;
float:left;
display:none;}
}

/*----------------------------------------------------------*/
/*-------------------------contents-------------------------*/
/*----------------------------------------------------------*/
@media screen and (min-width: 480px){
section.contents {width:730px;
float:left;
margin-left:30px;}
}
@media screen and (max-width: 479px){
section.contents {width:100%;
}
}


/*----------------------------------------------------------*/
/*------------------------- index  -------------------------*/
/*----------------------------------------------------------*/
@media screen and (min-width: 480px){


section#mainvisual {border-top:5px solid #E4D6C0;
border-bottom:5px solid #E4D6C0;
margin-top:20px;
background-color:#FFFFFF;}

section#mainvisual img {display:block;
margin:0 auto;}

.sponly {display:none !important;}

section.index h2 {
	white-space:nowrap;
text-indent:101%;
overflow:hidden;

height:40px;}

h2.midasi1 {background:url(../images/index/h2_1.jpg) no-repeat;}
h2.midasi2 {background:url(../images/index/h2_2.png) no-repeat;}

h2.midasi5 {background:url(../images/index/h2_5.jpg) no-repeat;}
h2.midasi6 {background:url(../images/index/h2_6.jpg) no-repeat;}

section.index article {overflow:hidden;
margin-bottom:40px;}

section.index article figure {width:232px;
background-color:#E4D6C0;
padding-bottom:1px;
float:left;
margin:5px;}

section.index figcaption {padding:10px;
line-height:140%;
	height:60px;
font-size:14px;
font-weight:bold;}

section.index article figure a.todetail {display:block;
margin:3px;
background:url(../images/index/vector.jpg) no-repeat #FFF;
font-size:14px;
padding:10px;
text-align:center;
text-decoration:none;
color:#000000;
background-position:80% center;
font-weight:bold;
}

section.index aside.wave {background:url(../images/index/wave.jpg) no-repeat;
background-position:center top;}


div.red {background:url(../images/index/red.jpg);
border-radius:5px;
margin-top:40px;
margin-bottom:40px;
padding:20px;
overflow:hidden;}

div.red h3 {white-space:nowrap;
text-indent:101%;
overflow:hidden;
width:673px;
height:93px;
background:url(../images/index/redarea.jpg) no-repeat;
margin:0 auto;}

div.red p {color:#FFFFFF;
padding:20px 10px;
line-height:150%;
text-align:justify;}


div.red a {
	display:block;
	width:280px;
	padding:15px;
	background-color:#FFFFFF;
	background-image:url(../images/index/redareavector.jpg);
	background-repeat:no-repeat;
	background-position:90% center;
	text-decoration:none;
	font-weight:bold;
	color:#810709;
	border-radius:10px;
	float:left;
	text-align:center;
	margin:0px 15px;}

div.red a:hover {opacity:0.8;}


section.index div.ranking {background-color:#FFFFFF;
padding:20px 10px;
overflow:hidden;}

section.index div.ranking figure {width:232px;
float:left;
margin:2px;
margin-bottom:10px;}

section.index div.ranking figure img {width:230px;}

section.index div.ranking figcaption {text-align:right;
padding-left:50px;
font-size:16px;
line-height:26px;}

section.index div.ranking span {display:block;
background-color:#C55238;
color:#FFFFFF;
border-radius:5px;
text-align:center;
padding:1px 5px;
width:120px;
font-size:13px;
margin-left: 45px;}

section.index div.ranking figure a {display:block;
text-align:center;
border:1px solid #000;
padding:10px 0px;
margin:5px;
font-size:13px;
color:#000000;
text-decoration:none;
background:url(../images/index/rankingvector.jpg) no-repeat;
background-position:80% center;}

section.index div.ranking figcaption.no1 {background:url(../images/index/no1.jpg) no-repeat;
background-position:25px 10px;}

section.index div.ranking figcaption.no2 {background:url(../images/index/no2.jpg) no-repeat;
background-position:25px 10px;}

section.index div.ranking figcaption.no3 {background:url(../images/index/no3.jpg) no-repeat;
background-position:25px 10px;}

section.index a.violet {width:300px;
clear:both;
display:block;
text-align:center;
padding:10px 0px;
font-size:16px;
color:#FFF;
text-decoration:none;
background-color:#9E2B6A;
margin:0 auto;
}

section.index div.ranking a:hover {opacity:0.7;}

section.index div.info h3 {background:url(../images/index/h2_4.jpg) no-repeat;
height:50px;}

section.index div.blog h3 {background:url(../images/index/h2_4_1.jpg) no-repeat;
height:52px;}

section.index div.info h3 a {font-size: 14px;
    text-decoration: none;
    color: #000000;
    display: block;
    background-color: #FFFFFF;
    border-radius: 10px;
    text-align: center;
    padding: 5px;
    width: 130px;
    margin-left: auto;
	line-height: 20px;}


section.index div.blog h3 a {font-size: 14px;
    text-decoration: none;
    color: #000000;
    display: block;
    background-color: #FFFFFF;
    border-radius: 10px;
    text-align: center;
    padding: 5px;
    width: 130px;
    margin-left: auto;
	line-height: 20px;}

section.index div.info p,section.index div.blog p {background-color:#FEE8D3;
padding:10px;}


section.index div.voice {background-color:#E4D6C0;
padding:5px 10px;
margin-top:10px;
padding-bottom:10px;}

section.index div.voice h2 {background:url(../images/index/voice_title.jpg) no-repeat;
background-position:center center;
border-bottom:2px solid #FFF;
padding-bottom:10px;
height: 20px;}

section.index div.voice article {background:url(../images/index/wasi.jpg);
overflow:hidden;
margin-bottom: 10px;}

section.index div.voice aside {width:310px;
margin: 20px;
float:left;}

section.index div.voice aside:last-child {border-left:2px solid #E4D6C0;
margin-left:5px;
padding-left:15px;}

section.index div.voice p {padding-left:150px;
min-height:100px;
background:url(../images/index/voicepic.jpg) no-repeat;
background-position:left top;
font-size:14px;
margin-top: 10px;}

section.index div.voice h4 {color:#A91B1D;
margin-bottom:10px;}

section.index div.voice a {width:350px;
clear:both;
display:block;
text-align:center;
padding:10px 0px;
font-size:16px;
color:#FFF;
text-decoration:none;
background-color:#59493F;
margin:0 auto;}

img.kodawari {width:730px;
margin-top: 30px;}

section.index div.map {
margin-bottom:40px;}



div.map dl {padding-right:330px;
margin-bottom:0;
width:400px;
background:url(../images/index/map.jpg) no-repeat;
background-position:right center;}

div.map dt {color:#269926;
border-bottom:1px solid;
font-weight:bold;
padding-left:5px;
margin-bottom:10px;}

div.map dd {line-height:160%;
margin-bottom:15px;}

div.map p {line-height:160%;
text-align:right;
color:#813A09;}

p.greet {background-image:url(../images/index/pic.jpg);
background-repeat:no-repeat;
background-color:#E4D6C0;
padding:20px 320px 20px 20px !important;
background-position:97% center;
font-size:14px !important;
line-height:160% !important;
margin-bottom:40px;}

p.greet a {color:#CC3334;}

ul.bread {margin:15px 0px;}

ul.bread li {display:inline;
font-size: 13px;}

ul.bread li a {color:#CC3333;}

}



@media screen and (max-width: 479px){


section#mainvisual {}

section#mainvisual img {display:block;
margin:0 auto;
width: 100%;
height: 100%;
border-top: 2px solid #E4D6C0;
    border-bottom: 2px solid #E4D6C0;}

.pconly {display:none !important;}

section.index img.ichiryu {width: 90%;
    height: 90%;
	display:block;
	margin:0 auto;}

section.index h2 {
	white-space:nowrap;
text-indent:101%;
overflow:hidden;

height:40px;}

h2.midasi1 {background:url(../images/index/h2_1.jpg) no-repeat;
background-size: 150%;
background-position:50% center;}
h2.midasi2 {background:url(../images/index/h2_2.png) no-repeat;
background-size: 210%;
background-position:50% center;}
h2.midasi5 {background:url(../images/index/h2_5.jpg) no-repeat;
background-size: 150%;
background-position:50% center;}
h2.midasi6 {background:url(../images/index/h2_6.jpg) no-repeat;
background-size: 210%;
background-position:50% center;}

section.index article {overflow:hidden;
margin-bottom:40px;}

section.index article figure {width: 45%;
    background-color: #E4D6C0;
    padding-bottom: 1px;
    /* margin: 0 auto; */
    /* margin-bottom: 15px; */
    float: left;
    margin: 2%;
    min-height: 278px;
	position:relative;}
	
	
section.index article figure img {width: 100%;}
section.index figcaption {padding:10px;
line-height:140%;
font-size:13px;
}

section.index article figure a.todetail {display:block;
margin:3px;
background:url(../images/index/vector.jpg) no-repeat #FFF;
font-size:14px;
padding:10px;
text-align:center;
text-decoration:none;
color:#000000;
background-position:95% center;
font-weight:bold;
width: 84%;
position:absolute;
bottom:0;
}

section.index aside.wave {background:url(../images/index/wave.jpg) no-repeat;
background-position:center top;
margin-bottom: 50px;}


div.red {background:url(../images/index/red_sp.jpg);
margin-top:40px;
margin-bottom:40px;
padding:20px;
overflow:hidden;
    clear: both;}

div.red h3 {white-space: nowrap;
    text-indent: 101%;
    overflow: hidden;
    /* width: 673px; */
    height: 0;
    padding-top: 50%;
    background: url(../images/index/redarea_sp.jpg) no-repeat;
    background-size: contain;
    background-position: center 5%;
    margin: 0 auto;}

div.red p {    color: #FFFFFF;
    padding: 10px;
    line-height: 150%;
    text-align: justify;
    font-size: 15px;}


div.red a {display: block;
    width: 280px;
    padding: 10px;
    background-color: #FFFFFF;
    background-image: url(../images/index/redareavector.jpg);
    background-repeat: no-repeat;
    background-position: 90% center;
    text-decoration: none;
    font-weight: bold;
    color: #810709;
    border-radius: 10px;
    /* float: left; */
    text-align: center;
    margin: 10px 15px;}

div.red a:hover {opacity:0.8;}


section.index div.ranking {background-color: #FFFFFF;
    padding: 20px 10px;
    overflow: hidden;
    margin: 0 auto;}

section.index div.ranking figure {    width:75%;
    margin: 0 auto;}
section.index div.ranking figure img {width:100%;}

section.index div.ranking figcaption {text-align:right;
padding-left:50px;
font-size:16px;
line-height:26px;}

section.index div.ranking span {display:block;
background-color:#C55238;
color:#FFFFFF;
border-radius:5px;
text-align:center;
padding:1px 5px;
width:120px;
font-size:13px;
margin-left: auto;}

section.index div.ranking figure a {display:block;
text-align:center;
border:1px solid #000;
padding:10px 0px;
margin:5px;
font-size:13px;
color:#000000;
text-decoration:none;
background:url(../images/index/rankingvector.jpg) no-repeat;
background-position:80% center;}

section.index div.ranking figcaption.no1 {background:url(../images/index/no1.jpg) no-repeat;
background-position:25px 10px;}

section.index div.ranking figcaption.no2 {background:url(../images/index/no2.jpg) no-repeat;
background-position:25px 10px;}

section.index div.ranking figcaption.no3 {background:url(../images/index/no3.jpg) no-repeat;
background-position:25px 10px;}

section.index a.violet {    clear: both;
    display: block;
    text-align: center;
    padding: 10px 0px;
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    background-color: #9E2B6A;
    margin: 0 auto;
    margin-top: 20px;
	width: 80%;
}

section.index div.ranking a:hover {opacity:0.7;}

section.index div.info h3 {background:url(../images/index/h2_4.jpg) no-repeat;
height: 40px;
    background-size: 150%;
    background-position: 70%;}

section.index div.blog h3 {background:url(../images/index/h2_4_1.jpg) no-repeat;
height: 40px;
    background-size: 150%;
    background-position: 70%;}

section.index div.info h3 a {font-size: 14px;
    text-decoration: none;
    color: #000000;
    display: block;
    background-color: #FFFFFF;
    border-radius: 10px;
    text-align: center;
    padding: 5px;
    width: 130px;
    margin-left: auto;
	line-height: 20px;
	    margin-right: 10px;}


section.index div.blog h3 a {font-size: 14px;
    text-decoration: none;

    color: #000000;
    display: block;
    background-color: #FFFFFF;
    border-radius: 10px;
    text-align: center;
    padding: 5px;
    width: 130px;
    margin-left: auto;
	line-height: 20px;
	    margin-right: 10px;}

section.index div.info p,section.index div.blog p {background-color:#FEE8D3;
padding:10px;}

section.index div.info p a,section.index div.blog p a {color:#000;}

section.index div.voice {background-color:#E4D6C0;
padding:5px 10px;
margin-top: 50px;
padding-bottom:10px;}

section.index div.voice h2 {background:url(../images/index/voice_title.jpg) no-repeat;
background-position:center center;
border-bottom:2px solid #FFF;
padding-bottom:10px;
height: 20px;}

section.index div.voice article {background:url(../images/index/wasi.jpg);
overflow:hidden;
margin-bottom: 10px;}

section.index div.voice aside {width:310px;
margin: 20px;
float:left;}

section.index div.voice aside:last-child {
margin-left:5px;
padding-left:15px;}

section.index div.voice p {padding-left:150px;
min-height:100px;
background:url(../images/index/voicepic.jpg) no-repeat;
background-position:left top;
font-size:14px;
margin-top: 10px;}

section.index div.voice h4 {color:#A91B1D;
margin-bottom:10px;}

section.index div.voice a {width:90%;
display:block;
text-align:center;
padding:10px 0px;
font-size:16px;
color:#FFF;
text-decoration:none;
background-color:#59493F;
margin:0 auto;}

img.kodawari {width: 95%;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    display: none;}

section.index div.map {
margin-bottom:40px;}



div.map dl {margin-bottom: 0;
    width: 96%;
    padding-bottom: 240px;
    background: url(../images/index/map.jpg) no-repeat;
    background-position: center bottom;
    margin: 0 auto;}

div.map dt {color:#269926;
border-bottom:1px solid;
font-weight:bold;
padding-left:5px;
margin-bottom:10px;}

div.map dd {line-height: 140%;
    margin-bottom: 15px;
    font-size: 14px;}

div.map p {    line-height: 160%;
    /* text-align: right; */
    color: #813A09;
    font-size: 14px;
    padding-top: 10px;}

p.greet {background-image: url(../images/index/pic.jpg);
    background-repeat: no-repeat;
    background-color: #E4D6C0;
    padding: 10px 10px 200px 10px !important;
    background-position: center 95%;
    font-size: 14px !important;
    line-height: 160% !important;
    margin-bottom: 40px;}

p.greet a {color:#CC3334;}

ul.bread {margin:15px 0px;
display: none;}

ul.bread li {display:inline;
font-size: 13px;}

ul.bread li a {color:#CC3333;}

}












/*----------------------------------------------------------*/
/*-------------------------ichiran -------------------------*/
/*----------------------------------------------------------*/
@media screen and (min-width: 480px){
hr.brown {background-color:#E4D6C0;
width: 100%;
height:5px;
border: 0;
display:block;
margin-top: 15px;}

section.ichiran h2.midashi {color:#FFFFFF;
background-color:#A91C1D;
padding:10px 20px;
    margin-top: 0;}

section.ichiran article {background-color:#FFF;
overflow:hidden;
padding:8px 0;
margin-bottom: 20px;}

section.ichiran figure {width:232px;
float:left;
margin:5px;
margin-bottom:10px;}

section.ichiran figure img {width: 230px;
    border: 1px solid #E4D9C7;}

section.ichiran figcaption {margin:10px 0;}


section.ichiran figure span {color:#C55238;
font-weight:bold;}
section.ichiran figure p {display:inline;
}

section.ichiran figure p a {margin-left: 60px;
	text-decoration:none;
	font-size:14px;
	padding:3px 10px;
	background-color:#C55238;
	border-radius:5px;
	color:#FFF;
	width:60px;
	text-align:center;}
section.ichiran figure a:hover {text-decoration:underline;}

}

@media screen and (max-width: 479px){
hr.brown {width: 100%;
    height: 1px;
    border: 0;}

section.ichiran h2.midashi {color: #FFFFFF;
    background-color: #A91C1D;
    padding: 10px;
    font-size: 20px;
    margin: 0;
	margin-top: 6px;}

section.ichiran article {/*
background-color:#FFF;
overflow:hidden;*/
padding:8px 0;
}

section.ichiran figure {width:46%;
float:left;
margin:5px;
overflow:hidden;
background-color: #fff;
position:relative;
min-height:260px;
border: 1px solid #E4D9C7;}

section.ichiran figure img {margin-left: -27%;
    width: 150%;
    /*  */}

section.ichiran figcaption {margin: 5px 0;
    padding-left: 5px;
    font-size: 14px;}


section.ichiran figure span {color:#C55238;
font-weight:bold;
font-size: 14px;
    padding: 5px;}
section.ichiran figure p {position: absolute;
    bottom: 7px;
    right: 5px;
}

section.ichiran figure p a {margin-left: 60px;
	text-decoration:none;
	font-size:14px;
	padding:3px 10px;
	background-color:#C55238;
	border-radius:5px;
	color:#FFF;
	width:60px;
	text-align:center;}
section.ichiran figure a:hover {text-decoration:underline;}

}


/*----------------------------------------------------------*/
/*-------------------------deliver -------------------------*/
/*----------------------------------------------------------*/
@media screen and (min-width: 480px){
section.deliver h2.midashi {color:#FFFFFF;
background-color:#A91C1D;
padding:10px 20px;
text-align:center;
    margin: 0;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;}


section.deliver ul {list-style:none;
margin-top:10px;
margin-bottom:10px;}

section.deliver li {margin-top:10px;
font-size:15px;}

section.deliver p {font-size:14px;
padding:10px;
line-height:160%;}

section.deliver article {background-color:#FFF;
padding:10px;
margin-bottom: 50px;}

section.deliver h3 {border-bottom:1px solid #000;
padding-bottom:5px;}

section.deliver dl.tel {background-color:#F6F5F1;
padding:20px;
background-image:url(../images/deliver/tel.jpg);
background-repeat:no-repeat;
background-position:400px center;
margin-bottom:0;}

section.deliver dt {font-weight:bold;
padding-bottom:10px;}

section.deliver div.order1 {background-color:#F6F5F1;
padding:20px;
overflow:hidden;
margin-top:30px;}

section.deliver div.order1 p {padding:0;
float:left;
background:url(../images/deliver/web.jpg) no-repeat;
background-position:right 1px;
padding-right:100px;
padding-top:3px;}

section.deliver div.order1 a {display: block;
float:left;
width:190px;
text-align: center;
border: 1px solid #000;
padding:10px 20px 10px 5px;
margin: 5px;
margin-left:15px;
font-size: 13px;
color: #000000;
text-decoration: none;
background: url(../images/index/rankingvector.jpg) no-repeat #FFF;
background-position: 80% center;}


section.deliver div.order2 {background-color:#F6F5F1;
padding:20px;
overflow:hidden;
margin-top:30px;}

section.deliver div.order2 p {padding:0;
float:left;
background:url(../images/deliver/fax.jpg) no-repeat;
background-position:right center;
padding-right:125px;
padding-top:3px;}

section.deliver div.order2 a {display: block;
float:left;
width:190px;
text-align: center;
border: 1px solid #000;
padding:10px 20px 10px 5px;
margin: 5px;
margin-left:15px;
font-size: 13px;
color: #000000;
text-decoration: none;
background: url(../images/index/rankingvector.jpg) no-repeat #FFF;
background-position: 85% center;}


section.deliver div.caution {border:1px solid #E4D9C7;
padding:10px;
margin-top: 20px;
margin-bottom:40px;}

section.deliver div.caution span {font-weight:bold;
color:#A91B1D;
font-size:16px;}

section.deliver p.mike {min-height:133px;
padding-right:220px;
background:url(../images/deliver/microphone.jpg) no-repeat;
background-position:98% top;}

section.deliver p.pic {min-height:133px;
padding-right:220px;
background:url(../images/deliver/pic.jpg) no-repeat;
background-position:98% top;}

}


@media screen and (max-width: 479px){
section.deliver h2.midashi {color:#FFFFFF;
background-color:#A91C1D;
padding:10px 20px;
text-align:center;
    margin: 0;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;}


section.deliver ul {list-style:none;
margin-top:10px;
margin-bottom:10px;}

section.deliver li {margin-top:10px;
font-size:15px;}

section.deliver p {font-size:14px;
    padding: 10px 0px;
	text-align:justify;
line-height:160%;}

section.deliver article {background-color:#FFF;
padding:10px;
margin-bottom: 50px;}

section.deliver article dd {font-size: 14px;
    line-height: 24px;}


section.deliver h3 {border-bottom:1px solid #000;
padding-bottom:5px;
margin-bottom:5px;}

section.deliver dl.tel {background-color:#F6F5F1;
padding:20px;
background-image:url(../images/deliver/tel.jpg);
background-repeat:no-repeat;
background-position:400px center;
margin-bottom:0;}

section.deliver dt {font-weight:bold;
padding-bottom:10px;}

section.deliver div.order1 {background-color:#F6F5F1;
padding:20px;
overflow:hidden;
margin-top:10px;}

section.deliver div.order1 p {    padding: 0;
    /* float: left; */
    background: url(../images/deliver/web.jpg) no-repeat;
    background-position: right 1px;
    padding-right: 50px;
    padding-top: 3px;}
section.deliver div.order1 p br {display:none;}
section.deliver div.order1 a {display: block;
    /* float: left; */
    width: 190px;
    text-align: center;
    border: 1px solid #000;
    padding: 10px 20px 10px 5px;
    margin: 0 auto;
	margin-top:20px;
    font-size: 13px;
    color: #000000;
    text-decoration: none;
    background: url(../images/index/rankingvector.jpg) no-repeat #FFF;
    background-position: 80% center;}


section.deliver div.order2 {background-color:#F6F5F1;
padding:20px;
overflow:hidden;
margin-top:10px;}

section.deliver div.order2 p {padding:0;
background:url(../images/deliver/fax.jpg) no-repeat;
background-position:right center;
padding-right: 50px;
padding-top:3px;}

section.deliver div.order2 a {display: block;

width:190px;
text-align: center;
border: 1px solid #000;
padding:10px 20px 10px 5px;
    margin: 0 auto;
	margin-top:20px;
font-size: 13px;
color: #000000;
text-decoration: none;
background: url(../images/index/rankingvector.jpg) no-repeat #FFF;
background-position: 85% center;}


section.deliver div.caution {border:1px solid #E4D9C7;
padding:10px;
margin-top: 20px;
margin-bottom:40px;}

section.deliver div.caution span {font-weight:bold;
color:#A91B1D;
font-size:16px;}

section.deliver p.mike {padding-bottom: 150px;
    background: url(../images/deliver/microphone.jpg) no-repeat;
    background-position: right bottom;
	text-align: justify;}

section.deliver p.pic {padding-bottom: 150px;
text-align: justify;
background:url(../images/deliver/pic.jpg) no-repeat;
    background-position: right bottom;}

}







/*----------------------------------------------------------*/
/*-------------------------proposal-------------------------*/
/*----------------------------------------------------------*/

@media screen and (min-width: 480px){
section.proposal h2.midashi {font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
color:#FFFFFF;
text-align:center;
background:url(../images/proposal/midashiback.jpg) no-repeat;
height:45px;
line-height: 45px;
margin:0;}

section.proposal article {min-height:177px;
padding:15px;
padding-right:300px;
background-color:#FFFFFF;
margin-bottom:40px;}

section.proposal article.case1 {background-image:url(../images/proposal/pic1.jpg);
background-repeat:no-repeat;
background-position:96% 15px;}
section.proposal article.case2 {background-image:url(../images/proposal/pic2.jpg);
background-repeat:no-repeat;
background-position:96% 15px;}
section.proposal article.case3 {background-image:url(../images/proposal/pic3.jpg);
background-repeat:no-repeat;
background-position:96% 15px;}
section.proposal article.case4 {background-image:url(../images/proposal/pic4.jpg);
background-repeat:no-repeat;
background-position:96% 15px;}
section.proposal article.case5 {background-image:url(../images/proposal/pic5.jpg);
background-repeat:no-repeat;
background-position:96% 15px;}
section.proposal article.case6 {background-image:url(../images/proposal/pic6.jpg);
background-repeat:no-repeat;
background-position:96% 15px;}

section.proposal article p {line-height: 22px;
margin-bottom:5px;}

section.proposal article a {display:block;
text-decoration:none;
color:#E84C20;
padding-left:20px;
background:url(../images/proposal/vector.jpg) no-repeat;
background-position:left center;
margin-bottom:10px;}
section.proposal article a:hover {text-decoration:underline;}

section.proposal article div {padding:10px;
background-color:#FAF6F2;
font-size:13px;}
section.proposal article div p {margin:0;}
section.proposal article div span {color:#803908;}
}

@media screen and (max-width: 479px){
section.proposal h2.midashi {font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
color:#FFFFFF;
text-align:center;
background:url(../images/proposal/midashiback.jpg) no-repeat;
height:45px;
line-height: 45px;
margin:0;}

section.proposal article {
    padding: 15px;
    font-size: 14px;
    padding-right: 130px;
    background-color: #FFFFFF;
    margin-bottom: 20px;
	padding-bottom: 30px;}

section.proposal article.case1 {background-image:url(../images/proposal/pic1.jpg);
background-repeat:no-repeat;
background-position:96% 15px;
background-size: 30%;}
section.proposal article.case2 {background-image:url(../images/proposal/pic2.jpg);
background-repeat:no-repeat;
background-position:96% 15px;
background-size: 30%;}
section.proposal article.case3 {background-image:url(../images/proposal/pic3.jpg);
background-repeat:no-repeat;
background-position:96% 15px;
background-size: 30%;}
section.proposal article.case4 {background-image:url(../images/proposal/pic4.jpg);
background-repeat:no-repeat;
background-position:96% 15px;
background-size: 30%;}
section.proposal article.case5 {background-image:url(../images/proposal/pic5.jpg);
background-repeat:no-repeat;
background-position:96% 15px;
background-size: 30%;}
section.proposal article.case6 {background-image:url(../images/proposal/pic6.jpg);
background-repeat:no-repeat;
background-position:96% 15px;
background-size: 30%;}

section.proposal article p {line-height: 22px;
margin-bottom:5px;}

section.proposal article a {display:block;
text-decoration:none;
color:#E84C20;
margin-bottom:10px;}
section.proposal article a:hover {text-decoration:underline;}

section.proposal article div {padding:10px;
background-color:#FAF6F2;
font-size:13px;}
section.proposal article div p {margin:0;}
section.proposal article div span {color:#803908;}
}


/*----------------------------------------------------------*/
/*------------------------- company-------------------------*/
/*----------------------------------------------------------*/
@media screen and (min-width: 480px){
section.company h2.midashi {color:#59483F;
background-color:#E4D6C0;
padding:10px 20px;
margin:0;
font-size:17px;
margin-bottom: 20px;}

section.company p {padding:0px 10px;
line-height:26px;
margin-bottom:40px;}

section.company dl.table {border-top:1px solid #E4D9C7;
border-left:1px solid #E4D9C7;
border-right:1px solid #E4D9C7;
overflow:hidden;
margin:0;
background-color:#FFFFFF;}

section.company dl.tablelast {border-bottom:1px solid #E4D9C7;}


section.company dl.table dt {float:left;

padding:15px 20px;
width:137px;}

section.company dl.table dd {float:left;
padding:15px 20px;
border-left:1px solid #E4D9C7;
width:510px;}

section.company div.company_map {border:2px solid #FFF;
margin-top:40px;} 

section.company div.company_map iframe {display:block;
height:400px;
width:100%;}
}

@media screen and (max-width: 479px){
section.company h2.midashi {color:#59483F;
background-color:#E4D6C0;
padding:10px 20px;
margin:0;
font-size:17px;
margin-bottom: 20px;}

section.company p {padding:0px 10px;
line-height:26px;
margin-bottom:40px;}

section.company dl.table {border-top:1px solid #E4D9C7;
border-left:1px solid #E4D9C7;
border-right:1px solid #E4D9C7;
overflow:hidden;
    margin: 0 auto;
    width: 95%;
background-color:#FFFFFF;}

section.company dl.tablelast {border-bottom:1px solid #E4D9C7;}


section.company dl.table dt {padding:15px 20px;
border-bottom:1px dashed #E4D9C7;}

section.company dl.table dd {
padding:15px 20px;
}

section.company div.company_map {border:2px solid #FFF;
width: 90%;
    margin: 0 auto;
    margin-top: 40px;} 

section.company div.company_map iframe {display:block;
height:300px;
width:100%;}
}


/*----------------------------------------------------------*/
/*------------------------- sitemap-------------------------*/
/*----------------------------------------------------------*/
@media screen and (min-width: 480px){
section.sitemap h2.midashi {color:#FFFFFF;
background-color:#A91C1D;
padding:10px 20px;
text-align:center;
    margin: 0;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;}

section.sitemap article {padding:20px 10px;
background-color:#FFFFFF;
overflow:hidden;}

section.sitemap article p {border-bottom:1px solid #E4D9C7;
padding-left:30px;
padding-bottom:5px;
background:url(../images/sitemap/vector.jpg) no-repeat;
background-position:5px 2px;
margin: 0px 15px;}


section.sitemap article a {display:block;
text-decoration:none;
color:#000000;
border-bottom:1px solid #E4D9C7;
padding-left:30px;
padding-bottom:5px;
background:url(../images/sitemap/vector.jpg) no-repeat;
background-position:5px 2px;
width:300px;
margin-top:20px;
float:left;
margin-left:15px;}
section.sitemap article a:hover {text-decoration:underline;}

section.sitemap article dt {
color:#AB581F;
margin: 0px 15px;
border-bottom:1px solid #E4D9C7;
padding-bottom:5px;}

section.sitemap article dt.open:before {
    content: " \0025bc";}
section.sitemap article dt:before {
    content: " \0025b6";}



section.sitemap article p a {border:none;
background:none;
padding:0;
float:none;
display:inline;
margin:0;}
}

@media screen and (max-width: 479px){
section.sitemap h2.midashi {color:#FFFFFF;
background-color:#A91C1D;
padding:10px 20px;
text-align:center;
    margin: 0;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;}

section.sitemap article {padding:10px;
background-color:#FFFFFF;
overflow:hidden;}

section.sitemap article p {border-bottom:1px solid #E4D9C7;
padding-left:30px;
padding-bottom:5px;
background:url(../images/sitemap/vector.jpg) no-repeat;
background-position:5px 2px;}


section.sitemap article a {display:block;
text-decoration:none;
color:#000000;
border-bottom:1px solid #E4D9C7;
padding-left:30px;
padding-bottom:5px;
background:url(../images/sitemap/vector.jpg) no-repeat;
background-position:5px 2px;
margin-top:20px;}
section.sitemap article a:hover {text-decoration:underline;}

section.sitemap article dt {
color:#AB581F;
border-bottom:1px solid #E4D9C7;
padding-bottom:5px;}

section.sitemap article dt.open:before {
    content: " \0025bc";}
section.sitemap article dt:before {
    content: " \0025b6";}



section.sitemap article p a {border:none;
background:none;
padding:0;
float:none;
display:inline;
margin:0;}
}

/*----------------------------------------------------------*/
/*------------------------- voice  -------------------------*/
/*----------------------------------------------------------*/
@media screen and (min-width: 480px){
section.voice h2.midashi {color:#59473F;
border-bottom:2px solid #FFFFFF;
padding:10px 20px;
margin:0;
text-align:center;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
margin-bottom:15px;}

section.voice aside {background-color:#E4D6C0;
padding:15px;}

section.voice aside div {background:url(../images/index/wasi.jpg);
padding:20px;
margin-top:15px;}

section.voice aside h3 {color:#A91C1D;
padding-bottom:5px;
border-bottom:1px solid #A91C1D;
margin-top:0px;
margin-bottom:15px;}

section.voice aside p {line-height: 26px;
font-size:14px;}

section.voice article {background-color:#E4D6C0;
padding:15px;}

section.voice article h3 {color:#A91C1D;
padding-bottom:5px;
margin-top:0px;
margin-bottom:15px;
display:inline;
font-size:16px;
float:left;}

section.voice article span {float:right;}

section.voice article div {background:url(../images/index/wasi.jpg);
padding:20px;
}

section.voice article figure {
clear:both;
margin:0;}
section.voice article figcaption {float:left;
width:500px;
padding-left:20px;}
section.voice article figure img {float:left;}
section.voice article p {line-height: 24px;
font-size:14px;
color:#59473F;
}

section.voice article a {display:block;
text-align:right;
color:#A91C1D;}
}

@media screen and (max-width: 479px){
section.voice h2.midashi {color:#59473F;
border-bottom:2px solid #FFFFFF;
padding:10px 20px;
margin:0;
text-align:center;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
margin-bottom:15px;
font-size:18px;}

section.voice aside {background-color:#E4D6C0;
padding:15px;}

section.voice aside div {background:url(../images/index/wasi.jpg);
padding:20px;
margin-top:15px;}

section.voice aside h3 {color:#A91C1D;
padding-bottom:5px;
border-bottom:1px solid #A91C1D;
margin-top:0px;
margin-bottom:15px;
font-size: 16px;
    line-height: 24px;}

section.voice aside p {line-height: 26px;
font-size:14px;}

section.voice article {background-color:#E4D6C0;
padding:15px;}

section.voice article h3 {color:#A91C1D;
padding-bottom:5px;
margin-top:0px;
margin-bottom:5px;
display:inline;
font-size:16px;
float:left;}

section.voice article span {display:block;
text-align:right;
margin-bottom:10px;}

section.voice article div {background:url(../images/index/wasi.jpg);
padding:20px;
}

section.voice article figure {
clear:both;
margin:0;}
section.voice article figcaption {font-size: 14px;
    padding-top: 10px;
    line-height: 23px;}
section.voice article figure img {margin:0 auto;
    display: block;}
section.voice article p {line-height: 24px;
font-size:14px;
color:#59473F;
}

section.voice article a {display:block;
text-align:right;
color:#A91C1D;
font-size: 14px;
    margin-top: 10px;}
}


/*----------------------------------------------------------*/
/*------------------------corporate-------------------------*/
/*----------------------------------------------------------*/

@media screen and (min-width: 480px){
div.corporate_service {background-color:#FFFFFF;
padding:10px;
margin-bottom:30px;
min-height:370px;
padding-left:371px;
background-image:url(../images/corporate_service/pic1.jpg);
background-repeat:no-repeat;
background-position:10px 10px;}

div.corporate_service h2 {overflow:hidden;
white-space:nowrap;
text-indent:100%;
height:50px;
background:url(../images/corporate_service/midashi1.jpg) no-repeat;}

div.corporate_service h3 {color:#1D6F6F;
margin-bottom:3px;
font-size:15px;
margin-top:50px;}

div.corporate_service ol {background-color:#539C9C;
padding:10px 20px;
color:#FFF;
font-size:14px;
margin:0;}

div.corporate_service li {padding:5px 0px;}


div.corporate_service2 {background-color:#FFFFFF;
padding:10px;
margin-bottom:30px;
min-height:370px;
padding-left:371px;
background-image:url(../images/corporate_service/pic2.jpg);
background-repeat:no-repeat;
background-position:10px 10px;}

div.corporate_service2 h2 {overflow:hidden;
white-space:nowrap;
text-indent:100%;
height:50px;
background:url(../images/corporate_service/midashi2.jpg) no-repeat;}

div.corporate_service2 h3 {color:#3A5F8B;
margin-bottom:3px;
font-size:15px;
margin-top:65px;}

div.corporate_service2 ol {background-color:#3A5F8B;
padding:10px 25px;
color:#FFF;
font-size:14px;
margin:0;
padding-bottom: 35px;}

div.corporate_service2 li {padding:5px 0px;}

}


@media screen and (max-width: 479px){
div.corporate_service {background-color: #FFFFFF;
    padding: 10px;
    margin-bottom: 30px;
    padding-bottom: 320px;
    background-image: url(../images/corporate_service/pic1.jpg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center 98%;}

div.corporate_service h2 {overflow:hidden;
white-space:nowrap;
text-indent:100%;
height:50px;
background:url(../images/corporate_service/midashi1.jpg) no-repeat;}

div.corporate_service h3 {color:#1D6F6F;
margin-bottom:3px;
font-size:15px;}

div.corporate_service ol {background-color:#539C9C;
padding:10px 0px 10px 20px;
color:#FFF;
font-size:14px;
margin:0;}

div.corporate_service li {padding:5px 0px;}


div.corporate_service2 {background-color: #FFFFFF;
    padding: 10px;
    margin-bottom: 30px;
    padding-bottom: 320px;
    background-image: url(../images/corporate_service/pic2.jpg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center 98%;}

div.corporate_service2 h2 {overflow:hidden;
white-space:nowrap;
text-indent:100%;
height:50px;
background:url(../images/corporate_service/midashi2.jpg) no-repeat;}

div.corporate_service2 h3 {color:#3A5F8B;
margin-bottom:3px;
font-size:15px;
margin-top:65px;}

div.corporate_service2 ol {background-color:#3A5F8B;
padding:10px 0px 10px 20px;
color:#FFF;
font-size:14px;
margin:0;
padding-bottom: 35px;}

div.corporate_service2 li {padding:5px 0px;}

img.bunners {margin-left: -25px;
    padding-bottom: 10px;
    width: 200%;
    height: 200%;}

img.bunners1 {    margin-left: -25px;
    padding-bottom: 10px;
    width: 200%;
    height: 200%;}

}



/*----------------------------------------------------------*/
/*------------------------question -------------------------*/
/*----------------------------------------------------------*/
@media screen and (min-width: 480px){
section.question h2.midashi {color:#FFFFFF;
background-color:#A91C1D;
padding:10px 20px;
text-align:center;
    margin: 0;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;}

section.question article {padding:20px 10px;
background-color:#FFFFFF;
overflow:hidden;}

section.question article dl {padding:0px 10px;
margin:0;}

section.question article dt {background-color:#EBEBEB;
font-weight:bold;
padding:10px 25px;
margin-top:20px;
}

section.question article dt:first-child {margin-top:10px;}

section.question article dd {padding:10px 25px;
line-height:26px;}
}

@media screen and (max-width: 479px){
section.question h2.midashi {color:#FFFFFF;
background-color:#A91C1D;
padding:10px 20px;
text-align:center;
    margin: 0;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;}

section.question article {padding:20px 10px;
background-color:#FFFFFF;
overflow:hidden;}

section.question article dl {padding:0px 10px;
margin:0;}

section.question article dt {background-color:#EBEBEB;
font-weight:bold;
padding:10px;
margin-top:20px;
font-size: 14px;
}

section.question article dt:first-child {margin-top:10px;}

section.question article dd {padding:10px;
text-align:justify;
line-height:26px;
font-size: 14px;}
}



/*----------------------------------------------------------*/
/*------------------------   blog  -------------------------*/
/*----------------------------------------------------------*/

section.blog article {padding:20px;
background-color:#FFFFFF;
overflow:hidden;}

section.blog article div {padding-bottom:25px;
background:url(../images/blog/point.jpg) no-repeat;
background-position:center bottom;
margin-bottom: 25px;}

section.blog article div:last-child {background:none;}

section.blog article h3 {color:#FFFFFF;
background-color:#D373A8;
padding:10px 15px;
margin:10px 0px;
font-weight:normal;}

section.blog article dl {padding:15px;
border:1px solid #D373A8;
margin:0;}

section.blog article dt {color:#65063A;
margin-bottom:10px;}
section.blog article dd {line-height:24px;}

/*----------------------------------------------------------*/
/*------------------------  news   -------------------------*/
/*----------------------------------------------------------*/

section.news article {padding:20px;
background-color:#FFFFFF;
overflow:hidden;}

section.news article div {padding-bottom:25px;
background:url(../images/blog/point2.jpg) no-repeat;
background-position:center bottom;
margin-bottom: 25px;}

section.news article div:last-child {background:none;}

section.news article h3 {color:#FFFFFF;
background-color:#6ACD6A;
padding:10px 15px;
margin:10px 0px;
font-weight:normal;}

section.news article dl {padding:15px;
border:1px solid #6ACD6A;
margin:0;}

section.news article dt {color:#035C03;
margin-bottom:10px;}
section.news article dd {line-height:24px;}

/*----------------------------------------------------------*/
/*------------------------ feature -------------------------*/
/*----------------------------------------------------------*/

section.feature div.feature {background-color:#FFFFFF;
margin-bottom:30px;
min-height:200px;
padding-left:300px;
background:url(../images/feature/pic.jpg) no-repeat #FFF;
background-position:left;}

section.feature h2.midashi {color: #FFFFFF;
    background-color: #A91C1D;
    padding: 10px 20px;
    margin: 0;}

section.feature div.feature p {padding:10px;
line-height:24px;}


/*----------------------------------------------------------*/
/*------------------------ ranking -------------------------*/
/*----------------------------------------------------------*/

section.ranking article figure h3 {white-space:nowrap;
text-indent:100%;
overflow:hidden;
height:39px;
margin-top:0;
margin-bottom:3px;}

h3.ranking1 {background:url(../images/ranking/no1.jpg) no-repeat;
background-position:center;}
h3.ranking2 {background:url(../images/ranking/no2.jpg) no-repeat;
background-position:center;}
h3.ranking3 {background:url(../images/ranking/no3.jpg) no-repeat;
background-position:center;}
h3.ranking4 {background:url(../images/ranking/no4.jpg) no-repeat;
background-position:center;}
h3.ranking5 {background:url(../images/ranking/no5.jpg) no-repeat;
background-position:center;}
h3.ranking6 {background:url(../images/ranking/no6.jpg) no-repeat;
background-position:center;}


/*----------------------------------------------------------*/
/*------------------------  form   -------------------------*/
/*----------------------------------------------------------*/
@media screen and (min-width: 480px){
section.form h2.midashi {color:#FFFFFF;
background-color:#A91C1D;
padding:10px 20px;
text-align:center;
margin: 0;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;}

section.form article {padding:20px 10px;
background-color:#FFFFFF;}

section.form form dl {overflow:hidden;
background-color:#F6F5F1;
margin:0;
border-top:1px solid #E4D9C7;
border-left:1px solid #E4D9C7;
border-right:1px solid #E4D9C7;}

section.form form dl.text {border-bottom:1px solid #E4D9C7;}

section.form form dt {float:left;
width:180px;
padding:10px 20px;
line-height: 24px;
font-size: 14px;}

section.form form dt.must {background:url(../images/form/must.jpg) no-repeat;
background-position:170px center;}

section.form form dd {float:left;
background-color:#FFFFFF;
width:447px;
border-left:1px solid #E4D9C7;
padding:10px 20px;}

input.formbar {width:400px;}

input.formbar_small1 {width:120px;
margin-right:10px;}
input.formbar_small2 {width:180px;}

input.formbar_little1 {width:120px;
margin-right:10px;}

input.formbar_little2 {width:50px;
margin-right:10px;}

[type="radio"] {margin-top:5px;}



section.form textarea {width:400px;
height: 130px;}

p.sendbutton {text-align:center;
margin-top:30px;
margin-bottom:40px;}

p.sendbutton button {display: block;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    color: #810709;
	padding:10px 70px;
    background-color:#FFC08D;
    border-radius: 5px;
    margin-right: auto;
    margin-left: auto;
    border: 0;
}

section.form table th {width: 200px;
    padding: 10px;}
}


@media screen and (max-width: 479px){
section.form h2.midashi {color:#FFFFFF;
background-color:#A91C1D;
padding:10px 20px;
text-align:center;
margin: 0;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;}

section.form article {padding:20px 10px;
background-color:#FFFFFF;}

section.form form dl {overflow:hidden;
background-color:#F6F5F1;
margin:0;
border-top:1px solid #E4D9C7;
border-left:1px solid #E4D9C7;
border-right:1px solid #E4D9C7;}

section.form form dl.text {border-bottom:1px solid #E4D9C7;}

section.form form dt {padding:10px;
line-height: 24px;
font-size: 14px;}

section.form form dt.must {background:url(../images/form/must.jpg) no-repeat;
background-position:90% center;}

section.form form dd {
background-color:#FFFFFF;
padding:10px;}

input.formbar {width:400px;}

input.formbar_small1 {width:120px;
margin-right:10px;}
input.formbar_small2 {width:180px;}

input.formbar_little1 {width:120px;
margin-right:10px;}

input.formbar_little2 {width:50px;
margin-right:10px;}

[type="radio"] {margin-top:5px;}



section.form textarea {width:98%;
height: 130px;}

p.sendbutton {text-align:center;
margin-top:30px;
margin-bottom:40px;}

p.sendbutton button {display: block;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    color: #810709;
	padding:10px 70px;
    background-color:#FFC08D;
    border-radius: 5px;
    margin-right: auto;
    margin-left: auto;
    border: 0;
}

section.form table th {width: 200px;
    padding: 10px;}
}





/*----------------------------------------------------------*/
/*------------------------ impress -------------------------*/
/*----------------------------------------------------------*/
@media screen and (min-width: 480px){
section.impress h2.midashi {color:#FFFFFF;
background-color:#A91C1D;
padding:10px 20px;
text-align:center;
margin: 0;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;}

section.impress article {padding:20px 10px;
background-color:#FFFFFF;}

section.impress form dl {overflow:hidden;
background-color:#F6F5F1;
margin:0;
border-top:1px solid #E4D9C7;
border-left:1px solid #E4D9C7;
border-right:1px solid #E4D9C7;}

section.impress form dl.text {border-bottom:1px solid #E4D9C7;}

section.impress form dt {float:left;
display:table-cell;
width:180px;
padding:10px 5px;
line-height: 24px;
font-size: 14px;
}

section.impress form dt.must {background:url(../images/form/must.jpg) no-repeat;
background-position:150px center;
padding-right:30px;
width:155px;}

section.impress form dd {float:left;
background-color:#FFFFFF;
width:477px;
border-left:1px solid #E4D9C7;
padding:10px 20px;
display:table-cell;
vertical-align:middle;}

section.impress form dd p {padding: 15px 0px;
    line-height: 24px;
    font-size: 14px;}

input.formbar {width:400px;}

input.formbar_small1 {width:120px;
margin-right:10px;}
input.formbar_small2 {width:180px;}

input.formbar_little1 {width:120px;
margin-right:10px;}

input.formbar_little2 {width:50px;
margin-right:10px;}

[type="radio"] {margin-top:5px;}

section.impress dd.pad {padding: 50px 20px;}

section.impress textarea {width:400px;
height: 130px;}

p.sendbutton {text-align:center;
margin-top:30px;
margin-bottom:40px;}

p.sendbutton button {display: block;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    color: #810709;
	padding:10px 70px;
    background-color:#FFC08D;
    border-radius: 5px;
    margin-right: auto;
    margin-left: auto;
    border: 0;
}


section.impress [type="radio"] {
margin-left:5px;}

section.impress article table th {width: 200px;
    padding: 10px;}
}

@media screen and (max-width: 479px){
section.impress h2.midashi {color:#FFFFFF;
background-color:#A91C1D;
padding:10px 20px;
text-align:center;
margin: 0;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;}

section.impress article {padding:20px 10px;
background-color:#FFFFFF;}

section.impress form dl {overflow:hidden;
background-color:#F6F5F1;
margin:0;
border-top:1px solid #E4D9C7;
border-left:1px solid #E4D9C7;
border-right:1px solid #E4D9C7;}

section.impress form dl.text {border-bottom:1px solid #E4D9C7;}

section.impress form dt {
padding:10px 5px;
line-height: 24px;
font-size: 14px;
}

section.impress form dt.must {background:url(../images/form/must.jpg) no-repeat;
background-position:98% center;
padding-right:30px;}

section.impress form dd {
background-color:#FFFFFF;

padding:10px;

vertical-align:middle;}

section.impress form dd p {padding: 15px 0px;
    line-height: 24px;
    font-size: 14px;}

input.formbar {width:95%;}

input.formbar_small1 {width:100px;
margin-right:5px;}
input.formbar_small2 {width:160px;}

input.formbar_little1 {width:120px;
margin-right:10px;}

input.formbar_little2 {width:50px;
margin-right:10px;}

[type="radio"] {margin-top:5px;}

section.impress dd.pad {padding: 20px;
    font-size: 15px;
}

section.impress textarea {width:92%;
height: 130px;}

p.sendbutton {text-align:center;
margin-top:30px;
margin-bottom:0px;}

p.sendbutton button {display: block;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    color: #810709;
	padding:10px 70px;
    background-color:#FFC08D;
    border-radius: 5px;
    margin-right: auto;
    margin-left: auto;
    border: 0;
}


section.impress [type="radio"] {
margin-left:5px;}

section.impress article table th {width: 200px;
    padding: 10px;}
}



/*----------------------------------------------------------*/
/*------------------------itemdetail-------------------------*/
/*----------------------------------------------------------*/
@media screen and (min-width: 480px){
div.item_detail {background-color:#FFFFFF;
padding:20px 15px;
overflow:hidden;
margin-bottom: 30px;}

div.item_detail img {width:400px;
float:left;
display:block;}

div.item_detail aside {width:290px;
float:left;
margin-left:10px;
}

div.item_detail aside h3 {margin-top:0;
margin-bottom:8px;}
div.item_detail aside p {font-size:15px;
line-height:24px;}

div.item_detail aside span {
text-align:right;
display:block;
padding-top:10px;
font-size:18px;
color:#C55238;
font-weight:bold;
}

h2.ichiran_greet {margin-bottom:0;}


div.ichiran_greet {background-color:#FFF;
margin-bottom:30px;}


div.img_zoom {width:300px;
overflow:hidden;
height: 230px;
float:left;}

div.img_zoom img {/*
width: 400px;
margin-left: -50px;
margin-top: -25px;
*/
    width: 380px;
    margin-left: -45px;
    margin-top: -20px;

}

div.ichiran_greet p {float:left;
padding:15px;
width:400px;
line-height:24px;}
}

@media screen and (max-width: 479px){
div.item_detail {background-color:#FFFFFF;
padding:20px 15px;
overflow:hidden;
margin-bottom: 30px;}


div.item_detail img {width:100%;

display:block;}

div.item_detail aside {
}

div.item_detail aside h3 {
margin-bottom:8px;}
div.item_detail aside p {font-size:15px;
line-height:24px;}

div.item_detail aside span {
text-align:right;
display:block;
padding-top:10px;
font-size:18px;
color:#C55238;
font-weight:bold;
}

h2.ichiran_greet {margin-bottom:0;}


div.ichiran_greet {background-color:#FFF;
margin-bottom:30px;}


div.img_zoom {    width: 300px;
    overflow: hidden;
    height: 200px;
    display: block;
    margin: 0 auto;
    padding-top: 30px;}

div.img_zoom img {
    width: 380px;
    margin-left: -45px;
    margin-top: -20px;

}

div.ichiran_greet p {padding:15px;
    line-height: 20px;
    font-size: 14px;}
}








/*----------------------------------------------------------*/
/*------------------------ reason  -------------------------*/
/*----------------------------------------------------------*/
@media screen and (min-width: 480px){
section.reason h2.midashi {text-indent:100%;
white-space:nowrap;
overflow:hidden;
width:730px;
height:295px;
background:url(../images/reason/mainvisual.png) no-repeat;
margin:0;
border-radius: 5px;}

section.reason article {background-image: url(../images/reason/back.jpg);
    padding: 20px;
    margin-top: 40px;
    padding-bottom: 50px;
	padding-top: 10px;}

section.reason article h3 {text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../images/reason/kodawari.jpg) no-repeat;
height:232px;
background-position:right;
margin:0;}

section.reason article dl {padding: 48px;
margin:0;
min-height:110px;}

section.reason article dt {text-indent:100%;
white-space:nowrap;
overflow:hidden;
height:27px;}

section.reason article dl.left {padding-right:320px;
padding-left:10px;}
section.reason article dl.right {padding-left:320px;
padding-right:10px;}

section.reason article dl.pic1 {background:url(../images/reason/pic1.jpg) no-repeat;
background-position:right;}
section.reason article dl.pic2 {background:url(../images/reason/pic2.jpg) no-repeat;
background-position:left;}
section.reason article dl.pic3 {background:url(../images/reason/pic3.jpg) no-repeat;
background-position:right;}
section.reason article dl.pic4 {background:url(../images/reason/pic4.jpg) no-repeat;
background-position:left;}
section.reason article dl.pic5 {background:url(../images/reason/pic5.jpg) no-repeat;
background-position:right;}
section.reason article dl.pic6 {background:url(../images/reason/pic6.jpg) no-repeat;
background-position:left;}


section.reason article dl.pic1 dt {background:url(../images/reason/point1.jpg) no-repeat;
background-position:left center;}

section.reason article dl.pic2 dt {background:url(../images/reason/point2.jpg) no-repeat;
background-position:left center;}

section.reason article dl.pic3 dt {background:url(../images/reason/point3.jpg) no-repeat;
background-position:left center;}

section.reason article dl.pic4 dt {background:url(../images/reason/point4.jpg) no-repeat;
background-position:left center;}

section.reason article dl.pic5 dt {background:url(../images/reason/point5.jpg) no-repeat;
background-position:left center;}

section.reason article dl.pic6 dt {background:url(../images/reason/point6.jpg) no-repeat;
background-position:left center;}



section.reason article dd {margin-top:10px;
    line-height: 24px;}
}





@media screen and (max-width: 479px){
section.reason h2.midashi {text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    /* width: 730px; */
    height: 150px;
    background: url(../images/reason/mainvisual.png) no-repeat;
    margin: 0;
    background-size: contain;}

section.reason article {background-image: url(../images/reason/back.jpg);
    padding: 10px;
    margin-top: 20px;
	padding-top: 10px;}

section.reason article h3 {    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(../images/reason/kodawari.jpg) no-repeat;
    height: 120px;
    background-size: contain;
    margin: 0;}

section.reason article dl {
margin:0;
min-height:110px;
margin-bottom:20px;}

section.reason article dt {text-indent:100%;
white-space:nowrap;
overflow:hidden;
height:27px;}

section.reason article dl.left {padding-bottom:220px;}
section.reason article dl.right {padding-bottom:230px;}

section.reason article dl.pic1 {background:url(../images/reason/pic1.jpg) no-repeat;
background-position: center 85%;}
section.reason article dl.pic2 {background:url(../images/reason/pic2.jpg) no-repeat;
background-position: center 85%;}
section.reason article dl.pic3 {background:url(../images/reason/pic3.jpg) no-repeat;
background-position: center 85%;}
section.reason article dl.pic4 {background:url(../images/reason/pic4.jpg) no-repeat;
background-position:center 85%;}
section.reason article dl.pic5 {background:url(../images/reason/pic5.jpg) no-repeat;
background-position:center 85%;}
section.reason article dl.pic6 {background:url(../images/reason/pic6.jpg) no-repeat;
background-position:center 85%;}


section.reason article dl.pic1 dt {background:url(../images/reason/point1.jpg) no-repeat;
background-position:left center;}

section.reason article dl.pic2 dt {background:url(../images/reason/point2.jpg) no-repeat;
background-position:left center;}

section.reason article dl.pic3 dt {background:url(../images/reason/point3.jpg) no-repeat;
background-position:left center;}

section.reason article dl.pic4 dt {background:url(../images/reason/point4.jpg) no-repeat;
background-position:left center;}

section.reason article dl.pic5 dt {background:url(../images/reason/point5.jpg) no-repeat;
background-position:left center;}

section.reason article dl.pic6 dt {background:url(../images/reason/point6.jpg) no-repeat;
background-position:left center;}



section.reason article dd {margin-top:10px;
    line-height: 24px;}
}