@charset "UTF-8";


/*共通タイトル*/
.page-block-title {margin-bottom: 20px;color: var(--color-green);font-size: 22px;font-weight: 700;}

/*動画*/
.video{position:relative;width:100%;padding-top:56.25%}
.video iframe{position:absolute;top:0;right:0;width:100%;height:100%}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　HOME
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*main*/
#home-main	{display: flex;padding: 3% 0}
.home-main-catch {flex-basis: 120px;}
.home-main-photo-block {flex-basis: calc(100% - 120px);}


@media screen and (max-width:768px){
#home-main	{flex-wrap: wrap;}
.home-main-catch,
.home-main-photo-block {flex-basis: 100%;}

}

.home-main-catch {position:relative;margin: 0;padding: 0}
.home-main-catch p {position: absolute;left: 0;bottom: 0;display: block;width: 100px;padding:0;font-family: "Oswald", sans-serif;font-size:75px;font-weight: 500;font-style: normal;text-align:left;line-height: 1.0em;transform:rotate(-90deg);text-align: left;white-space: nowrap;}

@media screen and (max-width: 1300px){
.home-main-catch p {font-size:5.3vw;}
}


@media screen and (max-width:768px){
.home-main-catch {height: 12vw;}
.home-main-catch p {position: relative;width: 100%;transform:rotate(0deg);font-size: 11vw;text-align: center;}}


.home-main-photo-block {position: relative;}
.home-main-photo {border-radius: 50px 0 0 50px;line-height: 0;overflow: hidden;}
.home-main-text {position: absolute;right: 0;bottom: 8%;width: 100%;}

.home-main-text span{display: block;padding: 15px 50px;color: #fff;font-size:35px;font-weight: 300;background: linear-gradient(130deg,rgba(0,0,0,0.0) 0%, rgba(0,0,0,0) 50px, rgba(0,0,0,0.7) 50px,rgba(0,0,0,0.7) 100%);text-align: center;}

.home-main-text span.t01 {width: 500px;margin: 0 0 15px auto;}
.home-main-text span.t02 {width: 550px;margin: 0 0 0 auto;}


@media screen and (max-width:980px){
.home-main-text span.t01 {width: auto;margin: 0 0 10px 50%;padding: 10px  10px 10px 10%;}
.home-main-text span.t02 {width: auto;margin: 0 0 0 40%;padding: 10px 10px 10px 20%;}
.home-main-text span{font-size:4vw;}
}

@media screen and (max-width: 480px){
.home-main-text {bottom: 10px;}
.home-main-text span.t01 {margin: 0 0 10px 45%;padding: 2px 15px;}
.home-main-text span.t02 {margin: 0 0 0 40%;padding: 2px 15px;}
.home-main-text span{font-size:3.5vw;text-align: right;}
}


/*contents-01*/

.home-contents-01-area{padding: 60px 0;background: rgba(0,0,0,0.05)}
.home-contents-01 {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap:wrap;}

.home-01-inner-block {background: #fff;border-radius: 30px}
.home-01-title{margin-bottom: 20px;padding: 15px 20px;font-size: 19px;font-weight: 500;background: var(--color-green);color: #fff;border-radius: 30px 30px 0 0}

.home-01-inner-block.left {flex-basis: 30%;}
.home-01-inner-block.right {flex-basis: 68%;}

.home-01-inner-box {padding: 0 20px 30px}

.home-event {}
.home-event li:nth-child(1){}
.home-event li:nth-child(2){margin-bottom: 20px;}
.home-event li:nth-child(3){}


.home-event li:nth-child(3) a{display: block;padding: 8px 0;background: var(--color-red);border-radius: 20px;color: #fff;font-weight: 600;text-align: center;text-decoration: none;}
.home-event li:nth-child(3) a i{margin-left: 10px;}

.home-event-photo {}




.home-01-inner-block .home-dvd {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap:wrap;}
.home-dvd-01 {flex-basis: 48%}
.home-dvd-02 {flex-basis: 48%}


.home-dvd-01-list li {padding: 5px 10px;border-bottom: 1px dashed #999;}
.home-dvd-01-list li span:nth-child(1){display: inline-block;width: 5.5em;}
.home-dvd-01-list li span:nth-child(2){}
.home-dvd-01-list li a{color: #000;font-size: 18px;font-weight: 500;text-decoration: none;}


.home-dvd-02-title {margin-bottom: 10px;color: var(--color-green);font-size: 18px;font-weight: 600;text-align: center;line-height: 1.3em;}
.home-dvd-02 {padding: 10px 20px 20px 20px;background: #ecf4ef;}

@media screen and (max-width:980px){
.home-01-inner-block.left,
.home-01-inner-block.right {flex-basis: 100%;}
}


@media screen and (max-width:768px){
.home-contents-01-area{padding: 40px 0;}

.home-01-inner-block.left {margin-bottom: 30px}
.home-dvd-01,
.home-dvd-02 {flex-basis: 100%;}
.home-dvd-01 {margin-bottom: 30px}
}




.home-contents-02 {}

.home-contents-02-01 {padding: 80px 0;background:url(../image/curl_g.png) rgba(0,157,121,0.3) no-repeat center left}
.home-contents-02-02 {padding: 80px 0;background:url(../image/curl_r.png) rgba(227,36,70,0.3) no-repeat center right}
.home-contents-02-03 {padding: 80px 0;background:url(../image/curl_gray.png) rgba(0,0,0,0.0) no-repeat;background-size: 110%;background-position: 130% -50%}

.home-contents-02-inner{display: flex;align-items: center;flex-wrap:wrap;}
.home-contents-02-inner.reverse{flex-direction: row-reverse;}
.home-page-block-title{flex-basis: 30%;}
.home-contents-02-box{flex-basis: 70%;}
.home-03-box-left{flex-basis: 50%;}
.home-03-box-right{flex-basis: 50%;}

.home-page-block-title{font-size: 18px;font-weight: 700;text-align: center;}

.home-contents-02-g{color: #fff;font-size: 28px;font-weight: 700;}
.home-contents-02-r{color: #fff;font-size: 28px;font-weight: 700;}

.home-contents-02-box{padding: 40px;background: #fff;border-radius: 30px;}
.home-contents-02-box strong{display: block;margin-bottom: 0.7em;padding-bottom: 0.7em;font-size: 17px;font-weight: 600;}
.home-contents-02-box strong.g{color: var(--color-green);border-bottom: 3px dotted  var(--color-green);}
.home-contents-02-box strong.r{color: var(--color-red);border-bottom: 3px dotted  var(--color-red);}

.home-tokucho {margin-bottom: 10px;color: var(--color-green);font-size: 18px;font-weight: 700;}


/*■印リスト*/
ul.square{margin:0;list-style-type:none;font-size:100%}
ul.square li{margin-left:-1em;text-indent:-1em;padding: 0.3em 0.3em 0.3em 2em;line-height:150%}
ul.square li:before{content:"■";color: var(--color-green)}

.home-03-box {}
.home-03-box-left{margin-bottom: 35px;font-size: 30px;font-weight: 700;text-align: center;}
.home-03-box-right{padding: 0 20%;}
.home-03-box-right img{border-radius: 30px;}


@media screen and (max-width:980px){

.home-contents-02-03 {background-position: 180% 20%}

.home-03-box-right{padding: 0 15%;text-align: center;}

.home-page-block-title,
.home-contents-02-box,
.home-03-box-left,
.home-03-box-right{flex-basis: 100%;}

.home-page-block-title {margin-bottom: 30px}
.home-03-box-left {line-height: 1.5em;}

}

@media screen and (max-width:768px){

.home-contents-02-01,
.home-contents-02-02,
.home-contents-02-03 {padding: 40px 0;}

.home-contents-02-01 {background:url(../image/curl_g.png) rgba(0,157,121,0.5) no-repeat center left}
.home-contents-02-02 {background:url(../image/curl_r.png) rgba(227,36,70,0.5) no-repeat center right}
.home-contents-02-03 {background:url(../image/curl_gray.png) rgba(0,0,0,0.0) no-repeat;background-size: 120%;background-position: 70% 140%}

.home-contents-02-box{padding: 30px;}

.home-03-box-left{font-size: 20px;}
.home-03-box-right{padding: 0;}
}




/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　競技方法と楽しみ方
　カーリンコン公式ガイドブック
　カーリンコン用具
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.rule-red {color: var(--color-red);font-weight: bold;}
.rule-green {color: var(--color-green);font-weight: bold;}

.rule-contents-01,
.rule-contents-02,
.rule-contents-03 {padding: 50px 0;}

.rule-contents-01 {}
.rule-contents-02 {background: rgba(0,0,0,0.05);}
.rule-contents-03 {}


.rule-contents-01-inner {margin: 40px 0;padding-bottom: 40px;border-bottom: 1px solid #ccc;}
.rule-contents-01-inner.last {margin: 40px 0 0;padding-bottom: 0;border-bottom: none;}

.rule-sub-title {margin-bottom: 1em;padding: 0.2em 0.5em;color: var(--color-red);font-weight: 600;border-left: 7px solid var(--color-red);font-size: 1.2em;}


.rule-pattern-text {margin-bottom: 20px;}

.rule-drawing-num {display: flex;font-weight: bold;}
.rule-drawing-num p:nth-child(1) {flex-basis: 40px;display:flex;justify-content: center;align-items: center;width: 40px;height: 40px;line-height: 40px;margin-right: 10px;background: var(--color-red);color: #fff;text-align: center;border-radius: 50%;}
.rule-drawing-num p:nth-child(2) {flex-basis: calc(100% - 40px);display: block;margin-top: 5px;}


.rule-drawing-title{width: 200px;padding: 1px;background: var(--color-green);color: #fff;font-weight: bold;text-align: center;}
.rule-drawing {display: flex;flex-wrap: wrap;margin-bottom: 50px;padding: 30px;border: 1px solid  var(--color-green)}
.rule-drawing.dl-none {display: block;}
.rule-drawing dt{flex-basis: 37%;margin-right: 3%;}
.rule-drawing dd{flex-basis: 60%;}
.rule-drawing .rule-green-img{width: 15px;height: 15px;}

@media screen and (max-width:768px){
.rule-drawing dt,.rule-drawing dd{flex-basis: 100%}
.rule-drawing dt{margin-bottom: 15px;}
}

.rule-attention-01,
.rule-attention-02 {font-size: 0.9rem;}
.rule-attention-01 {}
.rule-attention-02 {}

/*カーリンコン公式ガイドブック カーリンコン用具*/
.rule-tool {display: flex;flex-wrap: wrap;margin-top: 30px;}
.rule-tool .photo{flex-basis: 30%;margin-right: 4%;text-align: center;}
.rule-tool .photo img{max-width: 500px;}
.rule-tool .text{flex-basis: 66%;}
.rule-tool .text .lead{margin-bottom: 30px;}
.rule-tool strong{color: var(--color-green);font-size: 1.3rem;font-weight: bold;}
.rule-tool .text a{color: var(--color-green);}

.buy-contact-info {display: inline-block;margin-bottom: 20px;padding: 10px 10px 0 10px;border: 1px solid var(--color-green-50);background: rgba(255,255,255,0.8)}
.buy-contact-info-title {padding: 5px 1.5em;background:var(--color-green-10)}

.buy-contact {}
.buy-contact li{padding: 0.5em 1.5em;border-bottom: 3px dotted #ccc;}
.buy-contact li.last{border-bottom: none}
.buy-contact a{color: #333;text-decoration: none;}
.buy-contact .item{width: 5em;display: inline-block;font-size: 1.1rem;}
.buy-contact .num{}
.buy-contact .fax,.buy-contact a{font-size: 1.5rem;font-weight: 500;}

@media screen and (max-width:1200px){
.rule-tool .photo{flex-basis: 38%;margin-right: 3%;}
.rule-tool .text{flex-basis: 58%;}
}
@media screen and (max-width:980px){
.buy-contact-info {display: block;}
.rule-tool .photo{flex-basis: 100%;margin-right: 0;padding: 0 5%;}
.rule-tool .text{flex-basis: 100%;}
.buy-contact {max-width: 100%;}
}

@media screen and (max-width:768px){
.buy-contact li{padding: 0.5em;}
.buy-contact .item{display: block;}
.buy-contact .fax,.buy-contact a{display: block;padding-left: 1em}
}


.how-to-buy {margin-top: 20px;padding: 25px 35px;background:  var(--color-green-05);}
.how-to-buy-title {display: inline-block;margin:0 0 20px 0;padding: 0 1.5em;color: var(--color-green);border: 1px solid var(--color-green);border-radius: 1.75em;background: #fff;font-size: 16px;font-weight: 700;line-height: 2.5em;}




/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　全国の活動組織
　指導者の育成
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.branch-contents-01{padding: 50px 0;}
.branch-contents-02 {padding: 60px 0 70px 0;background: rgba(0,0,0,0.05);}


/*全国の活動組織*/
.organization-title {margin-bottom: 20px;color: var(--color-red);font-size: 1.2rem;font-weight: 700;text-align: left;}

.organization {display: flex;flex-wrap: wrap;margin: 30px 0 10px 0;}
.organization .figure{flex-basis: 35%;margin-right: 5%;text-align: center;}
.organization .figure img{max-width: 500px;}
.organization .text-block{flex-basis: 60%;}
.organization .text-block .text-block-inner{margin-bottom: 30px;}
.organization strong{color: var(--color-green);font-size: 1.3rem;font-weight: bold;}
@media screen and (max-width:768px){
.organization .figure,
.organization .text-block{flex-basis:100%;}
}

.branck-site-list li{margin-bottom: 20px;}
.branck-site-list li:last-child{margin-bottom: 0;}
.branck-site-list a{display: block;max-width: 500px;padding: 0.5em 2em;border: 1px solid var(--color-red);border-radius: 1.5em;text-decoration: none;text-align: center;color: var(--color-red);font-size: 14px;font-weight: 500}
.branck-site-list  a i {margin-left: 10px}
.branck-site-list  a:hover{color: #fff;background: var(--color-red);opacity: 1}

/*指導者の育成*/
.branch-leader {margin-bottom: 30px;padding: 10px;background: #fff;}
.branch-leader:last-child {margin-bottom: 0;}
.branch-leader dt{padding: 5px 10px 0;color: var(--color-red);font-weight: 700}
.branch-leader dd{padding: 10px;}

.branch-leader-info {display: flex;flex-wrap:wrap;padding: 10px;border: 1px solid var(--color-green-50);}
.branch-leader-info-title {margin-right: 1em;padding: 0 1em;color: var(--color-green);font-weight: 700;border-right: 1px solid var(--color-green);}
.branch-leader-info-contact {display: flex;flex-wrap:wrap;margin: 0;padding: 0;}
.branch-leader-info-contact li{margin: 0 1em 0 0;}
.branch-leader-info-contact a{color: #333;text-decoration: none;line-height: 1em;}
.branch-leader-info-contact .item{font-size: 1.1rem;}
.branch-leader-info-contact .num{}
.branch-leader-info-contact .fax,.branch-leader-info-contact  a{font-size: 1.1rem;font-weight: 500;}

@media screen and (max-width: 1200px){
.branch-leader-info {}
.branch-leader-info-title {flex-basis: 100%;margin: 0 0 0.5em 0;padding: 0 0 0.7em 0;border: none;border-bottom: 1px solid var(--color-green);}
}

@media screen and (max-width: 768px){
.branch-leader-info-contact .item{font-size: 0.8rem;}
.branch-leader-info-contact .fax,.branch-leader-info-contact  a{font-size: 1.0rem;}
}



/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　日本カーリンコン全国大会
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.curlinkon-contents-01,
.curlinkon-contents-02,
.curlinkon-contents-03 {padding: 50px 0;}

.curlinkon-contents-02{background: rgba(0,0,0,0.05);}

.album-list {margin-top: 30px;border-top: 1px solid #ccc;}
.album-list li {display: flex;justify-content: space-between;flex-wrap: wrap;padding: 15px 30px;border-bottom: 1px solid #ccc;}
.album-list .album-num{}
.album-list .detail{}

.album-list .detail a{display: block;width: 230px;padding: 0 2em;border: 1px solid var(--color-red);border-radius: 1.5em;text-decoration: none;text-align: center;color: var(--color-red);font-size: 14px;font-weight: 500}
.album-list .detail a .fa-picture-o {margin-right: 10px}
.album-list .detail a .fa-arrow-right {margin-left: 10px}
.album-list .detail a:hover{color: #fff;background: var(--color-red);opacity: 1}

@media screen and (max-width:800px){
.album-list li {padding: 15px;}
.album-list .album-num,
.album-list .detail{flex-basis: 100%}
.album-list .album-num {margin-bottom: 5px;}
.album-list .detail{margin-bottom: 10px;text-align: right;}
.album-list .detail a{margin: 0 0 0 auto}
}

/*日本カーリンコン全国大会 アルバムリスト*/
.album-title-block {display: flex;flex-wrap: wrap;width: 100%;margin: 45px 0 0 0}
.album-title-block h2{flex-basis: 350px;display:flex;justify-content: center;align-items: center;margin: 0;padding:0 15px;height: 70px;border: 1px solid  var(--color-green);text-align: center;}
.album-title-block h3{flex-basis: calc(100% - 350px);display:flex;align-items: center;height: 70px;padding:0 15px;margin: 0;border-bottom: 1px solid  #999;}

.album-attention{margin-bottom: 50px;text-align: right;}
.album-attention small{font-size: 0.8rem;}

@media screen and (max-width:768px){
.album-title-block h2,.album-title-block h3{flex-basis: 100%;}
.album-title-block h2 {padding:0}
.album-title-block h3{justify-content: center;}
.album-attention{text-align: center;}
.album-attention small{font-size: 0.7rem;}
}

/*集合写真*/
.photo-set-list {display: flex;flex-wrap: wrap;}
.photo-set-list a{color: #333;text-decoration: none;}
.photo-set-list li{flex-basis:32%;margin: 0 1.5% 1.5% 0;padding: 15px;background: #fff;font-size: 0.9rem}
.photo-set-list li:nth-child(3n){margin: 0 0 1.5% 0}
.photo-set-list .photo{margin: 0}
.photo-set-list .text{}
@media screen and (max-width:768px){
.photo-set-list li{flex-basis:100%;margin: 0 0 30px 0;}
.photo-set-list li:nth-child(3n){margin: 0 0 30px 0}
}

/*アルバム詳細ページ*/

.albun-main-photo {margin-bottom: 50px;padding: 50px 0;background: var(--color-green-10)}

.album-photo-area {margin-bottom: 50px}
.album-movie-area {padding: 50px 0 20px 0;background: #f9f9f5;border-top: 1px solid #ebebeb}

.photo-list {display: flex;flex-wrap: wrap;}

.photo-list li.wide{flex-basis: 60%;margin: 0 20%}
.photo-list li.wide-02{flex-basis: 100%;margin: 0}
.photo-list li{flex-basis: 32%;margin: 0 2% 1.5% 0}
.photo-list li:nth-child(3n){margin: 0 0 1.5% 0}

@media screen and (max-width:768px){
.photo-list li.wide{flex-basis: 100%;margin: 0}
.photo-list li{flex-basis: 49%;margin: 0 2% 1.5% 0}
.photo-list li:nth-child(3n){margin: 0 2% 1.5% 0}
.photo-list li:nth-child(2n){margin: 0 0 1.5% 0}
}

.movie-list {display: flex;flex-wrap: wrap;margin-top: 30px;}
.movie-list li{flex-basis: 32%;margin: 0 2% 1.5% 0}
.movie-list li:nth-child(3n){margin: 0 0 1.5% 0}

@media screen and (max-width:768px){
.movie-list li,
.movie-list li:nth-child(3n){flex-basis: 100%;margin: 0 0 1.5% 0}
.movie-list li .video{margin: 0 0 0.5em 0 }
}


.movie-attention{margin-bottom: 50px;}
.movie-attention small{font-size: 0.8rem;}
@media screen and (max-width:768px){
.movie-attention small{font-size: 0.7rem;}
}

/*アルバム一覧に戻る*/
.back-to-albumlist {margin: 0;padding: 50px 0;background: var(--color-red-10)}
.back-to-albumlist .cwrap{text-align: center;}
.back-to-albumlist a{display: block;max-width: 480px;margin: 0 auto;padding: 10px 20px;color: var(--color-red);border: 1px solid var(--color-red);border-radius: 25px;background: #fff;text-align: center;text-decoration: none;}
.back-to-albumlist a i{margin-right: 10px;}
.back-to-albumlist a:hover{color: #fff;background: var(--color-red);opacity: 1}

/*お疲れ様でした！*/
.otukaresama {margin: 0;padding: 40px 0;background: var(--color-green-10)}
.otukaresama .cwrap{}
.otukaresama p{margin: 0;text-align: center;}
.otukaresama p.t01{margin-bottom: 0.3em;font-size: 25px;font-weight: 700;color:  var(--color-green)}
.otukaresama p.t02{font-size: 20px;}
.otukaresama p span{color: var(--color-red);font-size: 25px;font-weight: 700;}

@media screen and (max-width:480px){
.otukaresama p span{display: block}
}