@media screen and  (min-width: 641px){/* -----------PC----------- */

.top-news-sp,
.top-banner-sp,
.footer-banner-sp,
#header-sp,
.topmain-sp,
h3.side-h3-sp,
.sp-only{
display:none;
}

}


@media screen and  (max-width: 640px){/* -----------スマートフォン----------- */
.pbPage{
-webkit-text-size-adjust : none;
}

#header,
#main-top,
.top-news,
.pankuzu,
#side h3 img,
.footer-banner,
dl.footerdl,
.gototop,
.pc-only{
display:none;
}

ul{
list-style:none;
}


#container{
width:100%;

margin:0;
background-image:none;
background-color:#none;
}
#body-700{
float:none;
width:100%;
background:#fff;
}

.contents img{
max-width:100%;
height:auto;
}

/*
#container img{
max-width:100%;
height:auto;
}
*/

.contents{
padding:10px;
background-image:none;
}
#body-700 .contents{
background-image:none;
}

/* ------------Headr-sp------------ */

#header-sp{
margin:0;
padding:0;
width:100%;
min-height:60px;
background:url(../images/sp/header-sp-bg.png) 0 0 repeat-x #fff;
border-bottom:1px solid #ffa108;
background-size:320px 60px;
position:relative;
}

#header-sp h1 a{
font-size:1px;
text-indent:-9999px;
background:url(../images/sp/header-sp-logo.png) no-repeat ;
background-size:320px 60px;
position:absolute;
top:2px;
left:0;
width:250px;
height:60px;
display:block;
margin:0;
}


/*-------SP アコーディオンmenu-----*/




#header-sp dl#acMenu{
width:100%;
padding:0;
margin:0;
}


#acMenu dt{
z-index:10;
display:block;
width:100%;
height:60px;
line-height:100%;
font-size:1px;
text-indent:-9999px;
overflow:hidden;
display:block;
background-image:url(../images/sp/menu-btn.png);
background-position:top right;
background-repeat:no-repeat;
background-size:60px 60px;
cursor:pointer;
}
#acMenu dt.active{background-image:url(../images/sp/menu-btn-close.png);}


#acMenu dd{
line-height:100%;
text-align:left;
display:none;
padding:10px;
background:url(../images/sp/menu-bg.png) 0 0 repeat-x #ffb905;
background-size:320px 60px;
}


#acMenu dd ul.closebtn{
margin:10px 0 0;
}
#acMenu dd ul.closebtn li{
padding:0;
margin:0;
}
#acMenu dd ul.closebtn li a{
background-image:url(../images/sp/menu-btn-close.png);
background-repeat:no-repeat;
background-position:center 50%;
background-size:60px 60px;
font-size:1px;
text-indent:-9999px;
display:block;
width:100%;
height:60px;
padding:0;
}



#acMenu dd ul{
margin:0 0 6px;
padding:0;


}

#acMenu dd ul li{
padding:0;
line-height:100%;
margin:0 0 1px;
}

#acMenu dd ul li a{
padding:13px 5px 13px 15px;
display:block;
text-decoration:none;
}

/*---GL----*/
#acMenu dd ul.globamenu-sp{

}
#acMenu dd ul.globamenu-sp li{
font-size:90%;
border:1px solid #fff;
background-color:#fff;
background:url(../images/global/global_menu_bg.gif) 0 0 repeat-x;

}

#acMenu dd ul.globamenu-sp li a{
font-weight:bold;
background:url(../images/sp/sp-txtlink.png)  right 50% no-repeat ;
background-size:26px;
letter-spacing:1px;
border-left:6px solid #7d4725;
}
#acMenu dd ul li a:link   {color:#333;text-decoration:none;}
#acMenu dd ul li a:visited{color:#333;text-decoration:none;}
#acMenu dd ul li a:active {color:#ff920e;text-decoration:underline;}
#acMenu dd ul li a:hover  {color:#ff920e;text-decoration:underline;}


#acMenu dd ul.globamenu-sp li.eiyo a{
background:url(../images/sp/sp-txtlink-01-gre.png)  right 50% no-repeat ;
background-size:26px;
border-left:6px solid #4d9d18;
}
#acMenu dd ul li.eiyo a:link   {color:#4d9d18;text-decoration:none;}
#acMenu dd ul li.eiyo a:visited{color:#4d9d18;text-decoration:none;}
#acMenu dd ul li.eiyo a:active {color:#4d9d18;text-decoration:underline;}
#acMenu dd ul li.eiyo a:hover  {color:#4d9d18;text-decoration:underline;}

#acMenu dd ul.globamenu-sp li.chori a{
background:url(../images/sp/sp-txtlink-02-blue.png)  right 50% no-repeat ;
background-size:26px;
border-left:6px solid #0784f9;
}
#acMenu dd ul li.chori a:link   {color:#0784f9;text-decoration:none;}
#acMenu dd ul li.chori a:visited{color:#0784f9;text-decoration:none;}
#acMenu dd ul li.chori a:active {color:#0784f9;text-decoration:underline;}
#acMenu dd ul li.chori a:hover  {color:#0784f9;text-decoration:underline;}

#acMenu dd ul.globamenu-sp li.seika a{
background:url(../images/sp/sp-txtlink-03-pink.png)  right 50% no-repeat ;
background-size:26px;
border-left:6px solid #ff5274;
}
#acMenu dd ul li.seika a:link   {color:#ff5274;text-decoration:none;}
#acMenu dd ul li.seika a:visited{color:#ff5274;text-decoration:none;}
#acMenu dd ul li.seika a:active {color:#ff5274;text-decoration:underline;}
#acMenu dd ul li.seika a:hover  {color:#ff5274;text-decoration:underline;}



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

#acMenu dd ul.h-global-sp li{
float:left;
width:50%;
font-size:80%;
}

#acMenu dd ul.h-global-sp li a{
margin:0 1px 0 0;
background-color:#fff;
}
#acMenu dd ul.h-global-sp li a{
background-image:url(../images/sp/icon-link-s.png);
background-position:right 50%;
background-repeat:no-repeat;
background-size:15px 10px;
}


#acMenu dd  ul.inq-global-sp{
margin:6px 0 0;
}
#acMenu dd  ul.inq-global-sp li{


}

#acMenu dd  ul.inq-global-sp li a{
font-size:100%;
letter-spacing:2px;
color:#FFF;
font-weight:normal;
background:#ff4609;

text-decoration:none;
}



/* ------------TXTBtn------------ */

ul.txtbtn{
text-align:center;
list-style:none;}

ul.txtbtn li a{
display:block;
padding:15px;
line-height:100%;
font-weight:bold;
font-size:80%;
white-space:nowrap;
margin:0;
border-radius:3px;
background:#fff;
text-decoration:none;
}

ul.txtbtn li a:visited{
text-decoration:none;
}
ul.txtbtn  a:hover{
text-decoration:none;
}


ul.gototop-sp{
margin:10px 20px;
}
ul.gototop-sp li a{
color:#FFF;
padding:15px 15px 15px 25px;
border:1px solid #e8570f;
background:url(../images/sp/sp-gototop.png) 15px center no-repeat #ff920e;
background-size:26px;
text-decoration:none;
}
ul.more-sp{
margin:10px 0 0;
}
ul.more-sp li a{
font-size:86%;
display:inline-block;
padding:15px 30px 15px 40px;
border:0px solid #ff920e;
background:url(../images/sp/sp-txtlink.png) 10px center no-repeat #fff;
background-size:26px;
text-decoration:none;
}




/* -----------TOP----------- */

/* ------TopMain-sp--- */

.topmain-sp{
background:#FFF;
width:100%;
margin:0;

border-bottom:1px solid #fbee9c;
}
.topmain-sp img{
width:100%;
}
.topmain-sp .topmain-sp-inn{
background:url(../images/top/top-main-bg.gif) top left repeat-x #ffa700;
background-size:216px 158px;
padding:10px 0 60px;
position:relative;
}


.topmain-sp .topmain-sp-inn p{
text-align:center;
margin:10px;
font-size:80%;
line-height:140%;
font-weight:bold;
color:#7c4527;
}

ul.siryou-sp{
position:absolute;
bottom:0;
left:50%;
margin:0 0 0 -140px;
width:280px;
z-index:2;
}

ul.siryou-sp li img{
width:100%;
}


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

.top-news-sp{

margin:0 0;
padding:20px 20px 10px;
background:#FFF;
}

.top-news-sp h2{
font-weight:bold;
font-size:120%;
line-height:100%;
color:#7c4527;
margin:0 0 15px;
padding:0 0 5px;
border-bottom:2px solid #7c4527;
}



.top-news-sp h2 .what{
font-size:80%;
font-weight:normal;
color:#fe6100;
margin:0 0 0 10px;
}

.top-news-sp dl{
clear:both;
padding:0 0 10px;
font-size:76%;
line-height:140%;
background-image:url(../images/sp/sp-dot.png);
background-size:160px 1px;
background-repeat:repeat-x;
background-position:bottom left;
margin:0 0 10px;
}
.top-news-sp dl dt{
display:inline-block;
padding:0 83px 0 0;
margin:0 0 5px;
background-position:top right;
background-repeat:no-repeat;
}


.top-news-sp dl.news01 dt{
background-image:url(../images/top/top-news-icon01.gif);
}
.top-news-sp dl.news02 dt{
background-image:url(../images/top/top-news-icon02.gif);
}
.top-news-sp dl.news03 dt{
background-image:url(../images/top/top-news-icon03.gif);
}
.top-news-sp dl.news04 dt{
background-image:url(../images/top/top-news-icon07.gif);
}
.top-news-sp dl.news05 dt{
background-image:url(../images/top/top-news-icon05.gif);
}




/* -----------Side----------- */
#side{
float:none;
width:100%;
background-color:#ffe984;
margin:0 0 2px;
}
#side-inner{
padding:10px 20px 5px;
text-align:center;
}




h3.side-h3-sp a{
margin:0;
line-height:100%;
font-size:100%;
color:#fff;
font-weight:bold;
background: linear-gradient(#9c7451, #835537);
display:block;
padding:15px 10px;
margin:10px 0 0;
text-decoration:none;
border:1px solid #835537;
letter-spacing:1px;

}
h3.sidecate-h3{
display:none;
}

#side ul{
list-style:none;
}

ul.sidemenu{
background-image:none;
background:#FFF;
padding:0 0 5px;
font-size:80%;
line-height:130%;
margin:0 0 10px;
text-align:left;
border:0px solid #e7bb3d;
}
ul.sidemenu li{
padding:0;
border-bottom:1px solid #ffe984;
margin:0;
}
ul.sidemenu li a,
ul.sidemenu li a:visited,
ul.sidemenu li a:active{
padding:13px 5px 13px 30px;
background-image:url(../images/sp/sp-txtlink-ore.png);
background-size:20px;
background-position:6px center;
background-repeat:no-repeat;
color:#0a0a0a;
text-decoration:none;
display:block;
}
ul.sidemenu li a._on,
ul.sidemenu li a:hover{
color:#fb7000;
text-decoration:none;
display:block;
background-image:url(../images/sp/sp-txtlink-ore.png);
background-size:20px;
background-position:6px center;
}

/*----side_sub----*/

ul.side-sub{
background-image:none;
background-color:#f8f8f8;
}
ul.side-sub li{
display:block;
margin:0;
padding:0;
border-bottom:none;
border-top:1px dotted #cbcbcb;
}

ul.side-sub li a,
ul.side-sub li a:visited,
ul.side-sub li a:active{
padding:10px 0 9px 44px;
background-image:url(../images/sp/icon-link-s-ore.png);
background-position:32px 50%;
background-repeat:no-repeat;
background-size:15px 10px;
color:#0a0a0a;
text-decoration:none;
display:block;
margin:0;
}
ul.side-sub li a._on,
ul.side-sub li a:hover{
color:#fb7000;/* 140421 add caramel */
background-image:url(../images/sp/icon-link-s-ore.png);
background-position:32px 50%;
background-size:15px 10px;
}

/* -----------Side-banner----------- */

.top-banner-sp ul.side-banner,/*140427 add caramel */
#side ul.side-banner{
width:100%;
max-width:230px;
margin:0 auto;
}

#side ul.top-side{
max-width:230px;
}
#side ul.side-banner li{
margin:0 0 5px;
}
#side ul.side-banner li img{
margin:0 ;
width:100%;
height:auto;/*140421 add caramel */
line-height:100%;
display:block;
}

/* -----------Body----------- */

/*-------h2---h6-------*/

.contents  h2.pagetitle{
font-size:100%;
line-height:130%;
font-weight:bold;
background-color:#ffe984;
background-image:none;
padding:15px 15px 14px;
margin:0 0 15px;
border:0px solid #ffe79e;
border-top:0px solid #7e4826;
border-radius:2px;
}

.contents h3{
font-size:96%;
}

.contents h4{
font-size:96%;
}

.contents h5{
font-size:90%;
}

.contents .right460 h5{
clear:none;
}

/*-------left-right-------*/
.contents .left460{
float:none;
width:100%;
margin:0 0 10px;
padding:0;
}
.contents .left180{
width:40%;
margin:0 10px 10px 0;
padding:0;
text-align:center;
font-size:90%;
}
.contents .left180 ul{
text-align:left;
margin:0 0 5px;
}
.contents .right180{
float:none;
margin:0 0 10px;
width:100%;
text-align:center;
}
.contents .left180 img,
.contents .right180 img{
margin:0 auto 5px;
height:auto;
}

.contents .left320{
float:none;
width:100%;
margin:0 0 10px;
padding:0;
}

.contents .left210{
float:none;
width:100%;
margin:0 0 10px;
padding:0;
text-align:center;
}

.contents .right210{
float:none;
width:100%;
margin:0 0 10px;
padding:0;
text-align:center;
}
.contents .left210 img,
.contents .right210 img{
margin:0 auto 5px;
max-width:180px;
height:auto;
}
.contents .left210 h4,
.contents .right210 h4,
.contents .left210 p,
.contents .right210 p,
.contents .left210 ul,
.contents .right210 ul{
text-align:left;
}
.contents .right460{
float:none;
width:100%;
margin:0 0 10px;
padding:0;
}


.contents .right320{
float:none;
width:100%;
margin:0 0 10px;
padding:0;
}

.contents .center560{
margin:0 50px 10px;
}
/*-------table-------*/
table.table-a,
table.table-a2,
table.table-b,
table.table-d{
font-size:50%;
}
table.table-a th,
table.table-a2 th,
table.table-b th,
table.table-d th,
table.table-a td,
table.table-a2 td,
table.table-b td,
table.table-d td{
padding:3px 2px;
}

table.table-a th{
/*white-space:nowrap;*/ /*140421 delete caramel */
}

/*---------- pagelink ----------*/


.pagelink{
margin:0;
}

.pagelink ul{
list-style:none;
float:none;
margin:10px 0 20px;
}

.pagelink ul li{
float:none;
font-size:76%;
margin:0 0 10px 15px;
background-position:0px 7px;
}






/* -----------footer----------- */
#footer{
width:100%;
margin:0 0 20px;
padding:0;
text-align:center;
}

.footerlink{
margin:0 0 15px;
padding:0 0 5px;
}

.footerlink p{
margin:0;
}

dl.footerdl-sp{
color:#432121;
margin:0 0 0;
padding:0;
}

dl.footerdl-sp dt{
font-weight:bold;
font-size:90%;
letter-spacing:0.5px;
line-height:130%;
margin:0 0 3px;
}
dl.footerdl-sp dd{
font-size:76%;
line-height:160%;
margin:0;
}








/*-------flexslider------*/
.top-banner-sp,
.footer-banner-sp{
margin:0 0 10px;
padding:10px 0;
background-color:#ffe984;
text-align:center;
overflow:hidden;
display:block;
}
.top-banner-sp{
margin:0 0 10px;/*140427 add caramel */
background-color:#fffce2;
z-index:3;
}


.slider-1,
.slider-2{
/*width:240px;*/
width:228px;/* 140416 concept H add */
margin:0 auto;
position:relative;
padding:0;
visibility: visible;
position: relative;
}

.slider-1 ul,
.slider-2 ul{
margin:0 auto;
padding:0;
/*width:240px;*/
width:228px;/* 140416 concept H add */
}

.slider-1 ul li,
.slider-2 ul li{
font-size:1px;
line-height:100%;
margin:0;
/*padding:0 5px;*/
padding:0;/* 140416 concept H add */
}
.slider-1 ul li img,
.slider-2 ul li img{
width:100%;
margin:0 0;
}
.slider-1 ul li a,
.slider-2 ul li a{
display:block;
}

.flex-direction-nav a {
opacity:1;width: 40px; height: 40px; margin: -20px 0 0; display: block;position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px;
}

.flex-direction-nav .flex-next {
background: url(../images/sp/footban_right-sp.png) no-repeat 0 0;
background-size:40px;
right: -40px;/* 140416 concept H -35 ⇒ -40 */
}
.flex-direction-nav .flex-prev {
background: url(../images/sp/footban_left-sp.png) no-repeat 0 0;
background-size:40px;
left: -40px;/* 140416 concept H -35 ⇒ -40 */
}
.flexslider .flex-next:hover {
right: -40px;/* 140416 concept H -35 ⇒ -40 */
opacity:1;
filter: alpha(opacity=100);
    -moz-opacity:1;}
.flexslider .flex-prev:hover {
left: -40px;/* 140416 concept H -35 ⇒ -40 */
opacity:1;
filter: alpha(opacity=100);
    -moz-opacity:1;}

.flex-direction-nav .flex-disabled {cursor: default;}
/*----flexslider-end----*/





/* -----------OPC----------- */


.opc-main{
height:auto;
margin:0 0 20px;
padding:0 0;
background-size:100%;
min-height:340px;
}

.opc-main h2{
width:100%;
height:90px;
background:url(../images/sp/opc-title-sp.png) no-repeat top center;
background-size:300px 80px;
margin:0;


}

.opc-main p{
text-align:left;
font-size:80%;
margin:0;
padding:0;
}
.opc-main p br{
display:none;
}

/*------------- OPC-CA ---------*/

.opc-ca{
margin:0 0 20px;
padding:20px 0 0;
background-size:330px 10px;
background-repeat:repeat-x;
}

.opc-ca-inn{
padding:0 0 10px;
position:relative;
background-size:330px 10px;
background-repeat:repeat-x;
}

.opc-ca .ca-right{
float:none;
width:100%;
}
.opc-ca h3{
font-size:96%;
text-indent:0;
width:100%;
height:auto;
margin:0 0 5px;
padding:0;
border:0;
background:none;
color:#ff5b38;
letter-spacing:0;
}

.opc-ca p{
font-size:80%;
margin:0 0 5px;
}

.opc-ca .ca-left{
height:200px;
overflow:hidden;
display:block;
position:relative;
bottom:0;
left:0;
text-align:center;
margin:0 0 10px
}
.opc-ca .ca-left img{
margin:0 auto;
width:260px;
}

/*-----opc-sign-up----*/

.opc-sign-up{
text-align:center;
padding:5px 0;
border-bottom:1px solid #e4d9a4;
background:none;

}

.opc-sign-up .btn{
margin:0 auto 20px;
display:block;
}

.opc-sign-up ul{
display:inline-block;
}


/*--*/
/*---------------opc-timesch----------*/

.opc-time h4{
height:47px;
display:block;
background-size:460px 47px;
}

.opc-time .ca-img{
display:none;
}


.opc-time .ca01{
height:240px;
top:-40px;
right:-10px;
}
.opc-time .ca03{
height:250px;
bottom:11px;
right:-0;
}




.opc-time .opc-scene{
margin:0;
}
.contents .opc-t-op .left210,
.opc-time .opc-scene img{
margin:0 5px 10px;
float:left;
width:46%;
}
.opc-time .opc-scene img.right210{
display:none;
}

.time-left435{
float:none;
width:100%;
margin:0;
padding:0;
}

.time-left435 p{
margin:0;
}


.contents .opc-time ul{
clear:both;
}
.contents .opc-time ul.list-l li{
font-size:80%;
}


.opc-t-op{
border:0;
padding:0;
}

.opc-t-op p,
.opc-t-op ul{
padding:0;
margin:0 0 5px;
}

/*------taiken-menu------*/
.taikenmenu-bg{
background-image:none;
padding:0;
margin:0 0 15px;
}

.taikenmenu-bg2{
background-image:none;
padding:0;
margin:0;
}

.taikenmenu-bg3{
background-image:none;
padding:0;
margin:0;

}
.taiken-menu-tit{
display:none;
}
h4.takenmenu-h4{
margin:0 0 10px;
font-size:80%;
color:#a5400e;
text-align:center;
padding:5px 0 4px;
line-height:110%;
}

.menu-in{
clear:both;
padding:0;
text-align:left;
margin:0;

}
.menu-in:after{
content: " ";
display: block;
height: 0;
visibility: hidden;
clear: both;
}
.menu-in {
display: inline-block;
}
.menu-in {
display: block;
}


.menu-in img{
width:40%;
margin:0 0 0;
float:left;
}

.contents .taikenmenu-bg3 h5{
font-size:80%;
float:right;
clear:none;
margin:0 0 3px ;
text-align:left;
line-height:110%;
display:block;
width:57%;
padding:35px 0 0;
}
.contents .taikenmenu-bg3 h5.case-h5-05{
background:url(../images/sp/taikenmenu-gakka05.png) no-repeat 0 0;
background-size:320px 25px;
}
.contents .taikenmenu-bg3 h5.case-h5-06{
background:url(../images/sp/taikenmenu-gakka06.png) no-repeat 0 0;
background-size:320px 25px;
}
.contents .taikenmenu-bg3 h5.case-h5-07{
background:url(../images/sp/taikenmenu-gakka07.png) no-repeat 0 0;
background-size:320px 25px;
}
.taikenmenu-bg3 p{
float:right;
width:57%;
font-size:80%;
}





/* 140424 add caramel */
.contents p,
.contents ul li,
.contents ul.linklist-l li,
.contents ul.linklist-m li,
.contents ul.list-l li,
.contents ul.list-m li,
.contents dl dt,
.contents dl dd{
font-size:90%;
}
.contents ul.linklist-s li,
.contents ul.list-s li{
font-size:80%;
}
.contents .right460 ul.list-m{
width:50%;
margin:0 10px 10px 0;
padding:0;
text-align:left;
font-size:90%;
float:right;

}
.contents ul.list-m li{
/*display:inline-block;*/
padding-right:5px;
}
/* ---------- Category_INDEX ---------- */


h2.cate-index-h2 img{
display:block;
height:auto;
}

ul.cate-index-left,
ul.cate-index-right{
display:block;
width:100%;
background-size:100%;
}
ul.cate-index-left2,
ul.cate-index-right2{
width:100%;
border:0;
margin:0;
}
ul.cate-index-left{float:none;}
ul.cate-index-right{float:none;}
ul.cate-index-left2{float:none;}
ul.cate-index-right2{float:none;}


ul.cate-index-left li ul.index-sub,
ul.cate-index-right li ul.index-sub{
list-style:none;
margin:15px 0;
}

/* -----------Body-Page---------- */

.contents .center560{
margin:0 0;
}
.contents img{
margin-left:0;
}
/* -----------AO---------- */
.ao-box{
padding:10px 5px 5px;
}
.ao-box h4.h4-img{
width:100%;
overflow:hidden;
}
#container .ao-box h4.h4-img img{
width:450px;
max-width:450px;
height:auto;
}
.ao-inn .left-ao{
float:none;
margin:0 0 10px;
width:100%;
}

/* -----------cate-index---------- */
.box-03{
padding:15px 10px 0px;
overflow:hidden;
}

#container .box-03 img{
width:105%;
max-width:105%;
height:auto;
}

/* -----------hogosya---------- */
.contents .left-400,
.contents .right520,
.contents .left380{
float:none;
width:100%;
}
.contents .right520 h4{
clear:both;
}
.contents .right520 ul.list-s{
display:block;
float:right;
width:70%;
}
.gdn-box,
.gdn-box05,
.gdn-box06,
.gdn-box07{
padding:10px 7px 7px;
}
.gdn-inn{
padding:10px;
}
.gdn-box dl dt{
font-size:90%;
float:none;
}
.gdn-box dl dd{
margin:0 0 5px 0;
}


/* -----------topics---------- */

.ui-tabs-panel dl{
font-size:90%;
padding:0 0 10px;
margin:0 10px 10px;
}

.ui-tabs-panel dl dd a{
display:block;
}

/*** clear fix ****/

.clearfix:after {
content: " ";
display: block;
height: 0;
visibility: hidden;
clear: both;
}
.clearfix {
display: inline-block;
}
.clearfix {
display: block;
}
}