/* CSS Document */

/************************************************************
 * reset css
************************************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
html { overflow-y:scroll; }
img{
	vertical-align: bottom;
}
h1, h2, h3, h4, h5, h6, td, input { font-size:100%; font-weight:normal; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
a img, li img { vertical-align:bottom; }

/* html5 */
article, aside, figure, footer, header, hgroup, nav, section { display:block; margin:0; padding:0; }

/************************************************************
 * contents
************************************************************/
.flame{ margin-top: 80px;}
#wrapper,
.wrapper02,
#wrapper03,
.wrapper_box{
	width: 1400px;
	margin: 0 auto;

}
#wrapper{
	margin-bottom: 20px;
}
.wrapper{
	width: 1200px;
	margin: 0 auto;
}
body{
background:#fff;
color: #565656;
}
#top{
	margin-bottom: 30px;
	width: 100%;
	background-color: #fff;
	text-align: center;
}
#top .image01{
	display: none;
}
#top .image02{
	display:block;
	margin: 0 auto;
	width:1000px;
}
#header img{
	width: 1400px;
	margin: auto;
	text-align:	center;
}
#smp_menu,
#smp_menu_area{
	display: none;
}
.container {
	background: #fff;	
	margin:0 auto ;
}


.tabs {margin:0 auto; width:100%;box-sizing: border-box; display:flex; 
	justify-content:start; overflow:hidden; clear:both; }
.tabs li {
	width:100%; box-sizing:border-box;/* margin-bottom:10px; */text-align:center;
	border-right:1px solid rgba(255,255,255,0.1);
	
}
.tabs li{
}
.tabs li:first-child a{
	border-radius: 5px 0 0 5px;	
}
.tabs li:last-child{
	border-right: none;
}
.tabs li:last-child a{
 border-radius:0 5px 5px 0;
}
.tabs.natsu_menu a{
	background:#32B16C;
}
.tabs.loha_menu a{
	background: #f8f1e6;
}
.tabs a { display:flex; justify-content:center;
	align-items: center; text-decoration:none;;
	/*height: 100px;*/ color: #FFFFFF; background: #f8f1e6; }
.tabs li.active a,
.tabs a:hover { opacity: 0.8;}
.tab_content { margin:0 auto; width:100%; box-sizing: border-box; /*margin-top:20px;*/ padding:9px; border:1px solid #ccc;background: #FFF; }

.main_ttl01{
	width:1000px;
	margin: 50px auto 0px;
	padding-top:0px;
	padding-bottom:0px;
}
#top.main_ttl01{
	margin-bottom: 20px;
	margin-top: 0;
}
#top03.main_ttl01{
	margin-top: 0;
}
.main_ttl01 img{
	display:block;
}
ul.item_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
	background: #FFFFFF;
}



.item_wrap li {
	text-align: center;
	display: inline-block;
	width: 24%;
	box-sizing: border-box;	
	padding: 10px;
    background: #FFF;
/*	background: rgba(255,255,255,0.9);
	background: linear-gradient(to bottom, #FFF1D8 0%,#ffffff 67%);
*/    border-radius: 5px;
    margin-bottom: 10px;
	margin-right: 10px;
	border:1px solid #DDD;
}
.item_wrap li:nth-of-type(4n){
	margin-right: 0;
	
}
.item_wrap li:last-child{
	margin-right: 0;
}
.item_wrap li.last-item{
	margin-right: 0;
}

.boxrank ul li{
  padding-left: 0px;
  list-style:none;
  display:inline-block;
}

.rankimg{
  width:1000px;
}
li.rankimg{
  padding-left: 0px;
}


.boxnews{
  text-align: center;
}
.boxnews ul li{
  padding-left: 0px;
  list-style:none;
  display:inline-block;
}
#page_top {
    display: block;
}
#page_top span{
	line-height: 0;
	border-top: solid #fff 1px;
}
#page_top a {
    display: block;
	background-size:contain;
	color: #FFFFFF;
	width: 110px;
	height: 110px;
}
#page_top a:hover{
		opacity: 0.5;
		transition: 0.2s linear;
}

/*:::::右メニュー::::::*/
nav.menu { width: 100%; background: #ffefe6; z-index: 50; position: fixed; left: 0; right: 0; bottom: 0; box-shadow: 0 0 0.5rem 0 rgba(255, 98, 0, 0.2); }
nav.menu { background-color: #c7b5b5; /*ackground-image: url(https://image.rakuten.co.jp/arianza/cabinet/lp/winterbg4.jpg); background-position: top; background-size: 100%; background-repeat: no-repeat;*/ }
nav.menu .category { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch !important; } 
nav.menu a { padding: 1.5rem 1.7rem; font-size: 1.2rem; font-weight: bold; color: #fff; display: inline-block; text-align: center; position: relative; }	
nav.menu a:after { background: #fff; content: ""; position: absolute; display: block; width: 1px; height: 50%; top: 0; right: 0; transform: translateY(50%) rotate(15deg); }
nav.menu .highlight a:after {height: 100%; top: 0; right: 0; transform: none; }
nav.menu a:last-child:after { content: none; }
nav.menu a hr { display: inline; border: none; }
nav.menu a hr:after { content: "・"; }
nav.menu .highlight > div { width: 100%; border-bottom: 1px solid #c7b5b5; display: table; }
nav.menu .highlight a { width: 100vw; height: 100%; padding: 1.5rem; font-size: 1.2rem; color: #c7b5b5; background: #f6cf71; display: table-cell; overflow: hidden; }

header.pc { display: none; width: 100%; }
.item_box.pc { display: none; }
.bx-wrapper { max-width: 100% !important; }

.ios .content_text h3 {
    /*padding: 0.35rem 0.35rem 0.3rem;*/
}
.right_top {
    margin-top: 0;
    margin-bottom: 0.6rem;
}
/*パンくず*/
.crumb_wrap {
    width: 1400px;
    margin:30px auto;
}
#crumb {
    top: 0;
    left: 0;
    text-align: left;
    padding: 10px 0 10px 20px;
    width: 100%;
}
#crumb.crumb_gray li a, #crumb.crumb_gray li {
    color: #4D4D4D;
}
#crumb li {
    font-size: 11px;
    color: #fff;
    display: inline-block;
}
#crumb li+li:before {
    content: ">";
    margin-left: 10px;
    padding-right: 10px;
}
/*フェード*/
.slider li {
    height: 6.8rem;
}
.slider li a div .slider_img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    transform: rotate(-10deg) skewY(10deg);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -1.4rem;
    height: 100%;
}
.slider li a div {
    height: calc(100% - 1rem);
}
.slider li a {
    padding: 0.54rem 0.8rem;
}

#fixed_menu {
    position: fixed;
    z-index: 9999;
    right: 1.25rem;
    bottom: 0.6875rem;
}

#fixed_menu a {
    display: block;
    width: 6rem;
    height: 6rem;
    text-align: center;
    transition: 0.4s all ease-out;
    color: #fff;
	padding: 5px;
	font-size: 0.8rem;
	flex-wrap: nowrap;
	font-weight: bold;
	background: #632211;
	border-radius: 100%;
	position: relative;
	margin: 2rem auto;
	min-width:90%;
}
#fixed_menu a.dot {
    width: 0.50rem;
    height: 0.50rem;	
}#fixed_menu a span{
	display: block;
}
#fixed_menu div {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: auto;
}
#fixed_menu a:hover,#fixed_menu li.active a {
    /*background: #fff;
	color: #fff;*/
}	


#wrapper04 .item_wrap{
	padding: 20px 0;
	margin-bottom: 0;
}
.sp_page{
	display: none;
}
.pc_page{
	display: block;
}

/*:::::::::::::PCフェード::::::::::::*/
.slide {
  position: relative;
  width: 100%;
  height: 712px;
  overflow: hidden;
}
.slide-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: slider-1 24s linear infinite;
}
.slide-image:nth-child(1) {
  background-image: url("../img/slider/01.jpg");
  animation-delay: -2s;
  background-position: center;
}

.slide-image:nth-child(2) {
  background-image: url("../img/slider/02.jpg");
  animation-delay: 4s;
  background-position: center;
}

.slide-image:nth-child(3) {
  background-image: url("../img/slider/03.jpg");
  animation-delay: 12s;
  background-position: center;
}
@keyframes slider-1 {
  /* 非表示状態からフェードインを開始する */
  0% {
    opacity: 0;
  }
  /* フェードインを完了し完全表示する */
  4.16% {
    opacity: 1;
  }
  /* ここまで完全表示を維持したらフェードアウトを開始する */
  33.33% {
    opacity: 1;
  }
  /* フェードアウトを完了し非表示にする */
  41.66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/*:::::::::::::PCフェード::::::::::::*/

.page-1{margin-bottom: 0;}
/*:::::::::::::大カテゴリ::::::::::::*/
#headerimg{
	width: 1400px;
	margin: auto;
}
#headerimg img{
	border: 1px solid #ccc;
}
form.hd-form{display: flex;}
.pc_cart{margin-right: 10px;}
.section00_bg{
	background-image: url(../img/bg_pc.jpg);
    height: 850px;
	margin: 50px 0;
	padding: 50px 0;
    background-position: center bottom;
    background-size: cover;
}
.section01_bg{
	margin-top: 50px;
	padding: 30px 0;
	background:#dcc8bf;
    background-size: cover;
}
.section02_bg{
	background:#9e766c;
    background-size: cover;
}
.category{
	width: 1300px;
	margin: 0 auto;
	height: 100%;
}

.content_item_flex{
	width: 1400px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.content_item_flex01{
	width: 80%;
	margin:30px 0;
	display: flex;
	justify-content:space-around;
	align-items: center;
}
.content_item_flex01 p a{
	display: block;
	color: #fff;
	background: #632211;
	padding: 15px;
	text-decoration: none;
	margin-top: 50px;
	width: 250px;
	text-align: center;
	border-radius: 5px;
}
.item_img{
	width: 1200px;
	margin: auto;
}
.c-btn {
  cursor: pointer;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
 
.c-btn{
  background: #fff;
  border: 1px solid #647b9e;
  border-radius: 5px;
  color: #647b9e;
  display: block;
  font-weight: bold;
  max-width: 300px;
  padding: 15px 40px;
  text-align: center;
  margin:100px auto;
　text-decoration: none;
}
.c-btn .reverse:hover {
  background: #fff;
  color: #647b9e;
}
.c-btn a{
  color: #647b9e;
  text-decoration: none;
} 

.h3_item{
	width: 1400px;
	margin: auto;
	font-size: 40px;
	line-height: 2em;
	font-weight:normal;
	letter-spacing: 2px;
	color: #fff;
	background: #dcc8bf;
	text-align: center;
	padding: 10px;
	display: flex;
	align-items: center;
}
.h3_item_txt{
	margin: auto;
	width: 1400px;
	font-weight: normal;
	font-size: 16px;
	margin-top: -20px;
	line-height: 0.5em;
	text-align: center;
	color: #fff;
}
.h3_item:before,
.h3_item:after {
  content: "";
  flex-grow: 1;
  height: 1px; /* 線の太さ */
  background: #fff; /* 線の色 */
  margin:0 2em; /* 文字と線の余白 */
}

.h3_item01{
	width: 1100px;
	margin:auto;
	padding:30px 10px 0;
}
.h3_item01 img{
	height: 80px;
}

.h3_item_txt01{
	width: 1100px;
	margin: auto;
	line-height: 2em;
	color: #fff;
	padding:20px 0 30px
}

.category-img{
	right: 7%;
	bottom: 0%;
	padding-top: 20px;
	display:block;
	}

.title_01{
	width: 50%;
}

.title_01 img{
	width: 80%;
}
.contents_01{
	width: 50%;
	
	
}
.contents_01 img{
	width: 80%;
	
}

.title_02{
	font-size: 15px;
	line-height: 2em;
	letter-spacing: 2px;
}


/*:::::::::::::大カテゴリ::::::::::::*/
#header{
	text-align: center;		
}
p.hello-title{
	text-align: center;	
	padding: 60px 0 30px;
}
p.hello-title img{
	width: 70%;
}
p.hello-title2{
	text-align: center;	
	padding: 60px 0 30px;
}
.hello-title2 img{
	width: 40%;
}
h2.subtitle{
	margin: 50px auto 0;
	padding-bottom: 100px;
	text-align: center;
	line-height: 3.5em;
	color: #565656;
}
.item-caption p{
	text-align: center;
}
h3.item-title{
	text-align: center;
	line-height: 3.5em;
	font-weight: bold;
	font-size: 130%;
}
.item_list{
}
.item_01{
	vertical-align: middle;
	width: 500px;
}
.item_01 p{
	line-height: 2em;
	color: #999999;
	font-size: 15px;
}
.line_item{
	width: -10px;
	padding:60px;
}
.item_name01{
	width: 150px;
}
.item_name02{
	width: 250px;
}
.item_02{
	vertical-align: middle;
	width: 400px;
}
.item_02 img{
	width: 400px;
}
	

/*:::::::↓ view all ↓::::::*/
.viewall{
	text-align: center;
}
.viewall img{
	width: 300px;
	text-align: center;
	margin: 100px auto 200px;	
}


/*:::::::↓ アイテムキャプション ↓::::::*/
.item-container{
	width:1402px;
	margin:20px auto 200px;
	flex-wrap:wrap;
	overflow:hidden;
	display: flex;
	/*display: -webkit-flex;*/
	/*-webkit-justify-content: space-between;*/
    justify-content:flex-start;
}


li.item-list{
	overflow:hidden;
	position:relative;
	width:320px;
	margin:35px;
	text-align: right;
}
.item-list a{
	text-decoration: none;

}
.item-list a:hover{
	opacity: 0.8;
}
.item-list a.link01{
	background: #632211;
	color: #fff;
	padding: 10px;
	height: 20px;
	border-radius: 20px;
	display:inline-table;
}
.item-list img{
	width: 100%;
	margin-bottom: 20px;
 }

li.item-list01{
	overflow:hidden;
	position:relative;
	width:290px;
	font-size: 16px;
	margin:15px;
}
.item-list01 a{
	color: #565656;
	text-decoration: none;

}
.item-list01 a:hover{
	opacity: 0.8;
}
.item-list01 img{
	width: 100%;
	margin-bottom: 10px;
 }

.item-container02{
	width:1402px;
	margin:20px auto 50px;
	flex-wrap:wrap;
	overflow:hidden;
	display: flex;
	/*display: -webkit-flex;*/
	/*-webkit-justify-content: space-between;*/
    justify-content:flex-start;
}
li.item-list02{
	width:270px;
	margin:15px;
	background: #fff;
	text-align: center;
	border-radius: 10px;
}

.item-list02 a{
	padding: 20px;
	color: #565656;
	text-decoration: none;
	display: block;
}
/*li.item-list02::after{
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
	content: '＞'
}*/
.item-list02 a:hover{
	opacity: 0.8;
}
/*:::::::↓ footer ↓::::::*/
/*footer*/
footer{
	width:100%;
	display:block;
	padding:50px 0 20px;
	background:#632211;
	height:100%;
}

footer .copy{
	text-align:center;
	font-size:70%;
	color:#fff;
	display:block;
	line-height:2em;
}
footer a{
	color:#fff;
	font-size: 12px;
	letter-spacing: 3px;
	padding:0 30px;
	text-decoration:none;
}
footer a:hover{
	text-decoration:none;
	opacity: 0.8;
}
.copy p{
	margin: 50px auto 0;
}

@media screen and (max-width: 640px) {
#sp_title img,#headerimg img{
	width: 90%;		
	margin:auto;
}
#headerimg,.item_img{
	width: 100%;
}
.line_item{display: none;}
	.item_name01,.item_name02{margin-top: 50px;}
.content_item_flex01{
	flex-wrap: wrap;
	width: 100%;
	text-align: center;
}


.item_02 img{width: 100%;}	
.item_01,.item_02{width: 90%; margin: auto;}	
.section00_bg{
	background-image: url(../img/bg_sp_.jpg);
	height: 700px;
	background-repeat: no-repeat;
}
.section01_bg{
	background:#dcc8bf;
}
.section02_bg{
	padding: 20px;
}	
.h3_item{width: 100%;}	
.item_list{
	width: 100%;
	margin-top: 0;
}
.h3_item:before, .h3_item:after{margin: 0 10px;}

.sp_page{
	display: block;
}
.pc_page{
	display: none;
}
	nav.menu { display: none; }
	#fixed_menu { display: block; }
	header.pc { display: block; max-width: 100%; }
	.item_box.sp { display: none; }
	.item_box.pc { display: flex; }
	header.sp { display: none; }
	.item_box.wide .item_wrap ,.items .item_box.wide .item_description { width: 50%; }
	.content_wrap { height: 26rem; }
	.content_main_img,.content_bg .content_mask .content_bg_img { height: 34rem; }
	.content_bg .content_mask .content_bg_img { background-image: url(https://www.rakuten.ne.jp/gold/dondon/lp/img/winterbg3.jpg); }
	.slider li { height: 8rem; }
	.slider_wrap { position: relative; }
	.slider_gradation {
		position: absolute;
		width: 25%;
		left: 0;
		top: 0;
		bottom: 0;
		z-index: 1;
		background: linear-gradient( 90deg, rgb(199, 181, 181) 0%, rgba(199, 181, 181,0) 100%);
	}
	.slider_gradation_r {
		position: absolute;
		width: 25%;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 1;
		background: linear-gradient( 90deg, rgba(199, 181, 181,0) 0%, rgb(199,181,181) 100%);
	}
	.items .item_boxies {
		margin: -0.1875rem 0 5.75rem;
	}
	.ranking.items .item_boxies {
		margin: 0.375rem 0 5.75rem;
	}
	.item_boxies .item_box .rank:before {
		font-size: 1.25rem;
	}
	.item_boxies .item_box .rank:after {
		font-size: 0.75rem;
		margin-left: 0.05rem;
	}
	.item_boxies .item_box .rank_wrap {
		width: 2.5rem;
		height: 2.5rem;
	}
	#smp_menu_area{
	position: fixed;
	display: block;
	height: 50px;
	width:100%;
        z-index: 99999999999;
}
#smp_menu{
	display: none;
	padding:0;
	-ms-flex-wrap : wrap; /*for IE10*/
	-webkit-flex-wrap : wrap; /*for old webkit browser*/
	flex-wrap:wrap;
	background-color: rgba(237,234,234,0.95);

}
#smp_menu li{
	flex:0 0 auto;
	width:100%;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
	display:flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items:center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content:center;
	box-sizing:border-box;
	border-bottom:2px dotted #937B57;
	border-left:none;
}
#smp_menu li a{
	font-size:130%;
	padding:1em 0;
	text-decoration:none;
	color: #6d6747;
	    width: 100%;
    display: block;
    text-align: center;
}
#smp_menu li:nth-of-type(1),
#smp_menu li:nth-of-type(2){
	flex:0 1 auto;
}
#smp_menu:last-child{
	border-right:none;
}
#wrapper,
.wrapper02,
#wrapper03,
.wrapper_box{
	width: 100%;
	}
#wrapper03{
padding: 30px 0 0;
padding-top: 0;

}
.wrapper{
	width: 100%;
}
#g_nav_open_btn {
    display: block;
    background-image: url(../img/sp_header_menu_btn.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 15px;
    right: 15px;
    height: 83px;
    width: 84px;
    text-indent: -9999px;
    border: 2px #FFF solid;
    border-radius: 8px;
}
.main_ttl01{
	width: 100%;
	padding-top:50px;
	padding-bottom:0px;
	margin-bottom: 0px;
}
#top.main_ttl01{
		padding-top: 0;
	}
.main_ttl01 img{
	width:100%;
	height: auto;
	}
.tabs {margin:0 auto; width:100%;box-sizing: border-box; display:flex; 
	justify-content:start; overflow:hidden; clear:both; }
.tabs li {
	width:100%; box-sizing:border-box;/* margin-bottom:10px; */text-align:center;
	border-right:1px solid rgba(255,255,255,0.1);
	
}
.tabs li{
}
.tabs li:first-child a{
	border-radius: 5px 0 0 5px;	
}
.tabs li:last-child{
	border-right: none;
}
.tabs li:last-child a{
 border-radius:0 5px 5px 0;
}
.tabs.natsu_menu a{
	background:#32B16C;
}
.tabs.loha_menu a{
	background: #f8f1e6;
}
.tabs a { display:flex; justify-content:center;
	align-items: center; text-decoration:none;;
	/*height: 100px;*/ color: #977D6A; background: #f8f1e6; }
.tabs li.active a,
.tabs a:hover { opacity: 0.8;}
.tab_content { margin:0 auto; width:100%; box-sizing: border-box; /*margin-top:20px;*/ padding:9px; border:1px solid #ccc;background: #977D6A; }

	.item_wrap li{
		width: 48%;
		padding: 30px 0;
		    margin-right: 1%;
	}

.right_navi{
		display: none;
　}
#video{
		width: 100%;
}
#top img.image01{
		display:block;
		margin: 0 auto;
}
#top img.image02{
		display: none;
　}

.slide {
  position: relative;
  width: 100%;
  height: 345px;
  overflow: hidden;
}	
/*:::::::::::::SPフェード::::::::::::*/
.slide-sp {
  position: relative;
  height: 675px;
  overflow: hidden;
}
.slide-image-sp {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 2%;
  width: 90%;
 /* height: 90%;*/
  height: 610px;
  margin: 10px 20px 0;
  opacity: 0;
  animation: slider-1 24s linear infinite;
  border: 1px solid #000;
  align-items: center;
}
.slide-image-sp:nth-child(1) {
  background-image: url("../img/slider/sp01.jpg");
  animation-delay: -2s;
  background-position: center;
}

.slide-image-sp:nth-child(2) {
  background-image: url("../img/slider/sp02.jpg");
  animation-delay: 4s;
  background-position: center;
}

.slide-image-sp:nth-child(3) {
  background-image: url("../img/slider/sp03.jpg");
  animation-delay: 12s;
  background-position: center;
}
@keyframes slider-1 {
  /* 非表示状態からフェードインを開始する */
  0% {
    opacity: 0;
  }
  /* フェードインを完了し完全表示する */
  4.16% {
    opacity: 1;
  }
  /* ここまで完全表示を維持したらフェードアウトを開始する */
  33.33% {
    opacity: 1;
  }
  /* フェードアウトを完了し非表示にする */
  41.66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/*:::::::::::::SPフェード::::::::::::*/	
/*:::::::↓ 大カテゴリ ↓::::::*/
li.item-list01{
/*	width: 190px;
*/}
.container.sp_page{
background:url("../img/shadow-all_sp.jpg") repeat-y center top;
}

.crumb_wrap {
	width: 90%;
}
	.container {
	background: url("../img/shadow-all_sp.jpg") repeat-x center bottom;	
	margin:0 auto ;
}

	.content_wrap { height: 26rem; }
	.content_main_img,.content_bg .content_mask .content_bg_img { height: 34rem; }
	
p.hello-title{
	text-align: center;	
	padding: 30px 0 30px;
}
p.hello-title img{
	width: 80%;
}
p.hello-title2{
	text-align: center;	
	padding: 0px 0 30px;
}
.hello-title2 img{
	width: 90%;
	margin: auto;
}
h2.subtitle{
	width: 95%;
	margin: auto;
	padding-bottom: 100px;
	text-align: center;
	line-height: 2em;
	font-size: 20px;
	color: #565656;
}	
.viewall img{width: 50%; margin:20px 0;}
.viewall{margin: 0px auto;}
/*:::::::↑ 大カテゴリ ↓::::::*/

/*:::::::↓ アイテムキャプション ↓::::::*/
.h3_item01 img{height: 60px;}	
.content_item_flex{
	display: block;
	width: 90%;
	align-items:center;
	padding-bottom: 0px;
}
	
.title_01,.title_02{
	color: #fff;
	text-align: center;
}
.title_01{width: 100%;}
.title_01 img{
	width: 90%;
	margin: auto;
}
.contents_01{
	padding-top: 20px;
	width: 100%;
	text-align: right;
}
.contents_01 img{width: 80%;}
.content_item_flex01 p a{margin: 10px 0}	

.title_02{
	font-size: 20px;
	line-height: 2em;
	letter-spacing: 0;
	padding-bottom: 20px;
}
.content_text{
	width: 50%;
}
.content_text p {
	width: 100%;
	margin-top: 0.625rem; 
	white-space:normal; 
	color: #647b9e;
    text-shadow: none;
    line-height: 1.5;
	font-size: 20px;
    margin-bottom: 0;
    margin-top: 0.8rem;
}
.h3_item_txt,.h3_item_txt01{width: 100%;}	
.content_img{width: 50%;
        display: flex;
        justify-content: center;
        flex-direction: column;
		}
.category-img{
	width: 100%;
	padding-top: 0;
}


.item-container{
	width: 100%;
	display: flex;
	justify-content:flex-start;
}
.item-container02{
	width: 100%;
	display: flex;
	justify-content:center;
}
.item-list{
	width:40%;
}
.li.item-list02{width: 45%;}
.item-list img{
	width:100%;
}

li.item-list{width: 45%;margin: 10px;}
li.item-list a{
	font-size: 10px;
}

/*@media screen and (min-width: 641px) {
	.right_navi li a:hover{
		opacity: 0.5;
		transition: 0.2s linear;
	}

	
}*/