/* CSS Document */
/*****************************************************************************
****************** 共通 ******************************************************
*****************************************************************************/
#hinata-takumi_wap a{
	outline: none;
	text-align: justify;
	line-height: 160%;
	font-family: '游明朝','Yu Mincho','Hiragino Mincho Pro',serif,'M PLUS Rounded 1c',sans-serif;
	font-weight: 100;
}
#hinata-takumi_wap h1,
#hinata-takumi_wap h2,
#hinata-takumi_wap h3,
#hinata-takumi_wap h4,
#hinata-takumi_wap ul,
#hinata-takumi_wap li{
	text-align: justify;
	line-height: 160%;
	font-family: '游明朝','Yu Mincho','Hiragino Mincho Pro',serif,'M PLUS Rounded 1c',sans-serif;
	color:#ffffff;
}
#hinata-takumi_wap p{
	text-align: justify;
	line-height: 160%;
	font-family: -apple-system, 'Segoe UI', 'Helvetica Neue','Yu Gothic', Verdana, sans-serif;
	color:#ffffff;
}
#hinata-takumi_wap *:focus {
	outline: none;
}

#hinata-takumi_wap{
	background-color: #000000;
	background-size: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
	text-align: center;
	outline: none;
}
#hinata-takumi_allcon{
	max-width: 1280px;
	width: auto;
	margin: 0 auto;
	text-align: center;
	height: auto;
	position: relative;
}
.hinata-takumi_pc{
	display: block;
}
.hinata-takumi_sm{
	display: none;
}
.hinata-takumi_contents{
	width: 100%;
    height: auto;
    margin-top: 10rem;
}
#hinata-takumi_wap .hinata-takumi_top{
position: relative;
}
#hinata-takumi_wap .top-lead img{
	position: absolute;
    width: 350px;
    top: 3rem;
    right: 3rem;
}
#hinata-takumi_wap .top-lead h1{
	position: absolute;
    top: 16rem;
    right: 10rem;
    color: #ffffff;
    text-align: left;
    font-size: 1.5rem;
    line-height: 160%;
		letter-spacing: 0.2em;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
/*****************************************************************************
****************** TOP部分 ******************************************************
*****************************************************************************/
#hinata-takumi_wap img{
	width: 100%;
	max-width: 100%;
	height: auto;
}
#hinata-takumi_wap .takumi-slide .slider-img {
overflow: hidden;
}
#hinata-takumi_wap .takumi-slide img{
	width: 100%;
	height: auto;
	-webkit-animation: animationZoom1 10s ease-in-out infinite;
	animation: animationZoom1 10s ease-in-out infinite;
	perspective: 1000;
	will-change: transform;
}
@-webkit-keyframes animationZoom1 {
50% { -webkit-transform: scale(110%);
	-ms-transform:scale(110%);
	perspective: 1000;
	will-change: transform;
}
}
@keyframes animationZoom1 {
50% { -webkit-transform: scale(110%);
	-ms-transform:scale(110%);
	perspective: 1000;
	will-change: transform;
}
}
/*****************************************************************************
****************** 電子ブックリンクボタン部分 *******************************************
*****************************************************************************/
#hinata-takumi_wap .hinata-takumi_contents_text{
	max-width: 1000px;
		margin: 0 auto;
}
#hinata-takumi_wap img.four-caregory{
	width: 60%;
    margin: 0 auto 8rem auto;
}
#hinata-takumi_wap .book-flex{
    display: flex;
		justify-content: space-between;
		padding-bottom: 5rem;
}
#hinata-takumi_wap .book-flex a{
	flex-basis: 45%;
}
#hinata-takumi_wap a.btn03{
	background: transparent;
	outline: none;
	transition: all 0.2s ease;
	z-index: 0;
}

/*hoverをした後のボタンの形状*/
#hinata-takumi_wap a.btn03:hover{
	cursor: pointer;
    transition: .1s ease-in-out;
    transform: translate(10px,10px);
    box-shadow: -10px -10px;
    color: #ffffff;
}
/*****************************************************************************
****************** ブック説明部分 *******************************************
*****************************************************************************/
#hinata-takumi_wap .hinata-takumi_book{
	margin-top:5rem;
}
#hinata-takumi_wap .hinata-takumi_book h2{
	width: 30%;
	margin:0 auto;
	display: block;
}
#hinata-takumi_wap .hinata-takumi_book h3{
	width: 80%;
    margin: 5rem auto;
    display: block;
}
#hinata-takumi_wap .hinata-takumi_book p{
	width: 65%;
    margin: 0 auto;
    display: block;
    padding: 3rem 0;
    text-align: center;
}
/*****************************************************************************
****************** 出力用pdf *******************************************
*****************************************************************************/
#hinata-takumi_wap .hinata-takumi_pdf h3{
	width: 30%;
    margin: 5rem auto;
    display: block;
}
#hinata-takumi_wap .hinata-takumi_pdf .pdf-flex{
	display: flex;
	justify-content: space-evenly;
	padding-bottom: 2rem;
}
#hinata-takumi_wap .hinata-takumi_pdf .pdf-flex a{
	flex-basis: 35%;
}
#hinata-takumi_wap .hinata-takumi_pdf .pdf-flex a:hover{
	opacity: 0.7;
}
/*****************************************************************************
****************** 伝統的工芸品とは *******************************************
*****************************************************************************/
#hinata-takumi_wap .about-craft{
	margin: 5rem 0;
}
#hinata-takumi_wap .about-craft h3{
	width: 40%;
    margin: 5rem auto;
    display: block;
}
#hinata-takumi_wap .about-craft p{
	text-align: center;
	margin: 3rem auto;
}
#hinata-takumi_wap .about-craft-flex{
	display: flex;
	justify-content: space-between;
	margin-top: 5rem;
	margin-bottom: 2rem;
}
#hinata-takumi_wap .about-craft-flex div{
	flex-basis: 25%;
}
#hinata-takumi_wap .about-craft-flex img{
	width: 60%;
}
#hinata-takumi_wap .about-craft-flex p.craft-bold{
	font-weight: bold;
	text-align: justify;
}
#hinata-takumi_wap .about-craft-flex p.craft-text{
	text-align: justify;
}
/*****************************************************************************
******************目次のリンク部分 *******************************************
*****************************************************************************/
#hinata-takumi_wap .all-craft{
	margin-top:5rem;
}
#hinata-takumi_wap .all-craft h3{
	width: 30%;
	margin:0 auto;
	display: block;
	padding: 5rem 0;
}
#hinata-takumi_wap .all-craft h4{
	width: 100%;
	margin:0 auto;
	display: block;
}
#hinata-takumi_wap .category_flex{
	display: flex;
	justify-content: space-between;
}
#hinata-takumi_wap .category_flex a{
	font-family: '游明朝','Yu Mincho','Hiragino Mincho Pro',serif,'M PLUS Rounded 1c',sans-serif !important;
}
#hinata-takumi_wap .category-01-02,
#hinata-takumi_wap .category-03-04{
	flex-basis: 47.5%;
	flex-wrap: wrap;
}
#hinata-takumi_wap .category-01-02 ul li,
#hinata-takumi_wap .category-03-04 ul li{
text-align: left;
list-style: none;
}
#hinata-takumi_wap .category-01-02 h4,
#hinata-takumi_wap .category-03-04 h4{
padding-bottom: 2rem;
}
h4.category-04{
	padding-top: 13rem;
}
#hinata-takumi_wap .category-01-02 li,
#hinata-takumi_wap .category-03-04 li{
	padding: 0.5rem 0;
	text-indent: -1.5em;
  padding-left: 1.5em;
}
#hinata-takumi_wap ul.category-01 li::before,
#hinata-takumi_wap ul.category-02 li::before,
#hinata-takumi_wap ul.category-03 li::before,
#hinata-takumi_wap ul.category-04 li::before{
	content:  ""; /* 空の要素作成 */
	width:  15px;               /* 幅指定 */
  height:  15px;            /* 高さ指定 */
  display:  inline-block;     /* インラインブロックにする */
}
#hinata-takumi_wap ul.category-01 li::before{
	background-color: #364678;  /* 背景色指定 */
}
#hinata-takumi_wap ul.category-02 li::before{
  background-color: #bdb330;  /* 背景色指定 */
}
#hinata-takumi_wap ul.category-03 li::before{
  background-color: #1e843b; /* 背景色指定 */
}
#hinata-takumi_wap ul.category-04 li::before{
  background-color: #bd3d6b;  /* 背景色指定 */
}
#hinata-takumi_wap .category-01-02 a,
#hinata-takumi_wap .category-03-04 a{
	text-decoration:none;
	color: #fff;
	padding-left: 5px;
}
#hinata-takumi_wap ul.category-01 a:hover{
color: #364678;
transition: .2s;
}
#hinata-takumi_wap ul.category-02 a:hover{
color: #bdb330;
transition: .2s;
}
#hinata-takumi_wap ul.category-03 a:hover{
color: #1e843b;
transition: .2s;
}
#hinata-takumi_wap ul.category-04 a:hover{
color: #bd3d6b;
transition: .2s;
}
#hinata-takumi_wap .category-01-02 ul,
#hinata-takumi_wap .category-03-04 ul{
	padding-bottom: 2rem;
}
.hinata-takumi_pamphlet-con,
#hinata-takumi_wap .hinata-takumi_video .container-fluid,
.hinata-takumi_food-con{
	max-width: 978px;
	width: auto;
	margin: 0 auto;
}
/*****************************************************************************
******************オレンジバックのフッター *******************************************
*****************************************************************************/
#hinata-takumi_wap .orange-back{
	background-color: #e99a00;
    padding: 2rem 0;
    margin-top: 2rem;
}
#hinata-takumi_wap .orange-back h4{
	font-size: 1.5rem;
    color: #000;
    text-align: center;
    font-weight: 600;
}
#hinata-takumi_wap .orange-back p{
	color: #000 !important;
	text-align: center;
}
#hinata-takumi_wap .orange-back p.orange-back-bold{
	color: #000 !important;
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.hinata-takumi_pamphlet-con,
	#hinata-takumi_wap .hinata-takumi_video .container-fluid,
	.hinata-takumi_food-con{
		width: 94%;
	}
}
.snap-drawers {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
}
#hinata-takumi_wap .orange-back .orange-back-content a{
    color:#000000 !important;
		font-weight: bold;

}
/*****************************************************************************
****************** スマホ版 ******************************************************
*****************************************************************************/
@media screen and (max-width: 480px) {
	#hinata-takumi_wap .hinata-takumi_area h2 {
	    width: 50%;
	    margin: 0 auto;
	    display: block;
	    padding-top: 5rem;
	}
	#hinata-takumi_wap .hinata-takumi_area {
	    padding: 1rem;
	    margin-top: 0;
	}
	#hinata-takumi_wap .area_map img {
	    width: 100%;
	}
	#hinata-takumi_wap .area_north-west-south span {
	    padding-right: 1rem;
	}
	#hinata-takumi_wap .area_center span {
	    padding-right: 1rem;
	}
	#hinata-takumi_wap .top-lead img {
    position: absolute;
    width: 280px;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#hinata-takumi_wap .top-lead h1{
	position: absolute;
    top: unset;
    bottom: 2rem;
    left: 2rem;
    font-size: 1.2rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#hinata-takumi_wap .hinata-takumi_book h3 {
    width: 100%;
    margin: 5rem auto;
    display: block;
}
#hinata-takumi_wap .about-craft p.craft-text{
	text-align: justify;
    margin: 1rem auto;
    display: block;
}
#hinata-takumi_wap img.four-caregory {
    width: 80%;
    margin: 0 auto 5rem auto;
}
#hinata-takumi_wap .book-flex {
    display: block;
    padding-bottom: 0;
}
#hinata-takumi_wap .book-flex div{
    margin-bottom: 3rem;
}
#hinata-takumi_wap .hinata-takumi_pdf h3 {
    width: 60%;
    margin: 3rem auto;
    display: block;
}
	.top-wrap {
    background: none;
}
	#hinata-takumi_wap .hinata-takumi_copy h1 {
		position: static;
    margin-top: 15rem;
    margin-bottom: 3rem;
    padding: 1rem;
    width: 90%;
	}
	#hinata-takumi_wap .about-craft {
    margin: 3rem 0;
    padding: 1rem;
}
	#hinata-takumi_wap .hinata-takumi_top_button-sp {
		position: static;
    margin-top: 3rem;
		overflow: hidden;
}
#hinata-takumi_wap .hinata-takumi_top_button-sp img {
	cursor: pointer;
    position: absolute;
    top: 58rem;
    left: 50%;
    transform: translate(-50%, -50%);
}
#hinata-takumi_wap .hinata-takumi_top_button-sp img:hover{
opacity: 0;
}
	#hinata-takumi_wap .hinata-takumi_top_button-sp img{
		width: 90%;
	}
	#hinata-takumi_wap .hinata-takumi_copy-flex {
    display: block;
}
#hinata-takumi_wap .area_flex {
    display: block;
}
#hinata-takumi_wap p.main-text {
    padding-top: 1rem;
}
#hinata-takumi_wap .text-interview{
	padding: 1rem;
}
#hinata-takumi_wap .hinata-takumi_copy img.button {
    padding-top: 2rem;
    width: 80%;
}
#hinata-takumi_wap .hinata-takumi_book{
	padding: 1rem;
	margin-top: 0;
}
#hinata-takumi_wap .hinata-takumi_book h2{
	width: 80%;
    margin: 0 auto;
    display: block;
    padding-top: 0;
}
#hinata-takumi_wap .hinata-takumi_book p{
	width: 100%;
    margin: 0 auto;
    display: block;
    padding: 3rem 0;
    text-align: justify;
}
#hinata-takumi_wap .about-craft p {
    margin: 1rem auto;
}
#hinata-takumi_wap .hinata-takumi_pdf .pdf-flex {
    display: block;
    width: 90%;
		margin: 0 auto;
    padding-bottom: 0;
}
#hinata-takumi_wap .hinata-takumi_pdf .pdf-flex img{
		margin-bottom: 2rem;
}
#hinata-takumi_wap .about-craft h3{
    width: 90%;
    margin: 5rem auto;
    display: block;
}
#hinata-takumi_wap .about-craft-flex{
	display: block;
}
#hinata-takumi_wap .about-craft-flex img{
    width: 30%;
}
#hinata-takumi_wap .about-craft-flex p.craft-bold {
	font-weight: bold;
	padding-bottom: 2rem;
	text-align: center;
}
#hinata-takumi_wap .all-craft h3 {
    width: 60%;
    margin: 0 auto;
    display: block;
    padding: 3rem 0;
}
#hinata-takumi_wap .category_flex {
    display: block;
    padding: 1rem;
    justify-content: space-between;
}
h4.category-04 {
    padding-top: 1rem;
}
.orange-back .orange-back-content{
	padding:1rem;
}
#hinata-takumi_wap .orange-back h4 {
    font-size: 1.19rem;
    color: #000;
    text-align: center;
    font-weight: 600;
    padding-bottom: 2rem;
}
#hinata-takumi_wap .orange-back p {
    font-size: 0.94rem;
		padding-bottom: 0.5rem;
}
}
/*****************************************************************************
****************** ipad *********************************************
*****************************************************************************/
@media screen and (max-width: 1250px) and (min-width: 481px){
	#hinata-takumi_allcon {
    max-width: 750px;
    width: auto;
    margin: 0 auto;
    text-align: center;
    height: auto;
    position: relative;
}
#hinata-takumi_wap .top-wrap img {
    width: 100%;
}
#hinata-takumi_wap .top-wrap .top-lead img{
    width: 30%;
}
#hinata-takumi_wap .top-lead h1 {
	position: absolute;
	top: 2rem;
	left: 2rem;
	right: auto;
	color: #ffffff;
	text-align: left;
	font-size: 1.5rem;
	line-height: 160%;
	letter-spacing: 0.2em;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#hinata-takumi_wap .all-craft h3 {
    padding: 3rem 0;
}
#hinata-takumi_wap .hinata-takumi_book p {
    width: 100%;
}
#hinata-takumi_wap .hinata-takumi_pdf .pdf-flex a {
    flex-basis: 40%;
}
h4.category-04 {
    padding-top: 11.2rem;
}
}

/*****************************************************************************
****************** bootstrap調整 *********************************************
*****************************************************************************/
ul{
	margin-bottom: 0;
}