@charset "UTF-8";

/* *************************************************************

*   Structure CSS
*   Since:2022-07
*   Editor:ricostyle

************************************************************* */


/* ==========================================================================
   Media Queries
   ========================================================================== */
@media print,screen and (min-width:961px) {
/* PC用のcssを記述  横幅1030px固定のデザイン */


/* トップページスライドショー
---------------------------------------------------- */
#Toppage div.photo_slide{margin:2em auto 3em;width:1080px;position:relative;}
#Toppage div.slider{padding-bottom:0;}
#Toppage div.slider div{position:relative;}
#Toppage div.slider div img {width:100%;max-width:1030px;height: auto;}
#Toppage .slick-slide{margin-right: 0px;margin-left: 0px;}
#Toppage .slick-dots{bottom:20px;}
#Toppage .slick-dots li button:before{color:#AAA;opacity: 1;}
#Toppage .slick-dots li.slick-active button:before{color:#FFF;opacity: 1;}


/* トップページ紹介文
---------------------------------------------------- */
#introduce{width:100%;background:#F1EBEB;}
#introduce .wrap01{text-align:left;font-family:'hannariMincho';color:#320000;margin:0 auto 3em;padding:0;width:1030px;position:relative;}
#introduce .wrap01 h2{font-size:1.5em;padding:3em 0 2em;}
#introduce .wrap01 p{line-height:2.2em;padding-bottom:3em;font-size:1.1em;}
#introduce .wrap01 p span{border-bottom:2px solid #D9AFB0;padding-bottom:2px;}
#introduce .wrap01 img{position:absolute;top:0;right:0;height:100%;}


/* トップページブログ読み込み
---------------------------------------------------- */
#blogarea{padding:2em;width:85%;margin:0 auto 3em;text-align:left;line-height:1.4em;
background:url(../img_cmn/illust_01.png) no-repeat right top;font-family:'HannariMincho';}
#blogarea h3{color:#333;font-size:2.2em;text-align:center;margin-bottom:2.5em;}
#blogarea dl{}
#blogarea dt{display:block;color:#666;}
#blogarea dt a{color:#000;text-decoration:underline;font-weight:bold;}
#blogarea dt a:hover{color:#666;}
#blogarea .blogdate{padding-right:0.5em;font-weight:normal;}
#blogarea dd{color:#666;border-bottom:1px solid #E7E7E7;margin-bottom:20px;padding:5px 0 20px;}
#blogarea .more{display:block;width:25%;margin:3em auto 0;text-align:center;font-size:0.9em;}
#blogarea .more a{display:block;color:#FFF;background:#9B730F url(../img_cmn/icon_white.png) no-repeat 85% center;padding:10px 0;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;}
#blogarea .more a:hover{color:#FFF;background:#D19D14;text-decoration:none;}


/* トップページおススメコンテンツ
---------------------------------------------------- */
#osusume ul li{position:relative;display:inline-block;background:#000;}
#osusume ul li a{display:table-cell;width:330px;height:237px;margin:0;padding:0;vertical-align:middle;text-align:center;color:#FFF;font-family:'HannariMincho';font-size:1.5em;}
#osusume ul li.no01 a{background:url(../img/image_02.jpg) no-repeat center center;background-size:contain;}
#osusume ul li.no02 a{background:url(../img/image_03.jpg) no-repeat center center;background-size:contain;}
#osusume ul li.no03 a{background:url(../img/image_04.jpg) no-repeat center center;background-size:contain;}
#osusume ul li a:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}


/* トップページバナー
---------------------------------------------------- */
#banner_SP{visibility: hidden;display:none;height:0;}
#banner_PC{background:url(../img_cmn/620line.gif) repeat-x left bottom;padding-bottom:1em;margin-bottom:2.5em;}
#banner_PC a{margin-bottom:1.2em;}
#banner_PC a:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
#banner_PC .big a{display:block;}
#banner_PC .mini{text-align:left;}
#banner_PC .mini a{display:inline-block;margin-right:10px;}


/* トップページ記事
---------------------------------------------------- */
#article{color:#333;font-family: 'hannariMincho';background:#F7F6F2;margin:0;padding:3em 0 0;}
#article #box02{text-align:left;background:url(../img/image_05.jpg) no-repeat right top;padding-bottom:2em;}
#article #box03{text-align:left;background:url(../img/image_06.jpg) no-repeat left top;}
#article #box02 h2{font-size:1.6em;line-height:1.2em;padding:1.5em 0 1em;}
#article #box03 h2{font-size:1.6em;line-height:1.2em;padding:1.5em 0 1em;padding-left:61%;}
#article #box02 p{line-height:2.5em;padding-bottom:8em;}
#article #box03 p{line-height:2.5em;padding-bottom:4em;padding-left:61%;}
#article #box03 p.remarks{color:#7E724C;font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;font-size:0.9em;line-height:1.8em;}


}



@media only screen and (min-width:520px) and (max-width:960px) {
/*タブレット用のcss*/


/* トップページスライドショー
---------------------------------------------------- */
#Toppage div.photo_slide{margin:1em auto 2em;width:95%;position:relative;}
#Toppage div.slider{}
#Toppage div.slider div{position:relative;}
#Toppage div.slider div img {width:100%;height: auto;}
#Toppage .slick-slide{margin-right: 0px;margin-left: 0px;}
#Toppage .slick-dots{bottom:10px;}
#Toppage .slick-dots li button:before{color:#AAA;opacity: 1;}
#Toppage .slick-dots li.slick-active button:before{color:#FFF;opacity: 1;}


/* トップページ紹介文
---------------------------------------------------- */
#introduce{color:#320000;background:#F1EBEB;margin:0 0 3em;padding:0 0 30px;width:100%;}
#introduce .wrap01{text-align:center;font-family:'hannariMincho';}
#introduce .wrap01 h2{color:#320000;font-size:1.5em;padding:2em 0;text-align:center;font-weight:bold;}
#introduce .wrap01 p{line-height:2.2em;padding-bottom:2em;font-size:1.1em;}
#introduce .wrap01 p span{border-bottom:2px solid #D9AFB0;padding-bottom:2px;}
#introduce .wrap01 img{margin:0 auto;width:100%;max-width:580px;}


/* トップページブログ読み込み
---------------------------------------------------- */
#blogarea{padding:0;width:90%;margin:0 auto 3em;text-align:left;line-height:1.4em;font-size:0.9em;background:url(../img_cmn/illust_01.png) no-repeat right 30px;font-family:'HannariMincho';}
#blogarea h3{color:#333;font-size:2.2em;text-align:center;margin-bottom:2.5em;}
#blogarea dl{}
#blogarea dt{display:block;color:#666;}
#blogarea dt a{color:#000;text-decoration:underline;font-weight:bold;}
#blogarea dt a:hover{color:#666;}
#blogarea .blogdate{padding-right:0.3em;font-weight:normal;}
#blogarea dd{color:#666;border-bottom:1px solid #E7E7E7;margin-bottom:1em;padding:5px 0 1em;}
#blogarea .more{display:block;width:80%;margin:3em auto 0;text-align:center;}
#blogarea .more a{display:block;color:#FFF;background:#9B730F url(../img_cmn/icon_white.png) no-repeat 90% center;padding:14px 0;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;}
#blogarea .more  a:hover{color:#FFF;background-color:#D19D14;text-decoration:none;}



/* トップページおススメコンテンツ
---------------------------------------------------- */
#osusume ul{display:block;margin:0 auto 1em;background:url(../img_cmn/620line.gif) repeat-x left bottom;padding-bottom:1em;}
#osusume ul li{position:relative;display:inline-block;background:#000;margin:0 2px 10px;}
#osusume ul li a{display:table-cell;width:330px;height:237px;margin:0;padding:0;vertical-align:middle;text-align:center;color:#FFF;font-family:'HannariMincho';font-size:1.5em;letter-spacing:0.2em;}
#osusume ul li.no01 a{background:url(../img/image_02.jpg) no-repeat center center;background-size:contain;}
#osusume ul li.no02 a{background:url(../img/image_03.jpg) no-repeat center center;background-size:contain;}
#osusume ul li.no03 a{background:url(../img/image_04.jpg) no-repeat center center;background-size:contain;}
#osusume ul li a:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}


/* トップページ記事
---------------------------------------------------- */
#article{color:#333;font-family: 'hannariMincho';background:#F7F6F2;margin:0;padding:0;text-align:center;}
#article #box02 {background:url(../img/image_05.jpg) no-repeat center bottom;padding:1em 0 320px;}
#article #box03 {background:url(../img/image_06.jpg) no-repeat center bottom;padding:1em 0 340px;}
#article #box02 h2{font-size:1.6em;line-height:1.2em;padding-bottom:1.5em;text-align:center;}
#article #box03 h2{font-size:1.6em;line-height:1.2em;padding-bottom:1.5em;text-align:center;}
#article #box02 p{line-height:2.2em;padding:0 0 2em;}
#article #box03 p{line-height:2.2em;padding:0 0 1em;}
#article #box03 p.remarks{color:#7E724C;font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;font-size:0.9em;line-height:2em;padding-bottom:2em;}


}



@media screen and (max-width:519px) {
/*スマホ用のcssを記述*/


/* トップページスライドショー
---------------------------------------------------- */
#Toppage div.photo_slide{margin:1.5em auto;width:96%;position:relative;}
#Toppage div.slider{}
#Toppage div.slider div{position:relative;}
#Toppage div.slider div img {width:100%;height: auto;}
#Toppage .slick-slide{margin:0;}
#Toppage .slick-dots{bottom:5px;}
#Toppage .slick-dots li button:before{color:#AAA;opacity: 1;}
#Toppage .slick-dots li.slick-active button:before{color:#FFF;opacity: 1;}



/* トップページ紹介文
---------------------------------------------------- */
#introduce{color:#320000;background:#F1EBEB;margin:0 0 3em;padding:0;width:100%;text-align:center;}
#introduce .wrap01{font-family:'hannariMincho';}
#introduce .wrap01 h2{width:95%;text-align:center;color:#320000;padding:2em 0 1.5em;font-weight:bold;font-size:1em;line-height:1.5em;}
#introduce .wrap01 p{width:95%;text-align:center;line-height:2em;padding-bottom:1em;font-size:0.9em;}
#introduce .wrap01 p span{border-bottom:2px solid #D9AFB0;padding-bottom:2px;}
#introduce .wrap01 img{margin:0 auto;width:100%;}

/* トップページブログ読み込み
---------------------------------------------------- */
#blogarea{padding:2em 0;width:90%;margin:0 auto 2em;text-align:left;line-height:1.3em;
background:url(../img_cmn/illust_01.png) no-repeat right top;}

#blogarea h3{color:#333;font-size:2em;text-align:center;margin-bottom:2em;}
#blogarea dl{font-family:'HannariMincho';font-size:0.85em;}
#blogarea dt{display:block;color:#666;}
#blogarea dt a{color:#000;text-decoration:underline;font-weight:bold;}
#blogarea dt a:hover{color:#666;}
#blogarea .blogdate{padding-right:0.3em;font-weight:normal;}
#blogarea dd{color:#666;border-bottom:1px solid #E7E7E7;margin-bottom:1em;padding:5px 0 1em;}
#blogarea .more{display:block;width:90%;margin:2em auto 0;text-align:center;font-size:0.9em;}
#blogarea .more a{display:block;color:#FFF;background:#9B730F url(../img_cmn/icon_white.png) no-repeat 90% center;padding:12px 0;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;}
#blogarea .more  a:hover{color:#FFF;background-color:#D19D14;text-decoration:none;}


/* おススメコンテンツ
---------------------------------------------------- */
#osusume ul{display:block;margin:0 auto 1em;background:url(../img_cmn/620line.gif) repeat-x left bottom;margin-bottom:20px;}
#osusume ul li{position:relative;display:inline-block;color:#FFF;margin:0 2px 15px;padding:0;font-family:'HannariMincho';font-size:1.5em;background:#000;}
#osusume ul li a{display:table-cell;width:330px;height:237px;vertical-align:middle;text-align:center;color:#FFF;margin:0;padding:0;}
#osusume ul li.no01 a{background:url(../img/image_02.jpg) no-repeat center center;background-size:contain;}
#osusume ul li.no02 a{background:url(../img/image_03.jpg) no-repeat center center;background-size:contain;}
#osusume ul li.no03 a{background:url(../img/image_04.jpg) no-repeat center center;background-size:contain;}
#osusume ul li a:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}


/* トップページ記事
---------------------------------------------------- */
#article{color:#333;font-family: 'hannariMincho';background:#F7F6F2;margin:0;padding:0;text-align:center;}
#article #box02 {background:url(../img/image_05.jpg) no-repeat center bottom;padding:20px 0 320px;}
#article #box03 {background:url(../img/image_06.jpg) no-repeat center bottom;padding:20px 0 340px;}
#article #box02 h2{font-size:1.2em;line-height:1.2em;padding-bottom:1em;width:98%;text-align:center;}
#article #box03 h2{font-size:1.2em;line-height:1.2em;padding-bottom:1em;width:98%;text-align:center;}
#article #box02 p{line-height:2.2em;padding:0 0 3em;font-size:0.85em;width:98%;}
#article #box03 p{line-height:2.2em;padding:0 0 1em;font-size:0.85em;width:98%;}
#article #box03 p.remarks{color:#7E724C;font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;font-size:0.85em;line-height:2em;padding-bottom:2em;}


}