@charset "utf-8";
/* CSS Document */
/*------------------------

	スマホ用レイアウト

------------------------*/

@media screen and (max-width:768px){
	body{
		font-size: 1.6rem;
		font-weight: 400;
		margin: 0 auto;
		width: 100%;
		overflow-x: hidden;
		box-sizing: border-box;
	}
	img{
		max-width: 100%;
	}
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	main {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	.inner{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	/*header
	------------------------*/
	/*-----------------------------
	
	　　　スマホ用メニュー
	
	------------------------------*/
	
	.logo {
		text-align: center;
		width: 87px;
		margin-top: 25px;
	}
	.logo.sp {
		margin-top: 0;
		margin-left: 20px;
	}
	/*ハンバーガーメニューボタン--*/
	
	.btn-trigger{
		-webkit-appearance:none;
		appearance:none;
		position: fixed;
		top:25px;
		right:12px;
		z-index:90;
		width:40px;
		display: block;
		cursor: pointer;
	}
	.btn-trigger img{
		width: 30px;
	}
	.menu{
		display: flex;
		display: -webkit-flex;
	}
	/*--スマホメニュー---*/
	.nav-sav-back{
		position: relative;
    	width: 85px;
		display: none;
		height: 120%;
    	z-index: 100;
	}
	/*--クローズボタン---*/
	.nav-sub-close{
		width: 30px;
		position: absolute;
		top: 30px;
		right: 20px;
		cursor: pointer;
	}
	.nav-sub-close img {
		width: 30px;
	}
	/*--スマホメニュー背景---*/
	.nav-sub-sp{
		/*padding-top: 10px;*/
		/*padding-left: 35px;
		padding-right: 35px;*/
		width:100%;
		/*min-width: 235px;*/
		position: fixed;
		top:0;
		right:0;
		height: 100%;
		z-index: 100;
		background: repeat url("../images/white-wall.jpg");
		overflow: auto;
	}
	/*--スマホメニューアイテム---*/
	
	.header-menu li {
    margin-right: 0;
}
	.has-child ul li dl dt img{
		display: none;
	}
	
	.nav-sub-item-sp.parent {
    padding-top:15px;
    border-bottom: 1px solid #808080;
}
	.parent ul li a{
		border-bottom: none;
	}
	.parent p{
		margin-bottom: 15px;
	}
	.parent-waza-list{
		list-style: "- ";
		margin-left: 1em;
	}
	.parent-waza-list li{
		margin-bottom: 15px;
	}
	.parent-waza-list li a{
		color: #5f5f5f;
		padding: 0;
	}
	.sp-menu-contact{
		border: 2px solid #515e29;
		padding: 10px 20px;
		margin: 30px 35px;
	}
	.sp-menu-contact .top-contact-tel{
		text-align: center;
	}
	.sp-menu-contact .top-contact-time{
		padding-bottom: 0;
	}
	.nav-sub-list-sp {
		padding-right: 35px;
		padding-left: 35px;
	}
	.nav-sub-item-sp a{
		padding-top:15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #808080;
		box-sizing: border-box;
	}
	.nav-sub-item-sp-button{
		display: block;
	}
	.nav-sub-item-sp:first-of-type{
		margin-top: 0;
	}
	.nav-sub-item-sp a span:first-of-type{
		font-family: futura-pt, sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		letter-spacing: 0.02em;
		width: 50%;
    	display: inline-block;
		margin-left: 10px;
	}
	.nav-sub-item-sp a span:last-of-type{
		font-weight: 500;
		font-size: 1.2rem;
		letter-spacing: 0.03em;
		margin-right: 10px;
	}
	.sp-menu-list{
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
	}
	.menu{
		display: inherit;
		font-size: 1rem;	
	}
	.menu li{
		margin-right: 0;
	}
	.aaa .contact-2 {
		margin-top: 30px;
		text-align: center;
	}
	.sp-inner{
		padding-right: 25px;
		padding-left: 25px;
	}
	.menu-tel{
		margin-top: 35px;
		text-align: center;
		font-size: 1.6rem;
		font-weight: 700;
	}
	.main-movie {
		height: 100vh;
	}
	h2 {
		top: 120px;
		left: 20px;
		width: 240px;
	}
	.header {
		display: inherit;
		padding-left: 20px;
		padding-right: 20px;
		height: 80px;
	}
	
	.philosophy-sp{
		position: relative;
		background: repeat url(../images/white-wall.jpg);
		border-bottom: 1px solid #272727;
		padding-left: 40px;
    	padding-right: 40px;
		padding-top: 50px;
		background: no-repeat bottom right url(../images/naname-1.png);
	}
	.philosophy-sp-box{
		display: flex;
	}
	.philosophy-img1 {
		margin-right: 0;
		margin-left: 35px;
	}
	.philosophy-img2 {
		width: 80%;
		margin-right: 0;
	}
	/*-------------------------
	
		skill
	
	-------------------------*/
	#skill {
		margin-top: -3px;
	}
	.skill-list {
		display: inherit;
	}
	.skill-item{
		width: 100%;
	}
	.skill-item-text-area {
		padding: 20px 0 50px;
	}
	.skill-background {
		padding-top: 20px;
		padding-bottom: 0;
	}
	/*-------------------------
	
		top-product
	
	-------------------------*/
	.top-product-text {
		top: 0;
	}
	.top-product-title {
		padding-top: 50px;
	}
	.top-product-title p {
    	text-align: left;
	}
	.top-product-list {
		display: inherit;
	}
	.top-product-item {
		margin-right: 0;
		width: 100%;
	}
	.top-product-img-caption {
    	right: 20px;
	}
	.top-product-img-caption.left {
    	right: inherit; 
    	left: 20px;
	}
	.more-btn4 {
		width: 300px;
	}
	.top-product-item:nth-child(2) {
		margin-top: 60px;
	}
	.top-product-item:nth-child(4) {
		margin-top: 60px;
	}
	.top-product-list {
		margin-bottom: 45px;
	}
	#top-product {
		padding-bottom: 60px;
	}
	
	/*-------------------------
	
		top-blog
	
	-------------------------*/
	#top-blog {
		padding-top: 60px;
	}
	.top-blog-box {
		display: inherit;
	}
	.top-blog-box1 {
		width: 100%;
		text-align:center;
	}
	.top-blog-box2 {
		width: 100%;
	}
	.top-blog-box1 h3 {
		margin-bottom: 40px;
	}
	.top-blog-text {
		padding: 30px 20px 0;
	}
	/*-------------------
	
		top-contact
	
	--------------------*/
	.top-contact {
		padding: 60px 0;
	}
	.top-contact-box {
		display: inherit;
	}
	.inner-800 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.top-contact-text {
		text-align: justify;
		line-height: 1.7;
		margin-bottom: 30px;
	}
	.pagetop a {
		right: 20px;
		bottom: 40px;
	}
	.top-contact-box div {
    	width: 100%;
	}
	.top-contact-box div:first-of-type {
		border-right: none;
	}
	.top-contact-time {
		padding-bottom: 30px;
	}
	.btn-contact {
		opacity: 0;
	}
	/*----------------------
	
		footer
	
	-----------------------*/
	.footer-box {
		display: inherit;
	}
	.access {
		width: 100%;
		margin-bottom: 30px;
		text-decoration:none;
	}
	.access p{
		text-decoration:none;
	}
	.site-map.sp {
		display: flex;
		list-style: none;
	}
	.site-map1 {
		margin-left: 0;
	}
	.footer-back {
		padding-bottom:45px;
	}
	.copyright {
		padding: 15px 0;
	}
	/*------------------------
	
		受け継ぐ技　竿を知る
		know.html
	
	------------------------*/
	
	.under {
		padding-top: 80px;
	}
	.under-main-box {
		display: inherit;
	}
	.under-main-img {
		width: 100%;
	}
	.page-title {
		width: 100%;
		padding-right: 0;
		display: flex;
		align-items: center;
		padding-bottom: 50px;
		padding-left: 0;
	}
	.page-title-child {
		font-size: 2.3rem;
	}
	.page-title-parent {
		font-size: 1.4rem;
	}
	.how-to-title {
		font-size: 2.6rem;
		margin-bottom: 30px;
		padding-top: 30px;
    	font-weight: 500;
	}
	.how-to-img img {
		width: 280px;
	}
	.how-to-box {
		display: inherit;
		margin-bottom: 50px;
	}
	.how-to-box dt {
    	width: 100%;
		margin-bottom: 20px;
	}
	.how-to-box dd {
    	width: 100%;
		text-align: justify;
	}
	.know{
		padding-bottom: 0;
	}
	.know-title-1 {
    	font-size: 3rem;
	}
	.know-title-2 {
		width: 60px;
	}
	.know-title {
		margin-bottom: 10px;
	}
	.know-title.know-title-r {
		text-align: left;
	}
	.know-spur-box {
    	display: inherit;
	}
	.know-spur-img {
		margin-left: 0;
		width: 100%;
		margin-bottom: 20px;
	}
	.know-spur-box p {
    	width: 100%;
	}
	.know-box p {
		text-align: justify;
	}
	.know-type-box {
		display: inherit;
		margin-bottom: 0px;
	}
	.know-type {
		width: 100%;
		margin-right: 0;
	}
	.know-type-img {
		width: 100%;
	}
	.know-type-text {
		margin-bottom: 20px;
	}
	.know-type-box-re .know-type {
		margin-left: 0;
		border: inherit;
	}
	.know-use-item1 p{
		font-size: 1.3rem;
	}
	.know-use-item3 p{
		font-size: 1.3rem;
	}
	.know-use-item3{
		padding: 10px 20px;
	}
	.know-use-item2 img{
		width: 17px;
	}
	.know-use-text {
		font-size: 1.6rem;
		font-weight: 500;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	/*--------------------------
	
		受け継ぐ技　竿ができるまで
	
	----------------------------*/
	.flow-lead {
		padding: 30px 0 30px;
	}
	.gray, .green {
		padding: 40px 0 40px;
	}
	.process-text {
		margin-bottom: 20px;
	}
	/*--------------------------
	
		受け継ぐ技　
		初代竿春から二代目竿春へ
	
	----------------------------*/
	.interview .how-to-img img {
		width: 80%;
	}
	.interview-lead {
		padding: 30px 0 50px;
	}
	.interview-box {
		display: inherit;
	}
	.interview-box-item:first-of-type {
		margin-right: 0;
	}	
	.interview-box-item {
		width: 100%;
	}	
	.interview-1, .interview-2, .interview-3, .interview-4, .interview-5, .interview-6, .interview-7, .interview-8, .interview-9 {
		padding: 50px 0;
	}
	.interview-text{
		margin-bottom: 20px;
	}
	.interview-text3.sp {
		margin-top: 10px;
	}

	
	

	
	
	
	
	
	/*---------------------
	
		ギャラリー竿春
	
	----------------------*/
	.gallery-content-box {
		padding: 0;
	}
	.gallery-content-box dt {
		width: 28%;
		padding-right: 18px;
	}
	.gallery-content-box dd {
		width: 72%;
		padding-left: 18px;
		line-height: 1.6;
	}
	.gallery-title {
		margin-bottom: 40px;
		font-size: 2.5rem;
		line-height: 1.4;
	}
	.gallery-content {
		padding-bottom: 70px;
	}	
	.gallery-map iframe {
		margin-bottom: 30px;
	}
	.welcome-box {
		display: inherit;
	}
	.welcome-box-left {
		width: 100%;
		padding-right: 0;
		margin-bottom: 30px;
	}
	.welcome-box-right {
		width: 100%;
	}
	.welcome-box-img1 {
		vertical-align: bottom;
	}
	.welcome-box-img1, .welcome-box-img2 {
		margin-bottom: 30px;
	}	
	.under-main {
		padding-bottom: 0;
	}
	/*-------------------
	
		FAQ
	
	--------------------*/
	
	.inner-900 {
		padding-left: 0;
		padding-right: 0;
	}
	.faq-dl dt {
		padding: 10px 15px;
	}
	.faq-dl dd{
		padding: 10px 15px;
	}
	/*-------------------
	
		お問い合わせ
	
	--------------------*/
	.inner-600{
		padding: 0;
	}
	.contact-lead{
		font-size: 1.6rem;
	}
	.contact-tel {
		padding-left:10px;
		padding-right: 10px;
		padding-bottom: 0;
	}
	.contact-lead2 {
		border: none;
		margin-bottom: 30px;
	}
	.contact-lead2 p{
		font-size: 1.8rem;
		padding: 0;
		position: inherit;
		text-align: center;
	}
	.contact-tel-box-title{
		font-size: 1.8rem;
		top: -19px;
		padding: 0 15px;
	}
	.cform td {
		width: 100%;
		display: block;
	}
	.cform th {
		width: 100%;
		display: block;
		margin-bottom: 0;
	}
	
	
	
	
	
	/* コンタクトフォーム
	-----------------------*/
	/* iOSでのデフォルトスタイルをリセット */
	input[type="submit"],
	input[type="button"] {
	  border-radius: 0;
	  -webkit-box-sizing: content-box;
	  -webkit-appearance: button;
	  -moz-appearance: button;
	       appearance: button;
	  border: none;
	  -webkit-box-sizing: border-box;
	          box-sizing: border-box;
	  cursor: pointer;
	}
	input[type="submit"]::-webkit-search-decoration,
	input[type="button"]::-webkit-search-decoration {
	  display: none;
	}
	input[type="submit"]::focus,
	input[type="button"]::focus {
	  outline-offset: -2px;
	}
	.form-footer {
		margin-left: 0;
		padding: 30px 0;
		text-align: center;
	}
	.form-item {
		display: inherit;
		margin-bottom: 20px;
	}
	.form-parts {
		line-height: 1;
	}
	.contact-lead1 {
		font-size: 1.6rem;
		margin-bottom: 40px;
	}
	#contact .section-inner-r:before{
		width: 0;
	}
	form p {
    	text-align: center;
	}
	#contact .section-inner-r{
		padding-bottom: 0;
	}
	/*---------------------------/

		archive.php
		index.php
		search.php
		single.php
		ブログ一覧

	/---------------------------*/
	.blog-container {
		display: inherit;
	}
	.blog-archive {
		width: 100%;
		padding-right: 0;
	}
	.blog-list {
    	display: inherit;
	}
	.blog-item{
		width: 100%;
		margin-right: 0;
	}
	.blog-sidebar {
		width: 100%;
		padding-bottom: 30px;
	}
	.single-pagination {
		display: inherit;
	}
	.single-pagination li {
		margin-bottom: 10px;
	}
	
	/*-------------------
	
		注文製作のご案内
	
	---------------------*/
	.tab li a {
		padding: 8px 10px;
	}
	.tab-choice-area {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.rod-teacher-list {
		flex-wrap: wrap;
	}
	.rod-teacher-item {
		margin-right: 30px;
		width: calc(50% - 30px / 2);
		margin-bottom: 30px;
	}
	.rod-teacher-item:nth-child(2n){
		margin-right: 0;
	}
	.rod {
    	padding-bottom: 30px;
	}
	.material-list {
		display: inherit;
	}
	.material-item{
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.material-item-box-title {
    	margin-bottom: 10px;
	}
	.grade-text {
    	font-size: 1.8rem;
	}
	.grade-text2 {
		text-align: left;
	}
	.grade-text {
    	text-align: left;
	}
	.design-list{
		flex-wrap: wrap;
	}
	.design-item {
		width: calc(50% - 30px / 2);
		margin-bottom: 30px;
	}
	.design-item:nth-child(2n){
		margin-right: 0;
	}
	.grip-item {
		width: calc(50% - 30px / 2);
	}
	.grip-item:nth-child(2n){
		margin-right: 0;
	}
	.grip-item:nth-child(3n){
		margin-right: 30px;
	}
	.grip-item:nth-of-type(5){
		margin-right: 30px;
	}
	.grip-item:last-of-type{
		margin-right: 0;
	}
	.tool-item{
		width: calc(50% - 30px / 2);
	}
	.grip-item:nth-child(2n){
		margin-right: 0;
	}
	.tool-item{
		width: calc(50% - 30px / 2); 
	}
	.tool-item:nth-child(2n){
		margin-right: 0;
	}
	.tool-item2 {
		width: 100%;
	}
	.product-text {
		text-decoration: none;
		font-size: 1.6rem;
    	background: none;
	}
	/*--------------------
	
		竿春の歩み
	
	---------------------*/
	.history-box-white {
    	padding: 60px 0;
	}
	.history-box-gray {
    	padding: 60px 0;
	}
	.history-box-green {
    	padding: 60px 0;
	}
	.saoharu-age {
		padding: 0px 15px;
		font-size: 1.8rem;
	}
	.industry-age {
		padding: 0px 15px;
		font-size: 1.8rem;
	}
	.age29-text {
		margin-bottom: 20px;
	}
	.age29-item{
		margin-right: 20px;
		width: calc(50% - 20px / 2);	
	}
	.age29-item:last-of-type{
		margin-right: 0;
	}
	.age29-item:first-of-type {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.age63 {
    	padding: 30px 20px 0;
	}
	.age29-list.age32 {
		margin-bottom: 40px;
	}
	.age23-list {
		display: inherit;
	}
	.age23-item:first-of-type {
		width: 100%;
		margin-right: 0;
	}
	.age23-item:last-of-type {
		width: 100%;
	}
	.age23 {
    	padding-top:0;
	}
	.industry {
		margin-left: 0;
		right: 20px;
	}
	.age-about20-list {
    	line-height: 1.8;
	}
	.history-guide {
		font-size: 1.4rem;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}