@charset "utf-8";
/*
Theme Name: ぽちっと宮古2026
Theme URI: http://c-tpl.com/
Description: cloudtpl_1362
Version: 1.0
Author: Cloud template
Author URI: http://c-tpl.com/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


@media (min-width: 768px)  {


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}





body{



}

html{}

.list-mv07{
	opacity: 0;
	transform: translate(0,80px); 
	-webkit-transform: translate(0,80px); 
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}


.alpha a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=40);
  -ms-filter: "alpha(opacity=40)";
}


/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#555;
}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#222;
}


/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after,#footer:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post,#footer{zoom: 1;}



.midashi_1,.midashi_1_shop{
font-size:20px;
font-weight:bold;
letter-spacing:0.1em;
margin-bottom:70px;
text-align:center;
padding-top:5px;
padding-bottom:5px;

border-radius: 25px;
background-color: #FAD961;
background-image: linear-gradient(180deg, #FAD961 35%, #F76B1C 100%);


}





.news1{
color:#990000;
}

.news2{
color:#6699FF;
}

.news3{
color:#FF9900;
}

.news4{
color:#66CC33;
}

















.midashi_1_menu{
font-size:28px;
font-weight:bold;
letter-spacing:0.2em;
margin-bottom:20px;
text-align:center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color:#000000;
}


.midashi_1{
height:40px;
font-size:32px;
font-weight:bold;

display: flex;
align-items: center;
justify-content: left;

margin-bottom:40px;
padding-bottom:10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color:#000000;
}
.midashi_h{
font-size:18px;
margin-left:15px;
font-weight:normal;
color:#000000;
}



/*-スマホメニュー--*/

#head_menu{
display:none;
}












/* head画像
------------------------------------------------------------*/

.header_midashi{
font-size:12px;
color:#999999;
text-align:right;
background-color:#FFFFFF;
}

#head_box{
position:relative;
}


#head_title{
width:100%;
height:auto;
padding-top:3px;
padding-bottom:3px;
background-color:#3EAEA4;
}


#head_title a{
color:#FFFFFF;
}



#head_box{
width:100%;
max-width:1280px;
height:auto;
padding-top:100px;
margin-right: auto;
margin-left: auto;

display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#main_left{
width:60%;
height:auto;
}

#main_left img{
width:100%;
height:auto;

}

#main_right{
padding-top:50px;
width:39%;
height:auto;
font-size:2vw;
line-height:2em;
color:#000000;


}


#access{
text-align:center;
color:#000000;
font-size:14px;
font-weight:bold;
margin-top:80px;
margin-bottom:50px;
line-height:2em;
}





/* ＴＯＰ　スライド
------------------------------------------------------------*/
#slide_area{
width:100%;
height:auto;
padding-top:15px;
background-color:#FFFFFF;
position:relative;
z-index:50;


}



#keyVisual{
margin: 0 0 40px 0;
	height: 300px;
	width: 100%;
	display: flex;
	justify-content: center;
	background:url(images/slide/topimage2.jpg)repeat-x;
	/* animation: bgAnima 180s linear infinite; */
	/* -webkit-animation: bgAnima 180s linear infinite; */
	
	margin-bottom: 5px;
	background-size: auto 100%;
	
animation: bgiLoop 180s linear infinite;
-ms-animation: bgiLoop 180s linear infinite;
	-moz-animation: bgiLoop 180s linear infinite;
}


@keyframes bgiLoop {
   from {
background-position:0 0;
}
to {
	background-position: -6002px 0;
}
}

@-ms-keyframes bgiLoop {
   from {
background-position:0 0;
}
to {
	background-position: -6002px 0;
}
}

@-moz-keyframes bgiLoop {
   from {
background-position:0 0;
}
to {
	background-position: -6002px 0;
}
}








/* 左サイドメニュー
------------------------------------------------------------*/


#area_top_manu_gazou{
width:90%;
height:auto;
margin-right: auto;
margin-left: auto;
}


#area_top_manu_gazou img{
width:100%;
height:auto;
}



#menu_box{
width:25%;
height:auto;
color:#000000;
padding-top:50px;
background-color:#F7F7F7;

}




#menu_box li{
font-size:18px;
line-height: 1.5em;
margin-left:1em;
}

#menu_box li span{
margin-left:10px;
}

#menu_box li a{
display:block;
padding: 10px 20px 10px 48px;
text-decoration: none;
color: #000;
position:relative;
}

#menu_box li a:hover{
font-weight:bold;
}


/* 左の青いスクエアアイコン 共通部分*/
#menu_box li a:before {
content: "";
position: absolute;
top: 50%;
left: 0;
margin-top:-10px;
margin-left: 15px;
width: 38px;
height: 30px;
}




#menu_box li a:before {
content: url(images/menu_arrow.png);
}


#pr_box{
width:90%;
height:auto;
margin-right: auto;
margin-left: auto;
background-color:#fff;
margin-top:50px;
text-align:center;
box-sizing: border-box;
padding-top:20px;
padding-bottom:20px;

}

#pr_box p{

font-size:12px;
line-height:1.5em;
}


#pr_box img{
margin:55px 0;
}

#tel_box{
width:80%;
height:50px;
margin-right: auto;
margin-left: auto;
display: flex;
align-items: center;
justify-content: center;
background-color:#FFFFFF;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color:#000000;
margin-top:20px;
 border-radius: 5px;
 color:#000000;
 font-weight:bold;
}







/* コンテンツ
------------------------------------------------------------*/


#top_contents{
max-width:1240px;
height:auto;
margin-right: auto;
margin-left: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;  /*左右は端に寄って間を均等*/
background-color:#FFFFFF;
padding-left:20px;
padding-right:20px;
}



#main_box{
width:69%;
height:auto;

}


#main_gazou{
width:100%;
height:auto;
}

#main_gazou img{
width:100%;
height:auto;

}



#main_copy1{
width:100%;
height:auto;
text-align:center;
font-size:32px;
color:#6699CC;
line-height: 2em;
padding-top:80px;
margin-bottom:10px;
}

#main_copy2{
width:100%;
height:auto;
text-align:center;
font-size:14px;
color:#999999;
line-height: 1.5em;
}


#main_copy2 span{
display:block;
}



#sns_box{
width:500px;
height:auto;

display: flex;
flex-wrap: wrap;
justify-content: space-around;

margin-right: auto;
margin-left: auto;
margin-top:100px;
margin-bottom:100px;

}


/* ブログ部分
------------------------------------------------------------*/

#area_blog{
padding-top:10px;
color:#333333;
}


#area_blog h2{
letter-spacing:0.1em;
font-weight:bold;
text-align:center;
font-size:26px;
}

.area_blog_p{
margin-top:15px;
font-weight:bold;
text-align:center;
font-size:14px;
}



#blog06{
width:100%;
height:auto;
text-align:center;

display: flex;
flex-wrap: wrap;
justify-content: left;  /*左右は端に寄って間を均等*/

margin-top:50px;





}


.thumbWrap06{

width:31.3%;
height:auto;

/* margin:20px -25px 20px 0; */

margin-bottom:100px;
margin-right:1%;
margin-left:1%;



}


.post_uebox{
width:100%;
height:auto;
margin:0;
padding:0;
background-color:#FFFFFF;


}



/* 最新記事リンク */


#blog_time06{
margin-bottom:0px;



}

.blog_company{
width:100%;
height:auto;
padding:5px 0;
font-weight:bold;
background-color:#F7F4ED;
letter-spacing:0.2em;
}


#top_blog_bun06{
width:100%;
height:100px;
box-sizing: border-box;
padding:5px;
text-align:left;
line-height:2em;
}


#top_blog_bun06 h3 a{
display:block;
width:100%;
padding:1px;
color:#003366;
font-weight:bold;



}



#top_blog_bun06 h3 a:hover{
text-decoration:underline;

}








.thumb-img{
position:relative;
width:100%;
height:170px;

z-index:5;

}

.thumb-img img{
width:100%;
height:170px;

object-fit: cover; /* この一行を追加するだけ！ */

}


.right-align_link{
text-align:right !important;
display:block;

}


.right-align_link a{
color:#000000;
font-weight:bold;
}

.right-align_link a:hover{
color:#996633;

}




/*---日付部分---*/

.post-thumb {
    margin: 0;
    position: relative;
	z-index:10;

	
}
.post-date {
    font-size: 1.5rem;
    letter-spacing: .1rem;
    font-family: 'Amatic SC', cursive;
    background: #6699CC;
    border-radius: 30% 60% 50% 70%/50%;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 10;
    top: -30px;
    width: 110px;
    height: 100px;
	padding-top:10px;
}
.post-date span {
    border-bottom: 2px rgba(255,255,255,.5) dotted;
    padding-bottom: 2px;
    display: block;
    width: 60%;
    margin: 0px auto 0;
    font-size: 1rem;
}



#howto_icon{
width:100%;
max-width:1028px;
text-align:center;
margin-right: auto;
margin-left: auto;
color:#000000;

}

#howto_icon h2{
font-weight:bold;
margin-bottom:10px;
}

#howto_icon h3{
display: inline-block;
background-color:#FFF799;
border-radius: 15px;
padding:8px;
letter-spacing:0.2em;
font-weight:bold;
margin-bottom:30px;
}

#howto_icon h4{
background-color:#6699CC;
color:#ffffff;
font-weight:bold;
text-align:left;
width:100%;
margin-bottom:20px;
}


#howto_ico_wara{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top:50px;
}


#howto_icon_box{
width:46%;
height:auto;
text-align:left;
font-size:14px;
font-weight:bold;


margin-bottom:10px;

}
#howto_icon_box p{
line-height:1.5em;
margin-bottom:10px;
text-indent:-1em;
margin-left:2em;
}


/* ブログ個別
------------------------------------------------------------*/

#blog_single{
max-width:600px;
height:auto;
margin-right: auto;
margin-left: auto;
padding-top:40px;
}

.title_first{
color:#000000;
font-size:28px;
font-weight:800;
margin-top:15px;
text-align:center;

border-top-width: 1px;
border-top-style: solid;
border-bottom-color: #000000;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
margin-top:30px;
margin-bottom:30px;
padding-top:20px;
padding-bottom:20px;
letter-spacing:0.2em;
}


.blog_company_kobetu{
color:#76520D;
font-size:16px;
font-weight:800;

margin-bottom:15px;

}


#shop_guide{
width:100%;
height:auto;
margin-top:100px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;

}




#shop_photo{
width:150px;
height:150px;
}

#shop_photo img{
width:100%;
height:auto;
overflow:hidden;
}


.dateLabel{
font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#76520D;
font-size:16px;

}


.shop_single_link{
margin-bottom:15px;
background-color:#F7F4ED;
width:200px;
margin-right:0;
margin-left:auto;
text-align:center;
padding:5px 10px;
box-sizing: border-box;
}


.shop_single_link a{
font-weight:bolder;
text-decoration:underline;
color:#76520D;
}

.shop_single_link a:hover{
color:#000000;
text-decoration:underline;
}



.osirase_bun{
font-size:16px;
color:#76520D;
line-height: 2.5em;
margin-bottom:30px;
margin-top:0px;

}


.osirase_bun img{
margin-top:30px;
margin-bottom:30x;
}



#company_date{
margin-bottom:180px;
color:#76520D;
line-height: 2.5em;
}

#company_date td{
padding-left:20px;
}

#company_date a{
color:#76520D;
}


#company_date a:hover{
text-decoration:underline;
}

.pagenav{
text-align:center;
display: flex;
flex-wrap: wrap;
justify-content: space-around;  
}

.pagenav a{
text-decoration:underline;
}



/*----------会社別投稿記事一覧----------------------------------------*/
.author_name{
font-size:20px;
color:#000000;
margin-bottom:40px;
}


#author_itiran{
margin-bottom:200px;
}



#author_itiran li{
font-size:20px;
margin-bottom:20px;
margin-left:20px;
text-indent:-1em;

}

#author_itiran li a{
text-decoration:underline;
}

#author_itiran li span{
font-size:16px;
margin-left:1em;
}




/* .sliderのスタイルはファイルcss/6-1-7.css  */

/* ＴＯＰ　メインカテゴリー
------------------------------------------------------------*/


#area_top_manu{
padding-top:50px;
color:#000000;
}







#top_manu{
display: flex;
flex-wrap: wrap;
justify-content: space-between;  /*左右は端に寄って間を均等*/
}

#top_manu_box{
width:28%;
height:auto;
text-align:center;
margin-bottom:50px;


}

#top_manu_box img{
width:100%;
height:auto;
 object-fit: cover;
    border-radius: 40% 70% 50% 30%/50%;
	transition-duration: 0.5s; /*画像の変化の時間*/
}

/*傾ける*/
#top_manu_box img:hover {
 border-radius: 80% 80% 80% 80%;
}

#top_manu h3{
margin-top:20px;
font-size:18px;
}

#top_manu h3 a:hover{
font-weight:bold;
}


/* ショップカテゴリーページ
------------------------------------------------------------*/




#main_box_itiran{
width:69%;
height:auto;
padding-bottom:100px;
}

#pankuzu{
margin-top:20px;
margin-bottom:50px;
}


#pankuzu {
	
	color: #222;
	padding-top: 10px;
	margin-top: 20px;
}
#pankuzu p {
	font-size: 0.75em;
	margin-bottom: 7px;
}

.page_midashi{
color:#333333;
margin-bottom:30px;
text-align:center;
font-size:20px;
margin-bottom:100px;
}





#shop_itiran_wara{
width:100%;
height:auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom:40px;
}


#shop_box{
width:40%;
height:auto;
padding-top:0px;
margin-bottom:100px;
padding-bottom:60px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color:#CCCCCC;
}


#shop_itiran_gazou{
width:100%;
height:auto;
margin-top:40px;
margin-bottom:20px;

}

#shop_itiran_gazou img{
width:100%;
height:auto;
}

#shop_box span{
background-color:#8FE8F8;
margin-right:10px;
}

#shop_box p{
width:100%;
color:#333333;
font-size:16px;
}


.eigyou_naiyou{
font-weight:bold;
}

.syoukaibun{

box-sizing: border-box;
padding:5px;
margin-top:10px;
margin-bottom:10px;
}


#shop_box h2{
text-align:center;
padding-bottom:5px;
margin-bottom:20px;
font-weight:bold;
color:#3399CC;
letter-spacing:0.2em;
font-size:20px;

}


#shop_box table{
width:100%;
margin-top:10px;
margin-bottom:10px;
color:#333333;
}



#shop_box table,#shop_box td,#shop_box th {
    border-collapse: collapse;
    border:1px solid #CCCCCC;
    }




#shop_box table th{
padding-top:3px;
padding-bottom:3px;
}




.shop_box_btn{
    position:relative;
height:30px;
width:160px;
margin-right: auto;
margin-left: auto;
padding:2px 4px;
border:1px solid #fff;
text-align:center;/*２行以上にしたくて改行を使ってする時は必要*/
background-color:#3399CC;
margin-bottom:10px;
margin-top:30px;
}


.shop_box_btn a{
font-size:14px;
display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	display: flex;
align-items: center;
justify-content: center;
color:#FFFFFF;
transition: 0.5s;

}

.shop_box_btn a:hover{
text-decoration:underline;
}
















#login_wara{
text-align:center;
}


#footer{
width:100%;
height:auto;
border-top: 1px solid #666666;
margin-top:80px;
color:#000000;
text-align:center;
padding-top:20px;
padding-bottom:20px;
}

#footer p{
line-height: 1.5em;
}

#copyright{
text-align:center;
font-size:12px;
font-weight:bold;
color:#000000;
}





/*ページトップへリンクの形状*/
#page-top a{

}

#page-top a:hover{
	
}

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 0px;
	bottom:0px;
	z-index: 150;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(120px);
	vertical-align:bottom;
}

#page-top img{
vertical-align:bottom;
}

/*　上に上がる動き　*/

#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(120px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}





}










































































































































































































































































































































































@media (min-width: 5px) and (max-width: 767px) {



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}





body{



}

html{}

.list-mv07{
	opacity: 0;
	transform: translate(0,80px); 
	-webkit-transform: translate(0,80px); 
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}


.alpha a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=40);
  -ms-filter: "alpha(opacity=40)";
}


/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#555;
}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#222;
}


/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after,#footer:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post,#footer{zoom: 1;}


.midashi_1,.midashi_1_shop{
font-size:20px;
font-weight:bold;
letter-spacing:0.1em;
margin-bottom:10px;
text-align:center;
padding-top:5px;
padding-bottom:5px;

border-radius: 25px;
background-color: #FAD961;
background-image: linear-gradient(180deg, #FAD961 35%, #F76B1C 100%);


}


.midashi_h{
font-size:14px;
margin-left:15px;
font-weight:normal;
color:#000000;
}



.news1{
color:#990000;
}

.news2{
color:#6699FF;
}

.news3{
color:#FF9900;
}

.news4{
color:#66CC33;
}




/*-スマホメニュー-表示用-*/

#head_menu{
display:block;
}




/*========= ハンバーガー部分===============*/
.openbtn{
	position:fixed;
    z-index: 9999;/*ボタンを最前面に*/
	top:15px;
	right: 15px;
	cursor: pointer;
	
    width: 65px;
    height:55px;
	background-color:#fff;
	
	border: 1px solid #666666;
	 border-radius: 5px;
	
}
	
/*×に変化はこちら*/	
.openbtn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 8px;
    height: 3px;
    
	background-color:#666666;
  	width: 80%;
  }
  
  

.openbtn span:nth-of-type(1) {
	top:8px;	
}

.openbtn span:nth-of-type(2) {
	top:26px;
}

.openbtn span:nth-of-type(3) {
	top:44px;
}

.openbtn.active span:nth-of-type(1) {
    top: 20px;
    left: 16px;
    transform: translateY(6px) rotate(-45deg);
    width: 60%; 
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0; 
}

.openbtn.active span:nth-of-type(3){
    top: 32px;
    left: 16px;
    transform: translateY(-6px) rotate(45deg);
    width: 60%;  
}


/*ハンバーガーをクリックすると展開するメニュー----------------------*/


#head_menu{
 position:absolute;
 top:45px;
 left:0px;
	width:100%;
    height:auto;
background-color:#fff;


z-index:777;	

	text-align: center;
	
		-webkit-transition: opacity 1s, visibility 0s ease 1s;
      -moz-transition: opacity 1s, visibility 0s ease 1s;
      -ms-transition: opacity 1s, visibility 0s ease 1s;
      -o-transition: opacity 1s, visibility 0s ease 1s;
      transition: opacity 1s, visibility 0s ease 1s;;
      opacity: 0;
	  visibility: hidden;

}



/*アクティブクラスがついたら透過なしにして最前面へ*/
#head_menu.panelactive{

	transition-delay: 0s;/*safari対策らしい*/
opacity: 1;
visibility: visible;


}





#head_inn{
width:100%;
height:auto;
}

.head_menu_btn{
    position:relative;

width:100%;
height:55px;
font-weight:bold;


box-sizing: border-box;

}

.head_menu_btn span{

}


.head_menu_btn a{
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

transition: 0.5s;
letter-spacing:0.1em;
color:#000000;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color:#CCCCCC;
padding-top:15px;
text-align:center;
text-indent:2em;
font-weight:normal;
}


.head_menu_btn a:hover{
background-color:#CCCCCC;
color:#000000;
transition: 0.5s;
text-decoration:none;
}


/*------スマホメニューここまで---------*/




/* head画像
------------------------------------------------------------*/

.header_midashi{
font-size:12px;
color:#999999;
text-align:right;
background-color:#FFFFFF;
}

#head_title{
width:100%;
height:auto;
padding-top:3px;
padding-bottom:3px;
background-color:#3EAEA4;
text-align:center;
}


#head_title a{
color:#FFFFFF;
}



#head_box{
width:100%;
max-width:1280px;
height:auto;
padding-top:30px;
margin-right: auto;
margin-left: auto;

}

#main_left{
width:80%;
height:auto;
margin-right: auto;
margin-left: auto;
}

#main_left img{
width:100%;
height:auto;

}

#main_right{
padding-top:20px;
width:100%;
height:auto;
font-size:16px;
letter-spacing:0.2em;
color:#000000;
text-align:center;


}


#access{
text-align:center;
color:#000000;
font-size:11px;
font-weight:bold;
margin-top:30px;
margin-bottom:30px;
}



/* 上部固定メニュー
------------------------------------------------------------*/
#fix_menu{
width:100%;
height:100px;
background-color:rgba(255, 255, 255, 1);
position: -webkit-sticky;
position: sticky;
top: 0;
z-index:100;
padding:10px 0;
margin:30px 0;

}

#fix_menu_in{
width:100%;
height:80px;

margin-right: auto;
margin-left: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}


#fix_menu_in h2{
width:48%;



}



#fix_menu_in h2 a{
height:80px;
display: flex;
align-items: center;
justify-content: center;
font-size:14px;
border-width: 3px;
border-style: solid;
border-color: #6699CC;
color:#000000;
font-weight:bold;
text-align:center;
}

#fix_menu_in h2 a:hover{
background:#6699CC;
transition: 0.5s;
color:#FFFFFF;
}



/* ＴＯＰ　スライド
------------------------------------------------------------*/
#slide_area{
width:100%;
height:auto;
padding-top:15px;
background-color:#FFFFFF;
position:relative;
z-index:50;


}

/* 左サイドメニュー
------------------------------------------------------------*/


#area_top_manu_gazou{
width:90%;
height:auto;
margin-right: auto;
margin-left: auto;
}


#area_top_manu_gazou img{
width:100%;
height:auto;
}



#menu_box{
display:none;

}




#menu_box li{
font-size:18px;
line-height: 1.5em;
margin-left:1em;
}

#menu_box li span{
margin-left:10px;
}

#menu_box li a{
display:block;
padding: 10px 20px 10px 48px;
text-decoration: none;
color: #000;
position:relative;
}

#menu_box li a:hover{
font-weight:bold;
}


/* 左の青いスクエアアイコン 共通部分*/
#menu_box li a:before {
content: "";
position: absolute;
top: 50%;
left: 0;
margin-top:-10px;
margin-left: 15px;
width: 38px;
height: 30px;
}




#menu_box li a:before {
content: url(images/menu_arrow.png);
}


#pr_box{
width:90%;
height:auto;
margin-right: auto;
margin-left: auto;
background-color:#93d8d0;
margin-top:50px;
text-align:center;
box-sizing: border-box;
padding-top:20px;
padding-bottom:10px;

}

#pr_box p{
margin-bottom:30px;
font-size:20px;
}


#tel_box{
width:80%;
height:50px;
margin-right: auto;
margin-left: auto;
display: flex;
align-items: center;
justify-content: center;
background-color:#FFFFFF;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color:#000000;
margin-top:20px;
 border-radius: 5px;
 color:#000000;
 font-weight:bold;
}







/* コンテンツ
------------------------------------------------------------*/


#top_contents{
width:100%;
height:auto;
background-color:#F7F0EC;

}


#area_cate{
padding-top:40px;
}



#main_box{
width:96%;
height:auto;
margin-right: auto;
margin-left: auto;
padding-top:0px;

}


#main_gazou{
width:100%;
height:auto;
}

#main_gazou img{
width:100%;
height:auto;

}



#main_copy1{
width:100%;
height:auto;
text-align:center;
font-size:16px;
color:#6699CC;
line-height: 1.5em;
margin-bottom:10px;

}

#main_copy2{

}

.main_copy1_h2{

}


#main_copy2 span{
display:block;
}

#sns_box{
width:100%;
height:auto;



margin-right: auto;
margin-left: auto;
background-color:#F7F0EC;
padding-bottom:10px;

}

#sns_box p{
margin-bottom:30px;
width:100px;
height:auto;
margin-left:auto;
margin-right:auto;
}

#sns_box p img{
width:100%!important;
height:auto;
}


/* ブログ部分
------------------------------------------------------------*/

#area_blog{
padding-top:0px;
color:#333333;
}

#area_blog h2{
letter-spacing:0.1em;
font-weight:bold;
text-align:center;
font-size:26px;
}

.area_blog_p{
margin-top:15px;
font-weight:bold;
text-align:center;
font-size:14px;
}



#blog06{
width:100%;
height:auto;
text-align:center;
margin-top:50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;  /*左右は端に寄って間を均等*/

}


.thumbWrap06{
width:48%;
height:auto;
margin-bottom:50px;
border: 1px solid #333333;
border-radius: 5px;

}


.post_uebox{
width:100%;
height:auto;
margin:0;
padding:0;
background-color:#FFFFFF;


}



/* 最新記事リンク */


#blog_time06{
margin-bottom:0px;



}

.blog_company{
width:100%;
height:auto;
padding:5px 0;
font-weight:bold;
background-color:#F7F4ED;
letter-spacing:0.2em;
font-size:12px;
}


#top_blog_bun06{
width:100%;
height:auto;
box-sizing: border-box;
padding:5px;
padding-bottom:20px;
text-align:left;
margin-bottom:80px;


margin:0;


}


#top_blog_bun06 h3 a{
display:block;
width:100%;
padding:1px;
color:#003366;
font-size:18px;
line-height: 1.5em;



}



#top_blog_bun06 h3 a:hover{
text-decoration:underline;

}








.thumb-img{
position:relative;
width:100%;
height:100px;

z-index:5;

}

.thumb-img img{
width:100%;
height:100px;

object-fit: cover; /* この一行を追加するだけ！ */

}


.right-align_link{
text-align:right !important;
display:block;

}


.right-align_link a{
color:#000000;
font-weight:bold;
}

.right-align_link a:hover{
color:#996633;

}




/*---日付部分---*/

.post-thumb {
    margin: 0;
    position: relative;
	z-index:10;

	
}
.post-date {
    font-size: 18px;
    letter-spacing: .1rem;
    font-family: 'Amatic SC', cursive;
	background-color:#6699CC;
    border-radius: 5px;
   
    color: #fff;
    text-align: center;
    position: absolute;
    left: 10;
    top: -15px;
    width: 110px;
    height: 30px;
	display: flex;
align-items: center;
justify-content: center;
}
.post-date span {
display:none;
}



#howto_icon{
width:100%;
text-align:center;
margin-right: auto;
margin-left: auto;
color:#000000;
margin-top:40px;

}

#howto_icon h2{
font-weight:bold;
margin-bottom:10px;
}

#howto_icon h3{
display: inline-block;
background-color:#FFF799;
border-radius: 15px;
padding:4px;
letter-spacing:0.2em;
font-weight:bold;
margin-bottom:30px;
width:90%;
margin-right: auto;
margin-left: auto;
font-size:14px;
}

#howto_icon h4{
background-color:#6699CC;
color:#ffffff;
font-weight:bold;
text-align:left;
width:100%;
margin-bottom:20px;
font-size:14px;
}

#howto_ico_img{
width:80%;
height:auto;
margin-right: auto;
margin-left: auto;
margin-bottom:30px;
}

#howto_ico_img img{
width:100%;
height:auto;
}


#howto_ico_wara{

}


#howto_icon_box{
width:90%;
margin-right: auto;
margin-left: auto;
height:auto;
text-align:left;
font-size:14px;
font-weight:bold;


margin-bottom:10px;

}
#howto_icon_box p{
line-height:1.5em;
margin-bottom:10px;
text-indent:-1em;
margin-left:2em;
}



/* ブログ個別
------------------------------------------------------------*/

#blog_single{
width:90%;
height:auto;
margin-right: auto;
margin-left: auto;
padding-top:0px;
}


#shop_guide{
width:100%;
height:auto;

display: flex;
flex-wrap: wrap;
justify-content: space-between;

}




#shop_photo{
width:50%;
height:auto;
margin-right: auto;
margin-left: auto;
}


#shop_link_wara{
margin-top:15px;
margin-right: auto;
margin-left: auto;
}

#shop_photo img{
width:100%;
height:auto;
overflow:hidden;
}



.title_first{
color:#000000;
font-size:20px;
font-weight:800;
margin-bottom:25px;
text-align:center;
border-top-width: 1px;
border-top-style: solid;
border-bottom-color: #000000;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
margin-top:30px;
margin-bottom:30px;
padding-top:20px;
padding-bottom:20px;
letter-spacing:0.2em;
}


.blog_company_kobetu{
color:#76520D;
font-size:14px;
font-weight:800;

margin-bottom:15px;

}


.dateLabel{
margin:10px 0 0px;
font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#76520D;
font-size:16px;

}


.shop_single_link{
margin-bottom:15px;
background-color:#F7F4ED;
width:200px;
margin-right:auto;
margin-left:auto;
text-align:center;


padding:5px 0px;
box-sizing: border-box;
}


.shop_single_link a{
font-weight:bolder;
text-decoration:underline;
color:#000000;
}

.shop_single_link a:hover{
color:#000000;
text-decoration:underline;
}



.osirase_bun{
font-size:16px;
color:#76520D;
line-height: 2.5em;
margin-bottom:100px;
}


.osirase_bun img{
margin-top:30px;
margin-bottom:30x;
}


#company_date{
margin-bottom:180px;
color:#76520D;
line-height: 1.5em;
}

#company_date th{
color:#000000;
display:block;
}



#company_date td{
display:block;
padding-bottom:15px;
}

#company_date a{
color:#76520D;
}


#company_date a:hover{
text-decoration:underline;
}


.pagenav{
text-align:center;
display: flex;
flex-wrap: wrap;
justify-content: space-around;  
}

.pagenav a{
text-decoration:underline;
}


.author_name{
margin-bottom:20px;
}


#author_itiran li{
font-size:16px;
margin-bottom:20px;
margin-left:10px;
text-indent:-1em;

}

#author_itiran li a{
text-decoration:underline;
}



/* .sliderのスタイルはファイルcss/6-1-7.css  */

/* ＴＯＰ　メインカテゴリー
------------------------------------------------------------*/


#area_top_manu{
width:90%;
height:auto;
margin-right: auto;
margin-left: auto;
padding-top:0px;
color:#000000;
}







#top_manu{

}

#top_manu_box{
width:100%;
height:auto;
display: flex;
flex-wrap: wrap;



}

#top_manu_gazou{
padding-top:10px;
width:20%;
height:auto;
margin-right:15px;
margin-bottom:10px;
}

#top_manu_box img{
width:100%;
height:auto;
 object-fit: cover;
    border-radius: 40% 70% 50% 30%/50%;
	transition-duration: 0.5s; /*画像の変化の時間*/
}

/*傾ける*/
#top_manu_box img:hover {
 border-radius: 80% 80% 80% 80%;
}

#top_manu h3{
margin-top:0px;
font-size:18px;
width:68%;
}

#top_manu h3 a:hover{
font-weight:bold;
}


/* ショップカテゴリーページ
------------------------------------------------------------*/

.page_midashi{
color:#000000;
margin-bottom:15px;
font-size:10px;
}


#shop_itiran_wara{
padding-top:50px;
margin-bottom:10px;
}


#main_box_itiran{
width:90%;
height:auto;
margin-right: auto;
margin-left: auto;
padding-bottom:100px;
}


#shop_itiran_gazou{
width:100%;
height:auto;
margin-top:40px;
margin-bottom:20px;
}



#shop_itiran_gazou img{
width:100%;
height:auto;
}


#pankuzu{

margin-bottom:20px;
	color: #222;
	padding-top: 10px;
	margin-top: 0px;
}


#pankuzu p {
	font-size: 0.75em;
	margin-bottom: 7px;
}




#shop_box{
width:100%;
height:auto;
margin-bottom:45px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color:#CCCCCC;
}


#shop_box h2{
text-align:left;
font-size:18px;
padding-bottom:0px;
margin-bottom:10px;
color:#000000;
font-weight:bold;

}


#shop_box p{
color:#333333;
}

#shop_box table{
color:#333333;
margin-bottom:15px;
}

.shop_box_btn{
    position:relative;
height:30px;
width:160px;
padding:2px 4px;
border:1px solid #fff;
margin-right:20px;
text-align:center;/*２行以上にしたくて改行を使ってする時は必要*/
background-color:#3399CC;
margin-bottom:20px;
margin-right: auto;
margin-left: auto;
}


.shop_box_btn a{
font-size:14px;
display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	display: flex;
align-items: center;
justify-content: center;
color:#FFFFFF;
transition: 0.5s;

}




#tag_wara{
margin-top:-5px;
margin-left:20px;
}




.shop_tag{
line-height:2em;
margin-top:10px;
margin-bottom:15px;
}




.shop_tag span{
font-size:16px;
font-weight:bold;
color:#000000;
background-color:#B7ECFD;
margin-right:10px;
padding:3px;
}


#login_wara{
text-align:center;
}


#footer{
width:100%;
height:auto;
border-top: 1px solid #666666;
margin-top:80px;
color:#000000;
text-align:center;
padding-top:20px;
padding-bottom:20px;
}

#footer p{
line-height: 1.5em;
}

#copyright{
text-align:center;
font-size:12px;
font-weight:bold;
color:#000000;
}




/*ページトップへリンクの形状*/
#page-top a{

}

#page-top a:hover{
	
}

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 0px;
	bottom:0px;
	z-index: 150;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(120px);
	vertical-align:bottom;
}

#page-top img{
vertical-align:bottom;
}

/*　上に上がる動き　*/

#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(120px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}







}