/*/////////////////////////////////////////////////////////////////////////////////
//
// 1,page layput
//
/////////////////////////////////////////////////////////////////////////////////*/
/*==============================================
1-1 link
==============================================*/
a{
	text-decoration: underline;
	color: #177F4C;
}
a:hover{
	color: #177F4C;
	text-decoration: none !important;
}
a:hover *{
	text-decoration: none !important;
}
a:visited{
	text-decoration: underline;
	color: #177F4C;
}
.open
{
    height:auto;
    display:block;
}
.close
{
    height:0;
    display:none;
}
/*==============================================
1-1 wrapper
==============================================*/
#cntnt
{
	max-width: 640px;
}

.wrapper
{
    width:93%;
    margin: 0 auto;
    text-align: left;
}

#headerWrap
{
	width: 100%;
	background: url(../image/common/header_bg_01.png);
}
#innerContent
{
    width: 100%;
    margin: auto;
    overflow: hidden;
}
#allWrap
{
    background-image: url(../image/common/cntnt_bg_02.png);
}
#content
{
    background-image: url(../image/common/cntnt_bg_05.png);
    background-repeat: repeat-x;
    background-position: top 0;
}
#bgMuntn
{
    display: none;
}

/* ---- cloud ---- */
#img10Wrap
{
    display: none;
}
/* ---- /cloud ---- */

/*風船ネコhuusennneko*/
#imgBalNekoWrap
{
    display: none;
} 
/*風船ねこ*/


/*==============================================
1-2 head
==============================================*/
#header
{
    width: 100%;
    position: relative;
	margin:0 auto;
	padding: 10px;
	box-sizing: border-box;
}
#header:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

#header h1
{
	float: left;
}
	#header h1 a
	{
		display: block;
                width: 174px;
                height: 64px;
		background: url("../image/common/header_logo_smp.png") left top no-repeat;
		background-size: 100% auto;
	}
	#header h1 img
	{
		display: none;
	}

#header #menuBtn
{
	float: right;
	margin-top: 20px;
	overflow: hidden;
}
	#header #menuBtn li
	{
		float: left;
		-webkit-tap-highlight-color: rgba(0,0,0,0); 
	}
	#header #menuBtn li.search
	{
		margin-right: 18px;
	}

#headerTop
{
	width: 100%;
	background: #F5F7ED;
	overflow: hidden;
	text-align: right;
}
#headerTop span
{
	font-size: 0.917em;
	color: #007541;
	padding-right: 3%;
}
#header #headerSub p
{
    position: absolute;
	top: 5px;
	right: 10px;
	font-size: 10px;
	color: #7d7d7d;
}
#header #headerSub h2
{
	display:none;
}

/*==============================================
1-3 GNavi
==============================================*/
#gNavi li
{
	height: 36px;
	line-height: 36px;
	border-bottom: #CCCCCC 1px solid;
}
#gNavi li a,
#gNaviContent #hederFcBk a
{
	background-image: url(../image/common/icon_01.png);
	background-repeat: no-repeat;
	background-position: 6px center;
	padding-left: 24px;
	color: #52463F;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
}
#hederFcBk a:hover
{
	background-position:0 bottom;
}
#gNavi li a .forPcTblt
{
    display: none;
}
#gNaviContent #hederFcBk
{
	height: 36px;
	line-height: 36px;
}

#gNaviWrap .gNaviIcon
{
	display: none;
}
#gNaviContent #hederFcBk .fbBtn
{
	display: none;
}

.imgSunWrap
{
	display:none;
}

/* サイト内検索フォーム＆メニュー
----------------------------------------------*/
#searchBox,
#smtGNaviWrap
{
    display: none;
    position: absolute;
    z-index: 10000;
    width:100%;
	top: 75px;
	left: 0;
}

	#searchBox .smtScWrap,
	#smtGNaviWrap #gNaviWrap
	{
		width: 92%;
		max-width: 360px;
		margin: 10px 3% 0 0;
		background-image: url(../image/common/bg_01.png);
		border-radius:6px;
		padding: 2px;
		position:relative;
		box-shadow:0px 4px 0px rgba(0,0,0,0.3);
		float: right;
	}
	#searchBox .smtScWrap:before,
	#smtGNaviWrap #gNaviWrap:before
	{
		position: absolute;
		top: -8px;
		right: 10px;
		content: "";
		width: 13px;
		height: 10px;
		background-image: url(../image/common/gNavi_bg_04.png);
		background-repeat: no-repeat;
	}
		#searchBox .smtScWrap .smtScCont,
		#smtGNaviWrap #gNaviWrap #gNaviContent
		{
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
			background: #fff;
			overflow: hidden;
		}

/* サイト内検索フォームの調整
----------------------------------------------*/
#searchBox .smtScWrap .smtScCont
{
	padding: 10px;
}

	#searchBox .smtScWrap:before
	{
		right: 65px;
	}

		#searchBox .smtScCont .smtTitle
		{
			color: #52463E;
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 5px;
		}

		#searchBox .smtScCont input.field
		{
			margin-top:8px;
			margin-left:10px;
			-webkit-appearance:none;
			width: 80%;
			border: solid 2px #CACACA;
			border-radius: 4px;
			height: 40px;
			line-height: 40px;
			padding-left: 10px;
			color: #333;
			font-weight: bold;
			font-size: 13px;
			box-sizing: border-box;
			outline: none;
		}

		#header #searchBox input.button
		{
			-webkit-appearance:none;
			width: 44px;
			height: 40px;
			position: absolute;
			top: 20px;
			right: 12px;
			border: none;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			font-size: 0px;
			line-height: 0 !important;
			cursor: pointer;
			background:url("../image/common/header_icon_sc_smp.png") left top no-repeat;
			outline: none;
		}

		/* 擬似プレースホルダー */
		#header #searchBox span.placeholder
		{
			display: none !important;
		}

/*==============================================
1-4 main content
==============================================*/
.topicPath
{
    display: block;
    width: 100%;
    padding:16px 0 6px 0;
    font-size:12px;
    line-height: 1;
    overflow: hidden;
    font-weight: bold; 
}

.topicPath
{
    display:none;
}

#rightColumn
{
    width:100%;
    margin: 15px auto;
}

/*==================================
    タイトル共通部分
==================================*/

.title
{
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-size: 59px 35px;
    background-color: #B6D766;
    border: solid 2px #7D9F38;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 0px 2px rgba(210,231,166,1) inset;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(210,231,166,1) inset;
    -o-box-shadow: 0px 0px 0px 2px rgba(210,231,166,1) inset;
    -ms-box-shadow: 0px 0px 0px 2px 

}

.bgTitle
{
    background-repeat: repeat;
    margin:2px;
    padding: 5px 0;
    border-radius: 6px;
    overflow: hidden;
}

.innerTitle
{
    background-color:#d9d9d9;
    border-radius: 20px;
    margin:0 5px;
    padding-top: 3px;
    padding-left: 1px;
}

.titleWrap
{
    width:100%; 
    padding:7px 0 10px 0;
    background-color:#ffffff;
    border-radius: 20px;
    margin-left:0.3%;
}

.titleWrap ul
{
    display:inline;
    margin-left: 4px;
    margin-right: 20px;
}

.titleWrap ul li
{
    display: inline-block;
}

.innerIcon
{
    width:15px;
}

.innerTxt01
{
    width: 128px;
    margin-left: 2px;
}

.titleImg img
{
    max-width: 100%;
}

.titleImg .innerTxt02
{
    margin-left: 4px;
    padding-top: 2px;
}

/*==================================*/

/*==============================================
1-5 side navi
==============================================*/
.sideBanner01
{
    display: none;
}

#leftColumn
{
    width: 100%;
}
#banner
{
    width:100%;
    position: relative;
    overflow: hidden;
}

#menuSection
{
    margin-bottom: 15px;
    border: 3px solid #ffffff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 0px 5px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow:0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 5px 0px rgba(0,0,0,0.3);
}

#menuSectionInner
{
    border:3px solid #D2E7A4;
    background-color: #ffffff;
    margin:auto;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.panel
{
    width: 100%;
    padding: 20px 0;
    display: block;
    cursor: pointer;
}

.menuTxt
{
    padding-left: 10px;
    display: inline-block;
}

.menuIcon
{
    float:right;
    margin-right: 10px;
}

.menuIcon02
{
    float:right;
    margin-right: 10px;
}

.menu ul 
{
    margin: 0;
    padding: 0;
    list-style: none;
    border-top:2px solid #dce5d7;
    box-shadow:0px 1px 0px 0.5px rgba(255,255,255,0.4);
    -webkit-box-shadow:0px 1px 0px 0.5px rgba(255,255,255,0.4);
    -moz-box-shadow:0px 1px 0px 0.5px rgba(255,255,255,0.4);
    -moz-box-shadow:0px 1px 0px 0.5px rgba(255,255,255,0.4);
}

.menu a
{
    display: inline;
    vertical-align: middle;
} 


.menu dd
{
    margin-left: 55px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
}

.menu dd span
{
    display: inline-block;
} 

.menu dd a
{
    margin-left: 5px;
} 

.animalNavi
{
    width: 100%;
}
.animalNavi dt img
{
    margin:2px 10px 0;
}

.animalNavi dt span
{
    font-size: 14px;
    color: #51443d;
    vertical-align: -4px;
    font-weight: bold;
}

.animalNavi02
{
    width: 100%;
    background-image: url(../image/common/menu_bg_smt.png);
    background-repeat: no-repeat;
    background-position:top;
}

.animalNavi02 dt img
{
    margin:5px 10px 0;
}

.animalNavi02 dt span
{
    font-size: 14px;
    color: #51443d;
    vertical-align: -6px;
    font-weight: bold;
    margin-left: 1%;
}

.animalList
{
    width: 100%;
    background-image: url(../image/common/menu_bg_smt.png);
    background-repeat: no-repeat;
    background-position:top;
    padding: 3% 0;
}

.animalList img
{
    margin: 0 10px;
}

.animalList a
{
    font-size: 13px;
    color: #51443d;
    font-weight: bold;
    position: relative;
    top: 3px;
    text-decoration: none;
}

.animalListLast
{
    width: 100%;
    background-image: url(../image/common/menu_bg_smt.png);
    background-repeat: no-repeat;
    background-position:top;
    padding: 3% 0;
}

.animalListLast img
{
    margin: 0 10px;
}

.animalListLast a
{
    font-size: 13px;
    color: #51443d;
    font-weight: bold;
    position: relative;
    top: 3px;
    text-decoration: none;
}

.panel02{
    width: 100%;
    padding: 18px 0;
    display: block;
    border-bottom:2px solid #dce5d7;
    border-top:2px solid #dce5d7;
    cursor: pointer;
    box-shadow:0px 1px 0px 0.5px rgba(255,255,255,0.4);
    -webkit-box-shadow:0px 1px 0px 0.5px rgba(255,255,255,0.4);
    -moz-box-shadow:0px 1px 0px 0.5px rgba(255,255,255,0.4);
    -moz-box-shadow:0px 1px 0px 0.5px rgba(255,255,255,0.4);
}

.menu02 ul 
{
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom:2px solid #dce5d7;
    box-shadow:0px 1px 0px 0.5px rgba(255,255,255,0.4);
    -webkit-box-shadow:0px 1px 0px 0.5px rgba(255,255,255,0.4);
    -moz-box-shadow:0px 1px 0px 0.5px rgba(255,255,255,0.4);
    -moz-box-shadow:0px 1px 0px 0.5px rgba(255,255,255,0.4);
}

.menu02 a
{
    display: inline;
    vertical-align: middle;
} 

.menu02 dd
{
    margin-left: 55px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
}

.menu02 dd a
{
    margin-left: 5px;
} 

.animalList02
{
    width: 100%;
    background-image: url(../image/common/menu_bg_smt.png);
    background-repeat: no-repeat;
    background-position:top;
    padding: 3% 0;
}

.animalList02 img
{
     margin:0 10px; 
}

.animalList02 a
{
    font-size: 13px;
    color: #51443d;
    font-weight: bold;
    position: relative;
    top: 3px;
    text-decoration: none;
}

.animalListLast02
{
    width: 100%;
    background-image: url(../image/common/menu_bg_smt.png);
    background-repeat: no-repeat;
    background-position:top;
    padding: 3% 0;
}

.animalListLast02 img
{
    margin: 0 10px;
}

.animalListLast02 a
{
    font-size: 13px;
    color: #51443d;
    font-weight: bold;
    position: relative;
    top: 3px;
    text-decoration: none;
}

.menu03 a
{
    display: block;
    padding: 18px 10px;
}

.menu03 img
{
    border:none !important;
}

.menuIcon03
{
   float: right;
}

.banner01
{
    clear: left;
    margin-top: 3%;
    border: 3px solid #ffffff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 0px 5px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow:0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 5px 0px rgba(0,0,0,0.3);
}

.inBanner
{
    border:3px solid #D2E7A4;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #ffffff;
    margin:auto;
}

.feature
{
    background-image: url(../image/common/banner_bg_02.png);
    background-repeat: repeat;
    margin:auto;
    margin:10px 5px;
    border-radius: 4px;
    text-align: center;
}

.feature img
{
    vertical-align: middle;
    padding: 1%;
}

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

.bannerPhoto a
{
    display: inline-block;
}

.bannerPhoto img
{
   border: none !important;
}

.guide
{
    text-align: right;
    margin: 10px;
    font-size: 12px;
}

.guide img
{
    margin-right: 1%;
    width: 13px;
}

.guide a
{
    display: inline;
}

.guide span
{
    vertical-align: middle;
    line-height: 1.5;
    color: #177f4c;
    font-weight: bold;
}

.banner02
{
    margin-top: 15px;
    border: 3px solid #ffffff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 0px 5px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow:0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 5px 0px rgba(0,0,0,0.3);
}

.searchTitle
{
    margin: 9px 0 8px 5px;
}

.inputBox
{   
    width: 90%;
    margin-top: 2%;
    background-color: #ffffff;
    border: 2px solid #d5d5d5;
    border-radius: 5px;
}

.inputBox input
{
    border: none;
    background: rgba(0, 0, 0, 0);
    width: 95%;
    color: #535353;
    padding-left: 5%;
}

/*for Webkit*/
input::-webkit-input-placeholder
{
    color:#000000;
}

/*for Firefox*/
input:-moz-placeholder 
{
    color:#000000;
}

.cash
{
    margin: 12px 0 18px 5px;
    font-size: 12px;
    color: #333333;
}

.cash label

{
    line-height: 17px;
    vertical-align: bottom;
}

.cash input
{
    margin-right: 2px;
    -webkit-transform: scale(0.8);
}

.buttonImg
{
    text-align: center;
}

.buttonImg input
{
    margin-bottom: 10px;
}
/* button
------------------------------------------------------------------------------------------ */

/* ---- selectButton ---- */
#leftColumn img
{
    border: none;
}
#leftColumn .js_selectBtn, .js_selectBtn .inputButtonInner, .js_selectBtn select
{
}
#leftColumn .js_selectBtn
{
    position: relative;

}
#leftColumn .js_selectBtn .inputButtonInner
{
    display: block;
    overflow: hidden;
    background: #D4D4D4;
    padding:2px;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
#leftColumn .js_selectBtn .inputInnerCell
{
    display: block;
    overflow: hidden;
    background: #EDEDED;
    padding: 8px 12px;
    font-weight: bold;
    border: 2px solid #fff;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
#leftColumn .js_selectBtn select
{
    z-index: 10;
    opacity: 0;
    margin-top: 0;
    width: 100%;
    height: 43px;
    background: #fefefe;
    position: absolute;
    top: 0;
    left: 0;
}
#leftColumn .js_selectBtn p
{
    position: absolute;
    top: 0%;
    line-height: 46px; /*高さと同じ値を入力*/
    padding-left: 4px;
}
#leftColumn .selectValue
{
    background-image: url(../image/common/icon_03@2x.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 11px 6px;
    padding-right: 20px;
    display: block;
}
/* ---- /selectButton ---- */


/* ---- /input button ---- */

#leftColumn #myMdclRcrdFree input
{
    width:92%;
    margin-left: 2%;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    padding-left: 0.5em;
    height :1.5em\9;
}
html:not(:target) #leftColumn #myMdclRcrdFree input
{
    height:36px;
}

#leftColumn .inputText input
{
    background-color:rgb(255,255,255);
    height:36px;
    height :1.5em\9;
    padding:0;
    padding-top :10px\9;
    padding-bottom :7px\9;
    padding-left: 1em;
    border-color:rgb(212,212,212);
    border-width:2px;
    border-style:solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
html:not(:target) #leftColumn .inputText input
{
    height:36px;
    padding:0;
    padding-left: 0.5em;
}

/*==============================================
1-6 footer
==============================================*/
#animalNav
{
    clear: both;
    width: 100%;
    overflow: hidden;
    background-image: url(../image/common/cntnt_bg_04_smt.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	margin-top: 100px;
	min-height: 210px;
}

#animalNav img
{
    border: none!important;
}

.socialTxt
{
    position: relative;
    left: 50%;
    margin-bottom: 10px;
}

#socialBtn
{
    clear: both;
    float: left;
    margin-left: 20px;
}
.socialTxt
{
    position: relative;
    left: 33px;
    margin-bottom: 5px;
}

.socialTxt img
{
    width: 60px;
}

.socialIcon img
{
    width: 60px;
}

#toTop
{
    float: right;
    margin-right: 5px;
}

#toTop a img
{
    width: 44px;
    position: relative;
    right: 35px;
}

.iconToTop img
{
    width: 45px;
    position: relative;
    bottom: 10px;
}

#footer
{
    padding-top: 45px;
}
#footer a,#footer a:hover,#footer a:visited
{
    color:#177F4D;
    text-decoration: underline;
}

#footerInner
{
    width: 100%;
    margin: 0 auto;
    padding-bottom: 44px;
    position:relative;
}
    #footer h2
    {
        padding-left: 3%;
        display:inline-block;
    }
    #footer ul
    {
        overflow: hidden;
    }
    #ftrSubImgPC
    {
        display: none;
    }
    #ftrSubImgSmt
    {
        width: 27px;
        height: 223px;
        padding-left: 17%;
        float: left;
    }
    #siteMap
    {
        width:100%;
        padding-bottom: 20px;
        padding-top:10px;
        max-width: 430px;
        margin: 0 auto;
    }
    
    /*上*/
    #footer #ftrMain
    {
        width: 100%;
        text-align:center;
    }
        #footer #ftrMain ul
        {
            padding-bottom:4px;
            text-align: left;
            padding-left: 5%;
        }
            #footer #ftrMain li
            {
                -moz-box-shadow:0px 4px 0px rgba(0,0,0,0.3);
                -webkit-box-shadow:0px 4px 0px rgba(0,0,0,0.3);
                box-shadow:0px 4px 0px rgba(0,0,0,0.3);
                background:#fff;
                -moz-border-radius:3px;
                -webkit-border-radius:3px;
                border-radius:3px;
                padding:2px;
                display:inline-block;
                font-size: 1.2em;
            }
                #footer #ftrMain li a
                {
                    background-image: url(../image/common/bg_01.png);
                    -moz-border-radius:3px;
                    -webkit-border-radius:3px;
                    border-radius:3px;
                    padding:2px;
                    display:block;
                }
                    #footer #ftrMain li a img
                    {
                        padding-left: 1.4em;
                    }
                    #footer #ftrMain li a span
                    {
                        -moz-border-radius:3px;
                        -webkit-border-radius:3px;
                        border-radius:3px;
                        display:block;
                        padding:10px;
                        padding-right: 25px;
                        text-decoration:underline;
                        font-weight:bold;
                        background: url(../image/common/arrow_01.png) no-repeat 97% center #fff;
                    }
    
    /*下*/
    #footer #ftrSub
    {
        width: 100%;
        max-width: 400px;
    }
		#footer #ftrSub ul
		{
			padding-bottom:4px;
		}    
        #footer #ftrSub li
        {
            margin-top: 22px;
            -moz-box-shadow:0px 4px 0px rgba(0,0,0,0.3);
            -webkit-box-shadow:0px 4px 0px rgba(0,0,0,0.3);
            box-shadow:0px 4px 0px rgba(0,0,0,0.3);
            background:#fff;
            -moz-border-radius:3px;
            -webkit-border-radius:3px;
            border-radius:3px;
            padding:2px;
            display:inline-block;
        }
        
            #footer #ftrSub li a
            {
                background-image: url(../image/common/bg_02.png);
                -moz-border-radius:3px;
                -webkit-border-radius:3px;
                border-radius:3px;
                padding:2px;
                display:block;
            }
                #footer #ftrSub li a img
                {
                    padding-left:5px;
                }
                #footer #ftrSub li a span
                {
                    -moz-border-radius:3px;
                    -webkit-border-radius:3px;
                    border-radius:3px;
                    display:block;
                    padding:6px;
                    padding-right: 25px;
                    text-decoration:underline;
                    font-weight:bold;
                    background: url(../image/common/arrow_05.png) no-repeat 97% center #fff;
                }
#footer p
{
    clear: both;
    color: #666666;
    background-color: #F5F7ED;
    width: 100%;
    text-align: center;
    font-size: 0.7em;
    padding-top: 3px;
    padding-bottom: 3px;
}

/*------------------------------------秋デザイン用CSS-----------------------------------------------*/
.iconToTop img
{
    width: 63px;
}